From 84510603c1a065a37a67bbda19d24cc47db7002a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 6 Apr 2026 16:37:32 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 398 +++++++++++++----------------------------------
 1 file changed, 111 insertions(+), 287 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 60c48bf..d00386f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -27,301 +27,125 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Innovate"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Services", id: "features" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Innovate"
+            button={{ text: "Get Started", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardGallery
-      background={{
-        variant: "plain",
-      }}
-      title="Elevating Your Vision"
-      description="Premium strategies for high-end projects. Let's build your legacy together."
-      buttons={[
-        {
-          text: "Start Your Project",
-          href: "#contact",
-        },
-        {
-          text: "See Our Work",
-          href: "#services",
-        },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780700.jpg?_wi=1",
-          imageAlt: "Luxury Office",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-motion-blur-messy-light-trail-black-background_23-2148055596.jpg?_wi=1",
-          imageAlt: "Abstract Gold",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/desk-supplies-composition-top-view_23-2149511862.jpg?_wi=1",
-          imageAlt: "Professional Desk",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780700.jpg?_wi=2",
-          imageAlt: "Luxury Office 2",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-motion-blur-messy-light-trail-black-background_23-2148055596.jpg?_wi=2",
-          imageAlt: "Abstract Gold 2",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/desk-supplies-composition-top-view_23-2149511862.jpg?_wi=2",
-          imageAlt: "Professional Desk 2",
-        },
-      ]}
-      mediaAnimation="blur-reveal"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardGallery
+            background={{ variant: "plain" }}
+            title="Elevating Your Vision"
+            description="Premium strategies for high-end projects. Let's build your legacy together."
+            buttons={[
+              { text: "Start Your Project", href: "#contact" },
+              { text: "See Our Work", href: "#features" },
+            ]}
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780700.jpg", imageAlt: "Luxury Office" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/abstract-motion-blur-messy-light-trail-black-background_23-2148055596.jpg", imageAlt: "Abstract Gold" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/desk-supplies-composition-top-view_23-2149511862.jpg", imageAlt: "Professional Desk" },
+            ]}
+            mediaAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="stats" data-section="stats">
-      <MetricCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          title: "Satisfaction Rate",
-          value: "100%",
-          icon: CheckCircle,
-        },
-        {
-          id: "m2",
-          title: "On-Time Delivery",
-          value: "100%",
-          icon: Clock,
-        },
-        {
-          id: "m3",
-          title: "Client Rating",
-          value: "5.0 ★",
-          icon: Star,
-        },
-      ]}
-      title="Proven Excellence"
-      description="Delivering premium results for private clients worldwide."
-    />
-  </div>
+        <div id="stats" data-section="stats">
+          <MetricCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", title: "Satisfaction Rate", value: "100%", icon: CheckCircle },
+              { id: "m2", title: "On-Time Delivery", value: "100%", icon: Clock },
+              { id: "m3", title: "Client Rating", value: "5.0 ★", icon: Star },
+            ]}
+            title="Proven Excellence"
+            description="Delivering premium results for private clients worldwide."
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextSplitAbout
-      useInvertedBackground={false}
-      title="About Innovate"
-      description={[
-        "We define luxury through precision and creativity. Every project is an opportunity to craft something truly exceptional for our partners.",
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextSplitAbout
+            useInvertedBackground={false}
+            title="About Innovate"
+            description={["We define luxury through precision and creativity. Every project is an opportunity to craft something truly exceptional for our partners."]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardSeven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Brand Strategy",
-          description: "Defining your market identity with authority and gold-standard metrics.",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780700.jpg?_wi=3",
-          imageAlt: "Strategy",
-        },
-        {
-          title: "Digital Design",
-          description: "High-end UI/UX craft that bridges luxury and performance.",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-motion-blur-messy-light-trail-black-background_23-2148055596.jpg?_wi=3",
-          imageAlt: "Design",
-        },
-        {
-          title: "Creative Consulting",
-          description: "Expert advice to steer your vision toward long-term success.",
-          imageSrc: "http://img.b2bpic.net/free-photo/desk-supplies-composition-top-view_23-2149511862.jpg?_wi=3",
-          imageAlt: "Consulting",
-        },
-        {
-          title: "Performance Optimization",
-          description: "Speed and precision integrated into every digital asset.",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780700.jpg?_wi=4",
-          imageAlt: "Optimization",
-        },
-        {
-          title: "Content Production",
-          description: "Elite assets created to showcase your vision to the world.",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-motion-blur-messy-light-trail-black-background_23-2148055596.jpg?_wi=4",
-          imageAlt: "Content",
-        },
-        {
-          title: "Global Logistics",
-          description: "Seamless execution across all channels and borders.",
-          imageSrc: "http://img.b2bpic.net/free-photo/desk-supplies-composition-top-view_23-2149511862.jpg?_wi=4",
-          imageAlt: "Logistics",
-        },
-      ]}
-      title="Premium Services"
-      description="Tailored solutions for discerning clients seeking perfection."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardSeven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { title: "Brand Strategy", description: "Defining your market identity with authority and gold-standard metrics.", imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780700.jpg", imageAlt: "Strategy" },
+              { title: "Digital Design", description: "High-end UI/UX craft that bridges luxury and performance.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-motion-blur-messy-light-trail-black-background_23-2148055596.jpg", imageAlt: "Design" },
+              { title: "Creative Consulting", description: "Expert advice to steer your vision toward long-term success.", imageSrc: "http://img.b2bpic.net/free-photo/desk-supplies-composition-top-view_23-2149511862.jpg", imageAlt: "Consulting" },
+            ]}
+            title="Premium Services"
+            description="Tailored solutions for discerning clients seeking perfection."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Sarah Jenkins",
-          handle: "@sjenkins",
-          testimonial: "The precision and luxury standard provided were truly unmatched.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
-        },
-        {
-          id: "t2",
-          name: "Mark Roberts",
-          handle: "@mroberts",
-          testimonial: "Innovate turned my vague vision into a sophisticated reality.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-elegant-suit-holds-black-hat-isolated-dark-background_613910-6600.jpg",
-        },
-        {
-          id: "t3",
-          name: "Elena Rossi",
-          handle: "@erossi",
-          testimonial: "Exceptional service. The golden standard for creative consulting.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-unknown-man-posing_23-2149417577.jpg",
-        },
-        {
-          id: "t4",
-          name: "David Thorne",
-          handle: "@dthorne",
-          testimonial: "Reliable, fast, and incredibly professional throughout.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-smiling_23-2150771071.jpg",
-        },
-        {
-          id: "t5",
-          name: "Emily Chen",
-          handle: "@echen",
-          testimonial: "The design aesthetic is simply world-class.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
-        },
-      ]}
-      showRating={true}
-      title="Client Perspectives"
-      description="Hear directly from those who trust our expertise."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardThirteen
+            textboxLayout="default"
+            useInvertedBackground={false}
+            animationType="slide-up"
+            testimonials={[
+              { id: "t1", name: "Sarah Jenkins", handle: "@sjenkins", testimonial: "The precision and luxury standard provided were truly unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg" },
+              { id: "t2", name: "Mark Roberts", handle: "@mroberts", testimonial: "Innovate turned my vague vision into a sophisticated reality.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-elegant-suit-holds-black-hat-isolated-dark-background_613910-6600.jpg" },
+              { id: "t3", name: "Elena Rossi", handle: "@erossi", testimonial: "Exceptional service. The golden standard for creative consulting.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-unknown-man-posing_23-2149417577.jpg" },
+            ]}
+            showRating={true}
+            title="Client Perspectives"
+            description="Hear directly from those who trust our expertise."
+          />
+        </div>
 
-  <div id="cta-banner" data-section="cta-banner">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      tag="Ready to begin?"
-      title="Start your premium project today."
-      description="Unlock exclusive access to our elite creative team."
-      buttons={[
-        {
-          text: "Contact Us Now",
-          href: "#contact",
-        },
-      ]}
-    />
-  </div>
+        <div id="cta-banner" data-section="cta-banner">
+          <ContactCTA
+            useInvertedBackground={false}
+            background={{ variant: "sparkles-gradient" }}
+            tag="Ready to begin?"
+            title="Start your premium project today."
+            description="Unlock exclusive access to our elite creative team."
+            buttons={[{ text: "Contact Us Now", href: "#contact" }]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Let's Talk"
-      title="Inquire About Your Project"
-      description="Select your project type and let us handle the rest."
-      buttons={[
-        {
-          text: "Send Message",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Let's Talk"
+            title="Inquire About Your Project"
+            description="Select your project type and let us handle the rest."
+            buttons={[{ text: "Send Message", href: "#" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Innovate",
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Services",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "email@innovate.com",
-              href: "mailto:email@innovate.com",
-            },
-            {
-              label: "+1 (555) 000-0000",
-              href: "tel:+15550000000",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 Innovate Creative Studio."
-      bottomRightText="All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "Innovate", items: [{ label: "About Us", href: "#" }, { label: "Services", href: "#" }] },
+              { title: "Contact", items: [{ label: "email@innovate.com", href: "mailto:email@innovate.com" }, { label: "+1 (555) 000-0000", href: "tel:+15550000000" }] },
+              { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
+            ]}
+            bottomLeftText="© 2024 Innovate Creative Studio."
+            bottomRightText="All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file