From d97f67b136a77f261efc921c98e690573bf5dc71 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 26 Mar 2026 12:21:59 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 208 +++++++++++++++++++++++------------------------
 1 file changed, 104 insertions(+), 104 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index b61d2d6..64caa1e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,7 +9,7 @@ import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTe
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
-import { ArrowRight, Shield, LineChart, MessageCircle, User } from "lucide-react";
+import { ArrowRight, Shield, MessageCircle, User } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -26,115 +26,115 @@ export default function LandingPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        { name: "Home", id: "hero" },
-        { name: "About", id: "about" },
-        { name: "Services", id: "features" },
-        { name: "Contact", id: "contact" },
-      ]}
-      brandName="AMS Marketing"
-      button={{ text: "Get Started", href: "#contact" }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Services", id: "features" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="AMS Marketing"
+            button={{ text: "Get Started", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardTestimonial
-      useInvertedBackground={false}
-      background={{ variant: "gradient-bars" }}
-      title="Elevating Brands in the Heart of Amsterdam"
-      description="We craft bold, data-driven marketing strategies that turn local businesses into global phenomena. Partner with Amsterdam's most innovative creative team."
-      testimonials={[
-        { name: "Sarah Janssen", handle: "@sarahjan", testimonial: "Exceptional strategy and execution. They transformed our digital presence completely.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/portrait-of-a-professional-business-woma-1774527620566-4787c2d7.png" },
-        { name: "Mark Van Dijk", handle: "@mvandijk", testimonial: "The best agency in Amsterdam. Results-oriented and truly creative thinkers.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/portrait-of-a-professional-business-man--1774527620146-ac5fbaee.png" },
-        { name: "Elena Rossi", handle: "@elena_r", testimonial: "Fantastic creative work. Every campaign exceeded our growth targets.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/portrait-of-a-creative-designer-friendly-1774527616792-8569a1fb.png" },
-        { name: "Tom Klaassen", handle: "@tomk", testimonial: "A joy to work with. They understand the Amsterdam market better than anyone.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/portrait-of-a-young-tech-entrepreneur-pr-1774527614430-929642b5.png" },
-      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-high-quality-image-of-an-amsterdam-can-1774527622710-e53af6f4.png"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardTestimonial
+            title="Elevating Brands in the Heart of Amsterdam"
+            description="We craft bold, data-driven marketing strategies that turn local businesses into global phenomena. Partner with Amsterdam's most innovative creative team."
+            background={{ variant: "gradient-bars" }}
+            testimonials={[
+              { name: "Sarah Janssen", handle: "@sarahjan", testimonial: "Exceptional strategy and execution. They transformed our digital presence completely.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/portrait-of-a-professional-business-woma-1774527620566-4787c2d7.png" },
+              { name: "Mark Van Dijk", handle: "@mvandijk", testimonial: "The best agency in Amsterdam. Results-oriented and truly creative thinkers.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/portrait-of-a-professional-business-man--1774527620146-ac5fbaee.png" },
+              { name: "Elena Rossi", handle: "@elena_r", testimonial: "Fantastic creative work. Every campaign exceeded our growth targets.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/portrait-of-a-creative-designer-friendly-1774527616792-8569a1fb.png" },
+              { name: "Tom Klaassen", handle: "@tomk", testimonial: "A joy to work with. They understand the Amsterdam market better than anyone.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/portrait-of-a-young-tech-entrepreneur-pr-1774527614430-929642b5.png" },
+            ]}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-high-quality-image-of-an-amsterdam-can-1774527622710-e53af6f4.png"
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={false}
-      title="Data-Led Creativity"
-      description="Based in the creative hub of Amsterdam, our agency combines deep analytical insights with world-class design to build brands that matter. We don't just reach audiences; we inspire them."
-      metrics={[
-        { value: "150+", title: "Successful Campaigns" },
-        { value: "45%", title: "Average Growth" },
-        { value: "12", title: "Global Awards" },
-      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-high-quality-image-of-an-amsterdam-can-1774527622710-e53af6f4.png"
-      mediaAnimation="slide-up"
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MetricSplitMediaAbout
+            title="Data-Led Creativity"
+            description="Based in the creative hub of Amsterdam, our agency combines deep analytical insights with world-class design to build brands that matter. We don't just reach audiences; we inspire them."
+            metrics={[
+              { value: "150+", title: "Successful Campaigns" },
+              { value: "45%", title: "Average Growth" },
+              { value: "12", title: "Global Awards" },
+            ]}
+            useInvertedBackground={false}
+            mediaAnimation="slide-up"
+            metricsAnimation="slide-up"
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-high-quality-image-of-an-amsterdam-can-1774527622710-e53af6f4.png"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureBento
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      title="Our Agency Services"
-      description="Comprehensive marketing solutions tailored to your unique business goals."
-      features={[
-        {
-          id: 1,
-          title: "Brand Strategy",          description: "Defining your identity with precision and purpose.",          bentoComponent: { bentoComponent: "reveal-icon", icon: Shield }
-        },
-        {
-          id: 2,
-          title: "Digital Growth",          description: "High-conversion strategies for digital dominance.",          bentoComponent: { bentoComponent: "line-chart" }
-        },
-        {
-          id: 3,
-          title: "Creative Content",          description: "Engaging storytelling that cuts through the noise.",          bentoComponent: { bentoComponent: "chat", aiIcon: MessageCircle, userIcon: User, exchanges: [{ userMessage: "Create campaign.", aiResponse: "Campaign live." }], placeholder: "Strategy AI" }
-        }
-      ]}
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureBento
+            title="Our Agency Services"
+            description="Comprehensive marketing solutions tailored to your unique business goals."
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              {
+                id: 1,
+                title: "Brand Strategy",                description: "Defining your identity with precision and purpose.",                bentoComponent: { bentoComponent: "reveal-icon", icon: Shield }
+              },
+              {
+                id: 2,
+                title: "Digital Growth",                description: "High-conversion strategies for digital dominance.",                bentoComponent: { bentoComponent: "line-chart" }
+              },
+              {
+                id: 3,
+                title: "Creative Content",                description: "Engaging storytelling that cuts through the noise.",                bentoComponent: { bentoComponent: "chat", aiIcon: MessageCircle, userIcon: User, exchanges: [{ userMessage: "Create campaign.", aiResponse: "Campaign live." }], placeholder: "Strategy AI" }
+              }
+            ]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        { id: "1", name: "Sarah Janssen", role: "CEO, TechCorp", testimonial: "AMS Marketing redefined our digital strategy. Unmatched expertise.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/abstract-background-of-digital-marketing-1774527615810-d72e4bf5.png" },
-        { id: "2", name: "Mark Van Dijk", role: "Founder, Innovate", testimonial: "Creative, reliable, and incredibly fast. The best in the business.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/abstract-background-of-strategy-and-crea-1774527616952-adf274bf.png" },
-        { id: "3", name: "Elena Rossi", role: "Marketing Dir, FashionUp", testimonial: "They built our brand from scratch into a household name. Incredible.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/modern-office-aesthetic-bright-and-airy--1774527623450-823a3ea4.png" },
-        { id: "4", name: "Tom Klaassen", role: "Head of Growth, Startup", testimonial: "Metrics improved instantly after our first campaign. Highly recommend.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/conceptual-image-of-growth-and-results-s-1774527620277-68e8d245.png" },
-      ]}
-      title="Client Success Stories"
-      description="Hear from our partners who have redefined their markets with us."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwo
+            title="Client Success Stories"
+            description="Hear from our partners who have redefined their markets with us."
+            textboxLayout="split"
+            useInvertedBackground={false}
+            animationType="slide-up"
+            testimonials={[
+              { id: "1", name: "Sarah Janssen", role: "CEO, TechCorp", testimonial: "AMS Marketing redefined our digital strategy. Unmatched expertise.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/abstract-background-of-digital-marketing-1774527615810-d72e4bf5.png" },
+              { id: "2", name: "Mark Van Dijk", role: "Founder, Innovate", testimonial: "Creative, reliable, and incredibly fast. The best in the business.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/abstract-background-of-strategy-and-crea-1774527616952-adf274bf.png" },
+              { id: "3", name: "Elena Rossi", role: "Marketing Dir, FashionUp", testimonial: "They built our brand from scratch into a household name. Incredible.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/modern-office-aesthetic-bright-and-airy--1774527623450-823a3ea4.png" },
+              { id: "4", name: "Tom Klaassen", role: "Head of Growth, Startup", testimonial: "Metrics improved instantly after our first campaign. Highly recommend.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/conceptual-image-of-growth-and-results-s-1774527620277-68e8d245.png" },
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactFaq
-      animationType="slide-up"
-      useInvertedBackground={false}
-      faqs={[
-        { id: "q1", title: "How do you measure success?", content: "We use proprietary analytics platforms to track conversions, ROAS, and brand sentiment." },
-        { id: "q2", title: "What industries do you work with?", content: "We support tech startups, e-commerce, and lifestyle brands globally." },
-      ]}
-      ctaTitle="Ready to Start?"
-      ctaDescription="Let's discuss how we can elevate your brand in Amsterdam and beyond."
-      ctaButton={{ text: "Contact Us", href: "#" }}
-      ctaIcon={ArrowRight}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactFaq
+            faqs={[
+              { id: "q1", title: "How do you measure success?", content: "We use proprietary analytics platforms to track conversions, ROAS, and brand sentiment." },
+              { id: "q2", title: "What industries do you work with?", content: "We support tech startups, e-commerce, and lifestyle brands globally." },
+            ]}
+            ctaTitle="Ready to Start?"
+            ctaDescription="Let's discuss how we can elevate your brand in Amsterdam and beyond."
+            ctaButton={{ text: "Contact Us", href: "#" }}
+            ctaIcon={ArrowRight}
+            useInvertedBackground={false}
+            animationType="slide-up"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      columns={[
-        { title: "Agency", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }] },
-        { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
-      ]}
-      copyrightText="© 2024 AMS Marketing Agency. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            columns={[
+              { title: "Agency", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }] },
+              { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
+            ]}
+            copyrightText="© 2024 AMS Marketing Agency. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );