From 702c3df09c38c313a0d7fa8a19530871fb77974a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 2 Apr 2026 18:41:37 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 56f43dd..d17a473 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -14,288 +14,133 @@ import { Award, TrendingUp, Users } from "lucide-react";
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="text-shift"
-        defaultTextAnimation="reveal-blur"
-        borderRadius="soft"
-        contentWidth="small"
-        sizing="mediumSizeLargeTitles"
-        background="grid"
-        cardStyle="solid"
-        primaryButtonStyle="primary-glow"
-        secondaryButtonStyle="glass"
-        headingFontWeight="medium"
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="soft"
+      contentWidth="small"
+      sizing="mediumSizeLargeTitles"
+      background="grid"
+      cardStyle="solid"
+      primaryButtonStyle="primary-glow"
+      secondaryButtonStyle="glass"
+      headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Results",
-          id: "testimonials",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Vantage Media"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Services", id: "features" },
+              { name: "Results", id: "testimonials" },
+              { name: "About", id: "about" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Vantage Media"
+            button={{ text: "Start Project", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroCarouselLogo
-      logoText="VANTAGE MEDIA"
-      description="We bridge the gap between world-class brands and their digital future through hyper-targeted social growth and premium content strategy."
-      buttons={[
-        {
-          text: "Start Project",
-          href: "#contact",
-        },
-      ]}
-      slides={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-digital-particle-design_1048-12790.jpg?_wi=1",
-          imageAlt: "Abstract luxury gradient",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-workspace-with-sheet-paper-laptop_23-2148430808.jpg?_wi=1",
-          imageAlt: "Minimalist office interior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/monochrome-wireframe-digital-gray-background-polygonal-network-structure-connection_90220-491.jpg?_wi=1",
-          imageAlt: "Social network visualization",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/red-purple-neon-light-tube-dark-backdrop_23-2147881290.jpg",
-          imageAlt: "Floating metallic shapes",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/idea-concept-with-light-bulb_23-2149105868.jpg",
-          imageAlt: "Creative marketing concept",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white-background_23-2150913923.jpg",
-          imageAlt: "Futuristic UI overlay",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroCarouselLogo
+            logoText="VANTAGE MEDIA"
+            description="We bridge the gap between world-class brands and their digital future through hyper-targeted social growth and premium content strategy."
+            buttons={[{ text: "Start Project", href: "#contact" }]}
+            slides={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-digital-particle-design_1048-12790.jpg", imageAlt: "Abstract luxury gradient" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/top-view-workspace-with-sheet-paper-laptop_23-2148430808.jpg", imageAlt: "Minimalist office interior" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/monochrome-wireframe-digital-gray-background-polygonal-network-structure-connection_90220-491.jpg", imageAlt: "Social network visualization" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/red-purple-neon-light-tube-dark-backdrop_23-2147881290.jpg", imageAlt: "Floating metallic shapes" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/idea-concept-with-light-bulb_23-2149105868.jpg", imageAlt: "Creative marketing concept" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white-background_23-2150913923.jpg", imageAlt: "Futuristic UI overlay" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <AboutMetric
-      useInvertedBackground={false}
-      title="Data-Driven Excellence"
-      metrics={[
-        {
-          icon: TrendingUp,
-          label: "Revenue Growth",
-          value: "150%",
-        },
-        {
-          icon: Users,
-          label: "Audience Reached",
-          value: "2.4M+",
-        },
-        {
-          icon: Award,
-          label: "Industry Awards",
-          value: "12",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <AboutMetric
+            useInvertedBackground={false}
+            title="Data-Driven Excellence"
+            metrics={[
+              { icon: TrendingUp, label: "Revenue Growth", value: "150%" },
+              { icon: Users, label: "Audience Reached", value: "2.4M+" },
+              { icon: Award, label: "Industry Awards", value: "12" },
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardNine
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: 1,
-          title: "Brand Strategy",
-          description: "Defining your digital identity with precision and purpose.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-businesswoman-strict-clothes-black-jacket-holding-her-phone-light-white-surface_140725-64239.jpg",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-57447.jpg",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-digital-particle-design_1048-12790.jpg?_wi=2",
-          imageAlt: "luxury tech abstract dark background",
-        },
-        {
-          id: 2,
-          title: "Growth Engine",
-          description: "High-converting social campaigns backed by proprietary data models.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/smartphone-with-black-friday-inscription-black-white-table_23-2147957632.jpg",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-customizing-avatar-concept_23-2150729044.jpg",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-workspace-with-sheet-paper-laptop_23-2148430808.jpg?_wi=2",
-          imageAlt: "luxury agency office interior dark",
-        },
-        {
-          id: 3,
-          title: "Creative Content",
-          description: "High-end visual production designed for maximum platform engagement.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/executive-workspace-features-digital-dashboard-with-financial-charts_482257-123845.jpg",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/teamwork-makes-dream-work-motivation-quote-message-box_53876-121429.jpg",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/monochrome-wireframe-digital-gray-background-polygonal-network-structure-connection_90220-491.jpg?_wi=2",
-          imageAlt: "social media data visualization dark",
-        },
-      ]}
-      showStepNumbers={false}
-      title="Premium Agency Services"
-      description="We don't just post content; we engineer growth through specialized digital methodologies."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardNine
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { id: 1, title: "Brand Strategy", description: "Defining your digital identity with precision and purpose.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-businesswoman-strict-clothes-black-jacket-holding-her-phone-light-white-surface_140725-64239.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-57447.jpg" } },
+              { id: 2, title: "Growth Engine", description: "High-converting social campaigns backed by proprietary data models.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/smartphone-with-black-friday-inscription-black-white-table_23-2147957632.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-customizing-avatar-concept_23-2150729044.jpg" } },
+              { id: 3, title: "Creative Content", description: "High-end visual production designed for maximum platform engagement.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/executive-workspace-features-digital-dashboard-with-financial-charts_482257-123845.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/teamwork-makes-dream-work-motivation-quote-message-box_53876-121429.jpg" } },
+            ]}
+            showStepNumbers={false}
+            title="Premium Agency Services"
+            description="We don't just post content; we engineer growth through specialized digital methodologies."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          title: "Exceptional",
-          quote: "The most professional agency we have ever worked with.",
-          name: "Sarah Miller",
-          role: "CEO, BrandCo",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e98xcv",
-        },
-        {
-          id: "2",
-          title: "Innovative",
-          quote: "Their strategy completely transformed our social reach.",
-          name: "James Chen",
-          role: "CMO, TechFlow",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0wuwg3",
-        },
-        {
-          id: "3",
-          title: "Strategic",
-          quote: "Precise targeting and amazing creative assets.",
-          name: "Elena Rodriguez",
-          role: "Founder, LuxStudio",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p8nl64",
-        },
-        {
-          id: "4",
-          title: "Effective",
-          quote: "Vantage delivers results beyond our quarterly targets.",
-          name: "Mark Stevens",
-          role: "Director, GlobalInc",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ji9f5y",
-        },
-        {
-          id: "5",
-          title: "Creative",
-          quote: "A true partner in our digital evolution.",
-          name: "Anna Petrova",
-          role: "Founder, CreativeArt",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=smizjg",
-        },
-      ]}
-      title="Trusted by Market Leaders"
-      description="See why top-tier brands choose Vantage to scale their presence."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTen
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", title: "Exceptional", quote: "The most professional agency we have ever worked with.", name: "Sarah Miller", role: "CEO, BrandCo", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e98xcv" },
+              { id: "2", title: "Innovative", quote: "Their strategy completely transformed our social reach.", name: "James Chen", role: "CMO, TechFlow", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0wuwg3" },
+              { id: "3", title: "Strategic", quote: "Precise targeting and amazing creative assets.", name: "Elena Rodriguez", role: "Founder, LuxStudio", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p8nl64" },
+              { id: "4", title: "Effective", quote: "Vantage delivers results beyond our quarterly targets.", name: "Mark Stevens", role: "Director, GlobalInc", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ji9f5y" },
+              { id: "5", title: "Creative", quote: "A true partner in our digital evolution.", name: "Anna Petrova", role: "Founder, CreativeArt", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=smizjg" },
+            ]}
+            title="Trusted by Market Leaders"
+            description="See why top-tier brands choose Vantage to scale their presence."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Start Your Evolution"
-      description="Ready to scale your digital presence? Let's discuss your goals."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-          required: true,
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "Tell us about your project",
-        rows: 4,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/front-view-desk-concept-with-copy-space_23-2148459684.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={false}
+            title="Start Your Evolution"
+            description="Ready to scale your digital presence? Let's discuss your goals."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Name", required: true },
+              { name: "email", type: "email", placeholder: "Email Address", required: true },
+            ]}
+            textarea={{ name: "message", placeholder: "Tell us about your project", rows: 4 }}
+            imageSrc="http://img.b2bpic.net/free-photo/front-view-desk-concept-with-copy-space_23-2148459684.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Agency",
-          items: [
-            {
-              label: "Services",
-              href: "#features",
-            },
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Follow",
-          items: [
-            {
-              label: "Instagram",
-              href: "#",
-            },
-            {
-              label: "LinkedIn",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="Vantage Media"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              {
+                title: "Agency",                items: [
+                  { label: "Services", href: "#features" },
+                  { label: "About", href: "#about" },
+                  { label: "Careers", href: "#" },
+                ],
+              },
+              {
+                title: "Legal",                items: [
+                  { label: "Privacy Policy", href: "#" },
+                  { label: "Terms of Service", href: "#" },
+                ],
+              },
+              {
+                title: "Follow",                items: [
+                  { label: "Instagram", href: "#" },
+                  { label: "LinkedIn", href: "#" },
+                ],
+              },
+            ]}
+            logoText="Vantage Media"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1