diff --git a/app/page.tsx b/app/page.tsx index 2825d828c..020cfdf7a 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -24,7 +24,8 @@ const manufactureVariant: Record = 'reman-transmission': 'transmissions', 'car-part-planet': 'home', 'reman-engine': 'engines', - 'transmission-locator': 'home' + 'transmission-locator': 'transmissions', + 'engine-locator': 'engines' }; export default async function HomePage() { diff --git a/components/filters/hompage-filters.tsx b/components/filters/hompage-filters.tsx index 3c6e7a38d..3dee1888a 100644 --- a/components/filters/hompage-filters.tsx +++ b/components/filters/hompage-filters.tsx @@ -1,6 +1,16 @@ import { getMenu, getMetaobjects } from 'lib/shopify'; import FiltersList from './filters-list'; +const title: Record = { + 'reman-transmission': 'Find your Transmission', + 'car-part-planet': 'Find Your Car Part', + 'reman-engine': 'Fine your Engine', + 'transmission-locator': 'Find your Transmission', + 'engine-locator': 'Find your Engine' +}; + +const { STORE_PREFIX } = process.env; + const HomePageFilters = async () => { const yearsData = getMetaobjects('make_model_year_composite'); const modelsData = getMetaobjects('make_model_composite'); @@ -11,7 +21,7 @@ const HomePageFilters = async () => { return ( <>

- Find Your Car Part + {title[STORE_PREFIX!] || 'Find Your Car Part'}

+ + + + + + + + + + diff --git a/public/engine-locator/logo.svg b/public/engine-locator/logo.svg new file mode 100644 index 000000000..6a9efa777 --- /dev/null +++ b/public/engine-locator/logo.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/tailwind.config.js b/tailwind.config.js index 75bf667fd..10bf6ff14 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -11,7 +11,8 @@ const getCustomColors = { 'car-part-planet': carPartPlanetColor, 'reman-transmission': remanTransmissionColor, 'reman-engine': remanTransmissionColor, - 'transmission-locator': transmissionLocatorColor + 'transmission-locator': transmissionLocatorColor, + 'engine-locator': transmissionLocatorColor }; /** @type {import('tailwindcss').Config} */