From 7b35ce66b84925e268343876a07b70502b8eaa66 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 15 Apr 2026 13:18:40 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f6d0469..aac32bb 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -26,221 +26,118 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Dashboard",
-          id: "dashboard",
-        },
-        {
-          name: "Pipeline",
-          id: "pipeline",
-        },
-        {
-          name: "Docs",
-          id: "docs",
-        },
-      ]}
-      brandName="BuildAI"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarStyleFullscreen
+            navItems={[
+              { name: "Dashboard", id: "dashboard" },
+              { name: "Pipeline", id: "pipeline" },
+              { name: "Docs", id: "docs" },
+            ]}
+            brandName="BuildAI"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroLogo
-      logoText="Transform Text to Android Apps"
-      description="Build production-ready mobile apps from simple descriptions. Our AI-powered pipeline generates clean, optimized code and compiles your APK instantly."
-      buttons={[
-        {
-          text: "Start Building",
-          href: "#dashboard",
-        },
-        {
-          text: "View Pipeline",
-          href: "#pipeline",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/closeup-computer-display-software-developer-typing-database-functions-script-it-startup-agency-display-concept-programer-writing-source-code-scrolling-text-programming-language_482257-33542.jpg?_wi=1"
-      imageAlt="AI App Builder Dashboard"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+            <HeroLogo
+            logoText="Transform Text to Android Apps"
+            description="Build production-ready mobile apps from simple descriptions. Our AI-powered pipeline generates clean, optimized code and compiles your APK instantly."
+            buttons={[
+              { text: "Start Building", href: "#dashboard" },
+              { text: "View Pipeline", href: "#pipeline" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/closeup-computer-display-software-developer-typing-database-functions-script-it-startup-agency-display-concept-programer-writing-source-code-scrolling-text-programming-language_482257-33542.jpg"
+            imageAlt="AI App Builder Dashboard"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyFive
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      features={[
-        {
-          title: "Smart AI Code Generation",
-          description: "Generate clean Flutter and React Native code via conversational AI.",
-          icon: Zap,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/cyber-intelligence-secure-operations-center-with-usa-flag-big-screen_482257-105777.jpg",
-              imageAlt: "AI Editor",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/smartphone-with-opened-ai-chat-it_1268-21624.jpg",
-              imageAlt: "AI Chat",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-computer-display-software-developer-typing-database-functions-script-it-startup-agency-display-concept-programer-writing-source-code-scrolling-text-programming-language_482257-33542.jpg?_wi=2",
-          imageAlt: "ai coding assistant chat interface",
-        },
-        {
-          title: "Cloud Pipeline Export",
-          description: "Auto-compile, sign, and build APKs in secure sandboxed containers.",
-          icon: Shield,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/standard-quality-control-concept-m_23-2150041855.jpg",
-              imageAlt: "Cloud Build",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/programmer-typing-code-pc-photovoltaics-production-facility_482257-120413.jpg",
-              imageAlt: "Build Logs",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/smartphone-with-blank-screen-held-hand-urban-background_9975-32947.jpg",
-          imageAlt: "ai coding assistant chat interface",
-        },
-        {
-          title: "Live Preview Simulator",
-          description: "See your app running in the browser before final APK export.",
-          icon: Smartphone,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924136.jpg",
-              imageAlt: "Simulator",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/technology-visual-visible-visibility-vision-concept_53876-123768.jpg?_wi=1",
-              imageAlt: "Preview",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/extreme-close-up-shot-hacking-code-running-computer-system-monitors_482257-99624.jpg",
-          imageAlt: "ai coding assistant chat interface",
-        },
-      ]}
-      title="Powerful Build Engine"
-      description="Everything you need to turn ideas into deployed applications in minutes."
-    />
-  </div>
+        <div id="features" data-section="features">
+            <FeatureCardTwentyFive
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            features={[
+              {
+                title: "Smart AI Code Generation",                description: "Generate clean Flutter and React Native code via conversational AI.",                icon: Zap,
+                mediaItems: [
+                  { imageSrc: "http://img.b2bpic.net/free-photo/cyber-intelligence-secure-operations-center-with-usa-flag-big-screen_482257-105777.jpg", imageAlt: "AI Editor" },
+                  { imageSrc: "http://img.b2bpic.net/free-photo/smartphone-with-opened-ai-chat-it_1268-21624.jpg", imageAlt: "AI Chat" }
+                ]
+              },
+              {
+                title: "Cloud Pipeline Export",                description: "Auto-compile, sign, and build APKs in secure sandboxed containers.",                icon: Shield,
+                mediaItems: [
+                  { imageSrc: "http://img.b2bpic.net/free-photo/standard-quality-control-concept-m_23-2150041855.jpg", imageAlt: "Cloud Build" },
+                  { imageSrc: "http://img.b2bpic.net/free-photo/programmer-typing-code-pc-photovoltaics-production-facility_482257-120413.jpg", imageAlt: "Build Logs" }
+                ]
+              },
+              {
+                title: "Live Preview Simulator",                description: "See your app running in the browser before final APK export.",                icon: Smartphone,
+                mediaItems: [
+                  { imageSrc: "http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924136.jpg", imageAlt: "Simulator" },
+                  { imageSrc: "http://img.b2bpic.net/free-photo/technology-visual-visible-visibility-vision-concept_53876-123768.jpg", imageAlt: "Preview" }
+                ]
+              }
+            ]}
+            title="Powerful Build Engine"
+            description="Everything you need to turn ideas into deployed applications in minutes."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "1",
-          title: "How does the AI builder work?",
-          content: "Our AI analyzes your request, generates structured project files, and triggers a containerized build process.",
-        },
-        {
-          id: "2",
-          title: "Is the APK ready for production?",
-          content: "The generated APKs are production-ready and signed, suitable for testing and deployment.",
-        },
-        {
-          id: "3",
-          title: "Do I own my code?",
-          content: "Yes, you have full access to your codebase and project files throughout the session.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/technology-visual-visible-visibility-vision-concept_53876-123768.jpg?_wi=2"
-      imageAlt="FAQ Background"
-      mediaAnimation="slide-up"
-      title="Frequently Asked Questions"
-      description="Learn more about our AI-build platform."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+            <FaqSplitMedia
+            textboxLayout="split"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "1", title: "How does the AI builder work?", content: "Our AI analyzes your request, generates structured project files, and triggers a containerized build process." },
+              { id: "2", title: "Is the APK ready for production?", content: "The generated APKs are production-ready and signed, suitable for testing and deployment." },
+              { id: "3", title: "Do I own my code?", content: "Yes, you have full access to your codebase and project files throughout the session." },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/technology-visual-visible-visibility-vision-concept_53876-123768.jpg"
+            imageAlt="FAQ Background"
+            mediaAnimation="slide-up"
+            title="Frequently Asked Questions"
+            description="Learn more about our AI-build platform."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Scalable Plans"
-      description="Choose the build capacity that fits your development cycle."
-      plans={[
-        {
-          id: "starter",
-          badge: "Hobbyist",
-          price: "$29/mo",
-          subtitle: "Perfect for prototyping.",
-          features: [
-            "5 Build Units",
-            "Community Support",
-            "Basic Export",
-          ],
-        },
-        {
-          id: "pro",
-          badge: "Developer",
-          price: "$99/mo",
-          subtitle: "For active app development.",
-          features: [
-            "Unlimited Builds",
-            "Priority Deployment",
-            "Full API Access",
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+            <PricingCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Scalable Plans"
+            description="Choose the build capacity that fits your development cycle."
+            plans={[
+              { id: "starter", badge: "Hobbyist", price: "$29/mo", subtitle: "Perfect for prototyping.", features: ["5 Build Units", "Community Support", "Basic Export"] },
+              { id: "pro", badge: "Developer", price: "$99/mo", subtitle: "For active app development.", features: ["Unlimited Builds", "Priority Deployment", "Full API Access"] },
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={true}
-      background={{
-        variant: "gradient-bars",
-      }}
-      tag="Get Started"
-      title="Ready to build your app?"
-      description="Join the waitlist or contact support to learn more about our developer API."
-      mediaAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/close-up-it-professional-using-tablet-building-ai-algorithms_482257-100475.jpg"
-      imageAlt="IT professional using tablet building AI algorithms"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+            <ContactSplit
+            useInvertedBackground={true}
+            background={{ variant: "gradient-bars" }}
+            tag="Get Started"
+            title="Ready to build your app?"
+            description="Join the waitlist or contact support to learn more about our developer API."
+            mediaAnimation="slide-up"
+            imageSrc="http://img.b2bpic.net/free-photo/close-up-it-professional-using-tablet-building-ai-algorithms_482257-100475.jpg"
+            imageAlt="IT professional using tablet building AI algorithms"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Product",
-          items: [
-            {
-              label: "Dashboard",
-              href: "#",
-            },
-            {
-              label: "Pipeline",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Documentation",
-              href: "#",
-            },
-            {
-              label: "Contact",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 BuildAI Inc."
-      bottomRightText="Built with love for developers."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterSimple
+            columns={[
+              { title: "Product", items: [{ label: "Dashboard", href: "#" }, { label: "Pipeline", href: "#" }] },
+              { title: "Support", items: [{ label: "Documentation", href: "#" }, { label: "Contact", href: "#" }] },
+            ]}
+            bottomLeftText="© 2024 BuildAI Inc."
+            bottomRightText="Built with love for developers."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1