Update src/app/page.tsx
This commit is contained in:
372
src/app/page.tsx
372
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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user