diff --git a/src/app/page.tsx b/src/app/page.tsx
index f8cbbca..5d8e74f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
@@ -117,63 +117,34 @@ export default function LandingPage() {
   </div>
 
   <div id="product" data-section="product">
-      <ProductCardThree
+      <ProductCardFour
       animationType="slide-up"
       textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
+      gridVariant="four-items-2x2-equal-grid"
+      useInvertedBackground={true}
       title="Daily Specials"
       description="Freshly prepared every morning."
       products={[
         {
-          id: "ps1",          name: "Claypot Noodle",          price: "RM 13.50",          imageSrc: "http://img.b2bpic.net/free-photo/chopsticks-with-soya-sauce-bowl-udon-noodles-bowl-wooden-table_23-2148093141.jpg?_wi=2"},
+          id: "ps1",          name: "Claypot Noodle",          price: "RM 13.50",          variant: "Hot",          imageSrc: "http://img.b2bpic.net/free-photo/chopsticks-with-soya-sauce-bowl-udon-noodles-bowl-wooden-table_23-2148093141.jpg?_wi=2"},
         {
-          id: "ps2",          name: "Signature Laksa",          price: "RM 12.00",          imageSrc: "http://img.b2bpic.net/free-photo/horizontal-view-delicious-noodle-soup-with-chicken-brown-bowl-dark-background_140725-140400.jpg?_wi=2"},
+          id: "ps2",          name: "Signature Laksa",          price: "RM 12.00",          variant: "Spicy",          imageSrc: "http://img.b2bpic.net/free-photo/horizontal-view-delicious-noodle-soup-with-chicken-brown-bowl-dark-background_140725-140400.jpg?_wi=2"},
         {
-          id: "ps3",          name: "Stuffed Tofu",          price: "RM 2.00/pc",          imageSrc: "http://img.b2bpic.net/free-photo/some-pistachio-with-chocolate-bowl_176474-7551.jpg?_wi=2"},
+          id: "ps3",          name: "Stuffed Tofu",          price: "RM 2.00/pc",          variant: "Fresh",          imageSrc: "http://img.b2bpic.net/free-photo/some-pistachio-with-chocolate-bowl_176474-7551.jpg?_wi=2"},
         {
-          id: "ps4",          name: "Fishball Soup",          price: "RM 9.50",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-delicious-indonesian-bakso_23-2148933322.jpg?_wi=2"},
-        {
-          id: "ps5",          name: "Curry Rice",          price: "RM 10.00",          imageSrc: "http://img.b2bpic.net/free-photo/chopsticks-with-soya-sauce-bowl-udon-noodles-bowl-wooden-table_23-2148093141.jpg?_wi=3"},
+          id: "ps4",          name: "Fishball Soup",          price: "RM 9.50",          variant: "Classic",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-delicious-indonesian-bakso_23-2148933322.jpg?_wi=2"},
       ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Menu",          items: [
-            {
-              label: "Noodles",              href: "/menu#noodles"},
-            {
-              label: "Laksa",              href: "/menu#laksa"},
-            {
-              label: "Drinks",              href: "/menu#drinks"},
-          ],
-        },
-        {
-          title: "Company",          items: [
-            {
-              label: "About Us",              href: "/about"},
-            {
-              label: "Contact",              href: "/contact"},
-          ],
-        },
-        {
-          title: "Social",          items: [
-            {
-              label: "Facebook",              href: "#"},
-            {
-              label: "WhatsApp",              href: "https://wa.me/60174106373"},
-          ],
-        },
-      ]}
+      <FooterLogoReveal
       logoText="San Yuan Gourmet House"
-      copyrightText="© 2025 San Yuan Gourmet House | Kluang Local Eats"
+      leftLink={{ text: "View Menu", href: "/menu" }}
+      rightLink={{ text: "Contact Us", href: "/contact" }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 078bd0f..6dd9ce6 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -12,13 +12,13 @@
 
   --background: #ffffff;
   --card: #f9f9f9;
-  --foreground: #120006;
-  --primary-cta: #e63946;
+  --foreground: #111111;
+  --primary-cta: #111111;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #f0f0f0;
   --secondary-cta-text: #120006;
-  --accent: #0a7039;
-  --background-accent: #f3ede2;
+  --accent: #cccccc;
+  --background-accent: #f9f9f9;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);