From 508b27ca1fb76e045cd26668f723cfbb2ae5536c Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 6 Apr 2026 07:31:36 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 297 ++++++++++++++---------------------------------
 1 file changed, 88 insertions(+), 209 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 018d5dd..44d37ba 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -25,221 +25,100 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Tools",
-          id: "tools",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-      ]}
-      brandName="AI Workspace"
-      button={{
-        text: "Sign Up",
-        href: "#",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Tools", id: "tools" },
+              { name: "Features", id: "features" },
+            ]}
+            brandName="AI Workspace"
+            button={{ text: "Sign Up", href: "#" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardScroll
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      title="AI Workspace 3.0"
-      description="Your centralized hub for intelligent creation and productivity. Ask anything, automate everything."
-      buttons={[
-        {
-          text: "Get Started",
-          href: "#",
-        },
-        {
-          text: "Explore Tools",
-          href: "#tools",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/abstract-science-fiction-futuristic-background-with-red-blue-neon-lights_181624-26202.jpg?_wi=1"
-      imageAlt="AI Workspace Interface"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+            <HeroBillboardScroll
+            background={{ variant: "sparkles-gradient" }}
+            title="AI Workspace 3.0"
+            description="Your centralized hub for intelligent creation and productivity. Ask anything, automate everything."
+            buttons={[{ text: "Get Started", href: "#" }, { text: "Explore Tools", href: "#tools" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/abstract-science-fiction-futuristic-background-with-red-blue-neon-lights_181624-26202.jpg"
+            imageAlt="AI Workspace Interface"
+          />
+        </div>
 
-  <div id="tools" data-section="tools">
-      <FeatureCardSeven
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "AI Docs",
-          description: "Intelligent document generation and editing.",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-science-fiction-futuristic-background-with-red-blue-neon-lights_181624-26202.jpg?_wi=2",
-          imageAlt: "Docs",
-        },
-        {
-          title: "AI Slides",
-          description: "Presentations created from simple prompts.",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-science-fiction-futuristic-background-with-red-blue-neon-lights_181624-26202.jpg?_wi=3",
-          imageAlt: "Slides",
-        },
-        {
-          title: "AI Designer",
-          description: "Generate high-fidelity mockups in seconds.",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-science-fiction-futuristic-background-with-red-blue-neon-lights_181624-26202.jpg?_wi=4",
-          imageAlt: "Designer",
-        },
-      ]}
-      title="Universal AI Tools"
-      description="Launch specialized AI modules instantly from your dashboard."
-    />
-  </div>
+        <div id="tools" data-section="tools">
+            <FeatureCardSeven
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { title: "AI Docs", description: "Intelligent document generation and editing.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-science-fiction-futuristic-background-with-red-blue-neon-lights_181624-26202.jpg", imageAlt: "Docs" },
+              { title: "AI Slides", description: "Presentations created from simple prompts.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-science-fiction-futuristic-background-with-red-blue-neon-lights_181624-26202.jpg", imageAlt: "Slides" },
+              { title: "AI Designer", description: "Generate high-fidelity mockups in seconds.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-science-fiction-futuristic-background-with-red-blue-neon-lights_181624-26202.jpg", imageAlt: "Designer" }
+            ]}
+            title="Universal AI Tools"
+            description="Launch specialized AI modules instantly from your dashboard."
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <ProductCardOne
-      textboxLayout="split"
-      gridVariant="two-columns-alternating-heights"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "p1",
-          name: "Meeting Bot",
-          price: "Active",
-          imageSrc: "http://img.b2bpic.net/free-vector/gradient-infographic-element-collection_52683-5469.jpg?_wi=1",
-          imageAlt: "Meeting Bot",
-        },
-        {
-          id: "p2",
-          name: "Data Analyst",
-          price: "Active",
-          imageSrc: "http://img.b2bpic.net/free-vector/gradient-infographic-element-collection_52683-5469.jpg?_wi=2",
-          imageAlt: "Analyst",
-        },
-        {
-          id: "p3",
-          name: "Voice Clone",
-          price: "Pro",
-          imageSrc: "http://img.b2bpic.net/free-vector/gradient-infographic-element-collection_52683-5469.jpg?_wi=3",
-          imageAlt: "Voice",
-        },
-        {
-          id: "p4",
-          name: "Image Editor",
-          price: "Pro",
-          imageSrc: "http://img.b2bpic.net/free-vector/gradient-infographic-element-collection_52683-5469.jpg?_wi=4",
-          imageAlt: "Editor",
-        },
-        {
-          id: "p5",
-          name: "Doc Scanner",
-          price: "Free",
-          imageSrc: "http://img.b2bpic.net/free-vector/gradient-infographic-element-collection_52683-5469.jpg?_wi=5",
-          imageAlt: "Scanner",
-        },
-        {
-          id: "p6",
-          name: "Music Gen",
-          price: "Free",
-          imageSrc: "http://img.b2bpic.net/free-vector/gradient-infographic-element-collection_52683-5469.jpg?_wi=6",
-          imageAlt: "Music",
-        },
-      ]}
-      title="Featured Add-ons"
-      description="Enhance your workflow with advanced smart integrations."
-    />
-  </div>
+        <div id="features" data-section="features">
+            <ProductCardOne
+            textboxLayout="split"
+            gridVariant="two-columns-alternating-heights"
+            useInvertedBackground={true}
+            animationType="slide-up"
+            products={[
+              { id: "p1", name: "Meeting Bot", price: "Active", imageSrc: "http://img.b2bpic.net/free-vector/gradient-infographic-element-collection_52683-5469.jpg", imageAlt: "Meeting Bot" },
+              { id: "p2", name: "Data Analyst", price: "Active", imageSrc: "http://img.b2bpic.net/free-vector/gradient-infographic-element-collection_52683-5469.jpg", imageAlt: "Analyst" },
+              { id: "p3", name: "Voice Clone", price: "Pro", imageSrc: "http://img.b2bpic.net/free-vector/gradient-infographic-element-collection_52683-5469.jpg", imageAlt: "Voice" },
+              { id: "p4", name: "Image Editor", price: "Pro", imageSrc: "http://img.b2bpic.net/free-vector/gradient-infographic-element-collection_52683-5469.jpg", imageAlt: "Editor" },
+              { id: "p5", name: "Doc Scanner", price: "Free", imageSrc: "http://img.b2bpic.net/free-vector/gradient-infographic-element-collection_52683-5469.jpg", imageAlt: "Scanner" },
+              { id: "p6", name: "Music Gen", price: "Free", imageSrc: "http://img.b2bpic.net/free-vector/gradient-infographic-element-collection_52683-5469.jpg", imageAlt: "Music" }
+            ]}
+            title="Featured Add-ons"
+            description="Enhance your workflow with advanced smart integrations."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Frequently Asked Questions"
-      description="Everything you need to know about getting started with our workspace."
-      faqsAnimation="slide-up"
-      faqs={[
-        {
-          id: "f1",
-          title: "Is my data secure?",
-          content: "We use enterprise-grade encryption for all your workspace data.",
-        },
-        {
-          id: "f2",
-          title: "Can I integrate with my existing tools?",
-          content: "Yes, we support over 50+ integrations with popular platforms.",
-        },
-        {
-          id: "f3",
-          title: "Do you offer a free trial?",
-          content: "Yes, get started for free today with no credit card required.",
-        },
-        {
-          id: "f4",
-          title: "How does the AI assistant work?",
-          content: "Our AI uses advanced LLMs to help streamline your daily tasks.",
-        },
-      ]}
-    />
-  </div>
+        <div id="faq" data-section="faq">
+            <FaqBase
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Frequently Asked Questions"
+            description="Everything you need to know about getting started with our workspace."
+            faqsAnimation="slide-up"
+            faqs={[
+              { id: "f1", title: "Is my data secure?", content: "We use enterprise-grade encryption for all your workspace data." },
+              { id: "f2", title: "Can I integrate with my existing tools?", content: "Yes, we support over 50+ integrations with popular platforms." },
+              { id: "f3", title: "Do you offer a free trial?", content: "Yes, get started for free today with no credit card required." },
+              { id: "f4", title: "How does the AI assistant work?", content: "Our AI uses advanced LLMs to help streamline your daily tasks." }
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Get In Touch"
-      title="Stay updated"
-      description="Subscribe to our newsletter for the latest AI productivity tips."
-      inputPlaceholder="Enter your professional email"
-      buttonText="Subscribe"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+            <ContactCenter
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Get In Touch"
+            title="Stay updated"
+            description="Subscribe to our newsletter for the latest AI productivity tips."
+            inputPlaceholder="Enter your professional email"
+            buttonText="Subscribe"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Products",
-              href: "#",
-            },
-            {
-              label: "Tools",
-              href: "#",
-            },
-            {
-              label: "Pricing",
-              href: "#",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Blog",
-              href: "#",
-            },
-            {
-              label: "Press",
-              href: "#",
-            },
-            {
-              label: "Privacy",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="AI Workspace"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterLogoEmphasis
+            columns={[
+              { items: [{ label: "Products", href: "#" }, { label: "Tools", href: "#" }, { label: "Pricing", href: "#" }] },
+              { items: [{ label: "Blog", href: "#" }, { label: "Press", href: "#" }, { label: "Privacy", href: "#" }] }
+            ]}
+            logoText="AI Workspace"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1