Merge version_1 into main #2
202
src/app/page.tsx
202
src/app/page.tsx
@@ -17,23 +17,24 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Support",
|
||||
id: "faq",
|
||||
},
|
||||
name: "Support", id: "faq"},
|
||||
]}
|
||||
brandName="AI Blueprint"
|
||||
/>
|
||||
@@ -42,71 +43,46 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Scale Intelligence. Accelerate Innovation."
|
||||
description="Unlock the next generation of AI-driven productivity with our robust, blueprint-ready software suite designed for enterprise scale."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
{
|
||||
text: "View Features",
|
||||
href: "#features",
|
||||
},
|
||||
text: "View Features", href: "#features"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Be9rXpokarTLwL16YaO0eFM0Ux/futuristic-ai-software-dashboard-interfa-1774840680419-9e0c4792.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Be9rXpokarTLwL16YaO0eFM0Ux/futuristic-ai-software-dashboard-interfa-1774840680419-9e0c4792.png"
|
||||
imageAlt="AI Software Dashboard"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://i.pravatar.cc/100?u=1",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "https://i.pravatar.cc/100?u=1", alt: "User 1"},
|
||||
{
|
||||
src: "https://i.pravatar.cc/100?u=2",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "https://i.pravatar.cc/100?u=2", alt: "User 2"},
|
||||
{
|
||||
src: "https://i.pravatar.cc/100?u=3",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "https://i.pravatar.cc/100?u=3", alt: "User 3"},
|
||||
{
|
||||
src: "https://i.pravatar.cc/100?u=4",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "https://i.pravatar.cc/100?u=4", alt: "User 4"},
|
||||
{
|
||||
src: "https://i.pravatar.cc/100?u=5",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "https://i.pravatar.cc/100?u=5", alt: "User 5"},
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ developers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "ISO 27001 Certified",
|
||||
icon: Shield,
|
||||
type: "text-icon", text: "ISO 27001 Certified", icon: Shield,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "99.9% Uptime",
|
||||
icon: Server,
|
||||
type: "text-icon", text: "99.9% Uptime", icon: Server,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "24/7 Global Support",
|
||||
icon: Headphones,
|
||||
type: "text-icon", text: "24/7 Global Support", icon: Headphones,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Enterprise Ready",
|
||||
icon: Building,
|
||||
type: "text-icon", text: "Enterprise Ready", icon: Building,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Open API Access",
|
||||
icon: Code,
|
||||
type: "text-icon", text: "Open API Access", icon: Code,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -119,55 +95,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Neural Analytics",
|
||||
description: "Harness powerful deep learning algorithms to predict trends before they happen.",
|
||||
icon: Zap,
|
||||
title: "Neural Analytics", description: "Harness powerful deep learning algorithms to predict trends before they happen.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Be9rXpokarTLwL16YaO0eFM0Ux/abstract-visualization-of-a-neural-netwo-1774840680697-ae3fb0f4.png?_wi=1",
|
||||
imageAlt: "Analytics",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Be9rXpokarTLwL16YaO0eFM0Ux/abstract-visualization-of-a-neural-netwo-1774840680697-ae3fb0f4.png", imageAlt: "Analytics"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Be9rXpokarTLwL16YaO0eFM0Ux/abstract-visualization-of-a-neural-netwo-1774840680697-ae3fb0f4.png?_wi=2",
|
||||
imageAlt: "Analytics Detail",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Be9rXpokarTLwL16YaO0eFM0Ux/abstract-visualization-of-a-neural-netwo-1774840680697-ae3fb0f4.png", imageAlt: "Analytics Detail"},
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Be9rXpokarTLwL16YaO0eFM0Ux/futuristic-ai-software-dashboard-interfa-1774840680419-9e0c4792.png?_wi=2",
|
||||
imageAlt: "Futuristic AI software dashboard interface with data streams and neon blue glowing lines. High-tech,",
|
||||
},
|
||||
{
|
||||
title: "Automated Workflows",
|
||||
description: "Reduce manual tasks by up to 90% with our smart process automation engines.",
|
||||
icon: Database,
|
||||
title: "Automated Workflows", description: "Reduce manual tasks by up to 90% with our smart process automation engines.", icon: Database,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Be9rXpokarTLwL16YaO0eFM0Ux/a-sleek-minimalist-robot-arm-integrating-1774840680267-078bdae5.png?_wi=1",
|
||||
imageAlt: "Automation",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Be9rXpokarTLwL16YaO0eFM0Ux/a-sleek-minimalist-robot-arm-integrating-1774840680267-078bdae5.png", imageAlt: "Automation"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Be9rXpokarTLwL16YaO0eFM0Ux/a-sleek-minimalist-robot-arm-integrating-1774840680267-078bdae5.png?_wi=2",
|
||||
imageAlt: "Automation Detail",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Be9rXpokarTLwL16YaO0eFM0Ux/a-sleek-minimalist-robot-arm-integrating-1774840680267-078bdae5.png", imageAlt: "Automation Detail"},
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Be9rXpokarTLwL16YaO0eFM0Ux/abstract-visualization-of-a-neural-netwo-1774840680697-ae3fb0f4.png?_wi=3",
|
||||
imageAlt: "Abstract visualization of a neural network with glowing nodes and interconnecting lines. Concept of ",
|
||||
},
|
||||
{
|
||||
title: "Zero-Trust Security",
|
||||
description: "Advanced AI-driven threat detection keeps your data secure around the clock.",
|
||||
icon: ShieldCheck,
|
||||
title: "Zero-Trust Security", description: "Advanced AI-driven threat detection keeps your data secure around the clock.", icon: ShieldCheck,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Be9rXpokarTLwL16YaO0eFM0Ux/digital-security-shield-symbol-made-of-l-1774840680316-a45c1935.png?_wi=1",
|
||||
imageAlt: "Security",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Be9rXpokarTLwL16YaO0eFM0Ux/digital-security-shield-symbol-made-of-l-1774840680316-a45c1935.png", imageAlt: "Security"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Be9rXpokarTLwL16YaO0eFM0Ux/digital-security-shield-symbol-made-of-l-1774840680316-a45c1935.png?_wi=2",
|
||||
imageAlt: "Security Detail",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Be9rXpokarTLwL16YaO0eFM0Ux/digital-security-shield-symbol-made-of-l-1774840680316-a45c1935.png", imageAlt: "Security Detail"},
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Be9rXpokarTLwL16YaO0eFM0Ux/a-sleek-minimalist-robot-arm-integrating-1774840680267-078bdae5.png?_wi=3",
|
||||
imageAlt: "A sleek, minimalist robot arm integrating with data charts. Technology automation concept.",
|
||||
},
|
||||
]}
|
||||
title="Engineered for Efficiency"
|
||||
@@ -182,54 +134,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$99",
|
||||
subtitle: "For startups & teams",
|
||||
buttons: [
|
||||
id: "basic", badge: "Essential", price: "$99", subtitle: "For startups & teams", buttons: [
|
||||
{
|
||||
text: "Start Now",
|
||||
},
|
||||
text: "Start Now"},
|
||||
],
|
||||
features: [
|
||||
"10 AI Agents",
|
||||
"50GB Cloud Storage",
|
||||
"Basic Analytics",
|
||||
],
|
||||
"10 AI Agents", "50GB Cloud Storage", "Basic Analytics"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Popular",
|
||||
price: "$299",
|
||||
subtitle: "For growing businesses",
|
||||
buttons: [
|
||||
id: "pro", badge: "Popular", price: "$299", subtitle: "For growing businesses", buttons: [
|
||||
{
|
||||
text: "Go Pro",
|
||||
},
|
||||
text: "Go Pro"},
|
||||
],
|
||||
features: [
|
||||
"50 AI Agents",
|
||||
"500GB Cloud Storage",
|
||||
"Advanced Analytics",
|
||||
"24/7 Priority Support",
|
||||
],
|
||||
"50 AI Agents", "500GB Cloud Storage", "Advanced Analytics", "24/7 Priority Support"],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Custom",
|
||||
price: "Contact Us",
|
||||
subtitle: "For large enterprises",
|
||||
buttons: [
|
||||
id: "enterprise", badge: "Custom", price: "Contact Us", subtitle: "For large enterprises", buttons: [
|
||||
{
|
||||
text: "Contact Sales",
|
||||
},
|
||||
text: "Contact Sales"},
|
||||
],
|
||||
features: [
|
||||
"Unlimited AI Agents",
|
||||
"Enterprise Security",
|
||||
"Dedicated Account Manager",
|
||||
"API Access",
|
||||
],
|
||||
"Unlimited AI Agents", "Enterprise Security", "Dedicated Account Manager", "API Access"],
|
||||
},
|
||||
]}
|
||||
title="Transparent Plans"
|
||||
@@ -243,22 +169,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How is my data used?",
|
||||
content: "We prioritize privacy. Your data is used locally for training custom models and is never shared with third parties.",
|
||||
},
|
||||
id: "1", title: "How is my data used?", content: "We prioritize privacy. Your data is used locally for training custom models and is never shared with third parties."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can I integrate custom APIs?",
|
||||
content: "Yes, our API is fully documented and built for developers to extend existing workflows easily.",
|
||||
},
|
||||
id: "2", title: "Can I integrate custom APIs?", content: "Yes, our API is fully documented and built for developers to extend existing workflows easily."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is training required?",
|
||||
content: "Our intuitive UI allows most teams to be up and running with basic features within minutes.",
|
||||
},
|
||||
id: "3", title: "Is training required?", content: "Our intuitive UI allows most teams to be up and running with basic features within minutes."},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Be9rXpokarTLwL16YaO0eFM0Ux/futuristic-ai-software-dashboard-interfa-1774840680419-9e0c4792.png?_wi=3"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Be9rXpokarTLwL16YaO0eFM0Ux/futuristic-ai-software-dashboard-interfa-1774840680419-9e0c4792.png"
|
||||
title="Common Inquiries"
|
||||
description="Everything you need to know about starting your AI-driven journey."
|
||||
faqsAnimation="slide-up"
|
||||
@@ -272,12 +189,7 @@ export default function LandingPage() {
|
||||
title="Trusted by Industry Leaders"
|
||||
description="We partner with top-tier organizations to deliver high-impact AI solutions."
|
||||
names={[
|
||||
"Vertex AI",
|
||||
"CloudOps",
|
||||
"DataSphere",
|
||||
"NeuralCore",
|
||||
"SyncStream",
|
||||
]}
|
||||
"Vertex AI", "CloudOps", "DataSphere", "NeuralCore", "SyncStream"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -287,29 +199,19 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user