Update src/app/page.tsx

2026-04-15 20:17:45 +00:00
1 changed files with 55 additions and 208 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
        {
-          name: "Menu",
-          id: "products",
-        },
+          name: "Menu",          id: "products"},
        {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
        {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
      ]}
      brandName="Luxury Tea & Banh Mi"
    />
@@ -55,63 +47,40 @@ export default function LandingPage() {
  <div id="hero" data-section="hero">
      <HeroSplit
      background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
      title="Taste the Craft. Experience the Difference."
      description="Hand-pulled bubble tea and authentic banh mi made fresh daily in small batches. Popular items sell out fast—order ahead to secure your favorites."
      tag="Limited Daily Batches"
      buttons={[
        {
-          text: "Order Now",
-          href: "https://ubereats.com",
-        },
+          text: "Order Now",          href: "https://ubereats.com"},
      ]}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vduvh2"
      mediaAnimation="slide-up"
      avatars={[
        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1v1yny",
-          alt: "Happy customer",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1v1yny",          alt: "Happy customer"},
        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cfbxmw",
-          alt: "Happy customer",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cfbxmw",          alt: "Happy customer"},
        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lc29so",
-          alt: "Happy customer",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lc29so",          alt: "Happy customer"},
        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mp8rs9",
-          alt: "Happy customer",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mp8rs9",          alt: "Happy customer"},
        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lwl5g3",
-          alt: "Happy customer",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lwl5g3",          alt: "Happy customer"},
      ]}
      avatarText="Loved by 5,000+ local foodies"
      marqueeItems={[
        {
-          type: "text",
-          text: "Freshly Baked",
-        },
+          type: "text",          text: "Freshly Baked"},
        {
-          type: "text",
-          text: "Hand-pulled Tea",
-        },
+          type: "text",          text: "Hand-pulled Tea"},
        {
-          type: "text",
-          text: "Locally Sourced",
-        },
+          type: "text",          text: "Locally Sourced"},
        {
-          type: "text",
-          text: "Authentic Flavors",
-        },
+          type: "text",          text: "Authentic Flavors"},
        {
-          type: "text",
-          text: "Small Batches",
-        },
+          type: "text",          text: "Small Batches"},
      ]}
    />
  </div>
@@ -124,59 +93,23 @@ export default function LandingPage() {
      useInvertedBackground={true}
      products={[
        {
-          id: "p1",
-          brand: "Tea",
-          name: "Signature Pearl Milk Tea",
-          price: "$7.50",
-          rating: 5,
-          reviewCount: "1.2k",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tk99d3",
-        },
+          id: "p1",          brand: "Tea",          name: "Signature Pearl Milk Tea",          price: "$7.50",          rating: 5,
+          reviewCount: "1.2k",          imageSrc: "https://images.unsplash.com/photo-1594631252845-29fc4cc8cde9?q=80&w=800&h=800"},
        {
-          id: "p2",
-          brand: "Banh Mi",
-          name: "Classic Pork Banh Mi",
-          price: "$12.00",
-          rating: 5,
-          reviewCount: "850",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ki8ml6",
-        },
+          id: "p2",          brand: "Banh Mi",          name: "Classic Pork Banh Mi",          price: "$12.00",          rating: 5,
+          reviewCount: "850",          imageSrc: "https://images.unsplash.com/photo-1589927986083-27a67387fd8e?q=80&w=800&h=800"},
        {
-          id: "p3",
-          brand: "Tea",
-          name: "Fresh Mango Fruit Tea",
-          price: "$8.50",
-          rating: 5,
-          reviewCount: "620",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eee7m7",
-        },
+          id: "p3",          brand: "Tea",          name: "Fresh Mango Fruit Tea",          price: "$8.50",          rating: 5,
+          reviewCount: "620",          imageSrc: "https://images.unsplash.com/photo-1544145945-f90425340c7e?q=80&w=800&h=800"},
        {
-          id: "p4",
-          brand: "Banh Mi",
-          name: "Lemongrass Chicken Banh Mi",
-          price: "$13.00",
-          rating: 5,
-          reviewCount: "740",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lrubx5",
-        },
+          id: "p4",          brand: "Banh Mi",          name: "Lemongrass Chicken Banh Mi",          price: "$13.00",          rating: 5,
+          reviewCount: "740",          imageSrc: "https://images.unsplash.com/photo-1626078353786-8d1933c066e1?q=80&w=800&h=800"},
        {
-          id: "p5",
-          brand: "Tea",
-          name: "Royal Taro Cream",
-          price: "$8.00",
-          rating: 5,
-          reviewCount: "500",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=27osyd",
-        },
+          id: "p5",          brand: "Tea",          name: "Royal Taro Cream",          price: "$8.00",          rating: 5,
+          reviewCount: "500",          imageSrc: "https://images.unsplash.com/photo-1606787366850-de6330128bfc?q=80&w=800&h=800"},
        {
-          id: "p6",
-          brand: "Banh Mi",
-          name: "Spicy Tofu Banh Mi",
-          price: "$12.00",
-          rating: 5,
-          reviewCount: "430",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hsh3z0",
-        },
+          id: "p6",          brand: "Banh Mi",          name: "Spicy Tofu Banh Mi",          price: "$12.00",          rating: 5,
+          reviewCount: "430",          imageSrc: "https://images.unsplash.com/photo-1616628188550-9378772a8c54?q=80&w=800&h=800"},
      ]}
      title="Signature Menu"
      description="Handmade daily. Once they're gone, they're gone."
@@ -188,24 +121,15 @@ export default function LandingPage() {
      useInvertedBackground={false}
      heading={[
        {
-          type: "text",
-          content: "Our commitment to ",
-        },
+          type: "text",          content: "Our commitment to "},
        {
-          type: "image",
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6mtvyk",
-          alt: "Craft Tea",
-        },
+          type: "image",          src: "https://images.unsplash.com/photo-1554118811-1e0d58224f24?q=80&w=800&h=600",          alt: "Our shop interior"},
        {
-          type: "text",
-          content: " quality is unmatched.",
-        },
+          type: "text",          content: " quality is unmatched."},
      ]}
      buttons={[
        {
-          text: "WhatsApp Order",
-          href: "https://wa.me/yournumber",
-        },
+          text: "WhatsApp Order",          href: "https://wa.me/yournumber"},
      ]}
    />
  </div>
@@ -218,26 +142,11 @@ export default function LandingPage() {
      useInvertedBackground={true}
      features={[
        {
-          title: "Fresh Daily",
-          description: "We craft everything in small batches every single morning.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dyzhao",
-          titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6qr3d1",
-          buttonText: "Learn More",
-        },
+          title: "Fresh Daily",          description: "We craft everything in small batches every single morning.",          imageSrc: "https://images.unsplash.com/photo-1509440159596-0249088772ff?q=80&w=800&h=600",          titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6qr3d1",          buttonText: "Learn More"},
        {
-          title: "Premium Tea",
-          description: "Only the finest loose leaf teas are used in our signature blends.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=18my2m",
-          titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4xvvl5",
-          buttonText: "Learn More",
-        },
+          title: "Premium Tea",          description: "Only the finest loose leaf teas are used in our signature blends.",          imageSrc: "https://images.unsplash.com/photo-1544145945-f90425340c7e?q=80&w=800&h=600",          titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4xvvl5",          buttonText: "Learn More"},
        {
-          title: "Authentic Banh Mi",
-          description: "Freshly baked baguettes with traditional pate and veggies.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rnnx2c",
-          titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r9n7nr",
-          buttonText: "Learn More",
-        },
+          title: "Authentic Banh Mi",          description: "Freshly baked baguettes with traditional pate and veggies.",          imageSrc: "https://images.unsplash.com/photo-1589927986083-27a67387fd8e?q=80&w=800&h=600",          titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r9n7nr",          buttonText: "Learn More"},
      ]}
      title="Why Choose Us?"
      description="Excellence in every sip and bite."
@@ -250,45 +159,15 @@ export default function LandingPage() {
      useInvertedBackground={false}
      testimonials={[
        {
-          id: "t1",
-          title: "Amazing Tea",
-          quote: "The best milk tea I've ever had in the city.",
-          name: "Sarah J.",
-          role: "Foodie",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1v1yny",
-        },
+          id: "t1",          title: "Amazing Tea",          quote: "The best milk tea I've ever had in the city.",          name: "Sarah J.",          role: "Foodie",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1v1yny"},
        {
-          id: "t2",
-          title: "Authentic Taste",
-          quote: "Finally found a banh mi that tastes just like the real deal.",
-          name: "Mike D.",
-          role: "Chef",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cfbxmw",
-        },
+          id: "t2",          title: "Authentic Taste",          quote: "Finally found a banh mi that tastes just like the real deal.",          name: "Mike D.",          role: "Chef",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cfbxmw"},
        {
-          id: "t3",
-          title: "My Favorite",
-          quote: "The Taro cream is to die for!",
-          name: "Emily P.",
-          role: "Student",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lc29so",
-        },
+          id: "t3",          title: "My Favorite",          quote: "The Taro cream is to die for!",          name: "Emily P.",          role: "Student",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lc29so"},
        {
-          id: "t4",
-          title: "Must Visit",
-          quote: "Amazing selection, fresh ingredients, great staff.",
-          name: "David W.",
-          role: "Professional",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mp8rs9",
-        },
+          id: "t4",          title: "Must Visit",          quote: "Amazing selection, fresh ingredients, great staff.",          name: "David W.",          role: "Professional",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mp8rs9"},
        {
-          id: "t5",
-          title: "Love the Vibe",
-          quote: "Perfect spot to grab a quick and delicious bite.",
-          name: "Chloe L.",
-          role: "Influencer",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lwl5g3",
-        },
+          id: "t5",          title: "Love the Vibe",          quote: "Perfect spot to grab a quick and delicious bite.",          name: "Chloe L.",          role: "Influencer",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lwl5g3"},
      ]}
      title="Hear From Our Foodies"
      description="Authentic experiences that keep them coming back."
@@ -301,20 +180,11 @@ export default function LandingPage() {
      useInvertedBackground={true}
      faqs={[
        {
-          id: "f1",
-          title: "Do you offer student discounts?",
-          content: "Yes, show your student ID for 10% off any order over $10!",
-        },
+          id: "f1",          title: "Do you offer student discounts?",          content: "Yes, show your student ID for 10% off any order over $10!"},
        {
-          id: "f2",
-          title: "Do you offer delivery?",
-          content: "Yes, we are on Uber Eats and DoorDash.",
-        },
+          id: "f2",          title: "Do you offer delivery?",          content: "Yes, we are on Uber Eats and DoorDash."},
        {
-          id: "f3",
-          title: "Are items made daily?",
-          content: "Yes, we bake our baguettes and brew our tea fresh every morning.",
-        },
+          id: "f3",          title: "Are items made daily?",          content: "Yes, we bake our baguettes and brew our tea fresh every morning."},
      ]}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hkb215"
      title="Common Questions"
@@ -328,14 +198,7 @@ export default function LandingPage() {
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
-        "Foodie City",
-        "Tea Lovers Daily",
-        "Banh Mi Weekly",
-        "Urban Eats",
-        "City Vibes",
-        "Culture & Taste",
-        "Local Flavor",
-      ]}
+        "Foodie City",        "Tea Lovers Daily",        "Banh Mi Weekly",        "Urban Eats",        "City Vibes",        "Culture & Taste",        "Local Flavor"]}
      title="As Featured In"
      description="Connecting with our community."
    />
@@ -345,8 +208,7 @@ export default function LandingPage() {
      <ContactCenter
      useInvertedBackground={true}
      background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
      tag="Stay Updated"
      title="Join Our Exclusive Mailing List"
      description="Get early access to limited edition batches and student promos."
@@ -357,42 +219,27 @@ export default function LandingPage() {
      <FooterBase
      columns={[
        {
-          title: "Order",
-          items: [
+          title: "Order",          items: [
            {
-              label: "Uber Eats",
-              href: "https://ubereats.com",
-            },
+              label: "Uber Eats",              href: "https://ubereats.com"},
            {
-              label: "WhatsApp",
-              href: "https://wa.me/number",
-            },
+              label: "WhatsApp",              href: "https://wa.me/number"},
          ],
        },
        {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
            {
-              label: "About",
-              href: "#about",
-            },
+              label: "About",              href: "#about"},
            {
-              label: "Menu",
-              href: "#products",
-            },
+              label: "Menu",              href: "#products"},
          ],
        },
        {
-          title: "Support",
-          items: [
+          title: "Support",          items: [
            {
-              label: "FAQ",
-              href: "#faq",
-            },
+              label: "FAQ",              href: "#faq"},
            {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
          ],
        },
      ]}
@@ -402,4 +249,4 @@ export default function LandingPage() {
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}