crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-05-11 04:07:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

add engine-locator store

Browse Source 
Signed-off-by: Chloe <pinkcloudvnn@gmail.com>
This commit is contained in:
Chloe 2024-07-01 12:31:37 +07:00
parent 6b56ae3ab3
commit d7d28178ea
No known key found for this signature in database
GPG Key ID: CFD53CE570D42DF5
5 changed files with 37 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
app/page.tsx
View File

@ -24,7 +24,8 @@ const manufactureVariant: Record<string, 'home' | 'engines' | 'transmissions'> =
'reman-transmission': 'transmissions',
'car-part-planet': 'home',
'reman-engine': 'engines',
'transmission-locator': 'home'
'transmission-locator': 'transmissions',
'engine-locator': 'engines'
};
export default async function HomePage() {

12
components/filters/hompage-filters.tsx
View File

@ -1,6 +1,16 @@
import { getMenu, getMetaobjects } from 'lib/shopify';
import FiltersList from './filters-list';
const title: Record<string, string> = {
'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 (
<>
<h1 className="text-4xl font-bold tracking-tight text-white lg:text-6xl">
Find Your Car Part
{title[STORE_PREFIX!] || 'Find Your Car Part'}
</h1>
<div className="mt-5 flex grow flex-col items-center gap-3 @md:flex-row">
<FiltersList

11
public/engine-locator/dark-logo.svg Normal file
View File

@ -0,0 +1,11 @@
<svg width="364" height="57" viewBox="0 0 364 57" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.75 25.3125V2.5625H18.06V7.2525H6.93V11.8725H16.03V15.5125H6.93V20.5525H18.41V25.3125H1.75ZM22.1299 25.3125V2.5625H28.0099L36.1299 17.9625V2.5625H41.3099V25.3125H35.5699L27.3099 10.0525V25.3125H22.1299ZM55.5552 25.7325C49.4652 25.7325 45.0552 20.7975 45.0552 13.9725C45.0552 6.9725 49.8152 2.1425 56.2552 2.1425C61.1552 2.1425 65.2152 5.1175 66.0552 9.3525L60.9452 11.1725C60.5252 8.7225 58.6352 6.9725 56.1152 6.9725C52.8252 6.9725 50.5152 9.8075 50.5152 13.8325C50.5152 17.8575 52.9652 20.8325 56.3252 20.8325C58.9852 20.8325 61.0502 18.9775 61.2952 16.3525H53.8052V12.7125H66.1952L67.3152 25.3125H64.0952L63.0452 20.8675C62.2052 23.7725 59.2652 25.7325 55.5552 25.7325ZM71.332 25.3125V2.5625H76.512V25.3125H71.332ZM81.0137 25.3125V2.5625H86.8937L95.0137 17.9625V2.5625H100.194V25.3125H94.4537L86.1937 10.0525V25.3125H81.0137ZM104.709 25.3125V2.5625H121.019V7.2525H109.889V11.8725H118.989V15.5125H109.889V20.5525H121.369V25.3125H104.709Z" fill="#D94F3D"/>
<path d="M1.75 53.3125V30.5625H6.93V48.3425H17.43V53.3125H1.75Z" fill="white"/>
<circle cx="32.0003" cy="42.3109" r="4.31085" stroke="#D94F3D" stroke-width="3"/>
<circle cx="31.9995" cy="42.312" r="9.48387" stroke="#D94F3D" stroke-width="4"/>
<line x1="32.6445" y1="28.3125" x2="32.6445" y2="33.7319" stroke="#D94F3D" stroke-width="4"/>
<line x1="32.6445" y1="50.8906" x2="32.6445" y2="56.31" stroke="#D94F3D" stroke-width="4"/>
<line x1="46" y1="42.9609" x2="40.5806" y2="42.9609" stroke="#D94F3D" stroke-width="4"/>
<line x1="23.4199" y1="42.9609" x2="18.0006" y2="42.9609" stroke="#D94F3D" stroke-width="4"/>
<path d="M59.04 53.7325C52.565 53.7325 47.98 48.8325 47.98 41.9375C47.98 35.0425 52.6 30.1425 59.04 30.1425C64.5 30.1425 68.49 33.8525 68.91 38.3325L63.87 39.5925C63.45 36.7925 61.63 35.0425 59.11 35.0425C55.855 35.0425 53.58 37.9125 53.58 41.9375C53.58 45.9275 55.82 48.6925 59.11 48.6925C61.77 48.6925 63.8 46.8725 64.08 44.2125L69.19 46.4525C68.21 50.7925 64.08 53.7325 59.04 53.7325ZM70.767 53.3125L78.817 30.5625H85.117L93.167 53.3125H87.567L85.887 48.1325H78.047L76.437 53.3125H70.767ZM79.202 44.4925H84.697L81.897 35.8125L79.202 44.4925ZM99.073 53.3125V35.4625H91.863V30.5625H111.463V35.4625H104.253V53.3125H99.073ZM123.741 53.7325C117.091 53.7325 112.401 48.8325 112.401 41.9375C112.401 35.0425 117.091 30.1425 123.741 30.1425C130.391 30.1425 135.081 35.0425 135.081 41.9375C135.081 48.8325 130.391 53.7325 123.741 53.7325ZM123.741 48.6925C127.171 48.6925 129.621 45.8575 129.621 41.8675C129.621 37.8775 127.171 35.0425 123.741 35.0425C120.311 35.0425 117.861 37.8775 117.861 41.8675C117.861 45.8575 120.311 48.6925 123.741 48.6925ZM138.814 53.3125V30.5625H150.294C154.459 30.5625 157.434 33.5725 157.434 37.8425C157.434 40.7825 155.894 43.1275 153.409 44.2825L157.854 53.3125H151.694L148.684 45.0525H143.994V53.3125H138.814ZM143.994 41.4125H148.964C150.714 41.4125 151.974 40.1525 151.974 38.3325C151.974 36.5125 150.784 35.2525 149.104 35.2525H143.994V41.4125Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

11
public/engine-locator/logo.svg Normal file
View File

@ -0,0 +1,11 @@
<svg width="159" height="56" viewBox="0 0 159 56" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.75 25V2.25H18.06V6.94H6.93V11.56H16.03V15.2H6.93V20.24H18.41V25H1.75ZM22.1299 25V2.25H28.0099L36.1299 17.65V2.25H41.3099V25H35.5699L27.3099 9.74V25H22.1299ZM55.5552 25.42C49.4652 25.42 45.0552 20.485 45.0552 13.66C45.0552 6.66 49.8152 1.83 56.2552 1.83C61.1552 1.83 65.2152 4.805 66.0552 9.04L60.9452 10.86C60.5252 8.41 58.6352 6.66 56.1152 6.66C52.8252 6.66 50.5152 9.495 50.5152 13.52C50.5152 17.545 52.9652 20.52 56.3252 20.52C58.9852 20.52 61.0502 18.665 61.2952 16.04H53.8052V12.4H66.1952L67.3152 25H64.0952L63.0452 20.555C62.2052 23.46 59.2652 25.42 55.5552 25.42ZM71.332 25V2.25H76.512V25H71.332ZM81.0137 25V2.25H86.8937L95.0137 17.65V2.25H100.194V25H94.4537L86.1937 9.74V25H81.0137ZM104.709 25V2.25H121.019V6.94H109.889V11.56H118.989V15.2H109.889V20.24H121.369V25H104.709Z" fill="#D94F3D"/>
<path d="M1.75 53V30.25H6.93V48.03H17.43V53H1.75Z" fill="#1A1A25"/>
<circle cx="32.0003" cy="41.9984" r="4.31085" stroke="#D94F3D" stroke-width="3"/>
<circle cx="31.9995" cy="41.9995" r="9.48387" stroke="#D94F3D" stroke-width="4"/>
<line x1="32.6445" y1="28" x2="32.6445" y2="33.4194" stroke="#D94F3D" stroke-width="4"/>
<line x1="32.6445" y1="50.5781" x2="32.6445" y2="55.9975" stroke="#D94F3D" stroke-width="4"/>
<line x1="46" y1="42.6484" x2="40.5806" y2="42.6484" stroke="#D94F3D" stroke-width="4"/>
<line x1="23.4199" y1="42.6484" x2="18.0006" y2="42.6484" stroke="#D94F3D" stroke-width="4"/>
<path d="M59.04 53.42C52.565 53.42 47.98 48.52 47.98 41.625C47.98 34.73 52.6 29.83 59.04 29.83C64.5 29.83 68.49 33.54 68.91 38.02L63.87 39.28C63.45 36.48 61.63 34.73 59.11 34.73C55.855 34.73 53.58 37.6 53.58 41.625C53.58 45.615 55.82 48.38 59.11 48.38C61.77 48.38 63.8 46.56 64.08 43.9L69.19 46.14C68.21 50.48 64.08 53.42 59.04 53.42ZM70.767 53L78.817 30.25H85.117L93.167 53H87.567L85.887 47.82H78.047L76.437 53H70.767ZM79.202 44.18H84.697L81.897 35.5L79.202 44.18ZM99.073 53V35.15H91.863V30.25H111.463V35.15H104.253V53H99.073ZM123.741 53.42C117.091 53.42 112.401 48.52 112.401 41.625C112.401 34.73 117.091 29.83 123.741 29.83C130.391 29.83 135.081 34.73 135.081 41.625C135.081 48.52 130.391 53.42 123.741 53.42ZM123.741 48.38C127.171 48.38 129.621 45.545 129.621 41.555C129.621 37.565 127.171 34.73 123.741 34.73C120.311 34.73 117.861 37.565 117.861 41.555C117.861 45.545 120.311 48.38 123.741 48.38ZM138.814 53V30.25H150.294C154.459 30.25 157.434 33.26 157.434 37.53C157.434 40.47 155.894 42.815 153.409 43.97L157.854 53H151.694L148.684 44.74H143.994V53H138.814ZM143.994 41.1H148.964C150.714 41.1 151.974 39.84 151.974 38.02C151.974 36.2 150.784 34.94 149.104 34.94H143.994V41.1Z" fill="#1A1A25"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

3
tailwind.config.js
View File

@ -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} */