Merge version_1 into main #1
336
src/app/page.tsx
336
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Overview",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Capabilities",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Support",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Overview", id: "hero" },
|
||||
{ name: "Capabilities", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Support", id: "faq" },
|
||||
]}
|
||||
brandName="Aura AI"
|
||||
/>
|
||||
@@ -55,73 +43,27 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Intelligence, Elevated."
|
||||
description="The next generation of AI tools, designed for precision, speed, and elegance. Experience the future of work."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Watch Demo",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Started", href: "#" }, { text: "Watch Demo", href: "#" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-blue-3d-shapes-background_1017-3741.jpg"
|
||||
imageAlt="Aura AI Interface"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting-chair_23-2149213192.jpg",
|
||||
alt: "Team member 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_1262-20882.jpg",
|
||||
alt: "Team member 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4755.jpg",
|
||||
alt: "Team member 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-confident-woman-looking-away_23-2148398474.jpg",
|
||||
alt: "Team member 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-enjoys-city-skyscrapers-night_482257-91205.jpg",
|
||||
alt: "Team member 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting-chair_23-2149213192.jpg", alt: "Team member 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_1262-20882.jpg", alt: "Team member 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4755.jpg", alt: "Team member 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-confident-woman-looking-away_23-2148398474.jpg", alt: "Team member 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-enjoys-city-skyscrapers-night_482257-91205.jpg", alt: "Team member 5" }
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ pioneers."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Real-time AI",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Cloud Native",
|
||||
icon: Cloud,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Enterprise Ready",
|
||||
icon: Shield,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Global Scale",
|
||||
icon: Globe,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Seamless API",
|
||||
icon: Code,
|
||||
},
|
||||
{ type: "text-icon", text: "Real-time AI", icon: Zap },
|
||||
{ type: "text-icon", text: "Cloud Native", icon: Cloud },
|
||||
{ type: "text-icon", text: "Enterprise Ready", icon: Shield },
|
||||
{ type: "text-icon", text: "Global Scale", icon: Globe },
|
||||
{ type: "text-icon", text: "Seamless API", icon: Code },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -131,12 +73,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Built for Clarity."
|
||||
description="We stripped away the complexity, leaving only the power of advanced AI. Aura works seamlessly with your existing workflow."
|
||||
buttons={[
|
||||
{
|
||||
text: "Read the story",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Read the story", href: "#" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/data-center-computer-scientist-analyzing-software-logs-metrics-pc_482257-126209.jpg"
|
||||
imageAlt="About Aura AI"
|
||||
/>
|
||||
@@ -144,39 +81,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwelve
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Speed",
|
||||
title: "Real-time Processing",
|
||||
items: [
|
||||
"Instant insights.",
|
||||
"Sub-millisecond latency.",
|
||||
"Scalable infrastructure.",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Security",
|
||||
title: "Zero-Trust AI",
|
||||
items: [
|
||||
"End-to-end encryption.",
|
||||
"Compliant data handling.",
|
||||
"Privacy-first model.",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Integration",
|
||||
title: "Seamless Workflows",
|
||||
items: [
|
||||
"Native API support.",
|
||||
"Plug-and-play modules.",
|
||||
"Cross-platform synergy.",
|
||||
],
|
||||
},
|
||||
{ id: "f1", label: "Speed", title: "Real-time Processing", items: ["Instant insights.", "Sub-millisecond latency.", "Scalable infrastructure."] },
|
||||
{ id: "f2", label: "Security", title: "Zero-Trust AI", items: ["End-to-end encryption.", "Compliant data handling.", "Privacy-first model."] },
|
||||
{ id: "f3", label: "Integration", title: "Seamless Workflows", items: ["Native API support.", "Plug-and-play modules.", "Cross-platform synergy."] }
|
||||
]}
|
||||
title="Powerful Beyond Measure."
|
||||
description="Explore features crafted to enhance every facet of your digital ecosystem."
|
||||
@@ -185,25 +96,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.9%",
|
||||
description: "Uptime Accuracy",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500ms",
|
||||
description: "Avg Response Time",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100M+",
|
||||
description: "Queries Processed",
|
||||
},
|
||||
{ id: "m1", value: "99.9%", description: "Uptime Accuracy" },
|
||||
{ id: "m2", value: "500ms", description: "Avg Response Time" },
|
||||
{ id: "m3", value: "100M+", description: "Queries Processed" }
|
||||
]}
|
||||
title="Numbers That Matter."
|
||||
description="Proven performance, measured with absolute precision."
|
||||
@@ -212,63 +112,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice Chen",
|
||||
role: "CTO",
|
||||
company: "TechVision",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-blond-haired-woman-portrait_53876-139738.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Bob Smith",
|
||||
role: "Lead Engineer",
|
||||
company: "DataHub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-woman-posing_23-2149457761.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Charlie Day",
|
||||
role: "Founder",
|
||||
company: "InnovateNow",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-background-with-lines_1361-3533.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Diana Ross",
|
||||
role: "UX Lead",
|
||||
company: "PixelCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-focused-creative-curly-woman-makes-drawings-digital-tablet-uses-stylus-pen-wears-casual-sweatshirt-poses-againt-blurred-port-background-daytime-has-inspiration-draws-sketch_273609-59164.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Edward Norton",
|
||||
role: "Product Lead",
|
||||
company: "Streamline",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Alice Chen", role: "CTO", company: "TechVision", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cool-blond-haired-woman-portrait_53876-139738.jpg" },
|
||||
{ id: "t2", name: "Bob Smith", role: "Lead Engineer", company: "DataHub", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-woman-posing_23-2149457761.jpg" },
|
||||
{ id: "t3", name: "Charlie Day", role: "Founder", company: "InnovateNow", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/modern-background-with-lines_1361-3533.jpg" },
|
||||
{ id: "t4", name: "Diana Ross", role: "UX Lead", company: "PixelCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/serious-focused-creative-curly-woman-makes-drawings-digital-tablet-uses-stylus-pen-wears-casual-sweatshirt-poses-againt-blurred-port-background-daytime-has-inspiration-draws-sketch_273609-59164.jpg" },
|
||||
{ id: "t5", name: "Edward Norton", role: "Product Lead", company: "Streamline", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
{
|
||||
value: "1.2k+",
|
||||
label: "Happy Clients",
|
||||
},
|
||||
{
|
||||
value: "150+",
|
||||
label: "Countries",
|
||||
},
|
||||
{ value: "4.9/5", label: "Avg Rating" },
|
||||
{ value: "1.2k+", label: "Happy Clients" },
|
||||
{ value: "150+", label: "Countries" }
|
||||
]}
|
||||
title="Loved by Pioneers."
|
||||
description="The world's most demanding teams trust Aura for their most critical AI initiatives."
|
||||
@@ -277,59 +134,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
tag: "Starter",
|
||||
price: "$49",
|
||||
period: "/mo",
|
||||
description: "For individuals and small experiments.",
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
featuresTitle: "Essential features",
|
||||
features: [
|
||||
"Core model access",
|
||||
"Community support",
|
||||
"1,000 queries/mo",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
tag: "Professional",
|
||||
price: "$199",
|
||||
period: "/mo",
|
||||
description: "For scaling teams and businesses.",
|
||||
button: {
|
||||
text: "Go Pro",
|
||||
},
|
||||
featuresTitle: "Professional power",
|
||||
features: [
|
||||
"Advanced model access",
|
||||
"Priority support",
|
||||
"50,000 queries/mo",
|
||||
"Custom API endpoints",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
tag: "Enterprise",
|
||||
price: "Custom",
|
||||
period: "",
|
||||
description: "For large organizations with specific needs.",
|
||||
button: {
|
||||
text: "Contact Sales",
|
||||
},
|
||||
featuresTitle: "Unlimited enterprise",
|
||||
features: [
|
||||
"Dedicated model instance",
|
||||
"24/7 priority support",
|
||||
"Unlimited queries",
|
||||
"Custom integration service",
|
||||
],
|
||||
},
|
||||
{ id: "p1", tag: "Starter", price: "$49", period: "/mo", description: "For individuals and small experiments.", button: { text: "Get Started" }, featuresTitle: "Essential features", features: ["Core model access", "Community support", "1,000 queries/mo"] },
|
||||
{ id: "p2", tag: "Professional", price: "$199", period: "/mo", description: "For scaling teams and businesses.", button: { text: "Go Pro" }, featuresTitle: "Professional power", features: ["Advanced model access", "Priority support", "50,000 queries/mo", "Custom API endpoints"] },
|
||||
{ id: "p3", tag: "Enterprise", price: "Custom", period: "", description: "For large organizations with specific needs.", button: { text: "Contact Sales" }, featuresTitle: "Unlimited enterprise", features: ["Dedicated model instance", "24/7 priority support", "Unlimited queries", "Custom integration service"] }
|
||||
]}
|
||||
title="Transparent Pricing."
|
||||
description="Scale your AI capabilities with predictable, enterprise-grade tiers."
|
||||
@@ -341,21 +152,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How is my data used?",
|
||||
content: "Your data remains yours. We prioritize absolute privacy.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you support custom models?",
|
||||
content: "Yes, we support fine-tuning on your own datasets.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I integrate via API?",
|
||||
content: "We offer robust, documented REST APIs for all tiers.",
|
||||
},
|
||||
{ id: "q1", title: "How is my data used?", content: "Your data remains yours. We prioritize absolute privacy." },
|
||||
{ id: "q2", title: "Do you support custom models?", content: "Yes, we support fine-tuning on your own datasets." },
|
||||
{ id: "q3", title: "Can I integrate via API?", content: "We offer robust, documented REST APIs for all tiers." }
|
||||
]}
|
||||
title="Common Questions."
|
||||
description="We've compiled answers to the most common queries about our technology."
|
||||
@@ -366,16 +165,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
text="Ready to build the future with us?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule a consult",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Schedule a consult", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -383,45 +175,9 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Aura AI"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
{
|
||||
label: "API Reference",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Dashboard",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Platform", items: [{ label: "API Reference", href: "#" }, { label: "Dashboard", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user