Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -31,44 +31,33 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
+        { name: "Home", id: "#hero" },
-          name: "Home",          id: "#hero"},
+        { name: "About", id: "#about" },
-        {
+        { name: "Menu", id: "#products" },
-          name: "About",          id: "#about"},
+        { name: "Contact", id: "#contact" },
-        {
-          name: "Menu",          id: "#products"},
-        {
-          name: "Contact",          id: "#contact"},
       ]}
       button={{
-        text: "Order via WhatsApp",        href: "https://wa.me/1234567890"}}
+        text: "Order via WhatsApp",        href: "https://wa.me/96555080728"
+      }}
       brandName="Laila's Bakery"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars"}}
       title="A Taste of Home, Baked Fresh Daily."
       description="Authentic Filipino breads, pastries, and desserts crafted with love in the heart of our neighborhood."
       buttons={[
-        {
+        { text: "Order via WhatsApp", href: "https://wa.me/96555080728" },
-          text: "Order via WhatsApp",          href: "https://wa.me/1234567890"},
       ]}
       mediaItems={[
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/bread-baguette-board-with-sesame-buns-table_140725-11058.jpg?_wi=1", imageAlt: "Spanish bread and Ube loaf" },
-          imageSrc: "http://img.b2bpic.net/free-photo/bread-baguette-board-with-sesame-buns-table_140725-11058.jpg?_wi=1",          imageAlt: "Spanish bread and Ube loaf"},
+        { imageSrc: "http://img.b2bpic.net/free-photo/top-view-bagel-with-rosemary-cinnamon_23-2148368240.jpg", imageAlt: "Freshly baked pastries" },
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/pastry-rose-petals-board_23-2147742723.jpg", imageAlt: "Artisan bakery showcase" },
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-bagel-with-rosemary-cinnamon_23-2148368240.jpg",          imageAlt: "Freshly baked pastries"},
+        { imageSrc: "http://img.b2bpic.net/free-photo/bread-near-oils-jug_23-2147930115.jpg", imageAlt: "Warm bakery atmosphere" },
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/top-view-red-cabbage-with-vegetable-grater-grated-cabbage-dark-wooden-background-horizontal_176474-5246.jpg", imageAlt: "Traditional Filipino bread" },
-          imageSrc: "http://img.b2bpic.net/free-photo/pastry-rose-petals-board_23-2147742723.jpg",          imageAlt: "Artisan bakery showcase"},
+        { imageSrc: "http://img.b2bpic.net/basket-loaves-with-golden-crust_23-2147761317.jpg", imageAlt: "Golden brown pastries" },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/bread-near-oils-jug_23-2147930115.jpg",          imageAlt: "Warm bakery atmosphere"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-red-cabbage-with-vegetable-grater-grated-cabbage-dark-wooden-background-horizontal_176474-5246.jpg",          imageAlt: "Traditional Filipino bread"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/basket-loaves-with-golden-crust_23-2147761317.jpg",          imageAlt: "Golden brown pastries"},
       ]}
     />
   </div>
@@ -79,12 +68,9 @@ export default function LandingPage() {
       title="Tradition in Every Bite"
       description="Laila's Bakery started in a tiny home kitchen, driven by a passion to share the comforting flavors of the Philippines with our neighbors. Today, we continue to use time-honored techniques."
       metrics={[
-        {
+        { value: "15+", title: "Years Baking" },
-          value: "15+",          title: "Years Baking"},
+        { value: "5k+", title: "Happy Neighbors" },
-        {
+        { value: "20+", title: "Traditional Recipes" },
-          value: "5k+",          title: "Happy Neighbors"},
-        {
-          value: "20+",          title: "Traditional Recipes"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/flat-lay-food-frame-with-baked-products_23-2148234239.jpg?_wi=1"
       imageAlt="The heart of Laila's Bakery"
@@ -99,12 +85,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
+        { id: "f1", title: "Fresh Daily", description: "We bake our goods from scratch every single morning.", tag: "Quality", imageSrc: "http://img.b2bpic.net/free-vector/flat-labels-collection-oktoberfest-celebration_23-2149557109.jpg", imageAlt: "minimalist bakery logo stamp" },
-          id: "f1",          title: "Fresh Daily",          description: "We bake our goods from scratch every single morning.",          tag: "Quality",          imageSrc: "http://img.b2bpic.net/free-vector/flat-labels-collection-oktoberfest-celebration_23-2149557109.jpg",          imageAlt: "minimalist bakery logo stamp"},
+        { id: "f2", title: "Authentic Ingredients", description: "Sourced carefully for the most authentic Filipino flavors.", tag: "Authentic", imageSrc: "http://img.b2bpic.net/free-photo/bread-baguette-board-with-sesame-buns-table_140725-11058.jpg?_wi=2", imageAlt: "minimalist bakery logo stamp" },
-        {
+        { id: "f3", title: "Community Love", description: "Supporting local growers and our lovely neighbors.", tag: "Community", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-food-frame-with-baked-products_23-2148234239.jpg?_wi=2", imageAlt: "minimalist bakery logo stamp" },
-          id: "f2",          title: "Authentic Ingredients",          description: "Sourced carefully for the most authentic Filipino flavors.",          tag: "Authentic",          imageSrc: "http://img.b2bpic.net/free-photo/bread-baguette-board-with-sesame-buns-table_140725-11058.jpg?_wi=2",          imageAlt: "minimalist bakery logo stamp"},
-        {
-          id: "f3",          title: "Community Love",          description: "Supporting local growers and our lovely neighbors.",          tag: "Community",          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-food-frame-with-baked-products_23-2148234239.jpg?_wi=2",          imageAlt: "minimalist bakery logo stamp"},
       ]}
       title="Why Choose Us?"
       description="Experience the authentic taste of tradition."
@@ -118,21 +101,20 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
+        { id: "p1", name: "Spanish Bread", price: "$2.50", variant: "Pack of 6", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-fruity-pastries-sweet-baked-grey-light-wall-cake-pastry-bake-tea_140725-37684.jpg" },
-          id: "p1",          name: "Spanish Bread",          price: "$2.50",          variant: "Pack of 6",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-fruity-pastries-sweet-baked-grey-light-wall-cake-pastry-bake-tea_140725-37684.jpg"},
+        { id: "p2", name: "Ube Loaf", price: "$6.00", variant: "Freshly Baked", imageSrc: "http://img.b2bpic.net/free-photo/freshly-baked-blueberry-cake-slice-wooden-board_114579-61339.jpg" },
-        {
+        { id: "p4", name: "Pandesal", price: "$1.50", variant: "Dozen", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cookie-with-coconut-powder-wooden-background_181624-25074.jpg" },
-          id: "p2",          name: "Ube Loaf",          price: "$6.00",          variant: "Freshly Baked",          imageSrc: "http://img.b2bpic.net/free-photo/freshly-baked-blueberry-cake-slice-wooden-board_114579-61339.jpg"},
+        { id: "p3", name: "Ensaymada", price: "$3.00", variant: "Cheesy", imageSrc: "http://img.b2bpic.net/free-photo/two-kinds-dried-fruit-bowl-marble-table_114579-72623.jpg" },
-        {
+        { id: "p5", name: "Hopia", price: "$2.00", variant: "Mung Bean", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-bred-wooden-surface_181624-58277.jpg" },
-          id: "p3",          name: "Ensaymada",          price: "$3.00",          variant: "Cheesy",          imageSrc: "http://img.b2bpic.net/free-photo/two-kinds-dried-fruit-bowl-marble-table_114579-72623.jpg"},
+        { id: "p6", name: "Leche Flan", price: "$8.00", variant: "Small Tray", imageSrc: "http://img.b2bpic.net/free-photo/sliced-piroshki-with-potatoes-blue-plate_114579-88869.jpg" },
-        {
-          id: "p4",          name: "Pandesal",          price: "$1.50",          variant: "Dozen",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-cookie-with-coconut-powder-wooden-background_181624-25074.jpg"},
-        {
-          id: "p5",          name: "Hopia",          price: "$2.00",          variant: "Mung Bean",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-bred-wooden-surface_181624-58277.jpg"},
-        {
-          id: "p6",          name: "Leche Flan",          price: "$8.00",          variant: "Small Tray",          imageSrc: "http://img.b2bpic.net/free-photo/sliced-piroshki-with-potatoes-blue-plate_114579-88869.jpg"},
       ]}
       title="Our Daily Bakes"
       description="Discover your new favorite Filipino treat."
+      buttons={[
+         { text: "Order Spanish Bread", href: "https://wa.me/96555080728?text=Hi%20Laila's%20Bakery!%20I%20would%20like%20to%20order%20the%20Spanish%20Bread" },
+         { text: "Order Ube Loaf", href: "https://wa.me/96555080728?text=Hi%20Laila's%20Bakery!%20I%20would%20like%20to%20order%20the%20Ube%20Loaf" },
+         { text: "Order Pandesal", href: "https://wa.me/96555080728?text=Hi%20Laila's%20Bakery!%20I%20would%20like%20to%20order%20the%20Pandesal" }
+      ]}
     />
   </div>
 
@@ -141,16 +123,11 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       testimonials={[
-        {
+        { id: "t1", title: "Absolute Best!", quote: "The Ube loaf is to die for. Reminds me of home.", name: "Maria C.", role: "Loyal Patron", imageSrc: "http://img.b2bpic.net/free-photo/holidays-spring-party-concept-tender-romantic-cute-blond-girlfriend-prepared-delicious-desse_1258-92636.jpg" },
-          id: "t1",          title: "Absolute Best!",          quote: "The Ube loaf is to die for. Reminds me of home.",          name: "Maria C.",          role: "Loyal Patron",          imageSrc: "http://img.b2bpic.net/free-photo/holidays-spring-party-concept-tender-romantic-cute-blond-girlfriend-prepared-delicious-desse_1258-92636.jpg"},
+        { id: "t2", title: "Consistently Good", quote: "My go-to place for fresh pandesal every morning.", name: "David L.", role: "Regular Customer", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-basket-pastries_23-2148334511.jpg" },
-        {
+        { id: "t3", title: "So Authentic", quote: "Finally, a place that gets the flavors exactly right.", name: "Sarah P.", role: "Food Enthusiast", imageSrc: "http://img.b2bpic.net/mid-aged-couple-love-home_23-2147986280.jpg" },
-          id: "t2",          title: "Consistently Good",          quote: "My go-to place for fresh pandesal every morning.",          name: "David L.",          role: "Regular Customer",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-basket-pastries_23-2148334511.jpg"},
+        { id: "t4", title: "Warm & Cozy", quote: "Service is friendly and the bread is always fresh.", name: "John D.", role: "Local Neighbor", imageSrc: "http://img.b2bpic.net/free-photo/side-view-employee-checking-products_23-2148366518.jpg" },
-        {
+        { id: "t5", title: "Five Stars!", quote: "Highly recommend the Ensaymada. Absolutely delicious.", name: "Elena R.", role: "Happy Customer", imageSrc: "http://img.b2bpic.net/free-photo/smiling-proudly-confidently-making-number-one_1194-413976.jpg" },
-          id: "t3",          title: "So Authentic",          quote: "Finally, a place that gets the flavors exactly right.",          name: "Sarah P.",          role: "Food Enthusiast",          imageSrc: "http://img.b2bpic.net/mid-aged-couple-love-home_23-2147986280.jpg"},
-        {
-          id: "t4",          title: "Warm & Cozy",          quote: "Service is friendly and the bread is always fresh.",          name: "John D.",          role: "Local Neighbor",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-employee-checking-products_23-2148366518.jpg"},
-        {
-          id: "t5",          title: "Five Stars!",          quote: "Highly recommend the Ensaymada. Absolutely delicious.",          name: "Elena R.",          role: "Happy Customer",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-proudly-confidently-making-number-one_1194-413976.jpg"},
       ]}
       title="Neighborly Love"
       description="What our wonderful community says about us."
@@ -162,7 +139,8 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       names={[
-        "Local Business Network",        "Neighborhood Association",        "Community Foodie Hub",        "Regional Bakers Guild",        "City News Daily",        "Daily Treats Magazine",        "Authentic Eats Review"]}
+        "Local Business Network", "Neighborhood Association", "Community Foodie Hub", "Regional Bakers Guild", "City News Daily", "Daily Treats Magazine", "Authentic Eats Review"]
+      }
       title="Community Partners"
       description="Proud to be a recognized member of our vibrant local community."
     />
@@ -174,18 +152,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       metrics={[
-        {
+        { id: "m1", value: "100%", title: "Freshness Guaranteed", items: ["No preservatives", "Natural ingredients"] },
-          id: "m1",          value: "100%",          title: "Freshness Guaranteed",          items: [
+        { id: "m2", value: "500+", title: "Pandesal Daily", items: ["Traditional batch", "Golden brown"] },
-            "No preservatives",            "Natural ingredients"],
+        { id: "m3", value: "10k+", title: "Smiles Delivered", items: ["Happy neighbors", "Community focus"] },
-        },
-        {
-          id: "m2",          value: "500+",          title: "Pandesal Daily",          items: [
-            "Traditional batch",            "Golden brown"],
-        },
-        {
-          id: "m3",          value: "10k+",          title: "Smiles Delivered",          items: [
-            "Happy neighbors",            "Community focus"],
-        },
       ]}
       title="By The Numbers"
       description="Our bakery is powered by tradition and quality ingredients."
@@ -195,16 +164,13 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain"}}
       tag="Visit Us"
       title="Visit Laila's Bakery Today"
       description="We are open daily from 6 AM to 6 PM. Drop by for fresh bread!"
       buttons={[
-        {
+        { text: "Get Directions", href: "https://www.google.com/maps" },
-          text: "Get Directions",          href: "https://www.google.com/maps"},
+        { text: "Message Us", href: "https://wa.me/96555080728" },
-        {
-          text: "Message Us",          href: "https://wa.me/1234567890"},
       ]}
     />
   </div>
@@ -213,30 +179,9 @@ export default function LandingPage() {
       <FooterBaseReveal
       logoText="Laila's Bakery"
       columns={[
-        {
+        { title: "About", items: [{ label: "Our Story", href: "#about" }, { label: "Our Process", href: "#about" }] },
-          title: "About",          items: [
+        { title: "Products", items: [{ label: "Breads", href: "#products" }, { label: "Pastries", href: "#products" }] },
-            {
+        { title: "Connect", items: [{ label: "WhatsApp", href: "https://wa.me/96555080728" }, { label: "Instagram", href: "https://instagram.com" }] },
-              label: "Our Story",              href: "#about"},
-            {
-              label: "Our Process",              href: "#about"},
-          ],
-        },
-        {
-          title: "Products",          items: [
-            {
-              label: "Breads",              href: "#products"},
-            {
-              label: "Pastries",              href: "#products"},
-          ],
-        },
-        {
-          title: "Connect",          items: [
-            {
-              label: "WhatsApp",              href: "https://wa.me/1234567890"},
-            {
-              label: "Instagram",              href: "https://instagram.com"},
-          ],
-        },
       ]}
       copyrightText="© 2024 Laila's Bakery. All rights reserved."
     />