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

---
 src/app/page.tsx | 429 +++++++++++++----------------------------------
 1 file changed, 112 insertions(+), 317 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index bc226c7..bc5d18c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,17 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactText from '@/components/sections/contact/ContactText';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
-import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
-import FooterBase from '@/components/sections/footer/FooterBase';
-import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
-import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
-import { DollarSign, TrendingUp, Users } from "lucide-react";
+import HeroSignup from '@/components/sections/hero/HeroSignup';
+import MediaAbout from '@/components/sections/about/MediaAbout';
+import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
+import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
+import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
+import FaqBase from '@/components/sections/faq/FaqBase';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import { TrendingUp, Users, DollarSign } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -29,320 +28,116 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Services",
-          id: "#features",
-        },
-        {
-          name: "Results",
-          id: "#metrics",
-        },
-        {
-          name: "Testimonials",
-          id: "#testimonials",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
-      ]}
-      brandName="AdGenius"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Our Approach", id: "#features" },
+              { name: "Performance", id: "#metrics" },
+              { name: "Testimonials", id: "#testimonials" },
+              { name: "Contact", id: "#contact" }
+            ]}
+            brandName="AdCraft"
+            button={{ text: "Get Started" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardScroll
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      title="Turn Your Traffic into Revenue"
-      description="We build high-performance ad campaigns for ambitious brands. Stop guessing, start scaling with precision-targeted advertising."
-      buttons={[
-        {
-          text: "Start Scaling",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/business-data-analysis-presentation-information-concept_53876-144422.jpg"
-      imageAlt="AdGenius dashboard interface"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSignup
+            title="Automated Ad Creation That Scales"
+            description="We build high-converting ad campaigns for men-led brands. Leverage data, scale fast, and dominate your market."
+            tag="Advertising Solutions"
+            background={{ variant: "sparkles-gradient" }}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <AboutMetric
-      useInvertedBackground={true}
-      title="Data-Driven Advertising Agency"
-      metrics={[
-        {
-          icon: TrendingUp,
-          label: "Campaign ROI",
-          value: "450%",
-        },
-        {
-          icon: Users,
-          label: "Leads Generated",
-          value: "1.2M+",
-        },
-        {
-          icon: DollarSign,
-          label: "Ad Spend Managed",
-          value: "$50M+",
-        },
-      ]}
-      metricsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MediaAbout
+            title="Precision Targeting for Modern Brands"
+            description="Our specialized agency helps you identify, target, and convert your ideal customers using advanced analytics and creative design."
+            useInvertedBackground={true}
+            imageSrc="http://img.b2bpic.net/free-photo/business-team-working-together_53876-130086.jpg"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Hyper-Targeted Placements",
-          description: "Reach exactly who you need with precision demographic and behavioral targeting.",
-          imageSrc: "http://img.b2bpic.net/free-photo/cinema-3d-glasses_23-2148115289.jpg",
-        },
-        {
-          title: "Performance Optimization",
-          description: "Continuous A/B testing and algorithmic adjustments to keep your costs low and ROI high.",
-          imageSrc: "http://img.b2bpic.net/free-photo/executive-assistance-business-collaboration-helping-concept_53876-21399.jpg",
-        },
-        {
-          title: "ROI-First Creative",
-          description: "Ad designs that don't just look good, but convert visitors into paying customers.",
-          imageSrc: "http://img.b2bpic.net/free-photo/ideas-fresh-brainstorming-creative-strategy-concept_53876-120157.jpg",
-        },
-      ]}
-      title="Our Advertising Strategy"
-      description="Comprehensive advertising solutions to dominate your market niche."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardNine
+            showStepNumbers={true}
+            title="The AdCraft Process"
+            description="From strategy to execution, our automated workflow ensures optimal results."
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              {
+                title: "Campaign Strategy",                description: "Deep-dive research into your market and competition.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/marketing-strategy-concept_53876-14639.jpg" },
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/business-woman-analyzing-data_53876-130062.jpg" }
+              },
+              {
+                title: "Creative Production",                description: "High-performing visuals and copy that convert.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/creative-design-studio_53876-130095.jpg" },
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/graphic-design-workspace_53876-130100.jpg" }
+              }
+            ]}
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardSeven
-      animationType="depth-3d"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "m1",
-          value: "98%",
-          title: "Client Retention",
-          items: [
-            "Annual contract renewal",
-            "High satisfaction rating",
-          ],
-        },
-        {
-          id: "m2",
-          value: "24/7",
-          title: "Support Availability",
-          items: [
-            "Dedicated account manager",
-            "Global timezone coverage",
-          ],
-        },
-        {
-          id: "m3",
-          value: "3x",
-          title: "Avg Conversion Lift",
-          items: [
-            "Improved landing page flows",
-            "Aggressive CTA optimization",
-          ],
-        },
-      ]}
-      title="Agency Milestones"
-      description="Proven results for partners in various industries."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardFourteen
+            title="Measurable Success"
+            tag="Our Impact"
+            metrics={[
+              { id: "1", value: "500%", description: "Average ROI improvement" },
+              { id: "2", value: "1M+", description: "Targeted ad impressions" },
+              { id: "3", value: "45%", description: "Lower Cost Per Acquisition" }
+            ]}
+          />
+        </div>
 
-  <div id="social-proof" data-section="social-proof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "TechCorp",
-        "GrowthFlow",
-        "InnovateX",
-        "Scalable",
-        "AdTech",
-        "FutureMedia",
-        "PixelPerfect",
-      ]}
-      title="Trusted by Market Leaders"
-      description="We partner with brands that demand top-tier advertising performance."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwelve
+            cardTitle="Trusted by Growth-Oriented Founders"
+            cardTag="Our Results"
+            cardAnimation="blur-reveal"
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "1", name: "Alex Rivers", imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-casual-outfit-posing-against-grey-wall_23-2148705055.jpg" },
+              { id: "2", name: "Mark Thompson", imageSrc: "http://img.b2bpic.net/free-photo/business-man-looking-away_23-2148705058.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah Johnson",
-          role: "CEO",
-          company: "TechCorp",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg",
-        },
-        {
-          id: "2",
-          name: "Michael Chen",
-          role: "CTO",
-          company: "InnovateLab",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/african-guy-wears-trendy-wristwatch-posing-with-smile-near-beige-wall-outdoor-portrait-black-man-good-mood-standing-with-arms-crossed_197531-21794.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily Rodriguez",
-          role: "Marketing Director",
-          company: "GrowthCo",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-outline-business-side-face-male_1194-3839.jpg",
-        },
-        {
-          id: "4",
-          name: "David Kim",
-          role: "Product Manager",
-          company: "StartupXYZ",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/male-business-executive-using-mobile-phone_1170-840.jpg",
-        },
-        {
-          id: "5",
-          name: "Jane Doe",
-          role: "VP Sales",
-          company: "ScaleUp",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-dressed-stylish-blue-suit-grey-background_613910-13647.jpg",
-        },
-      ]}
-      kpiItems={[
-        {
-          value: "150%",
-          label: "Avg Growth",
-        },
-        {
-          value: "50+",
-          label: "Happy Clients",
-        },
-        {
-          value: "98%",
-          label: "Retention",
-        },
-      ]}
-      title="Client Success Stories"
-      description="Hear what our partners have to say about their growth with AdGenius."
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqBase
+            title="Common Questions"
+            description="Everything you need to know about our services."
+            faqsAnimation="slide-up"
+            textboxLayout="default"
+            faqs={[
+              { id: "1", title: "How do you create ads?", content: "We combine industry data with human creativity to build custom campaigns." },
+              { id: "2", title: "Is it suitable for small brands?", content: "Yes, we specialize in helping brands of all sizes scale effectively." }
+            ]}
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "What platforms do you manage?",
-          content: "We specialize in Google Ads, Meta Ads (Facebook/Instagram), and LinkedIn Advertising.",
-        },
-        {
-          id: "q2",
-          title: "Do you offer creative services?",
-          content: "Yes, we handle end-to-end creative production, including video assets, banner design, and copy.",
-        },
-        {
-          id: "q3",
-          title: "How is performance tracked?",
-          content: "We use custom-built dashboards that sync with your CRM for transparent, real-time reporting.",
-        },
-      ]}
-      sideTitle="Frequently Asked Questions"
-      sideDescription="Everything you need to know about working with us."
-      faqsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            tag="Get Started"
+            title="Ready to scale your business?"
+            description="Join the brands growing with AdCraft today."
+            background={{ variant: "gradient-bars" }}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={true}
-      background={{
-        variant: "gradient-bars",
-      }}
-      text="Ready to take your advertising strategy to the next level? Book a strategy call today."
-      buttons={[
-        {
-          text: "Schedule Consultation",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Management",
-              href: "#features",
-            },
-            {
-              label: "Creative",
-              href: "#",
-            },
-            {
-              label: "Consulting",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Success Stories",
-              href: "#testimonials",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="AdGenius"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            logoText="AdCraft"
+            imageSrc="http://img.b2bpic.net/free-photo/business-city-architecture-urban-building-structure_53876-126260.jpg"
+            columns={[
+              { title: "Agency", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
+              { title: "Support", items: [{ label: "Help Center", href: "#" }, { label: "Privacy", href: "#" }] }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file