Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -12,7 +12,7 @@ import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import { Flame } from "lucide-react";
+import { Flame, Star } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -33,42 +33,30 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Menu",
-          id: "menu",
-        },
+          name: "Menu",          id: "menu"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="Ayam Panggang Mbak Indah"
+      button={{ text: "Order Now", href: "#menu" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroLogoBillboard
       background={{
-        variant: "downward-rays-static",
-      }}
+        variant: "downward-rays-static"}}
       logoText="Ayam Panggang Mbak Indah"
       description="Authentic traditional charcoal-grilled chicken with secret family spices."
       buttons={[
         {
-          text: "View Menu",
-          href: "#menu",
-        },
+          text: "View Menu",          href: "#menu"},
         {
-          text: "Contact Us",
-          href: "#contact",
-        },
+          text: "Contact Us",          href: "#contact"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/top-view-cookie-plates-dried-lemon-slices-with-copy-space-pullover_23-2148791017.jpg"
       imageAlt="grilled chicken indonesian style rustic"
@@ -92,53 +80,25 @@ export default function LandingPage() {
 
   <div id="menu" data-section="menu">
       <ProductCardOne
+      tag="Local Favorites"
+      tagIcon={Star}
       animationType="slide-up"
       textboxLayout="default"
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={true}
       products={[
         {
-          id: "1",
-          name: "Signature Ayam Panggang",
-          price: "$12.99",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-cutting-delicious-turkey_23-2148681867.jpg",
-          imageAlt: "grilled chicken served with sambal",
-        },
+          id: "1",          name: "Signature Ayam Panggang",          price: "$12.99",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-cutting-delicious-turkey_23-2148681867.jpg",          imageAlt: "grilled chicken served with sambal"},
         {
-          id: "2",
-          name: "Bumbu Rujak Chicken",
-          price: "$13.99",
-          imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-with-fish-sauce_1388-24.jpg",
-          imageAlt: "grilled chicken platter indonesian",
-        },
+          id: "2",          name: "Bumbu Rujak Chicken",          price: "$13.99",          imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-with-fish-sauce_1388-24.jpg",          imageAlt: "grilled chicken platter indonesian"},
         {
-          id: "3",
-          name: "Traditional Tempeh Plate",
-          price: "$4.99",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-first-second-main-dish-lentil-soup-vegetable-salad-rice-with-meat-juice-table_140725-11420.jpg",
-          imageAlt: "side dish tempeh tofu traditional",
-        },
+          id: "3",          name: "Traditional Tempeh Plate",          price: "$4.99",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-first-second-main-dish-lentil-soup-vegetable-salad-rice-with-meat-juice-table_140725-11420.jpg",          imageAlt: "side dish tempeh tofu traditional"},
         {
-          id: "4",
-          name: "House Sambal Bowl",
-          price: "$1.99",
-          imageSrc: "http://img.b2bpic.net/free-photo/red-hot-chilli-sauce-tomato-ketchup-chilli-sauce-puree-with-chili-pepper-tomatoes-garlic-wooden-cutting-board-stone-surface-top-view_1150-44567.jpg",
-          imageAlt: "spicy sambal bowl traditional",
-        },
+          id: "4",          name: "House Sambal Bowl",          price: "$1.99",          imageSrc: "http://img.b2bpic.net/free-photo/red-hot-chilli-sauce-tomato-ketchup-chilli-sauce-puree-with-chili-pepper-tomatoes-garlic-wooden-cutting-board-stone-surface-top-view_1150-44567.jpg",          imageAlt: "spicy sambal bowl traditional"},
         {
-          id: "5",
-          name: "Sticky Rice Dessert",
-          price: "$3.50",
-          imageSrc: "http://img.b2bpic.net/free-photo/black-sticky-rice-custard-banana-leaf-white-plate-with-butterfly-pea-flowers_1150-20712.jpg",
-          imageAlt: "traditional indonesian dessert",
-        },
+          id: "5",          name: "Sticky Rice Dessert",          price: "$3.50",          imageSrc: "http://img.b2bpic.net/free-photo/black-sticky-rice-custard-banana-leaf-white-plate-with-butterfly-pea-flowers_1150-20712.jpg",          imageAlt: "traditional indonesian dessert"},
         {
-          id: "6",
-          name: "Steam Rice Portion",
-          price: "$1.50",
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-halves-coconut-stew_23-2148494726.jpg",
-          imageAlt: "steamed rice banana leaf",
-        },
+          id: "6",          name: "Steam Rice Portion",          price: "$1.50",          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-halves-coconut-stew_23-2148494726.jpg",          imageAlt: "steamed rice banana leaf"},
       ]}
       title="Our Signature Dishes"
       description="Explore our authentic menu favorites."
@@ -152,45 +112,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Sarah A.",
-          handle: "@sarahfoodie",
-          testimonial: "The best ayam panggang I have ever tasted! So smoky and tender.",
-          imageSrc: "http://img.b2bpic.net/free-photo/middle-age-woman-having-fun-restaurant_23-2149237471.jpg",
-          imageAlt: "happy customer eating indonesian food",
-        },
+          id: "1",          name: "Sarah A.",          handle: "@sarahfoodie",          testimonial: "The best ayam panggang I have ever tasted! So smoky and tender.",          imageSrc: "http://img.b2bpic.net/free-photo/middle-age-woman-having-fun-restaurant_23-2149237471.jpg",          imageAlt: "happy customer eating indonesian food"},
         {
-          id: "2",
-          name: "Budi K.",
-          handle: "@budik_culinary",
-          testimonial: "Authentic flavors that remind me of home. A true hidden gem.",
-          imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663875.jpg",
-          imageAlt: "young woman enjoying indonesian food",
-        },
+          id: "2",          name: "Budi K.",          handle: "@budik_culinary",          testimonial: "Authentic flavors that remind me of home. A true hidden gem.",          imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663875.jpg",          imageAlt: "young woman enjoying indonesian food"},
         {
-          id: "3",
-          name: "Dina W.",
-          handle: "@dina_eats",
-          testimonial: "Highly recommended for families. Great taste and portions.",
-          imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148006577.jpg",
-          imageAlt: "family dinner table atmosphere",
-        },
+          id: "3",          name: "Dina W.",          handle: "@dina_eats",          testimonial: "Highly recommended for families. Great taste and portions.",          imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148006577.jpg",          imageAlt: "family dinner table atmosphere"},
         {
-          id: "4",
-          name: "Andi P.",
-          handle: "@andi_foodies",
-          testimonial: "The charcoal grill makes such a difference in flavor. Fantastic!",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-fried-chicken-with-different-seasonings-dark-space_140725-75651.jpg",
-          imageAlt: "man enjoying traditional indonesian food",
-        },
+          id: "4",          name: "Andi P.",          handle: "@andi_foodies",          testimonial: "The charcoal grill makes such a difference in flavor. Fantastic!",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-fried-chicken-with-different-seasonings-dark-space_140725-75651.jpg",          imageAlt: "man enjoying traditional indonesian food"},
         {
-          id: "5",
-          name: "Siti M.",
-          handle: "@siti_kitchen",
-          testimonial: "Consistent, delicious, and always served fresh. Mbak Indah never fails.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-with-delicious-food_23-2149272787.jpg",
-          imageAlt: "senior diner smiling food review",
-        },
+          id: "5",          name: "Siti M.",          handle: "@siti_kitchen",          testimonial: "Consistent, delicious, and always served fresh. Mbak Indah never fails.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-with-delicious-food_23-2149272787.jpg",          imageAlt: "senior diner smiling food review"},
       ]}
       title="What Our Diners Say"
       description="Real experiences from local food lovers."
@@ -202,20 +132,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "1",
-          title: "Do you offer delivery?",
-          content: "Yes, we partner with major food delivery apps for your convenience.",
-        },
+          id: "1",          title: "Do you offer delivery?",          content: "Yes, we partner with major food delivery apps for your convenience."},
         {
-          id: "2",
-          title: "Are your ingredients fresh?",
-          content: "Absolutely. We source fresh, local chickens and organic spices daily.",
-        },
+          id: "2",          title: "Are your ingredients fresh?",          content: "Absolutely. We source fresh, local chickens and organic spices daily."},
         {
-          id: "3",
-          title: "Do you have indoor seating?",
-          content: "Yes, we offer a cozy, traditional dining area for all our customers.",
-        },
+          id: "3",          title: "Do you have indoor seating?",          content: "Yes, we offer a cozy, traditional dining area for all our customers."},
       ]}
       sideTitle="Frequently Asked Questions"
       sideDescription="Everything you need to know about our grilled chicken."
@@ -231,20 +152,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "1",
-          value: "20+",
-          description: "Years of experience",
-        },
+          id: "1",          value: "20+",          description: "Years of experience"},
         {
-          id: "2",
-          value: "100k+",
-          description: "Happy customers served",
-        },
+          id: "2",          value: "100k+",          description: "Happy customers served"},
         {
-          id: "3",
-          value: "50+",
-          description: "Secret spices used",
-        },
+          id: "3",          value: "50+",          description: "Secret spices used"},
       ]}
       title="Our Impact"
       description="Numbers behind our traditional recipes."
@@ -256,12 +168,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       names={[
-        "Culinary Assoc.",
-        "Food Guide Pro",
-        "Delivery Partners",
-        "Award Winners",
-        "Local Permits",
-      ]}
+        "Culinary Assoc.",        "Food Guide Pro",        "Delivery Partners",        "Award Winners",        "Local Permits"]}
       title="Proudly Recognized By"
       description="Local organizations and dining guides."
     />
@@ -271,8 +178,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="Stay Updated"
       title="Get Special Offers"
       description="Sign up for our newsletter and never miss out on special deals."
@@ -286,29 +192,19 @@ export default function LandingPage() {
       logoText="Ayam Panggang Mbak Indah"
       columns={[
         {
-          title: "Navigation",
-          items: [
+          title: "Navigation",          items: [
             {
-              label: "Menu",
-              href: "#menu",
-            },
+              label: "Menu",              href: "#menu"},
             {
-              label: "About",
-              href: "#about",
-            },
+              label: "About",              href: "#about"},
           ],
         },
         {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
             {
-              label: "Terms of Service",
-              href: "#",
-            },
+              label: "Terms of Service",              href: "#"},
           ],
         },
       ]}
@@ -317,4 +213,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -17,7 +17,7 @@
   --primary-cta-text: #f5f4ef;
   --secondary-cta: #ecebea;
   --secondary-cta-text: #2a2928;
-  --accent: #ffffff;
+  --accent: #c6b180;
   --background-accent: #c6b180;
 
   /* text sizing - set by ThemeProvider */