From 8efbd589bb4ed43328dad7cf5dfdf0405f70a0cd Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 28 Mar 2026 04:42:10 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f8dd55c..0db5830 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -15,268 +15,134 @@ import { Database, Eye, Zap } from "lucide-react";
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="elastic-effect"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="pill"
+      defaultButtonVariant="elastic-effect"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Platform",
-          id: "#about",
-        },
-        {
-          name: "Features",
-          id: "#features",
-        },
-        {
-          name: "Results",
-          id: "#results",
-        },
-        {
-          name: "Pricing",
-          id: "#pricing",
-        },
-      ]}
-      brandName="Arcliq"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Platform", id: "#about" },
+              { name: "Features", id: "#features" },
+              { name: "Results", id: "#results" },
+              { name: "Pricing", id: "#pricing" }
+            ]}
+            brandName="Arcliq"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitKpi
-      background={{
-        variant: "glowing-orb",
-      }}
-      title="Build ML Models Without the Chaos"
-      description="Arcliq is the AI-powered multi-agent AutoML platform that analyzes, tunes, and deploys your best-performing models in record time."
-      kpis={[
-        {
-          value: "10x",
-          label: "Faster Development",
-        },
-        {
-          value: "99.9%",
-          label: "Model Accuracy",
-        },
-        {
-          value: "24/7",
-          label: "Agent Support",
-        },
-      ]}
-      enableKpiAnimation={true}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYjMO8flJF4nD7Uz9OfoO0OnH8/a-futuristic-3d-neural-network-structure-1774672893284-8602441e.png"
-      imageAlt="Arcliq AI Neural Network"
-      mediaAnimation="blur-reveal"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitKpi
+            background={{ variant: "glowing-orb" }}
+            title="Build ML Models Without the Chaos"
+            description="Arcliq is the AI-powered multi-agent AutoML platform that analyzes, tunes, and deploys your best-performing models in record time."
+            kpis={[
+              { value: "10x", label: "Faster Development" },
+              { value: "99.9%", label: "Model Accuracy" },
+              { value: "24/7", label: "Agent Support" }
+            ]}
+            enableKpiAnimation={true}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYjMO8flJF4nD7Uz9OfoO0OnH8/a-futuristic-3d-neural-network-structure-1774672893284-8602441e.png"
+            imageAlt="Arcliq AI Neural Network"
+            mediaAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <SplitAbout
-      textboxLayout="split"
-      useInvertedBackground={false}
-      title="Intelligent Data Ingestion"
-      description="Upload your raw datasets, and Arcliq's intelligent agents instantly analyze, clean, and structure the data for optimized training."
-      bulletPoints={[
-        {
-          title: "Automated Cleaning",
-          description: "AI automatically identifies missing data and noise.",
-        },
-        {
-          title: "Parallel Analysis",
-          description: "Analyze multiple metrics concurrently for deeper insights.",
-        },
-        {
-          title: "Transparent Pipeline",
-          description: "See exactly how your model decisions are made.",
-        },
-      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYjMO8flJF4nD7Uz9OfoO0OnH8/modern-ai-data-ingestion-interface-showi-1774672893848-187a331a.png"
-      imageAlt="Data Ingestion Workflow"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <SplitAbout
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="Intelligent Data Ingestion"
+            description="Upload your raw datasets, and Arcliq's intelligent agents instantly analyze, clean, and structure the data for optimized training."
+            bulletPoints={[
+              { title: "Automated Cleaning", description: "AI automatically identifies missing data and noise." },
+              { title: "Parallel Analysis", description: "Analyze multiple metrics concurrently for deeper insights." },
+              { title: "Transparent Pipeline", description: "See exactly how your model decisions are made." }
+            ]}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYjMO8flJF4nD7Uz9OfoO0OnH8/modern-ai-data-ingestion-interface-showi-1774672893848-187a331a.png"
+            imageAlt="Data Ingestion Workflow"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureBorderGlow
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Auto-Hyperparameter Tuning",
-          description: "AI-driven parameter search for optimal accuracy.",
-          icon: Zap,
-        },
-        {
-          title: "Multi-Model Delivery",
-          description: "Generate and compare multiple candidate models.",
-          icon: Database,
-        },
-        {
-          title: "Transparency First",
-          description: "Full visibility into every step of the AutoML process.",
-          icon: Eye,
-        },
-      ]}
-      title="Designed for Performance"
-      description="Multi-agent systems working in parallel to ensure you never wait for results again."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureBorderGlow
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { title: "Auto-Hyperparameter Tuning", description: "AI-driven parameter search for optimal accuracy.", icon: Zap },
+              { title: "Multi-Model Delivery", description: "Generate and compare multiple candidate models.", icon: Database },
+              { title: "Transparency First", description: "Full visibility into every step of the AutoML process.", icon: Eye }
+            ]}
+            title="Designed for Performance"
+            description="Multi-agent systems working in parallel to ensure you never wait for results again."
+          />
+        </div>
 
-  <div id="results" data-section="results">
-      <ProductCardTwo
-      animationType="scale-rotate"
-      textboxLayout="split-description"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "m1",
-          brand: "Arcliq",
-          name: "Baseline Neural",
-          price: "Acc: 92%",
-          rating: 5,
-          reviewCount: "1.2k",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYjMO8flJF4nD7Uz9OfoO0OnH8/visual-representation-of-multiple-machin-1774672893826-d896fc81.png?_wi=1",
-        },
-        {
-          id: "m2",
-          brand: "Arcliq",
-          name: "Optimized Forest",
-          price: "Acc: 98%",
-          rating: 5,
-          reviewCount: "2.1k",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYjMO8flJF4nD7Uz9OfoO0OnH8/visual-representation-of-multiple-machin-1774672893826-d896fc81.png?_wi=2",
-        },
-        {
-          id: "m3",
-          brand: "Arcliq",
-          name: "Advanced Transformer",
-          price: "Acc: 99.9%",
-          rating: 5,
-          reviewCount: "890",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYjMO8flJF4nD7Uz9OfoO0OnH8/visual-representation-of-multiple-machin-1774672893826-d896fc81.png?_wi=3",
-        },
-      ]}
-      title="Model Training Results"
-      description="Visualizing model evolution during the parallel training pipeline."
-    />
-  </div>
+        <div id="results" data-section="results">
+          <ProductCardTwo
+            animationType="scale-rotate"
+            textboxLayout="split-description"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={[
+              { id: "m1", brand: "Arcliq", name: "Baseline Neural", price: "Acc: 92%", rating: 5, reviewCount: "1.2k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYjMO8flJF4nD7Uz9OfoO0OnH8/visual-representation-of-multiple-machin-1774672893826-d896fc81.png" },
+              { id: "m2", brand: "Arcliq", name: "Optimized Forest", price: "Acc: 98%", rating: 5, reviewCount: "2.1k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYjMO8flJF4nD7Uz9OfoO0OnH8/visual-representation-of-multiple-machin-1774672893826-d896fc81.png" },
+              { id: "m3", brand: "Arcliq", name: "Advanced Transformer", price: "Acc: 99.9%", rating: 5, reviewCount: "890", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYjMO8flJF4nD7Uz9OfoO0OnH8/visual-representation-of-multiple-machin-1774672893826-d896fc81.png" }
+            ]}
+            title="Model Training Results"
+            description="Visualizing model evolution during the parallel training pipeline."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      animationType="depth-3d"
-      textboxLayout="split-description"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Alex Rivera",
-          role: "ML Lead",
-          company: "DataFlow AI",
-          rating: 5,
-        },
-        {
-          id: "2",
-          name: "Sarah Chen",
-          role: "DevOps",
-          company: "ScaleLabs",
-          rating: 5,
-        },
-        {
-          id: "3",
-          name: "Marcus Thorne",
-          role: "CTO",
-          company: "ComputeCo",
-          rating: 5,
-        },
-        {
-          id: "4",
-          name: "Elena Rossi",
-          role: "Data Scientist",
-          company: "NeuralHub",
-          rating: 5,
-        },
-        {
-          id: "5",
-          name: "Jordan Smith",
-          role: "Head of AI",
-          company: "NexGen Tech",
-          rating: 5,
-        },
-      ]}
-      title="What Developers Say"
-      description="Join leading tech teams scaling their ML operations with Arcliq."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardOne
+            animationType="depth-3d"
+            textboxLayout="split-description"
+            gridVariant="four-items-2x2-equal-grid"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Alex Rivera", role: "ML Lead", company: "DataFlow AI", rating: 5 },
+              { id: "2", name: "Sarah Chen", role: "DevOps", company: "ScaleLabs", rating: 5 },
+              { id: "3", name: "Marcus Thorne", role: "CTO", company: "ComputeCo", rating: 5 },
+              { id: "4", name: "Elena Rossi", role: "Data Scientist", company: "NeuralHub", rating: 5 },
+              { id: "5", name: "Jordan Smith", role: "Head of AI", company: "NexGen Tech", rating: 5 }
+            ]}
+            title="What Developers Say"
+            description="Join leading tech teams scaling their ML operations with Arcliq."
+          />
+        </div>
 
-  <div id="cta" data-section="cta">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
-      tag="Get Started"
-      title="Ready to scale your models?"
-      description="Start your journey today and see how Arcliq changes the ML landscape for good."
-      buttons={[
-        {
-          text: "Request Access",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="cta" data-section="cta">
+          <ContactCTA
+            useInvertedBackground={false}
+            background={{ variant: "radial-gradient" }}
+            tag="Get Started"
+            title="Ready to scale your models?"
+            description="Start your journey today and see how Arcliq changes the ML landscape for good."
+            buttons={[{ text: "Request Access", href: "#" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="Arcliq"
-      columns={[
-        {
-          title: "Platform",
-          items: [
-            {
-              label: "Features",
-              href: "#features",
-            },
-            {
-              label: "Architecture",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Resources",
-          items: [
-            {
-              label: "Documentation",
-              href: "#",
-            },
-            {
-              label: "API",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="Arcliq"
+            columns={[
+              { title: "Platform", items: [{ label: "Features", href: "#features" }, { label: "Architecture", href: "#" }] },
+              { title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] },
+              { title: "Resources", items: [{ label: "Documentation", href: "#" }, { label: "API", href: "#" }] }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );