diff --git a/app/page.tsx b/app/page.tsx index e9d4357bc..2825d828c 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -22,7 +22,9 @@ export async function generateMetadata(): Promise { const manufactureVariant: Record = { 'reman-transmission': 'transmissions', - 'car-part-planet': 'home' + 'car-part-planet': 'home', + 'reman-engine': 'engines', + 'transmission-locator': 'home' }; export default async function HomePage() { diff --git a/lib/styles.ts b/lib/styles.ts index dac7f900d..6c6a67e86 100644 --- a/lib/styles.ts +++ b/lib/styles.ts @@ -43,3 +43,26 @@ export const remanTransmissionColor = { 600: '#111C55' } }; + +export const transmissionLocatorColor = { + primary: { + DEFAULT: '#D94F3D', + emphasis: '#E53935', + muted: '#C2766E' + }, + content: { + subtle: '#9ca3af', // gray-400 + DEFAULT: '#6b7280', // gray-500 + emphasis: '#374151', // gray-700 + strong: '#111827', // gray-900 + inverted: '#ffffff' // white + }, + dark: '#091242', + secondary: '#D94F3D', + blue: { + 800: '#1C1F35', + 200: '#666C89', + 500: '#2D3A7B', + 600: '#111C55' + } +}; diff --git a/public/reman-engine/dark-logo.svg b/public/reman-engine/dark-logo.svg new file mode 100644 index 000000000..c3f44b21d --- /dev/null +++ b/public/reman-engine/dark-logo.svg @@ -0,0 +1,23 @@ + + + diff --git a/public/reman-engine/logo.svg b/public/reman-engine/logo.svg new file mode 100644 index 000000000..0804bd56e --- /dev/null +++ b/public/reman-engine/logo.svg @@ -0,0 +1,23 @@ + + + diff --git a/public/reman-transmission/dark-logo.svg b/public/reman-transmission/dark-logo.svg index d8b1c9677..c915f09f1 100644 --- a/public/reman-transmission/dark-logo.svg +++ b/public/reman-transmission/dark-logo.svg @@ -1,21 +1,35 @@ - - - - - - - - - - - - - - - - - - - - + + diff --git a/public/reman-transmission/logo.svg b/public/reman-transmission/logo.svg index 686e3f9f3..4462fca52 100644 --- a/public/reman-transmission/logo.svg +++ b/public/reman-transmission/logo.svg @@ -1,21 +1,25 @@ - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/transmission-locator/dark-logo.svg b/public/transmission-locator/dark-logo.svg new file mode 100644 index 000000000..03c0af7a2 --- /dev/null +++ b/public/transmission-locator/dark-logo.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/public/transmission-locator/logo.svg b/public/transmission-locator/logo.svg new file mode 100644 index 000000000..09d4106a9 --- /dev/null +++ b/public/transmission-locator/logo.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/tailwind.config.js b/tailwind.config.js index bacf6ef2f..75bf667fd 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -1,11 +1,17 @@ const plugin = require('tailwindcss/plugin'); -import { carPartPlanetColor, remanTransmissionColor } from './lib/styles.ts'; +import { + carPartPlanetColor, + remanTransmissionColor, + transmissionLocatorColor +} from './lib/styles.ts'; const { STORE_PREFIX } = process.env; const getCustomColors = { 'car-part-planet': carPartPlanetColor, - 'reman-transmission': remanTransmissionColor + 'reman-transmission': remanTransmissionColor, + 'reman-engine': remanTransmissionColor, + 'transmission-locator': transmissionLocatorColor }; /** @type {import('tailwindcss').Config} */