From 319274689221c6c3d1e5cd84e52d7dd582349ff4 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 7 Apr 2026 15:51:28 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 309 ++++++++++++++++-------------------------------
 1 file changed, 102 insertions(+), 207 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index a02e8fb..48dc6e9 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -26,219 +26,114 @@ export default function LandingPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="PulseTech"
-      button={{
-        text: "Get Started",
-        href: "#contact",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Features", id: "features" },
+              { name: "About", id: "about" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="PulseTech"
+            button={{ text: "Get Started", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardScroll
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      title="Next-Gen Digital Experiences"
-      description="High-performance websites built for velocity and growth. Elevate your presence with premium motion and design."
-      tag="Build Smarter"
-      buttons={[
-        {
-          text: "Launch Projects",
-          href: "#features",
-        },
-      ]}
-      tagIcon={Sparkles}
-      imageSrc="http://img.b2bpic.net/free-photo/brown-futuristic-microchip-background-data-digital-transformation_53876-165478.jpg?_wi=1"
-      imageAlt="Futuristic digital grid background"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+            <HeroBillboardScroll
+            background={{ variant: "sparkles-gradient" }}
+            title="Next-Gen Digital Experiences"
+            description="High-performance websites built for velocity and growth. Elevate your presence with premium motion and design."
+            tag="Build Smarter"
+            buttons={[{ text: "Launch Projects", href: "#features" }]}
+            tagIcon={Sparkles}
+            imageSrc="http://img.b2bpic.net/free-photo/brown-futuristic-microchip-background-data-digital-transformation_53876-165478.jpg"
+            imageAlt="Futuristic digital grid background"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyFive
-      animationType="depth-3d"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "High Velocity",
-          description: "Optimized delivery pipelines for maximum speed in every environment.",
-          icon: Zap,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-techno-with-flowing-lines-particles_1048-13718.jpg?_wi=1",
-              imageAlt: "Speed",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-taking-online-class-her-laptop-home_23-2149114301.jpg?_wi=1",
-              imageAlt: "Performance",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/brown-futuristic-microchip-background-data-digital-transformation_53876-165478.jpg?_wi=2",
-          imageAlt: "digital grid tech background orange",
-        },
-        {
-          title: "Scale Anywhere",
-          description: "Cloud-native infrastructure that grows with your business demands.",
-          icon: Shield,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-techno-with-flowing-lines-particles_1048-13718.jpg?_wi=2",
-              imageAlt: "Security",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-taking-online-class-her-laptop-home_23-2149114301.jpg?_wi=2",
-              imageAlt: "Scalability",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378906.jpg",
-          imageAlt: "minimalist modern studio workspace",
-        },
-        {
-          title: "Adaptive Design",
-          description: "Fluid interfaces that look perfect on any device size or platform.",
-          icon: Smartphone,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-techno-with-flowing-lines-particles_1048-13718.jpg?_wi=3",
-              imageAlt: "Design",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-taking-online-class-her-laptop-home_23-2149114301.jpg?_wi=3",
-              imageAlt: "UX",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-techno-with-flowing-lines-particles_1048-13718.jpg?_wi=4",
-          imageAlt: "data analytics network abstract",
-        },
-      ]}
-      title="Unmatched Performance"
-      description="Engineered for speed, built for scale, designed to convert."
-    />
-  </div>
+        <div id="features" data-section="features">
+            <FeatureCardTwentyFive
+            animationType="depth-3d"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              {
+                title: "High Velocity",                description: "Optimized delivery pipelines for maximum speed in every environment.",                icon: Zap,
+                mediaItems: [
+                  { imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-techno-with-flowing-lines-particles_1048-13718.jpg", imageAlt: "Speed" },
+                  { imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-taking-online-class-her-laptop-home_23-2149114301.jpg", imageAlt: "Performance" },
+                ]
+              },
+              {
+                title: "Scale Anywhere",                description: "Cloud-native infrastructure that grows with your business demands.",                icon: Shield,
+                mediaItems: [
+                  { imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-techno-with-flowing-lines-particles_1048-13718.jpg", imageAlt: "Security" },
+                  { imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-taking-online-class-her-laptop-home_23-2149114301.jpg", imageAlt: "Scalability" },
+                ]
+              },
+              {
+                title: "Adaptive Design",                description: "Fluid interfaces that look perfect on any device size or platform.",                icon: Smartphone,
+                mediaItems: [
+                  { imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-techno-with-flowing-lines-particles_1048-13718.jpg", imageAlt: "Design" },
+                  { imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-taking-online-class-her-laptop-home_23-2149114301.jpg", imageAlt: "UX" },
+                ]
+              },
+            ]}
+            title="Unmatched Performance"
+            description="Engineered for speed, built for scale, designed to convert."
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextSplitAbout
-      useInvertedBackground={false}
-      title="Crafted for Innovation"
-      description={[
-        "We push the boundaries of digital craft through rigorous design systems and advanced animation libraries.",
-        "Our philosophy merges minimalist UI principles with cutting-edge engine performance, ensuring every touchpoint matters.",
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+            <TextSplitAbout
+            useInvertedBackground={false}
+            title="Crafted for Innovation"
+            description={[
+              "We push the boundaries of digital craft through rigorous design systems and advanced animation libraries.",              "Our philosophy merges minimalist UI principles with cutting-edge engine performance, ensuring every touchpoint matters."]}
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Common Questions"
-      description="Find answers to frequently asked questions about our process and services."
-      tag="FAQ"
-      tagIcon={HelpCircle}
-      faqsAnimation="blur-reveal"
-      faqs={[
-        {
-          id: "1",
-          title: "How fast is your delivery timeline?",
-          content: "We prioritize high-velocity development, typically delivering MVP projects in 4-6 weeks.",
-        },
-        {
-          id: "2",
-          title: "Do you handle custom design systems?",
-          content: "Yes, we specialize in crafting unique, scalable design systems tailored to your brand identity.",
-        },
-        {
-          id: "3",
-          title: "Can you scale with my startup?",
-          content: "Absolutely. Our infrastructure is built cloud-native, allowing your platform to scale instantly with demand.",
-        },
-        {
-          id: "4",
-          title: "What tech stacks do you use?",
-          content: "We primarily work with Next.js, React, Tailwind CSS, and advanced animation engines like Framer Motion.",
-        },
-        {
-          id: "5",
-          title: "How do we get started?",
-          content: "Simply click the 'Start Conversation' button and fill out our contact form, and we'll reach out within 24 hours.",
-        },
-      ]}
-    />
-  </div>
+        <div id="faq" data-section="faq">
+            <FaqBase
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Common Questions"
+            description="Find answers to frequently asked questions about our process and services."
+            tag="FAQ"
+            tagIcon={HelpCircle}
+            faqsAnimation="blur-reveal"
+            faqs={[
+              { id: "1", title: "How fast is your delivery timeline?", content: "We prioritize high-velocity development, typically delivering MVP projects in 4-6 weeks." },
+              { id: "2", title: "Do you handle custom design systems?", content: "Yes, we specialize in crafting unique, scalable design systems tailored to your brand identity." },
+              { id: "3", title: "Can you scale with my startup?", content: "Absolutely. Our infrastructure is built cloud-native, allowing your platform to scale instantly with demand." },
+              { id: "4", title: "What tech stacks do you use?", content: "We primarily work with Next.js, React, Tailwind CSS, and advanced animation engines like Framer Motion." },
+              { id: "5", title: "How do we get started?", content: "Simply click the 'Start Conversation' button and fill out our contact form, and we'll reach out within 24 hours." },
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "glowing-orb",
-      }}
-      tag="Let's Connect"
-      title="Start your next evolution"
-      description="Ready to build something legendary? Our team is standing by to help."
-      buttons={[
-        {
-          text: "Start Conversation",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+            <ContactCTA
+            useInvertedBackground={false}
+            background={{ variant: "glowing-orb" }}
+            tag="Let's Connect"
+            title="Start your next evolution"
+            description="Ready to build something legendary? Our team is standing by to help."
+            buttons={[{ text: "Start Conversation", href: "#" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/brown-futuristic-microchip-background-data-digital-transformation_53876-165478.jpg?_wi=3"
-      logoText="PulseTech"
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Design",
-              href: "#",
-            },
-            {
-              label: "Development",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/brown-futuristic-microchip-background-data-digital-transformation_53876-165478.jpg"
+            logoText="PulseTech"
+            columns={[
+              { title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
+              { title: "Services", items: [{ label: "Design", href: "#" }, { label: "Development", href: "#" }] },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1