Merge version_1 into main #2
150
src/app/page.tsx
150
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Models",
|
||||
id: "products",
|
||||
},
|
||||
name: "Models", id: "products"},
|
||||
{
|
||||
name: "Support",
|
||||
id: "faq",
|
||||
},
|
||||
name: "Support", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="AeroShift"
|
||||
/>
|
||||
@@ -55,22 +47,17 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
logoText="AeroShift"
|
||||
description="Experience the freedom of personal flight. Redefining urban mobility with our next-generation electric aerial vehicles, engineered for performance, safety, and luxury."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Models",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Models", href: "#products"},
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcb6vRKuoEZ033ALfbzkSFTvOU/wide-angle-cinematic-shot-of-a-sleek-fut-1774791236631-b6a2fc00.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcb6vRKuoEZ033ALfbzkSFTvOU/wide-angle-cinematic-shot-of-a-sleek-fut-1774791236631-b6a2fc00.png"
|
||||
imageAlt="Futuristic flying car hovering in a city"
|
||||
mediaAnimation="blur-reveal"
|
||||
frameStyle="card"
|
||||
@@ -82,24 +69,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Future of ",
|
||||
},
|
||||
type: "text", content: "The Future of "},
|
||||
{
|
||||
type: "image",
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcb6vRKuoEZ033ALfbzkSFTvOU/close-up-detail-of-aeronautical-engineer-1774791238026-dc2f038c.png",
|
||||
alt: "Aero Engineering",
|
||||
},
|
||||
type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcb6vRKuoEZ033ALfbzkSFTvOU/close-up-detail-of-aeronautical-engineer-1774791238026-dc2f038c.png", alt: "Aero Engineering"},
|
||||
{
|
||||
type: "text",
|
||||
content: " Urban Flight",
|
||||
},
|
||||
type: "text", content: " Urban Flight"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Mission",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Our Mission", href: "#about"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -112,26 +90,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Shift Horizon",
|
||||
price: "$150,000",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcb6vRKuoEZ033ALfbzkSFTvOU/side-profile-view-of-a-high-end-luxury-e-1774791236579-943b5801.png?_wi=1",
|
||||
imageAlt: "Shift Horizon Model",
|
||||
},
|
||||
id: "p1", name: "Shift Horizon", price: "$150,000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcb6vRKuoEZ033ALfbzkSFTvOU/side-profile-view-of-a-high-end-luxury-e-1774791236579-943b5801.png", imageAlt: "Shift Horizon Model"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Urban Glide",
|
||||
price: "$125,000",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcb6vRKuoEZ033ALfbzkSFTvOU/compact-personal-aircraft-designed-for-u-1774791239425-6d97a778.png",
|
||||
imageAlt: "Urban Glide Model",
|
||||
},
|
||||
id: "p2", name: "Urban Glide", price: "$125,000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcb6vRKuoEZ033ALfbzkSFTvOU/compact-personal-aircraft-designed-for-u-1774791239425-6d97a778.png", imageAlt: "Urban Glide Model"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Vortex Elite",
|
||||
price: "$295,000",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcb6vRKuoEZ033ALfbzkSFTvOU/aggressive-high-performance-personal-fly-1774791237598-1d539053.png",
|
||||
imageAlt: "Vortex Elite Model",
|
||||
},
|
||||
id: "p3", name: "Vortex Elite", price: "$295,000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcb6vRKuoEZ033ALfbzkSFTvOU/aggressive-high-performance-personal-fly-1774791237598-1d539053.png", imageAlt: "Vortex Elite Model"},
|
||||
]}
|
||||
title="Our Fleet"
|
||||
description="Choose the perfect personal aerial vehicle tailored to your needs."
|
||||
@@ -145,27 +108,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Global Navigation",
|
||||
description: "Seamless traffic management.",
|
||||
bentoComponent: "globe",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcb6vRKuoEZ033ALfbzkSFTvOU/wide-angle-cinematic-shot-of-a-sleek-fut-1774791236631-b6a2fc00.png?_wi=2",
|
||||
imageAlt: "Wide-angle cinematic shot of a sleek, futuristic personal aerial vehicle hovering above a modern met",
|
||||
title: "Global Navigation", description: "Seamless traffic management.", bentoComponent: "globe"},
|
||||
{
|
||||
title: "Aero Stability", description: "Advanced flight controls.", bentoComponent: "reveal-icon", icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Aero Stability",
|
||||
description: "Advanced flight controls.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcb6vRKuoEZ033ALfbzkSFTvOU/close-up-detail-of-aeronautical-engineer-1774791238026-dc2f038c.png",
|
||||
imageAlt: "Close-up detail of aeronautical engineering components, carbon fiber textures, and clean white labor",
|
||||
},
|
||||
{
|
||||
title: "Support Data",
|
||||
description: "Real-time diagnostics.",
|
||||
bentoComponent: "line-chart",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcb6vRKuoEZ033ALfbzkSFTvOU/side-profile-view-of-a-high-end-luxury-e-1774791236579-943b5801.png?_wi=2",
|
||||
imageAlt: "Side profile view of a high-end luxury electric personal aerial vehicle with retractable wings. Pear",
|
||||
},
|
||||
title: "Support Data", description: "Real-time diagnostics.", bentoComponent: "line-chart"},
|
||||
]}
|
||||
title="Cutting Edge Technology"
|
||||
description="Engineered with safety, efficiency, and intelligence at its core."
|
||||
@@ -180,25 +128,15 @@ export default function LandingPage() {
|
||||
author="Marcus Thorne"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcb6vRKuoEZ033ALfbzkSFTvOU/portrait-of-a-confident-professional-pil-1774791237728-3472f7d9.png",
|
||||
alt: "Sarah",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcb6vRKuoEZ033ALfbzkSFTvOU/portrait-of-a-confident-professional-pil-1774791237728-3472f7d9.png", alt: "Sarah"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcb6vRKuoEZ033ALfbzkSFTvOU/portrait-of-an-urban-mobility-analyst-mo-1774791236316-0b7d766c.png",
|
||||
alt: "Michael",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcb6vRKuoEZ033ALfbzkSFTvOU/portrait-of-an-urban-mobility-analyst-mo-1774791236316-0b7d766c.png", alt: "Michael"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcb6vRKuoEZ033ALfbzkSFTvOU/portrait-of-a-luxury-transportation-cust-1774791238101-d4a2dd53.png",
|
||||
alt: "Elena",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcb6vRKuoEZ033ALfbzkSFTvOU/portrait-of-a-luxury-transportation-cust-1774791238101-d4a2dd53.png", alt: "Elena"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcb6vRKuoEZ033ALfbzkSFTvOU/portrait-of-a-tech-entrepreneur-sleek-ba-1774791235516-fd194d8e.png",
|
||||
alt: "David",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcb6vRKuoEZ033ALfbzkSFTvOU/portrait-of-a-tech-entrepreneur-sleek-ba-1774791235516-fd194d8e.png", alt: "David"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcb6vRKuoEZ033ALfbzkSFTvOU/portrait-of-a-confident-professional-pil-1774791237728-3472f7d9.png",
|
||||
alt: "Jessica",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcb6vRKuoEZ033ALfbzkSFTvOU/portrait-of-a-confident-professional-pil-1774791237728-3472f7d9.png", alt: "Jessica"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -211,20 +149,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is it safe?",
|
||||
content: "Safety is our priority with redundant systems.",
|
||||
},
|
||||
id: "q1", title: "Is it safe?", content: "Safety is our priority with redundant systems."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do I need a pilot license?",
|
||||
content: "Our AI system handles flight paths.",
|
||||
},
|
||||
id: "q2", title: "Do I need a pilot license?", content: "Our AI system handles flight paths."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What is the range?",
|
||||
content: "Up to 300km on a full charge.",
|
||||
},
|
||||
id: "q3", title: "What is the range?", content: "Up to 300km on a full charge."},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcb6vRKuoEZ033ALfbzkSFTvOU/abstract-minimalist-aerial-paths-and-fli-1774791235741-e1249bc0.png"
|
||||
imageAlt="Flight pathways visual"
|
||||
@@ -239,8 +168,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Join the Future"
|
||||
title="Book Your Demonstration"
|
||||
description="Reserve your test flight and become part of the next generation of transport."
|
||||
@@ -252,29 +180,19 @@ export default function LandingPage() {
|
||||
logoText="AeroShift"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Models",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Models", href: "#products"},
|
||||
{
|
||||
label: "Technology",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Technology", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user