Merge version_1 into main #1
174
src/app/page.tsx
174
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Aura"
|
||||
/>
|
||||
@@ -52,48 +44,31 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Redefining Digital Experience"
|
||||
description="Step into a new era of interactive design with our high-performance, immersive 3D digital ecosystem."
|
||||
tag="Next-Gen Platform"
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Learn More", href: "#features"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037201.jpg",
|
||||
imageAlt: "3D neon sphere",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037201.jpg", imageAlt: "3D neon sphere"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-using-tablet-sustainable-data-center-implementing-green-technologies-it_482257-132419.jpg",
|
||||
imageAlt: "Glassmorphism card",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-using-tablet-sustainable-data-center-implementing-green-technologies-it_482257-132419.jpg", imageAlt: "Glassmorphism card"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-car-night_23-2149001297.jpg",
|
||||
imageAlt: "Particle swarm",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-car-night_23-2149001297.jpg", imageAlt: "Particle swarm"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-light-painting-dark_23-2149627923.jpg",
|
||||
imageAlt: "Crystal structure",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-light-painting-dark_23-2149627923.jpg", imageAlt: "Crystal structure"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-digital-cyber-particles-design_1048-13025.jpg",
|
||||
imageAlt: "Digital node",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-digital-cyber-particles-design_1048-13025.jpg", imageAlt: "Digital node"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/futuristic-infographic-medical-template_23-2148520894.jpg",
|
||||
imageAlt: "Holographic panel",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/futuristic-infographic-medical-template_23-2148520894.jpg", imageAlt: "Holographic panel"},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -105,20 +80,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Real-time Motion",
|
||||
description: "Fluid 3D interactions that respond to user presence.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/half-charged-battery-left-side-with-white-background_187299-40056.jpg",
|
||||
},
|
||||
title: "Real-time Motion", description: "Fluid 3D interactions that respond to user presence.", imageSrc: "http://img.b2bpic.net/free-photo/half-charged-battery-left-side-with-white-background_187299-40056.jpg"},
|
||||
{
|
||||
title: "Scalable Infrastructure",
|
||||
description: "Built on robust architecture for seamless growth.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-haired-girl-bed-with-vr-glasses-studio-room_627829-8970.jpg",
|
||||
},
|
||||
title: "Scalable Infrastructure", description: "Built on robust architecture for seamless growth.", imageSrc: "http://img.b2bpic.net/free-photo/red-haired-girl-bed-with-vr-glasses-studio-room_627829-8970.jpg"},
|
||||
{
|
||||
title: "Interactive Analytics",
|
||||
description: "Deep insights delivered via intuitive visualizations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hologram-projector-screen-with-cloud-system-technology_53876-108502.jpg",
|
||||
},
|
||||
title: "Interactive Analytics", description: "Deep insights delivered via intuitive visualizations.", imageSrc: "http://img.b2bpic.net/free-photo/hologram-projector-screen-with-cloud-system-technology_53876-108502.jpg"},
|
||||
]}
|
||||
title="Unmatched Performance"
|
||||
description="Engineered for speed, precision, and immersive visual storytelling."
|
||||
@@ -127,55 +93,32 @@ export default function LandingPage() {
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
name: "Starter",
|
||||
price: "$49",
|
||||
features: [
|
||||
"3D UI Components",
|
||||
"Basic Analytics",
|
||||
"Standard Support",
|
||||
],
|
||||
id: "starter", name: "Starter", price: "$49", features: [
|
||||
"3D UI Components", "Basic Analytics", "Standard Support"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select Starter",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Select Starter", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "professional",
|
||||
name: "Professional",
|
||||
price: "$129",
|
||||
features: [
|
||||
"Advanced 3D Motion",
|
||||
"Pro Analytics",
|
||||
"24/7 Priority Support",
|
||||
],
|
||||
id: "professional", name: "Professional", price: "$129", features: [
|
||||
"Advanced 3D Motion", "Pro Analytics", "24/7 Priority Support"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select Pro",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Select Pro", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
name: "Enterprise",
|
||||
price: "$299",
|
||||
features: [
|
||||
"Unlimited 3D Access",
|
||||
"Dedicated Team",
|
||||
"Custom Infrastructure",
|
||||
],
|
||||
id: "enterprise", name: "Enterprise", price: "$299", features: [
|
||||
"Unlimited 3D Access", "Dedicated Team", "Custom Infrastructure"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Talk to Sales",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Talk to Sales", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -190,45 +133,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Excellence",
|
||||
quote: "The motion quality is absolutely unmatched.",
|
||||
name: "Sarah Miller",
|
||||
role: "Creative Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13573.jpg",
|
||||
},
|
||||
id: "t1", title: "Excellence", quote: "The motion quality is absolutely unmatched.", name: "Sarah Miller", role: "Creative Lead", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13573.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Performance",
|
||||
quote: "Aura transformed our digital brand overnight.",
|
||||
name: "Alex Chen",
|
||||
role: "Founder",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-businesswoman-holding-coffee-cup_23-2148187126.jpg",
|
||||
},
|
||||
id: "t2", title: "Performance", quote: "Aura transformed our digital brand overnight.", name: "Alex Chen", role: "Founder", imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-businesswoman-holding-coffee-cup_23-2148187126.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Usability",
|
||||
quote: "Intuitive, beautiful, and incredibly fast.",
|
||||
name: "Jamie Fox",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-inside-office-center_1303-22415.jpg",
|
||||
},
|
||||
id: "t3", title: "Usability", quote: "Intuitive, beautiful, and incredibly fast.", name: "Jamie Fox", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-inside-office-center_1303-22415.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Innovation",
|
||||
quote: "The best 3D interactions I've seen.",
|
||||
name: "Jordan Smith",
|
||||
role: "Engineer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-middle-aged-man-with-beard-hairstyle-dressed-elegant-formal-suit-textured-dark-background-studio_613910-19909.jpg",
|
||||
},
|
||||
id: "t4", title: "Innovation", quote: "The best 3D interactions I've seen.", name: "Jordan Smith", role: "Engineer", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-middle-aged-man-with-beard-hairstyle-dressed-elegant-formal-suit-textured-dark-background-studio_613910-19909.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Scale",
|
||||
quote: "Enabled us to scale without compromise.",
|
||||
name: "Taylor Ray",
|
||||
role: "CTO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-1354.jpg",
|
||||
},
|
||||
id: "t5", title: "Scale", quote: "Enabled us to scale without compromise.", name: "Taylor Ray", role: "CTO", imageSrc: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-1354.jpg"},
|
||||
]}
|
||||
title="Trusted by Visionaries"
|
||||
description="See why top innovators choose Aura for their digital presence."
|
||||
@@ -239,8 +152,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Get in Touch"
|
||||
title="Start Your Project"
|
||||
description="Ready to build the future? Reach out and let's create something extraordinary."
|
||||
@@ -252,29 +164,19 @@ export default function LandingPage() {
|
||||
logoText="AURA"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user