From e3328bd437120f4f346b6587cd261e471d9bd021 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 18 May 2026 15:12:06 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 368 ++++++++++++++---------------------------------
 1 file changed, 110 insertions(+), 258 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index ed24c86..6f80019 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -27,272 +27,124 @@ export default function LandingPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Menu",
-          id: "#menu",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
-      ]}
-      brandName="Multan Cafe Stop"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "About", id: "about" },
+              { name: "Menu", id: "menu" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Multan Cafe Stop"
+            button={{ text: "Visit Us", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardScroll
-      background={{
-        variant: "plain",
-      }}
-      title="Experience Artisanal Perfection in Multan"
-      description="Where tradition meets modern brewing. Welcome to Multan's favorite stop for premium coffee, hand-crafted pastries, and a truly cozy atmosphere."
-      buttons={[
-        {
-          text: "Explore Our Menu",
-          href: "#menu",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3441.jpg"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardScroll
+            background={{ variant: "plain" }}
+            title="Experience Artisanal Perfection in Multan"
+            description="Where tradition meets modern brewing. Welcome to Multan's favorite stop for premium coffee, hand-crafted pastries, and a truly cozy atmosphere."
+            buttons={[{ text: "Explore Our Menu", href: "#menu" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3441.jpg"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <SplitAbout
-      textboxLayout="split"
-      useInvertedBackground={false}
-      title="Crafted with Passion"
-      description="At Multan Cafe Stop, every cup tells a story. We source the finest beans, work with local artisans, and create a space where community and flavor thrive together."
-      bulletPoints={[
-        {
-          title: "Ethical Sourcing",
-          description: "We partner with local farmers to ensure our beans meet the highest sustainability standards.",
-        },
-        {
-          title: "Artisanal Baking",
-          description: "Our pastries are baked daily, using only fresh, locally sourced ingredients.",
-        },
-        {
-          title: "Cozy Atmosphere",
-          description: "A refined, quiet space perfect for working, meeting friends, or simply reflecting.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/breakfast-composition_23-2148104748.jpg"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <SplitAbout
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="Crafted with Passion"
+            description="At Multan Cafe Stop, every cup tells a story. We source the finest beans, work with local artisans, and create a space where community and flavor thrive together."
+            bulletPoints={[
+              { title: "Ethical Sourcing", description: "We partner with local farmers to ensure our beans meet the highest sustainability standards." },
+              { title: "Artisanal Baking", description: "Our pastries are baked daily, using only fresh, locally sourced ingredients." },
+              { title: "Cozy Atmosphere", description: "A refined, quiet space perfect for working, meeting friends, or simply reflecting." },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/breakfast-composition_23-2148104748.jpg"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardSixteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      negativeCard={{
-        items: [
-          "Mass-produced chains",
-          "Pre-packaged ingredients",
-          "Fast-food pace",
-          "Low-grade beans",
-          "Lack of personal touch",
-        ],
-      }}
-      positiveCard={{
-        items: [
-          "Single-origin beans",
-          "Hand-crafted daily",
-          "Slow-brew perfection",
-          "Locally sourced ingredients",
-          "Warm and inviting space",
-        ],
-      }}
-      title="Why Choose Us"
-      description="We believe in transparency and quality at every step of our brewing process."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardSixteen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            negativeCard={{ items: ["Mass-produced chains", "Pre-packaged ingredients", "Fast-food pace", "Low-grade beans", "Lack of personal touch"] }}
+            positiveCard={{ items: ["Single-origin beans", "Hand-crafted daily", "Slow-brew perfection", "Locally sourced ingredients", "Warm and inviting space"] }}
+            title="Why Choose Us"
+            description="We believe in transparency and quality at every step of our brewing process."
+          />
+        </div>
 
-  <div id="menu" data-section="menu">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "1",
-          name: "Signature Cappuccino",
-          price: "Rs. 450",
-          variant: "Premium",
-          imageSrc: "http://img.b2bpic.net/free-photo/latte-coffee-art-table_1232-2739.jpg",
-        },
-        {
-          id: "2",
-          name: "Butter Croissant",
-          price: "Rs. 300",
-          variant: "Bakery",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-yummy-choco-eclairs-with-cookies-light-table-biscuit-cake-dessert_140725-123732.jpg",
-        },
-        {
-          id: "3",
-          name: "Cold Brew Latte",
-          price: "Rs. 550",
-          variant: "Iced",
-          imageSrc: "http://img.b2bpic.net/free-photo/coffee-cafe-drinks-beverage-menu-chalk-board_53876-23301.jpg",
-        },
-        {
-          id: "4",
-          name: "Club Artisan",
-          price: "Rs. 650",
-          variant: "Gourmet",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-sandwiches-arrangement-wooden-background_23-2148617311.jpg",
-        },
-        {
-          id: "5",
-          name: "Single-Origin Espresso",
-          price: "Rs. 400",
-          variant: "Brew",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-brewed-coffee_23-2148230531.jpg",
-        },
-        {
-          id: "6",
-          name: "Earl Grey Infusion",
-          price: "Rs. 350",
-          variant: "Tea",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-colored-water-tea-kinds-cups-bowls-dark-wooden-background-horizontal_176474-5358.jpg",
-        },
-      ]}
-      title="Our Signature Selection"
-      description="Explore our hand-curated menu of premium coffees, artisanal teas, and fresh gourmet snacks."
-    />
-  </div>
+        <div id="menu" data-section="menu">
+          <ProductCardFour
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            products={[
+              { id: "1", name: "Signature Cappuccino", price: "Rs. 450", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/latte-coffee-art-table_1232-2739.jpg" },
+              { id: "2", name: "Butter Croissant", price: "Rs. 300", variant: "Bakery", imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-yummy-choco-eclairs-with-cookies-light-table-biscuit-cake-dessert_140725-123732.jpg" },
+              { id: "3", name: "Cold Brew Latte", price: "Rs. 550", variant: "Iced", imageSrc: "http://img.b2bpic.net/free-photo/coffee-cafe-drinks-beverage-menu-chalk-board_53876-23301.jpg" },
+              { id: "4", name: "Club Artisan", price: "Rs. 650", variant: "Gourmet", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-sandwiches-arrangement-wooden-background_23-2148617311.jpg" },
+              { id: "5", name: "Single-Origin Espresso", price: "Rs. 400", variant: "Brew", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-brewed-coffee_23-2148230531.jpg" },
+              { id: "6", name: "Earl Grey Infusion", price: "Rs. 350", variant: "Tea", imageSrc: "http://img.b2bpic.net/free-photo/top-view-colored-water-tea-kinds-cups-bowls-dark-wooden-background-horizontal_176474-5358.jpg" },
+            ]}
+            title="Our Signature Selection"
+            description="Explore our hand-curated menu of premium coffees, artisanal teas, and fresh gourmet snacks."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardSeven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "15k+",
-          title: "Happy Customers",
-          items: [
-            "Community served",
-            "Smiles generated",
-          ],
-        },
-        {
-          id: "m2",
-          value: "5k+",
-          title: "Cups Brewed",
-          items: [
-            "Fresh beans used",
-            "Perfect pours",
-          ],
-        },
-        {
-          id: "m3",
-          value: "12",
-          title: "Local Farmers",
-          items: [
-            "Sustainable trade",
-            "Organic partnership",
-          ],
-        },
-        {
-          id: "m4",
-          value: "20+",
-          title: "Daily Pastries",
-          items: [
-            "Freshly baked",
-            "Hand-crafted",
-          ],
-        },
-        {
-          id: "m5",
-          value: "4.9",
-          title: "Rating",
-          items: [
-            "Customer satisfaction",
-            "Premium quality",
-          ],
-        },
-      ]}
-      title="Our Impact"
-      description="Numbers speak to the quality and passion behind every cup we serve."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardSeven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "15k+", title: "Happy Customers", items: ["Community served", "Smiles generated"] },
+              { id: "m2", value: "5k+", title: "Cups Brewed", items: ["Fresh beans used", "Perfect pours"] },
+              { id: "m3", value: "12", title: "Local Farmers", items: ["Sustainable trade", "Organic partnership"] },
+              { id: "m4", value: "20+", title: "Daily Pastries", items: ["Freshly baked", "Hand-crafted"] },
+              { id: "m5", value: "4.9", title: "Rating", items: ["Customer satisfaction", "Premium quality"] },
+            ]}
+            title="Our Impact"
+            description="Numbers speak to the quality and passion behind every cup we serve."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Amina Khan",
-          role: "Journalist",
-          testimonial: "The best place in Multan to get a quiet moment and a truly incredible cappuccino.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-olives-beer_23-2147680964.jpg",
-        },
-        {
-          id: "t2",
-          name: "Zaid Abbas",
-          role: "Software Developer",
-          testimonial: "I love the vibe here, the coffee is always fresh and perfect for my afternoon focus sessions.",
-          imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-their-cups-tea_23-2148693090.jpg",
-        },
-        {
-          id: "t3",
-          name: "Sara Malik",
-          role: "Artist",
-          testimonial: "Finally, a cafe that takes their single-origin beans seriously. A true gem for coffee snobs like me.",
-          imageSrc: "http://img.b2bpic.net/free-photo/aged-man-with-tablet_23-2147689342.jpg",
-        },
-        {
-          id: "t4",
-          name: "Omar Farooq",
-          role: "Architect",
-          testimonial: "The atmosphere is unmatched in Multan, feels like being in a different part of the world.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-enjoying-cup-tea_23-2148586186.jpg",
-        },
-        {
-          id: "t5",
-          name: "Hina Javeed",
-          role: "Student",
-          testimonial: "Best butter croissants in the city, hands down. I come here every single Saturday.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-employee-making-coffee_23-2148366606.jpg",
-        },
-      ]}
-      title="Community Voices"
-      description="Here is what our regulars have to say about their daily stop at Multan Cafe."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "t1", name: "Amina Khan", role: "Journalist", testimonial: "The best place in Multan to get a quiet moment and a truly incredible cappuccino.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-olives-beer_23-2147680964.jpg" },
+              { id: "t2", name: "Zaid Abbas", role: "Software Developer", testimonial: "I love the vibe here, the coffee is always fresh and perfect for my afternoon focus sessions.", imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-their-cups-tea_23-2148693090.jpg" },
+              { id: "t3", name: "Sara Malik", role: "Artist", testimonial: "Finally, a cafe that takes their single-origin beans seriously. A true gem for coffee snobs like me.", imageSrc: "http://img.b2bpic.net/free-photo/aged-man-with-tablet_23-2147689342.jpg" },
+              { id: "t4", name: "Omar Farooq", role: "Architect", testimonial: "The atmosphere is unmatched in Multan, feels like being in a different part of the world.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-enjoying-cup-tea_23-2148586186.jpg" },
+              { id: "t5", name: "Hina Javeed", role: "Student", testimonial: "Best butter croissants in the city, hands down. I come here every single Saturday.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-employee-making-coffee_23-2148366606.jpg" },
+            ]}
+            title="Community Voices"
+            description="Here is what our regulars have to say about their daily stop at Multan Cafe."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Stay Updated"
-      title="Join Our Coffee Community"
-      description="Sign up for our newsletter for monthly specials, new bean arrivals, and exclusive cafe events."
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Stay Updated"
+            title="Join Our Coffee Community"
+            description="Sign up for our newsletter for monthly specials, new bean arrivals, and exclusive cafe events."
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="Multan Cafe Stop"
-      copyrightText="© 2025 Multan Cafe Stop | All Rights Reserved"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="Multan Cafe Stop"
+            copyrightText="© 2025 Multan Cafe Stop | All Rights Reserved"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1