From d9ee7270d83ebc06826b44c1edcdde2dbae62f83 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 31 Mar 2026 21:22:06 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 274 ++++++++++++-----------------------------------
 1 file changed, 71 insertions(+), 203 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4c5c6ab..221ff50 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,14 +2,15 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqBase from '@/components/sections/faq/FaqBase';
-import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
-import FooterCard from '@/components/sections/footer/FooterCard';
-import HeroSplit from '@/components/sections/hero/HeroSplit';
-import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
+import ContactFaq from '@/components/sections/contact/ContactFaq';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
+import { Mail } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -29,256 +30,123 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Events",
-          id: "features",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "About", id: "about" },
+        { name: "Events", id: "features" },
+        { name: "Testimonials", id: "testimonials" },
+        { name: "FAQ", id: "faq" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Momentum Experience"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroSplit
-      background={{
-        variant: "plain",
-      }}
-      imagePosition="right"
+      <HeroSplitDoubleCarousel
+      background={{ variant: "gradient-bars" }}
+      carouselPosition="right"
       title="Turn Every Moment Into A Legacy"
       description="We specialize in high-impact experiential marketing that transforms consumer curiosity into deep brand loyalty through immersive, tech-driven activations."
       tag="Elevate Your Brand"
-      buttons={[
-        {
-          text: "Start A Campaign",
-          href: "#contact",
-        },
+      buttons={[{ text: "Start A Campaign", href: "#contact" }]}
+      leftCarouselItems={[
+        { imageSrc: "http://img.b2bpic.net/free-photo/twinkly-lights-decoration-christmas-background_23-2148056704.jpg?_wi=1" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/businessmen-discuss-marketing-ideas_482257-120122.jpg" }
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/twinkly-lights-decoration-christmas-background_23-2148056704.jpg?_wi=1"
-      imageAlt="Experiential brand event immersion"
-      mediaAnimation="blur-reveal"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-businesswoman-her-desk_23-2148826514.jpg",
-          alt: "Team Member",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/modern-young-businessman-standing-campus_23-2147941463.jpg",
-          alt: "Team Member",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/elegant-redhead-bearded-aristocratic-male-dressed-suit-eyeglasses-grey-background_613910-15992.jpg",
-          alt: "Team Member",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-woman-wearing-big-hat_273609-13370.jpg",
-          alt: "Team Member",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/businessmen-discuss-marketing-ideas_482257-120122.jpg",
-          alt: "Team Member",
-        },
-      ]}
-      avatarText="Trusted by 50+ global brands"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Holographic Tech",
-        },
-        {
-          type: "text",
-          text: "Sensory Design",
-        },
-        {
-          type: "text",
-          text: "Projection Mapping",
-        },
-        {
-          type: "text",
-          text: "Brand Activation",
-        },
-        {
-          type: "text",
-          text: "Global Logistics",
-        },
+      rightCarouselItems={[
+        { imageSrc: "http://img.b2bpic.net/free-photo/modern-young-businessman-standing-campus_23-2147941463.jpg" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-couple-walking-together_23-2149241532.jpg" }
       ]}
     />
   </div>
 
   <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
+      <MetricSplitMediaAbout
+      title="Crafting Immersive Experiences"
+      description="We bridge the gap between digital content and physical connection through strategic design and execution."
+      metrics={[
+        { value: "50+", title: "Global Brands" },
+        { value: "120+", title: "Activations" },
+        { value: "98%", title: "Retention Rate" }
+      ]}
+      imageSrc="http://img.b2bpic.net/free-photo/businessmen-discuss-marketing-ideas_482257-120122.jpg"
       useInvertedBackground={false}
-      heading={[
-        {
-          type: "text",
-          content: "Crafting Immersive Experiences for Modern Brands",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/businessmen-discuss-marketing-ideas_482257-120122.jpg",
-          alt: "About our process",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Our Approach",
-          href: "#",
-        },
-      ]}
     />
   </div>
 
   <div id="features" data-section="features">
-      <FeatureCardTwentyFour
+      <FeatureCardMedia
       animationType="slide-up"
       textboxLayout="split"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
+      title="Our Signature Activations"
+      description="Innovative solutions that deliver measurable impact."
       features={[
         {
-          id: "f1",
-          title: "Interactive Holography",
-          author: "Tech Integration Team",
-          description: "Cutting-edge holographic projections to capture attention in high-traffic environments.",
-          tags: [
-            "Tech",
-            "Display",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-couple-walking-together_23-2149241532.jpg",
-        },
+          id: "f1",          title: "Interactive Holography",          description: "Cutting-edge projections to capture attention in high-traffic environments.",          tag: "Tech",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-couple-walking-together_23-2149241532.jpg"},
         {
-          id: "f2",
-          title: "Sensory Installations",
-          author: "Artistic Lead Team",
-          description: "Full sensory pop-ups designed to evoke emotion and foster memorable consumer relationships.",
-          tags: [
-            "Creative",
-            "Art",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/costume-jacket-is-hanging-window-ceiling_8353-9797.jpg",
-        },
-        {
-          id: "f3",
-          title: "Dynamic Projection Mapping",
-          author: "Experience Ops",
-          description: "Large-scale storytelling on architectural surfaces for maximum brand visibility and viral impact.",
-          tags: [
-            "Projection",
-            "Visibility",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/glass-cups-composition_52683-103094.jpg",
-        },
+          id: "f2",          title: "Sensory Installations",          description: "Full sensory pop-ups designed to evoke emotion and foster relationships.",          tag: "Creative",          imageSrc: "http://img.b2bpic.net/free-photo/costume-jacket-is-hanging-window-ceiling_8353-9797.jpg"}
       ]}
-      title="Our Signature Activations"
-      description="Innovative solutions that bridge the gap between digital content and physical connection."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
+      <TestimonialCardSixteen
       animationType="depth-3d"
       textboxLayout="split"
       useInvertedBackground={false}
+      title="What Partners Say"
+      description="Results that speak for themselves."
+      kpiItems={[
+        { value: "200%", label: "Engagement Lift" },
+        { value: "15K+", label: "Direct Leads" },
+        { value: "10X", label: "Social Reach" }
+      ]}
       testimonials={[
         {
-          id: "1",
-          name: "Sarah Johnson",
-          role: "Brand Director",
-          testimonial: "Momentum Experience took our activation to the next level.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-businesswoman-her-desk_23-2148826514.jpg?_wi=1",
-        },
-        {
-          id: "2",
-          name: "Michael Chen",
-          role: "CEO",
-          testimonial: "Their approach to physical engagement is unmatched.",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-young-businessman-standing-campus_23-2147941463.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily Rodriguez",
-          role: "Creative Lead",
-          testimonial: "A truly seamless collaboration.",
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-redhead-bearded-aristocratic-male-dressed-suit-eyeglasses-grey-background_613910-15992.jpg",
-        },
-        {
-          id: "4",
-          name: "David Kim",
-          role: "VP Marketing",
-          testimonial: "Data-driven results combined with beautiful installations.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-wearing-big-hat_273609-13370.jpg",
-        },
-        {
-          id: "5",
-          name: "Alex Rivers",
-          role: "CMO",
-          testimonial: "The best experiential agency we have worked with.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-businesswoman-her-desk_23-2148826514.jpg?_wi=2",
-        },
+          id: "1",          name: "Sarah Johnson",          role: "Brand Director",          company: "TechCorp",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-businesswoman-her-desk_23-2148826514.jpg?_wi=1"
+        }
       ]}
-      title="What Partners Say"
-      description="Join the brands that trust us to bring their vision to life."
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqBase
+      <FaqSplitMedia
       textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "How long does planning take?",
-          content: "Typical campaigns start to finish in 6-12 weeks.",
-        },
-        {
-          id: "q2",
-          title: "Can you handle international events?",
-          content: "Yes, we manage logistics for global markets.",
-        },
-        {
-          id: "q3",
-          title: "What industries do you serve?",
-          content: "Tech, luxury, fashion, and CPG sectors.",
-        },
-      ]}
+      useInvertedBackground={true}
       title="Frequently Asked Questions"
-      description="Get clarity on how we launch your next project."
+      faqs={[
+        { id: "q1", title: "How long does planning take?", content: "Typically 6-12 weeks." },
+        { id: "q2", title: "Do you handle global logistics?", content: "Yes, we manage end-to-end global operations." }
+      ]}
       faqsAnimation="slide-up"
+      imageSrc="http://img.b2bpic.net/free-photo/glass-cups-composition_52683-103094.jpg"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Let's Collaborate"
-      title="Ready to ignite your brand?"
-      description="Submit your project brief and let's start a conversation that makes an impact."
-      imageSrc="http://img.b2bpic.net/free-photo/twinkly-lights-decoration-christmas-background_23-2148056704.jpg?_wi=2"
-      mediaAnimation="slide-up"
+      <ContactFaq
+      animationType="slide-up"
+      ctaTitle="Ready to ignite your brand?"
+      ctaDescription="Submit your brief and let's start a conversation."
+      ctaButton={{ text: "Get Started" }}
+      ctaIcon={Mail}
+      faqs={[
+          { id: "1", title: "How do we begin?", content: "Contact us through the form above." }
+      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
+      <FooterMedia
       logoText="Momentum"
-      copyrightText="© 2025 | Momentum Experience Agency"
+      imageSrc="http://img.b2bpic.net/free-photo/twinkly-lights-decoration-christmas-background_23-2148056704.jpg?_wi=2"
+      columns={[
+        { title: "Agency", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] }
+      ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1