From bcbb995d6dd5c8a25e472f4c72e73bafd5ae43ca Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 20 Apr 2026 16:19:51 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 353 +++++++++--------------------------------------
 1 file changed, 69 insertions(+), 284 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index b2e2018..16da4b8 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,16 +2,17 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
-import HeroSplit from '@/components/sections/hero/HeroSplit';
-import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
-import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FaqBase from '@/components/sections/faq/FaqBase';
+import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
+import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
+import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import { LayoutGrid, TrendingUp, Sparkles, Target, Zap, Users } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -19,337 +20,121 @@ export default function LandingPage() {
         defaultButtonVariant="elastic-effect"
         defaultTextAnimation="entrance-slide"
         borderRadius="soft"
-        contentWidth="small"
-        sizing="mediumLargeSizeMediumTitles"
-        background="aurora"
-        cardStyle="subtle-shadow"
+        contentWidth="medium"
+        sizing="largeSizeMediumTitles"
+        background="noiseDiagonalGradient"
+        cardStyle="glass-depth"
         primaryButtonStyle="radial-glow"
         secondaryButtonStyle="glass"
-        headingFontWeight="light"
+        headingFontWeight="bold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
+      <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Results",
-          id: "results",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "About", id: "about" },
+        { name: "Services", id: "services" },
+        { name: "Results", id: "results" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Vantage Social"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroSplit
-      background={{
-        variant: "plain",
-      }}
-      title="Elevate Your Digital Presence."
-      description="We craft sophisticated social media strategies that command attention, drive growth, and define premium brands in the digital landscape."
-      buttons={[
-        {
-          text: "Start Your Strategy",
-          href: "#contact",
-        },
-      ]}
+      <HeroLogoBillboard
+      logoText="Vantage Social"
+      description="Sophisticated social media strategies for elite brands that demand growth and digital dominance."
+      buttons={[{ text: "Start Strategy", href: "#contact" }, { text: "Our Work", href: "#services" }]}
+      background={{ variant: "sparkles-gradient" }}
       imageSrc="http://img.b2bpic.net/free-photo/laptop-glasses-notebok-desktop-blurred-background_169016-38703.jpg"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/hands-young-pretty-woman-sitting-table-black-shirt-working-laptop-co-working-office-busy-student-freelancer-drinking-coffee_285396-115.jpg",
-          alt: "Team member 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/messy-office-workplace-workplace-workspace-concept_185193-109629.jpg",
-          alt: "Team member 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-working-his-laptop_53876-49294.jpg",
-          alt: "Team member 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/top-view-laptop-with-graphic-tablet_23-2148223230.jpg",
-          alt: "Team member 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
-          alt: "Team member 5",
-        },
-      ]}
-      avatarText="Trusted by 50+ elite brands"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Growth Focused",
-        },
-        {
-          type: "text",
-          text: "High Engagement",
-        },
-        {
-          type: "text",
-          text: "Premium Aesthetics",
-        },
-        {
-          type: "text",
-          text: "Data-Driven Results",
-        },
-        {
-          type: "text",
-          text: "Strategic Scaling",
-        },
-      ]}
     />
   </div>
 
   <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
-      useInvertedBackground={false}
-      heading={[
-        {
-          type: "text",
-          content: "Redefining",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/full-shot-colleagues-sitting-table_23-2149362921.jpg",
-          alt: "About our process",
-        },
-        {
-          type: "text",
-          content: "Modern Social Narrative",
-        },
-      ]}
+      <TestimonialAboutCard
+      tag="Our Vision"
+      title="Architects of Digital Influence"
+      description="We believe that social media is more than just posts; it's a narrative that defines brand legacy. We blend aesthetic precision with data-driven strategy to ensure your brand resonates in a crowded digital world."
+      subdescription="Boutique, high-touch partnerships for brands that refuse to compromise on quality or results."
+      icon={Sparkles}
+      imageSrc="http://img.b2bpic.net/free-photo/full-shot-colleagues-sitting-table_23-2149362921.jpg"
     />
   </div>
 
   <div id="services" data-section="services">
-      <FeatureCardSeven
-      animationType="slide-up"
-      textboxLayout="inline-image"
-      useInvertedBackground={false}
+      <FeatureCardNineteen
+      title="Strategic Creative Disciplines"
+      textboxLayout="split-actions"
       features={[
-        {
-          title: "Brand Strategy",
-          description: "Defining your unique voice and visual identity to dominate your market niche.",
-          imageSrc: "http://img.b2bpic.net/free-photo/market-trends-concept-with-smartphone_23-2150372425.jpg",
-        },
-        {
-          title: "Content Production",
-          description: "High-end visual storytelling crafted to stop the scroll and captivate audiences.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-mobile-phone-used-produce-comedy-podcast_482257-88028.jpg",
-        },
-        {
-          title: "Performance Analytics",
-          description: "Data-backed optimization to ensure maximum reach and conversion for every campaign.",
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-business-workspace-with-device-showing-data-analytics-infographics_482257-116612.jpg",
-        },
+        { tag: "Strategy", title: "Brand Positioning", subtitle: "Identity Mastery", description: "Defining the core essence of your brand to build lasting market authority.", imageSrc: "http://img.b2bpic.net/free-photo/market-trends-concept-with-smartphone_23-2150372425.jpg" },
+        { tag: "Creative", title: "Visual Storytelling", subtitle: "Production Excellence", description: "High-end content creation designed for maximum engagement and aesthetic impact.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-mobile-phone-used-produce-comedy-podcast_482257-88028.jpg" },
+        { tag: "Performance", title: "Growth Analytics", subtitle: "Data Intelligence", description: "Iterative, data-backed optimization to scale reach and convert audiences effectively.", imageSrc: "http://img.b2bpic.net/free-photo/empty-business-workspace-with-device-showing-data-analytics-infographics_482257-116612.jpg" }
       ]}
-      title="Premium Creative Solutions"
-      description="Our expertise spans across high-impact digital disciplines."
     />
   </div>
 
   <div id="results" data-section="results">
-      <MetricCardEleven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
+      <MetricCardFourteen
+      title="Tangible Digital Impact"
+      tag="Measurable Growth"
       metrics={[
-        {
-          id: "m1",
-          value: "500%",
-          title: "Growth Delivered",
-          description: "Average audience engagement increase for our clients.",
-          imageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-level-concept_23-2148761006.jpg",
-        },
-        {
-          id: "m2",
-          value: "120+",
-          title: "Brand Connections",
-          description: "Strategic relationships built within your industry.",
-          imageSrc: "http://img.b2bpic.net/free-photo/technology-network-background-connection-cyber-space-ai-generative_123827-24187.jpg",
-        },
-        {
-          id: "m3",
-          value: "40M+",
-          title: "Impressions Served",
-          description: "High-quality reach across multi-platform networks.",
-          imageSrc: "http://img.b2bpic.net/free-photo/animated-eraser-with-paper-clips-dogs-still-life_23-2149911072.jpg",
-        },
+        { id: "r1", value: "500%", description: "Average audience engagement growth." },
+        { id: "r2", value: "120+", description: "Premium brand partnerships cultivated." },
+        { id: "r3", value: "40M+", description: "Quality impressions delivered globally." },
       ]}
-      title="Measured Excellence"
-      description="Tangible results powered by sophisticated digital strategies."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSix
+      <TestimonialCardTwo
       animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
+      title="Client Success Narratives"
+      textboxLayout="split"
       testimonials={[
-        {
-          id: "t1",
-          name: "Sarah Jenkins",
-          handle: "@sjenkins",
-          testimonial: "Vantage Social redefined our brand perception entirely. Outstanding professional service.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg",
-        },
-        {
-          id: "t2",
-          name: "Marcus Thorne",
-          handle: "@mthorne",
-          testimonial: "The metrics don't lie. Our growth trajectory has been unprecedented since joining.",
-          imageSrc: "http://img.b2bpic.net/free-photo/content-senior-businessman-with-arms-crossed_1262-1790.jpg",
-        },
-        {
-          id: "t3",
-          name: "Elena Rodriguez",
-          handle: "@elena_r",
-          testimonial: "Sophisticated storytelling that actually converts. A truly premium agency partner.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-man-winter-sweater-is-posing-photographer-studio_613910-13711.jpg",
-        },
-        {
-          id: "t4",
-          name: "David Wu",
-          handle: "@dwu_official",
-          testimonial: "Unparalleled expertise in strategy and design. They feel like an extension of our team.",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg",
-        },
-        {
-          id: "t5",
-          name: "Olivia Smith",
-          handle: "@olivia_s",
-          testimonial: "Simply the best digital partner I have ever worked with. Results driven and elegant.",
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-blond-young-man-posing-studio_158595-3375.jpg",
-        },
+        { id: "t1", name: "Sarah Jenkins", role: "Founder, Apex", testimonial: "Vantage Social redefined our digital presence entirely. Their blend of strategy and aesthetics is unmatched.", icon: Users },
+        { id: "t2", name: "Marcus Thorne", role: "Director, Lumina", testimonial: "The growth we've achieved is unprecedented. Truly a world-class agency partner.", icon: Target }
       ]}
-      title="Voices of Excellence"
-      description="Hear from leaders who have transformed their digital strategy with us."
     />
   </div>
 
   <div id="social" data-section="social">
       <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "Apex Industries",
-        "Lumina Media",
-        "Nexum Capital",
-        "Veridian Tech",
-        "Oasis Ventures",
-        "Summit Studio",
-        "Flux Systems",
-      ]}
-      title="Trusted by Visionaries"
-      description="Collaborating with market-defining brands across global industries."
+      names={["Apex Industries", "Lumina Media", "Nexum Capital", "Veridian Tech", "Oasis Ventures"]}
+      title="Defining Brands"
+      description="Collaborating with industry-defining leaders."
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "What makes your agency premium?",
-          content: "We focus on boutique, high-touch strategic engagement, not volume, ensuring bespoke results.",
-        },
-        {
-          id: "f2",
-          title: "How do we measure success?",
-          content: "We define success through tangible KPIs tailored to your specific business growth objectives.",
-        },
-        {
-          id: "f3",
-          title: "What industries do you work with?",
-          content: "We specialize in luxury lifestyle, B2B tech, and ambitious creative startups.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/displeased-indian-worker-losing-her-job-gathering-her-belongings_482257-108162.jpg"
-      title="Frequently Asked Questions"
-      description="Clearing the path for our partnership."
+      <FaqBase
+      title="Partnership Insights"
       faqsAnimation="slide-up"
-      mediaAnimation="slide-up"
+      faqs={[
+        { id: "f1", title: "How do we scale?", content: "We combine high-touch creative strategy with data-backed performance marketing." },
+        { id: "f2", title: "What makes us premium?", content: "Focus on boutique strategic engagement over volume." },
+        { id: "f3", title: "Do you handle production?", content: "Yes, we provide end-to-end creative production." },
+      ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Let's Collaborate"
-      title="Ready for a Digital Transformation?"
-      description="Enter your details to initiate a strategy consultation with our leadership team."
+      <ContactSplitForm
+      title="Initiate Your Growth"
+      description="Partner with our elite team for your digital transformation."
+      inputs={[ { name: "name", type: "text", placeholder: "Full Name" }, { name: "email", type: "email", placeholder: "Business Email" } ]}
+      imageSrc="http://img.b2bpic.net/free-photo/displeased-indian-worker-losing-her-job-gathering-her-belongings_482257-108162.jpg"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Vantage Social",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Results",
-              href: "#results",
-            },
-          ],
-        },
-        {
-          title: "Connect",
-          items: [
-            {
-              label: "Twitter",
-              href: "https://twitter.com",
-            },
-            {
-              label: "LinkedIn",
-              href: "https://linkedin.com",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 Vantage Social Agency."
-      bottomRightText="All rights reserved."
+      <FooterMedia
+      logoText="Vantage Social"
+      columns={[{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Results", href: "#results" }] }, { title: "Connect", items: [{ label: "Twitter", href: "#" }, { label: "LinkedIn", href: "#" }] }]}
+      imageSrc="http://img.b2bpic.net/free-photo/technology-network-background-connection-cyber-space-ai-generative_123827-24187.jpg"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1