From d3522a9246e503632217b9021ae8d41038e64ff9 Mon Sep 17 00:00:00 2001
From: Chloe <pinkcloudvnn@gmail.com>
Date: Sat, 29 Jun 2024 09:14:10 +0700
Subject: [PATCH] add fix to finish homepage

Signed-off-by: Chloe <pinkcloudvnn@gmail.com>
---
 app/page.tsx                        | 9 +++++++--
 components/home-page/about.tsx      | 2 +-
 components/home-page/why-choose.tsx | 5 +++--
 3 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/app/page.tsx b/app/page.tsx
index fb82e4d56..e9d4357bc 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -8,7 +8,7 @@ import { Metadata } from 'next';
 import { Suspense } from 'react';
 
 export const runtime = 'edge';
-const { SITE_NAME } = process.env;
+const { SITE_NAME, STORE_PREFIX } = process.env;
 
 export async function generateMetadata(): Promise<Metadata> {
   return {
@@ -20,6 +20,11 @@ export async function generateMetadata(): Promise<Metadata> {
   };
 }
 
+const manufactureVariant: Record<string, 'home' | 'engines' | 'transmissions'> = {
+  'reman-transmission': 'transmissions',
+  'car-part-planet': 'home'
+};
+
 export default async function HomePage() {
   return (
     <>
@@ -35,7 +40,7 @@ export default async function HomePage() {
           <FAQ handle="home-page-faqs" />
         </Suspense>
         <Suspense>
-          <Manufacturers />
+          <Manufacturers variant={manufactureVariant[STORE_PREFIX!]} />
         </Suspense>
       </div>
       <Suspense>
diff --git a/components/home-page/about.tsx b/components/home-page/about.tsx
index 745af7d02..cfee67a03 100644
--- a/components/home-page/about.tsx
+++ b/components/home-page/about.tsx
@@ -37,7 +37,7 @@ const About = async () => {
       <div className="flex h-full flex-col justify-between pb-2">
         <div className="mb-3 flex flex-col gap-3">
           <Tag text="About Us" />
-          <h3 className="text-3xl font-semibold lg:text-4xl">Engine & Transmission Experts</h3>
+          <h3 className="text-3xl font-semibold lg:text-4xl">{aboutUs.title}</h3>
           {introduction ? <RichTextDisplay contentBlocks={introduction.children} /> : null}
 
           <DisplayTabs items={features} />
diff --git a/components/home-page/why-choose.tsx b/components/home-page/why-choose.tsx
index f066eb721..68428b0a3 100644
--- a/components/home-page/why-choose.tsx
+++ b/components/home-page/why-choose.tsx
@@ -27,8 +27,9 @@ const WhyChoose = async () => {
               <ImageDisplay
                 fileId={reason.file as string}
                 title={(reason.title || reason.name) as string}
-                className="h-[60px] w-[60px]"
-                sizes="60px"
+                className="h-[50px] w-[50px]"
+                sizes="50px"
+                unoptimized
               />
             </Suspense>
             <div className="mx-3 h-[100px] min-w-0.5 bg-gray-200" />