From e4c3cdd74b1a069d61d80458bb5891452e6644c8 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 10 Apr 2026 00:48:33 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 623c161..f97db93 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,9 +3,9 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
-import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
+import TimelinePhoneView from '@/components/cardStack/layouts/timelines/TimelinePhoneView';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
@@ -30,14 +30,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "Menu",          id: "menu"},
-        {
-          name: "Why Us",          id: "why"},
-        {
-          name: "Visit",          id: "visit"},
+        { name: "Home", id: "hero" },
+        { name: "Gallery", id: "gallery" },
+        { name: "Menu", id: "menu" },
+        { name: "Process", id: "process" },
+        { name: "Visit", id: "visit" },
       ]}
       brandName="Açaí Center"
     />
@@ -45,51 +42,30 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboard
-      background={{
-        variant: "sparkles-gradient"}}
+      background={{ variant: "sparkles-gradient" }}
       title="Melbourne’s Freshest Açaí Experience"
       description="Made fresh. Generous portions. Crafted to fuel your day."
       buttons={[
-        {
-          text: "View Menu",          href: "#menu"},
-        {
-          text: "Visit Us Today",          href: "#visit"},
+        { text: "View Menu", href: "#menu" },
+        { text: "Visit Us Today", href: "#visit" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/still-life-cup-brazilian-acai-dessert_23-2150168839.jpg"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12094.jpg",          alt: "Customer"},
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-guy-eating-cereals_23-2148334475.jpg",          alt: "Customer"},
-        {
-          src: "http://img.b2bpic.net/free-photo/young-beautiful-girl-sitting-cafe_176420-5900.jpg",          alt: "Customer"},
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5062.jpg",          alt: "Customer"},
-        {
-          src: "http://img.b2bpic.net/free-photo/brunette-woman-with-cabbage-muffin_23-2148173232.jpg",          alt: "Customer"},
-      ]}
-      avatarText="Join 10,000+ happy customers"
-      marqueeItems={[
-        {
-          type: "text",          text: "100% Organic Açaí"},
-        {
-          type: "text",          text: "Hand-crafted in Melbourne"},
-        {
-          type: "text",          text: "Fresh daily toppings"},
-        {
-          type: "text",          text: "Vegan & Dairy-Free options"},
-        {
-          type: "text",          text: "Premium Superfood"},
-      ]}
     />
   </div>
 
-  <div id="about" data-section="about">
-      <TextAbout
-      useInvertedBackground={false}
-      title="More Than Just Açaí"
-      tag="Our Story"
-    />
+  <div id="gallery" data-section="gallery">
+      <ProductCardFour
+        animationType="slide-up"
+        textboxLayout="default"
+        gridVariant="four-items-2x2-equal-grid"
+        useInvertedBackground={false}
+        title="Before & After Transformation"
+        description="See the vibrant transformation from raw ingredients to your perfect bowl."
+        products={[
+          { id: "1", name: "Raw Ingredients", price: "Fresh", imageSrc: "http://img.b2bpic.net/free-photo/top-view-oatmeal-porridge-with-strawberries-blueberries-bananas-dried-fruits-nuts-ceramic-bowl-purple-wooden-surface-with-copy-space_141793-7081.jpg" },
+          { id: "2", name: "Final Masterpiece", price: "Delicious", imageSrc: "http://img.b2bpic.net/free-photo/ceramic-bowl-delicious-acai-brazilian-dessert_23-2149788545.jpg" }
+        ]}
+      />
   </div>
 
   <div id="menu" data-section="menu">
@@ -99,44 +75,25 @@ export default function LandingPage() {
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={true}
       products={[
-        {
-          id: "1",          name: "Classic Bowl",          price: "$12.00",          variant: "Customer favourite",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-oatmeal-porridge-with-strawberries-blueberries-bananas-dried-fruits-nuts-ceramic-bowl-purple-wooden-surface-with-copy-space_141793-7081.jpg"},
-        {
-          id: "2",          name: "Protein Power",          price: "$14.50",          variant: "Perfect after gym",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-breakfast-desserts-with-cereal-blueberries_23-2148417431.jpg?_wi=1"},
-        {
-          id: "3",          name: "Biscoff Indulgence",          price: "$13.50",          variant: "Sweet & viral-style",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-breakfast-desserts-with-cereal-blueberries_23-2148417431.jpg?_wi=2"},
-        {
-          id: "4",          name: "Tropical Blend",          price: "$12.50",          variant: "Island flavors",          imageSrc: "http://img.b2bpic.net/free-photo/berries-colorful-berries-oatmeal-yellow-candies-pomegranate-seeds_140725-73683.jpg"},
-        {
-          id: "5",          name: "Berry Blitz",          price: "$13.00",          variant: "Fresh energy",          imageSrc: "http://img.b2bpic.net/free-photo/ceramic-bowl-delicious-acai-brazilian-dessert_23-2149788545.jpg"},
-        {
-          id: "6",          name: "Nutty Crunch",          price: "$14.00",          variant: "Protein rich",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-fruity-muesli-with-fresh-sliced-fruits_140725-84754.jpg"},
+        { id: "1", name: "Classic Bowl", price: "$12.00", variant: "Customer favourite", imageSrc: "http://img.b2bpic.net/free-photo/top-view-oatmeal-porridge-with-strawberries-blueberries-bananas-dried-fruits-nuts-ceramic-bowl-purple-wooden-surface-with-copy-space_141793-7081.jpg" },
+        { id: "2", name: "Protein Power", price: "$14.50", variant: "Perfect after gym", imageSrc: "http://img.b2bpic.net/free-photo/top-view-breakfast-desserts-with-cereal-blueberries_23-2148417431.jpg?_wi=1" },
       ]}
       title="Our Signature Bowls"
       description="Crafted fresh on the spot with the highest quality ingredients."
     />
   </div>
 
-  <div id="why" data-section="why">
-      <MetricCardOne
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      animationType="slide-up"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",          value: "100%",          title: "Fresh Made",          description: "Prepared on the spot",          icon: Sparkles,
-        },
-        {
-          id: "m2",          value: "Daily",          title: "Farm Fresh",          description: "High quality ingredients",          icon: CheckCircle,
-        },
-        {
-          id: "m3",          value: "XL",          title: "Generous",          description: "Never skimping on size",          icon: Award,
-        },
-      ]}
-      title="Our Commitment to Quality"
-      description="Every order is made fresh and carefully prepared to ensure consistency."
-    />
+  <div id="process" data-section="process">
+      <TimelinePhoneView
+        title="Our Process"
+        description="Step-by-step to the perfect bowl"
+        textboxLayout="default"
+        items={[
+            { trigger: "Selection", content: "Choosing the best acai berries." },
+            { trigger: "Blending", content: "Blending for perfect texture." },
+            { trigger: "Topping", content: "Adding fresh fruits and crunch." }
+        ]}
+      />
   </div>
 
   <div id="testimonials" data-section="testimonials">
@@ -146,64 +103,33 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "1",          name: "Sarah J.",          role: "Local",          company: "Melbourne",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12094.jpg"},
-        {
-          id: "2",          name: "Mark D.",          role: "Visitor",          company: "Melbourne",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-guy-eating-cereals_23-2148334475.jpg"},
-        {
-          id: "3",          name: "Emily R.",          role: "Regular",          company: "Melbourne",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-sitting-cafe_176420-5900.jpg"},
-        {
-          id: "4",          name: "David K.",          role: "Fitness Enthusiast",          company: "Melbourne",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5062.jpg"},
-        {
-          id: "5",          name: "Jessica L.",          role: "Foodie",          company: "Melbourne",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-with-cabbage-muffin_23-2148173232.jpg"},
+        { id: "1", name: "Sarah J.", role: "Local", company: "Melbourne", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12094.jpg" },
+        { id: "2", name: "Mark D.", role: "Visitor", company: "Melbourne", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-guy-eating-cereals_23-2148334475.jpg" }
       ]}
       title="What Our Customers Say"
-      description="Don't just take our word for it—join the community of happy açaí lovers."
+      description="Join the community of happy açaí lovers."
     />
   </div>
 
   <div id="visit" data-section="visit">
       <ContactText
       useInvertedBackground={false}
-      background={{
-        variant: "plain"}}
+      background={{ variant: "plain" }}
       text="Visit us at Centreway, Melbourne. Mon–Fri: 7am–6pm, Sat–Sun: 8am–3pm."
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Menu",              href: "#menu"},
-            {
-              label: "About Us",              href: "#"},
-            {
-              label: "Visit Us",              href: "#visit"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Facebook",              href: "#"},
-            {
-              label: "Instagram",              href: "#"},
-            {
-              label: "TikTok",              href: "#"},
-          ],
-        },
-      ]}
-      logoText="AÇAI CENTER"
-    />
+      <FooterMedia
+        logoText="AÇAI CENTER"
+        imageSrc="http://img.b2bpic.net/free-photo/still-life-cup-brazilian-acai-dessert_23-2150168839.jpg"
+        columns={[
+            { title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "Menu", href: "#menu" }] },
+            { title: "Social", items: [{ label: "Instagram", href: "#" }] }
+        ]}
+      />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1