From 6a0b1ddafdcb9c9cb4fb38701f7ebd3a93b740a1 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 26 Apr 2026 03:09:58 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 461 +++++++++++++----------------------------------
 1 file changed, 123 insertions(+), 338 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index e2a1a9b..c7c7b8a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,353 +29,138 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Shops",
-          id: "shops",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Samoa Coffee Work"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Shops", id: "shops" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Samoa Coffee Work"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDualMedia
-      background={{
-        variant: "plain",
-      }}
-      title="Deep Work in Paradise"
-      description="Discover the most quiet, reliable, and inspiring coffee shops across Tualauta and Iliili Asuemu for your productive sessions."
-      tag="Coffee & Focus"
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-coffee-cookies_23-2148571119.jpg",
-          imageAlt: "cozy coffee shop interior warm lighting",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/black-wedding-background-restaurant-tableware_1203-3980.jpg",
-          imageAlt: "bright cafe workspace window view",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-desk-arrangement-with-laptop_23-2149161004.jpg",
-          imageAlt: "High angle desk arrangement with laptop",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/baked-food-chocolate-waffle-mobile-phone-with-coffee-screen-laptop-spiral-notepad-white-desk_23-2148061438.jpg",
-          imageAlt: "Baked food; chocolate waffle; mobile phone with coffee screen; laptop and spiral notepad on white desk",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-desk-arrangement-with-coffee-cup_23-2149073078.jpg",
-          imageAlt: "High angle desk arrangement with coffee cup",
-        },
-      ]}
-      mediaAnimation="slide-up"
-      rating={5}
-      ratingText="Trusted by 500+ remote workers"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+            <HeroSplitDualMedia
+            background={{ variant: "plain" }}
+            title="Deep Work in Paradise"
+            description="Discover the most quiet, reliable, and inspiring coffee shops across Tualauta and Iliili Asuemu for your productive sessions."
+            tag="Coffee & Focus"
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/top-view-coffee-cookies_23-2148571119.jpg", imageAlt: "cozy coffee shop interior warm lighting" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/black-wedding-background-restaurant-tableware_1203-3980.jpg", imageAlt: "bright cafe workspace window view" }
+            ]}
+            mediaAnimation="slide-up"
+            rating={5}
+            ratingText="Trusted by 500+ remote workers"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <AboutMetric
-      useInvertedBackground={false}
-      title="Quality Workspace Metrics"
-      metrics={[
-        {
-          icon: Wifi,
-          label: "Reliable Wi-Fi",
-          value: "100%",
-        },
-        {
-          icon: Coffee,
-          label: "Local Beans",
-          value: "20+",
-        },
-        {
-          icon: Users,
-          label: "Quiet Zones",
-          value: "15",
-        },
-      ]}
-      metricsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="about" data-section="about">
+            <AboutMetric
+            useInvertedBackground={false}
+            title="Quality Workspace Metrics"
+            metrics={[
+              { icon: Wifi, label: "Reliable Wi-Fi", value: "100%" },
+              { icon: Coffee, label: "Local Beans", value: "20+" },
+              { icon: Users, label: "Quiet Zones", value: "15" }
+            ]}
+            metricsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="shops" data-section="shops">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="split-description"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "s1",
-          brand: "Tualauta",
-          name: "Island Brew Studio",
-          price: "$$$",
-          rating: 5,
-          reviewCount: "120 reviews",
-          imageSrc: "http://img.b2bpic.net/free-photo/table-ready-lunch_1162-65.jpg",
-        },
-        {
-          id: "s2",
-          brand: "Leasina",
-          name: "Quiet Haven Cafe",
-          price: "$$",
-          rating: 4,
-          reviewCount: "85 reviews",
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-artisan-job-workshop_23-2148801581.jpg",
-        },
-        {
-          id: "s3",
-          brand: "Iliili",
-          name: "Zen Bean Workspace",
-          price: "$$",
-          rating: 5,
-          reviewCount: "95 reviews",
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-concentrated-readhead-bearded-businessman-reading-contract-sitting-cafeteria_171337-9893.jpg",
-        },
-        {
-          id: "s4",
-          brand: "Tualauta",
-          name: "Focus Corner Coffee",
-          price: "$$",
-          rating: 4,
-          reviewCount: "60 reviews",
-          imageSrc: "http://img.b2bpic.net/free-photo/beach-table-nobody-water-sky_1203-4482.jpg",
-        },
-        {
-          id: "s5",
-          brand: "Leasina",
-          name: "Island Productivity Lab",
-          price: "$$$",
-          rating: 5,
-          reviewCount: "110 reviews",
-          imageSrc: "http://img.b2bpic.net/free-photo/different-office-stationery-arranged-white-table-co-working-office_285396-1793.jpg",
-        },
-        {
-          id: "s6",
-          brand: "Iliili",
-          name: "The Deep Brew Lounge",
-          price: "$",
-          rating: 4,
-          reviewCount: "45 reviews",
-          imageSrc: "http://img.b2bpic.net/free-photo/bangkok-thailand-november-11-2024-colorful-shrine-thailand-features-golden-statue_482257-124644.jpg",
-        },
-      ]}
-      title="Top Recommended Spots"
-      description="Curated selection of coffee shops in Iliili Asuemu and surroundings optimized for deep work."
-    />
-  </div>
+        <div id="shops" data-section="shops">
+            <ProductCardTwo
+            animationType="slide-up"
+            textboxLayout="split-description"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            products={[
+              { id: "s1", brand: "Tualauta", name: "Island Brew Studio", price: "$$$", rating: 5, reviewCount: "120 reviews", imageSrc: "http://img.b2bpic.net/free-photo/table-ready-lunch_1162-65.jpg" },
+              { id: "s2", brand: "Leasina", name: "Quiet Haven Cafe", price: "$$", rating: 4, reviewCount: "85 reviews", imageSrc: "http://img.b2bpic.net/free-photo/professional-artisan-job-workshop_23-2148801581.jpg" },
+              { id: "s3", brand: "Iliili", name: "Zen Bean Workspace", price: "$$", rating: 5, reviewCount: "95 reviews", imageSrc: "http://img.b2bpic.net/free-photo/photo-concentrated-readhead-bearded-businessman-reading-contract-sitting-cafeteria_171337-9893.jpg" }
+            ]}
+            title="Top Recommended Spots"
+            description="Curated selection of coffee shops in Iliili Asuemu and surroundings optimized for deep work."
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardSeven
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Ultra-Fast Wi-Fi",
-          description: "High-speed connection guaranteed for all your video calls.",
-          imageSrc: "http://img.b2bpic.net/free-photo/cocktail-wooden-table-restaurant_23-2147936121.jpg",
-          imageAlt: "modern coffee shop interior",
-        },
-        {
-          title: "Ergonomic Comfort",
-          description: "Tables and chairs designed for long-term comfort.",
-          imageSrc: "http://img.b2bpic.net/free-photo/hands-african-american-woman-yellow-dreess-with-cup-cappuccino_627829-12947.jpg",
-          imageAlt: "bright cafe workspace window view",
-        },
-        {
-          title: "Quiet Atmosphere",
-          description: "Music and noise levels strictly maintained for focus.",
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-empty-chairs-street-outdoors-restaurant_181624-58741.jpg",
-          imageAlt: "local artisan cafe interior design",
-        },
-      ]}
-      title="Why Work Here?"
-      description="We evaluate based on essential criteria for professionals looking for concentration and comfort."
-    />
-  </div>
+        <div id="features" data-section="features">
+            <FeatureCardSeven
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { title: "Ultra-Fast Wi-Fi", description: "High-speed connection guaranteed for all your video calls.", imageSrc: "http://img.b2bpic.net/free-photo/cocktail-wooden-table-restaurant_23-2147936121.jpg", imageAlt: "modern coffee shop interior" },
+              { title: "Ergonomic Comfort", description: "Tables and chairs designed for long-term comfort.", imageSrc: "http://img.b2bpic.net/free-photo/hands-african-american-woman-yellow-dreess-with-cup-cappuccino_627829-12947.jpg", imageAlt: "bright cafe workspace window view" }
+            ]}
+            title="Why Work Here?"
+            description="We evaluate based on essential criteria for professionals looking for concentration and comfort."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSix
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Sarah Miller",
-          handle: "@sarahworks",
-          testimonial: "The best spot in Tualauta to get deep work done during the day.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-blond-female-model-showing-thumbs-up-sitting-with-laptop-study-material_1258-205399.jpg",
-        },
-        {
-          id: "t2",
-          name: "David Chen",
-          handle: "@davecodes",
-          testimonial: "Excellent internet and the coffee is truly locally sourced and rich.",
-          imageSrc: "http://img.b2bpic.net/free-photo/bearded-freelancer-connecting-wireless-network-via-laptop-thoughtful-man-working-notebook-while-sitting-wooden-table-modern-coffee-shop-interior-student-reading-book-cafe_273609-1943.jpg",
-        },
-        {
-          id: "t3",
-          name: "Elena V.",
-          handle: "@elenastudies",
-          testimonial: "I love the quiet ambiance at the Leasina location for studying.",
-          imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-serious-handsome-black-male-student-drinking-coffee-while-working-home-assignment-writing-down-copybook-using-pen-looking-notes-with-focused-expression-pursuing-lips_273609-7443.jpg",
-        },
-        {
-          id: "t4",
-          name: "Marcus L.",
-          handle: "@marcusdesign",
-          testimonial: "Solid furniture and great lighting for any designer.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-with-headphones-writing-his-diary-coffee-shop_1170-2048.jpg",
-        },
-        {
-          id: "t5",
-          name: "Sophia G.",
-          handle: "@sophiawrites",
-          testimonial: "My absolute favorite coffee shop for writing in the island.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-sitting-cafe-with-laptop-digital-nomad-freelancer-working-outdoors-from-coffee-shop-typing-something_1258-314624.jpg",
-        },
-      ]}
-      title="Community Voices"
-      description="Hear from locals and visitors alike on their favorite productive coffee spots."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+            <TestimonialCardSix
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "t1", name: "Sarah Miller", handle: "@sarahworks", testimonial: "The best spot in Tualauta to get deep work done during the day.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-blond-female-model-showing-thumbs-up-sitting-with-laptop-study-material_1258-205399.jpg" },
+              { id: "t2", name: "David Chen", handle: "@davecodes", testimonial: "Excellent internet and the coffee is truly locally sourced and rich.", imageSrc: "http://img.b2bpic.net/free-photo/bearded-freelancer-connecting-wireless-network-via-laptop-thoughtful-man-working-notebook-while-sitting-wooden-table-modern-coffee-shop-interior-student-reading-book-cafe_273609-1943.jpg" }
+            ]}
+            title="Community Voices"
+            description="Hear from locals and visitors alike on their favorite productive coffee spots."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "Are power outlets always available?",
-          content: "Most of our selected shops prioritize workspaces with easy access to power outlets.",
-        },
-        {
-          id: "q2",
-          title: "How do you rate these shops?",
-          content: "We visit each location personally to test Wi-Fi, noise levels, and comfort.",
-        },
-        {
-          id: "q3",
-          title: "Can I request a new shop?",
-          content: "Yes! Please contact us via the form below to suggest a shop.",
-        },
-      ]}
-      title="Common Questions"
-      description="Have questions about our selection or locations? Here are some quick answers."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+            <FaqDouble
+            textboxLayout="split"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "q1", title: "Are power outlets always available?", content: "Most of our selected shops prioritize workspaces with easy access to power outlets." },
+              { id: "q2", title: "How do you rate these shops?", content: "We visit each location personally to test Wi-Fi, noise levels, and comfort." }
+            ]}
+            title="Common Questions"
+            description="Have questions about our selection or locations? Here are some quick answers."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="blog" data-section="blog">
-      <BlogCardThree
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      title="Productivity Insights"
-      description="Tips for getting the most out of your cafe working sessions."
-      blogs={[
-        {
-          id: "b1",
-          category: "Guide",
-          title: "Mastering Deep Work in Cafes",
-          excerpt: "How to stay focused amid distractions.",
-          imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-notepad-cafe-table_23-2147962616.jpg",
-          authorName: "Admin",
-          authorAvatar: "http://img.b2bpic.net/free-photo/happy-businesswoman-talking-smartphone-while-holding-glass-chocolate-milkshake-restaurant_23-2147970873.jpg",
-          date: "Jan 10, 2025",
-        },
-        {
-          id: "b2",
-          category: "Tips",
-          title: "Best Times for Quiet Coffee",
-          excerpt: "The quietest hours in Tualauta shops.",
-          imageSrc: "http://img.b2bpic.net/free-photo/interior-nice-bar_23-2147897025.jpg",
-          authorName: "Admin",
-          authorAvatar: "http://img.b2bpic.net/free-photo/working-woman-cafe-using-laptop-studying-remotely-freelancing-from-restaurant-drinking-coffee_1258-199157.jpg",
-          date: "Jan 12, 2025",
-        },
-        {
-          id: "b3",
-          category: "Reviews",
-          title: "Hidden Gems in Iliili Asuemu",
-          excerpt: "Discover local spots you might miss.",
-          imageSrc: "http://img.b2bpic.net/free-photo/coffee-machine-making-perfect-cup-coffee_23-2151699655.jpg",
-          authorName: "Admin",
-          authorAvatar: "http://img.b2bpic.net/free-photo/brunette-girl-sitting-cafe-with-cup-cappuccino-listening-music-headphones-write-some-documents_627829-7925.jpg",
-          date: "Jan 15, 2025",
-        },
-      ]}
-    />
-  </div>
+        <div id="blog" data-section="blog">
+            <BlogCardThree
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="Productivity Insights"
+            description="Tips for getting the most out of your cafe working sessions."
+            blogs={[
+              { id: "b1", category: "Guide", title: "Mastering Deep Work in Cafes", excerpt: "How to stay focused amid distractions.", imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-notepad-cafe-table_23-2147962616.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/happy-businesswoman-talking-smartphone-while-holding-glass-chocolate-milkshake-restaurant_23-2147970873.jpg", date: "Jan 10, 2025" },
+              { id: "b2", category: "Tips", title: "Best Times for Quiet Coffee", excerpt: "The quietest hours in Tualauta shops.", imageSrc: "http://img.b2bpic.net/free-photo/interior-nice-bar_23-2147897025.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/working-woman-cafe-using-laptop-studying-remotely-freelancing-from-restaurant-drinking-coffee_1258-199157.jpg", date: "Jan 12, 2025" }
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Newsletter"
-      title="Stay Updated"
-      description="Join our newsletter for weekly updates on the best quiet spots."
-    />
-  </div>
+        <div id="contact" data-section="contact">
+            <ContactCenter
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Newsletter"
+            title="Stay Updated"
+            description="Join our newsletter for weekly updates on the best quiet spots."
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="Samoa Coffee Work"
-      columns={[
-        {
-          title: "Links",
-          items: [
-            {
-              label: "Home",
-              href: "#hero",
-            },
-            {
-              label: "Shops",
-              href: "#shops",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterBaseCard
+            logoText="Samoa Coffee Work"
+            columns={[
+              { title: "Links", items: [{ label: "Home", href: "#hero" }, { label: "Shops", href: "#shops" }, { label: "Contact", href: "#contact" }] },
+              { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );