Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-05-18 15:21:19 +00:00

View File

@@ -28,421 +28,169 @@ export default function LandingPage() {
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Products",
id: "products",
},
{
name: "AI",
id: "features",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "Support",
id: "faq",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Aura"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "hero" },
{ name: "Products", id: "products" },
{ name: "AI", id: "features" },
{ name: "Pricing", id: "pricing" },
{ name: "Support", id: "faq" },
{ name: "Contact", id: "contact" },
]}
brandName="Aura"
button={{ text: "Get Started", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "sparkles-gradient",
}}
title="The Future Starts Here"
description="Powerful technology crafted with simplicity and intelligence."
buttons={[
{
text: "Explore Products",
href: "#products",
},
{
text: "Watch Experience",
href: "#",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/high-angle-hard-drive-red-light_23-2149417025.jpg"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg",
alt: "Tech lead",
},
{
src: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg",
alt: "Lead designer",
},
{
src: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg",
alt: "Engineer",
},
{
src: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
alt: "Strategist",
},
{
src: "http://img.b2bpic.net/free-photo/video-editor-worker-standing-front-camera-smiling-working-creative-agency-office-holding-la_482257-3426.jpg",
alt: "Product manager",
},
]}
marqueeItems={[
{
type: "text",
text: "Ultra-minimalist design",
},
{
type: "text",
text: "AI-driven performance",
},
{
type: "text",
text: "Privacy-first architecture",
},
{
type: "text",
text: "Zero-latency UI",
},
{
type: "text",
text: "Titanium-grade build",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{ variant: "sparkles-gradient" }}
title="The Future Starts Here"
description="Powerful technology crafted with simplicity and intelligence."
buttons={[{ text: "Explore Products", href: "#products" }, { text: "Watch Experience", href: "#" }]}
imageSrc="http://img.b2bpic.net/free-photo/high-angle-hard-drive-red-light_23-2149417025.jpg"
mediaAnimation="blur-reveal"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg", alt: "Tech lead" },
{ src: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg", alt: "Lead designer" },
{ src: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg", alt: "Engineer" },
{ src: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg", alt: "Strategist" },
{ src: "http://img.b2bpic.net/free-photo/video-editor-worker-standing-front-camera-smiling-working-creative-agency-office-holding-la_482257-3426.jpg", alt: "Product manager" },
]}
marqueeItems={[
{ type: "text", text: "Ultra-minimalist design" },
{ type: "text", text: "AI-driven performance" },
{ type: "text", text: "Privacy-first architecture" },
{ type: "text", text: "Zero-latency UI" },
{ type: "text", text: "Titanium-grade build" },
]}
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="Crafted with Intent"
description="Every component, every transition, and every interaction is designed to push the boundaries of what is possible in the digital realm."
bulletPoints={[
{
title: "Engineered Precision",
description: "Micro-architected performance for seamless daily experiences.",
},
{
title: "Fluid Motion",
description: "GSAP-driven animations that respond to your touch and flow.",
},
{
title: "Adaptive Intelligence",
description: "Systems that learn and evolve with your specific workflow needs.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/3d-render-modern-techno-background-with-digital-particles_1048-15658.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="Crafted with Intent"
description="Every component, every transition, and every interaction is designed to push the boundaries of what is possible in the digital realm."
bulletPoints={[
{ title: "Engineered Precision", description: "Micro-architected performance for seamless daily experiences." },
{ title: "Fluid Motion", description: "GSAP-driven animations that respond to your touch and flow." },
{ title: "Adaptive Intelligence", description: "Systems that learn and evolve with your specific workflow needs." },
]}
imageSrc="http://img.b2bpic.net/free-photo/3d-render-modern-techno-background-with-digital-particles_1048-15658.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyOne
useInvertedBackground={true}
title="Intelligence, Perfected"
description="Redefining the interaction between human and machine through minimalist design and unmatched power."
accordionItems={[
{
id: "1",
title: "Neural Integration",
content: "Our proprietary AI engine seamlessly adapts to your unique habits.",
},
{
id: "2",
title: "Adaptive Privacy",
content: "Privacy-first architecture ensuring your data never leaves your device.",
},
{
id: "3",
title: "Zero-Latency UI",
content: "Haptic-responsive interface designed for instant gratification.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/cosmic-background-with-blue-orange-laser-lights-perfect-digital-wallpaper_181624-32838.jpg"
mediaAnimation="opacity"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyOne
useInvertedBackground={true}
title="Intelligence, Perfected"
description="Redefining the interaction between human and machine through minimalist design and unmatched power."
accordionItems={[
{ id: "1", title: "Neural Integration", content: "Our proprietary AI engine seamlessly adapts to your unique habits." },
{ id: "2", title: "Adaptive Privacy", content: "Privacy-first architecture ensuring your data never leaves your device." },
{ id: "3", title: "Zero-Latency UI", content: "Haptic-responsive interface designed for instant gratification." },
]}
imageSrc="http://img.b2bpic.net/free-photo/cosmic-background-with-blue-orange-laser-lights-perfect-digital-wallpaper_181624-32838.jpg"
mediaAnimation="opacity"
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
animationType="slide-up"
textboxLayout="split-description"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Aura Phone",
price: "$1,299",
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-clay-phone-perspective-side-dark-background_187299-35334.jpg",
},
{
id: "p2",
name: "Aura Book",
price: "$2,499",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-laptop-wooden-backdrop_23-2147924331.jpg",
},
{
id: "p3",
name: "Aura Watch",
price: "$499",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smartwach-person-hand_23-2148226919.jpg",
},
{
id: "p4",
name: "Aura Audio",
price: "$399",
imageSrc: "http://img.b2bpic.net/free-photo/levitating-music-headphones-display_23-2149817609.jpg",
},
{
id: "p5",
name: "Aura Home",
price: "$299",
imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039381.jpg",
},
{
id: "p6",
name: "Aura Tab",
price: "$899",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-woman-is-using-tablet-outside_169016-24797.jpg",
},
]}
title="Our Collection"
description="Hardware engineered to transform your daily operations."
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
animationType="slide-up"
textboxLayout="split-description"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Aura Phone", price: "$1,299", imageSrc: "http://img.b2bpic.net/free-photo/cartoon-clay-phone-perspective-side-dark-background_187299-35334.jpg" },
{ id: "p2", name: "Aura Book", price: "$2,499", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-laptop-wooden-backdrop_23-2147924331.jpg" },
{ id: "p3", name: "Aura Watch", price: "$499", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smartwach-person-hand_23-2148226919.jpg" },
{ id: "p4", name: "Aura Audio", price: "$399", imageSrc: "http://img.b2bpic.net/free-photo/levitating-music-headphones-display_23-2149817609.jpg" },
{ id: "p5", name: "Aura Home", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039381.jpg" },
{ id: "p6", name: "Aura Tab", price: "$899", imageSrc: "http://img.b2bpic.net/free-photo/closeup-woman-is-using-tablet-outside_169016-24797.jpg" },
]}
title="Our Collection"
description="Hardware engineered to transform your daily operations."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardNine
animationType="scale-rotate"
textboxLayout="split-actions"
useInvertedBackground={true}
plans={[
{
id: "b",
title: "Essential",
price: "$29",
period: "/mo",
features: [
"Cloud Sync",
"Standard Support",
"Basic AI Access",
],
button: {
text: "Get Started",
},
imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-his-watch-closeup_53876-167338.jpg",
},
{
id: "p",
title: "Professional",
price: "$89",
period: "/mo",
features: [
"Everything in Basic",
"Advanced AI Engine",
"Priority Support",
"Shared Spaces",
],
button: {
text: "Choose Pro",
},
imageSrc: "http://img.b2bpic.net/free-photo/wooden-table-with-blank-screen-laptop-retro-photo-camera-black-background_23-2147956648.jpg",
},
{
id: "e",
title: "Enterprise",
price: "Custom",
period: "",
features: [
"Everything in Pro",
"On-Prem Deployment",
"24/7 Dedicated Support",
"Custom API Keys",
],
button: {
text: "Contact Sales",
},
imageSrc: "http://img.b2bpic.net/free-photo/still-life-vintage-objects_23-2150244590.jpg",
},
]}
title="Essential Plans"
description="Select the plan that aligns with your professional vision."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardNine
animationType="scale-rotate"
textboxLayout="split-actions"
useInvertedBackground={true}
plans={[
{ id: "b", title: "Essential", price: "$29", period: "/mo", features: ["Cloud Sync", "Standard Support", "Basic AI Access"], button: { text: "Get Started" }, imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-his-watch-closeup_53876-167338.jpg" },
{ id: "p", title: "Professional", price: "$89", period: "/mo", features: ["Everything in Basic", "Advanced AI Engine", "Priority Support", "Shared Spaces"], button: { text: "Choose Pro" }, imageSrc: "http://img.b2bpic.net/free-photo/wooden-table-with-blank-screen-laptop-retro-photo-camera-black-background_23-2147956648.jpg" },
{ id: "e", title: "Enterprise", price: "Custom", period: "", features: ["Everything in Pro", "On-Prem Deployment", "24/7 Dedicated Support", "Custom API Keys"], button: { text: "Contact Sales" }, imageSrc: "http://img.b2bpic.net/free-photo/still-life-vintage-objects_23-2150244590.jpg" },
]}
title="Essential Plans"
description="Select the plan that aligns with your professional vision."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="depth-3d"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
role: "CEO",
company: "TechInnovate",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/serene-businessman-with-glasses_1098-719.jpg",
},
{
id: "2",
name: "Mark D.",
role: "Lead Dev",
company: "BuildSoft",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167349.jpg",
},
{
id: "3",
name: "Elena R.",
role: "Designer",
company: "CreativeOps",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/professional-editor-using-retouching-software-photos-design-studio-with-photography-equipment-technology-media-artist-editing-pictures-with-computer-touch-screen-monitor_482257-34109.jpg",
},
{
id: "4",
name: "David W.",
role: "Engineer",
company: "EngiLabs",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-worker-factory_107420-96555.jpg",
},
{
id: "5",
name: "Jessica L.",
role: "Manager",
company: "ProjectFlow",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-solar-panel-manufacturing-facility-presents-green-energy-production_482257-119910.jpg",
},
]}
kpiItems={[
{
value: "10M+",
label: "Active Users",
},
{
value: "250+",
label: "Global Clients",
},
{
value: "99.9%",
label: "Satisfaction Rate",
},
]}
title="Voices of Innovation"
description="Join the community of professionals redefining their industry."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="depth-3d"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Sarah J.", role: "CEO", company: "TechInnovate", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/serene-businessman-with-glasses_1098-719.jpg" },
{ id: "2", name: "Mark D.", role: "Lead Dev", company: "BuildSoft", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167349.jpg" },
{ id: "3", name: "Elena R.", role: "Designer", company: "CreativeOps", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/professional-editor-using-retouching-software-photos-design-studio-with-photography-equipment-technology-media-artist-editing-pictures-with-computer-touch-screen-monitor_482257-34109.jpg" },
{ id: "4", name: "David W.", role: "Engineer", company: "EngiLabs", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-worker-factory_107420-96555.jpg" },
{ id: "5", name: "Jessica L.", role: "Manager", company: "ProjectFlow", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-solar-panel-manufacturing-facility-presents-green-energy-production_482257-119910.jpg" },
]}
kpiItems={[
{ value: "10M+", label: "Active Users" },
{ value: "250+", label: "Global Clients" },
{ value: "99.9%", label: "Satisfaction Rate" },
]}
title="Voices of Innovation"
description="Join the community of professionals redefining their industry."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "What is the return policy?",
content: "We offer a 30-day no-questions-asked return policy for all hardware.",
},
{
id: "q2",
title: "Is my data secure?",
content: "Your data is encrypted end-to-end and stored locally on your device.",
},
{
id: "q3",
title: "Do you support teams?",
content: "Yes, our Enterprise plans are built specifically for large-scale team operations.",
},
]}
sideTitle="Answers You Need"
faqsAnimation="blur-reveal"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={true}
faqs={[
{ id: "q1", title: "What is the return policy?", content: "We offer a 30-day no-questions-asked return policy for all hardware." },
{ id: "q2", title: "Is my data secure?", content: "Your data is encrypted end-to-end and stored locally on your device." },
{ id: "q3", title: "Do you support teams?", content: "Yes, our Enterprise plans are built specifically for large-scale team operations." },
]}
sideTitle="Answers You Need"
faqsAnimation="blur-reveal"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
tag="Get in touch"
title="Ready to launch?"
description="Start your journey with Aura and experience the future of professional technology today."
buttons={[
{
text: "Contact Sales",
href: "#",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{ variant: "radial-gradient" }}
tag="Get in touch"
title="Ready to launch?"
description="Start your journey with Aura and experience the future of professional technology today."
buttons={[{ text: "Contact Sales", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Aura"
columns={[
{
title: "Products",
items: [
{
label: "Smartphone",
href: "#",
},
{
label: "Laptop",
href: "#",
},
],
},
{
title: "Company",
items: [
{
label: "About",
href: "#",
},
{
label: "Careers",
href: "#",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
]}
copyrightText="© 2025 Aura Tech Inc. All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Aura"
columns={[
{ title: "Products", items: [{ label: "Smartphone", href: "#" }, { label: "Laptop", href: "#" }] },
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
]}
copyrightText="© 2025 Aura Tech Inc. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}