From 6ca0c1281b984c6354433a3ba7c11c2b409404d5 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 27 Mar 2026 09:39:27 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 228 +++++++++--------------------------------------
 1 file changed, 44 insertions(+), 184 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7576cb5..2c0ae1b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,15 +2,15 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactFaq from '@/components/sections/contact/ContactFaq';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import { Flame, Leaf, Music } from "lucide-react";
+import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
+import { Flame, Leaf, Music, Mail, Phone, MapPin } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -30,26 +30,12 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",
-          id: "home",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Menu",
-          id: "products",
-        },
-        {
-          name: "Experience",
-          id: "experience",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "home" },
+        { name: "About", id: "about" },
+        { name: "Menu", id: "products" },
+        { name: "Experience", id: "experience" },
+        { name: "Testimonials", id: "testimonial" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Burning Brownie"
     />
@@ -57,17 +43,10 @@ export default function LandingPage() {
 
   <div id="home" data-section="home">
       <HeroBillboardScroll
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       title="Where Flavor Meets Fire & Funk"
       description="Indulgent brownies with a soul. Doin’ it the funky way."
-      buttons={[
-        {
-          text: "Explore the Funk",
-          href: "#products",
-        },
-      ]}
+      buttons={[{ text: "Explore the Funk", href: "#products" }]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/a-funky-retro-70s-style-poster-for-a-bro-1774603429057-e934a9bd.png"
     />
   </div>
@@ -76,48 +55,23 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={false}
       heading={[
-        {
-          type: "text",
-          content: "Our story starts with a spark. ",
-        },
-        {
-          type: "image",
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/cozy-forest-clearing-with-a-bonfire-burn-1774603428046-f0cb614a.png",
-          alt: "About Burning Brownie",
-        },
-        {
-          type: "text",
-          content: " A passion for the bold, the earthy, and the downright funky.",
-        },
+        { type: "text", content: "Our story starts with a spark. " },
+        { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/cozy-forest-clearing-with-a-bonfire-burn-1774603428046-f0cb614a.png", alt: "About Burning Brownie" },
+        { type: "text", content: " A passion for the bold, the earthy, and the downright funky." },
       ]}
     />
   </div>
 
   <div id="products" data-section="products">
       <ProductCardOne
-      animationType="scale-rotate"
+      animationType="slide-up"
       textboxLayout="split-description"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
-          id: "1",
-          name: "The Original Groove",
-          price: "$4.50",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/indulgent-fudgy-brownie-with-chocolate-d-1774603426584-9abe7ad1.png?_wi=1",
-        },
-        {
-          id: "2",
-          name: "Electric Chocolate Gold",
-          price: "$5.50",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/double-chocolate-brownie-with-gold-flake-1774603428022-98645da3.png?_wi=1",
-        },
-        {
-          id: "3",
-          name: "Caramel Firestorm",
-          price: "$5.00",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/salted-caramel-brownie-dynamic-chocolate-1774603429727-16ea7280.png?_wi=1",
-        },
+        { id: "1", name: "The Original Groove", price: "$4.50", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/indulgent-fudgy-brownie-with-chocolate-d-1774603426584-9abe7ad1.png?_wi=1" },
+        { id: "2", name: "Electric Chocolate Gold", price: "$5.50", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/double-chocolate-brownie-with-gold-flake-1774603428022-98645da3.png?_wi=1" },
+        { id: "3", name: "Caramel Firestorm", price: "$5.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/salted-caramel-brownie-dynamic-chocolate-1774603429727-16ea7280.png?_wi=1" },
       ]}
       title="The Funky Menu"
       description="Hand-crafted brownies that light up your soul."
@@ -126,49 +80,13 @@ export default function LandingPage() {
 
   <div id="experience" data-section="experience">
       <FeatureCardTwentyFive
-      animationType="depth-3d"
+      animationType="blur-reveal"
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Fire-Baked",
-          description: "Slow-baked for the perfect soul.",
-          icon: Flame,
-          mediaItems: [
-            {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/indulgent-fudgy-brownie-with-chocolate-d-1774603426584-9abe7ad1.png?_wi=2",
-            },
-            {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/double-chocolate-brownie-with-gold-flake-1774603428022-98645da3.png?_wi=2",
-            },
-          ],
-        },
-        {
-          title: "Earthy Roots",
-          description: "Ingredients as honest as the soil.",
-          icon: Leaf,
-          mediaItems: [
-            {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/salted-caramel-brownie-dynamic-chocolate-1774603429727-16ea7280.png?_wi=2",
-            },
-            {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/indulgent-fudgy-brownie-with-chocolate-d-1774603426584-9abe7ad1.png?_wi=3",
-            },
-          ],
-        },
-        {
-          title: "Soul Funk",
-          description: "Every bite is a beat drop.",
-          icon: Music,
-          mediaItems: [
-            {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/double-chocolate-brownie-with-gold-flake-1774603428022-98645da3.png?_wi=3",
-            },
-            {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/salted-caramel-brownie-dynamic-chocolate-1774603429727-16ea7280.png?_wi=3",
-            },
-          ],
-        },
+        { title: "Fire-Baked", description: "Slow-baked for the perfect soul.", icon: Flame, mediaItems: [{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/indulgent-fudgy-brownie-with-chocolate-d-1774603426584-9abe7ad1.png?_wi=2" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/double-chocolate-brownie-with-gold-flake-1774603428022-98645da3.png?_wi=2" }] },
+        { title: "Earthy Roots", description: "Ingredients as honest as the soil.", icon: Leaf, mediaItems: [{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/salted-caramel-brownie-dynamic-chocolate-1774603429727-16ea7280.png?_wi=2" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/indulgent-fudgy-brownie-with-chocolate-d-1774603426584-9abe7ad1.png?_wi=3" }] },
+        { title: "Soul Funk", description: "Every bite is a beat drop.", icon: Music, mediaItems: [{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/double-chocolate-brownie-with-gold-flake-1774603428022-98645da3.png?_wi=3" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/salted-caramel-brownie-dynamic-chocolate-1774603429727-16ea7280.png?_wi=3" }] },
       ]}
       title="The Funky Way"
       description="Immersive indulgence that connects you with nature's hearth."
@@ -176,96 +94,38 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonial" data-section="testimonial">
-      <TestimonialCardFifteen
+      <TestimonialCardTen
+      title="What the Funkers Say"
+      description="Our community of brownie enthusiasts share the love."
+      textboxLayout="default"
       useInvertedBackground={false}
-      testimonial="The most insane brownie I have ever tasted. Absolute funk in every bite!"
-      rating={5}
-      author="Marcus J., The Funk Fanatic"
-      avatars={[
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/avatar-of-a-person-with-fun-afro-style-h-1774603426606-e495472d.png",
-          alt: "User 1",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/avatar-of-a-young-person-smiling-vintage-1774603426533-80848955.png",
-          alt: "User 2",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/avatar-of-a-person-with-afro-style-hair--1774603428339-953a0684.png",
-          alt: "User 3",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/avatar-of-a-person-retro-bandana-cool-st-1774603426923-b7b333cb.png",
-          alt: "User 4",
-        },
+      testimonials={[
+        { id: "1", title: "Mind Blowing", quote: "The most insane brownie I have ever tasted. Absolute funk in every bite!", name: "Marcus J.", role: "Funk Fanatic", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/avatar-of-a-person-with-fun-afro-style-h-1774603426606-e495472d.png" },
+        { id: "2", title: "Pure Bliss", quote: "Seriously the best texture and flavor combination I've experienced in years.", name: "Sarah K.", role: "Food Critic", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/avatar-of-a-young-person-smiling-vintage-1774603426533-80848955.png" }
       ]}
-      ratingAnimation="blur-reveal"
-      avatarsAnimation="slide-up"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactFaq
-      animationType="slide-up"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "1",
-          title: "Are you gluten-free?",
-          content: "Yes, our funky brownies have GF options!",
-        },
-        {
-          id: "2",
-          title: "Do you ship?",
-          content: "Across the whole wide world, baby.",
-        },
-        {
-          id: "3",
-          title: "What's the vibe?",
-          content: "Pure unadulterated funk and flavor.",
-        },
-      ]}
-      ctaTitle="Stay Funky with Us"
-      ctaDescription="Get updates on new drops and funky events."
-      ctaButton={{
-        text: "Contact Us",
-      }}
-      ctaIcon={Flame}
+      <ContactSplitForm
+      title="Get in Touch"
+      description="Drop us a line and let's get funky."
+      inputs={[{ name: "name", type: "text", placeholder: "Full Name" }, { name: "email", type: "email", placeholder: "Email Address" }]}
+      textarea={{ name: "message", placeholder: "Your message here..." }}
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/uploaded-1774604346221-mc42w4lq.png"
+      mediaPosition="right"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Shop",
-          items: [
-            {
-              label: "Brownies",
-              href: "#products",
-            },
-            {
-              label: "Merch",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
+      <FooterCard
+      logoText="Burning Brownie"
+      copyrightText="© 2025 | Burning Brownie"
+      socialLinks={[
+        { icon: Mail, href: "mailto:hello@burningbrownie.com", ariaLabel: "Email" },
+        { icon: Phone, href: "tel:+1234567890", ariaLabel: "Phone" },
+        { icon: MapPin, href: "#", ariaLabel: "Location" }
       ]}
-      bottomLeftText="© 2024 Burning Brownie"
-      bottomRightText="Doin’ it the funky way."
     />
   </div>
       </ReactLenis>