Merge version_1 into main #1
475
src/app/page.tsx
475
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Award, Car, Users } from "lucide-react";
|
||||
import { Award, Car, Users, Zap, Wind, Palette, Shield } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -20,347 +20,160 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
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">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="AeroDesign"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Portfolio", id: "products" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="AeroDesign"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Defining the Future of Automotive Performance"
|
||||
description="At AeroDesign, we push the boundaries of vehicle aesthetics and engineering. Crafting unique, high-performance automotive visions for the world's most discerning drivers."
|
||||
tag="Premier Car Design Studio"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Projects",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-three-dimensional-car-model_23-2151138991.jpg",
|
||||
imageAlt: "Concept Car Design",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-sketch-style_23-2151138921.jpg",
|
||||
imageAlt: "Carbon Fiber Chassis",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345400.jpg",
|
||||
imageAlt: "Design Blueprints",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-blue-suv-wet-road-power-safety-modern-design_169016-70068.jpg",
|
||||
imageAlt: "Sports Car Profile",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/turbocharged-engine-sports-car-close-up-hood_78492-3881.jpg",
|
||||
imageAlt: "Engineering Detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-team-captain-pilot-pushing-engine-throttle-lever-takeoff-with-airplane-from-aviation-cockpit-aircrew-men-flying-plane-jet-using-dashboard-control-panel-command_482257-51159.jpg",
|
||||
imageAlt: "Cockpit Interior",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Defining the Future of Automotive Performance"
|
||||
description="At AeroDesign, we push the boundaries of vehicle aesthetics and engineering. Crafting unique, high-performance automotive visions for the world's most discerning drivers."
|
||||
tag="Premier Car Design Studio"
|
||||
buttons={[{ text: "View Projects", href: "#products" }, { text: "Contact Us", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-three-dimensional-car-model_23-2151138991.jpg", imageAlt: "Concept Car Design" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-sketch-style_23-2151138921.jpg", imageAlt: "Carbon Fiber Chassis" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345400.jpg", imageAlt: "Design Blueprints" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dark-blue-suv-wet-road-power-safety-modern-design_169016-70068.jpg", imageAlt: "Sports Car Profile" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/turbocharged-engine-sports-car-close-up-hood_78492-3881.jpg", imageAlt: "Engineering Detail" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/diverse-team-captain-pilot-pushing-engine-throttle-lever-takeoff-with-airplane-from-aviation-cockpit-aircrew-men-flying-plane-jet-using-dashboard-control-panel-command_482257-51159.jpg", imageAlt: "Cockpit Interior" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Advanced 3D Modeling",
|
||||
description: "High-fidelity digital prototyping and simulation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industrial-designer-working-3d-model_23-2149370168.jpg",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Aerodynamic Optimization",
|
||||
description: "Wind tunnel precision for peak performance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-plant-specialist-using-vr-system-performance-optimizations_482257-125086.jpg",
|
||||
buttonIcon: "Wind",
|
||||
},
|
||||
{
|
||||
title: "Clay Prototyping",
|
||||
description: "Hands-on craftsmanship for the perfect silhouette.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-working-pottery_23-2151680859.jpg",
|
||||
buttonIcon: "Palette",
|
||||
},
|
||||
{
|
||||
title: "Custom Component Design",
|
||||
description: "Tailor-made performance parts and finishes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-rear-wheel-vintage-bicycle_23-2148696765.jpg",
|
||||
buttonIcon: "Shield",
|
||||
},
|
||||
]}
|
||||
title="Design Excellence Delivered"
|
||||
description="Our studio combines cutting-edge engineering with timeless artistry to bring automotive visions to life."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Design Excellence Delivered"
|
||||
description="Our studio combines cutting-edge engineering with timeless artistry to bring automotive visions to life."
|
||||
features={[
|
||||
{ title: "Advanced 3D Modeling", description: "High-fidelity digital prototyping and simulation.", imageSrc: "http://img.b2bpic.net/free-photo/industrial-designer-working-3d-model_23-2149370168.jpg", buttonIcon: Zap },
|
||||
{ title: "Aerodynamic Optimization", description: "Wind tunnel precision for peak performance.", imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-plant-specialist-using-vr-system-performance-optimizations_482257-125086.jpg", buttonIcon: Wind },
|
||||
{ title: "Clay Prototyping", description: "Hands-on craftsmanship for the perfect silhouette.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-working-pottery_23-2151680859.jpg", buttonIcon: Palette },
|
||||
{ title: "Custom Component Design", description: "Tailor-made performance parts and finishes.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-rear-wheel-vintage-bicycle_23-2148696765.jpg", buttonIcon: Shield }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Apex Hypercar",
|
||||
price: "Custom Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-silver-sport-sedan-with-red-lights_114579-4050.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Lumina Sedan",
|
||||
price: "Custom Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/head-lights-car_1339-3223.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Retrofit 911",
|
||||
price: "Custom Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-vintage-classic-car_74190-4283.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Terra Offroader",
|
||||
price: "Custom Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-offroad-illustration_23-2150140857.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Oceanic Cabrio",
|
||||
price: "Custom Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-shot-man-driving_23-2148320259.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Eco Urban",
|
||||
price: "Custom Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eco-friendly-recycling-concept_23-2148737678.jpg",
|
||||
},
|
||||
]}
|
||||
title="Recent Design Concepts"
|
||||
description="Exploring new aesthetic languages in the automotive space."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
title="Recent Design Concepts"
|
||||
description="Exploring new aesthetic languages in the automotive space."
|
||||
products={[
|
||||
{ id: "p1", name: "Apex Hypercar", price: "Custom Pricing", imageSrc: "http://img.b2bpic.net/free-photo/back-view-silver-sport-sedan-with-red-lights_114579-4050.jpg" },
|
||||
{ id: "p2", name: "Lumina Sedan", price: "Custom Pricing", imageSrc: "http://img.b2bpic.net/free-photo/head-lights-car_1339-3223.jpg" },
|
||||
{ id: "p3", name: "Retrofit 911", price: "Custom Pricing", imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-vintage-classic-car_74190-4283.jpg" },
|
||||
{ id: "p4", name: "Terra Offroader", price: "Custom Pricing", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-offroad-illustration_23-2150140857.jpg" },
|
||||
{ id: "p5", name: "Oceanic Cabrio", price: "Custom Pricing", imageSrc: "http://img.b2bpic.net/free-photo/back-shot-man-driving_23-2148320259.jpg" },
|
||||
{ id: "p6", name: "Eco Urban", price: "Custom Pricing", imageSrc: "http://img.b2bpic.net/free-photo/eco-friendly-recycling-concept_23-2148737678.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Award,
|
||||
title: "Awards Won",
|
||||
value: "25+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Car,
|
||||
title: "Vehicles Designed",
|
||||
value: "150+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Users,
|
||||
title: "Global Partners",
|
||||
value: "50+",
|
||||
},
|
||||
]}
|
||||
title="Design Impact"
|
||||
description="Quantifiable success in every vehicle we design."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
title="Design Impact"
|
||||
description="Quantifiable success in every vehicle we design."
|
||||
metrics={[
|
||||
{ id: "m1", icon: Award, title: "Awards Won", value: "25+" },
|
||||
{ id: "m2", icon: Car, title: "Vehicles Designed", value: "150+" },
|
||||
{ id: "m3", icon: Users, title: "Global Partners", value: "50+" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John Doe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-tailor-standing-with-crossed-arms-sewing-workshop_613910-18122.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jane Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/distraught-man-feeling-sad-while-showing-his-mechanic-car-breakdown-auto-repair-shop_637285-7708.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mike Ross",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-adult-business-leader_1262-4819.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Alice Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Bob Miller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/face-handsome-cafe-adult-job_1157-3664.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="Client Voices"
|
||||
cardTag="Trusted by Enthusiasts"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
cardTitle="Client Voices"
|
||||
cardTag="Trusted by Enthusiasts"
|
||||
cardAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "John Doe", imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-tailor-standing-with-crossed-arms-sewing-workshop_613910-18122.jpg" },
|
||||
{ id: "2", name: "Jane Smith", imageSrc: "http://img.b2bpic.net/free-photo/distraught-man-feeling-sad-while-showing-his-mechanic-car-breakdown-auto-repair-shop_637285-7708.jpg" },
|
||||
{ id: "3", name: "Mike Ross", imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-adult-business-leader_1262-4819.jpg" },
|
||||
{ id: "4", name: "Alice Chen", imageSrc: "http://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg" },
|
||||
{ id: "5", name: "Bob Miller", imageSrc: "http://img.b2bpic.net/free-photo/face-handsome-cafe-adult-job_1157-3664.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long does a design concept take?",
|
||||
content: "Typically 3 to 6 months depending on the scope of the project.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you provide manufacturing support?",
|
||||
content: "Yes, we work closely with engineering partners to ensure designs are manufacturable.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I request specific design styles?",
|
||||
content: "We work collaboratively to integrate your personal aesthetic preferences into the design.",
|
||||
},
|
||||
]}
|
||||
title="Design Process FAQs"
|
||||
description="Everything you need to know about starting your project with AeroDesign."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Design Process FAQs"
|
||||
description="Everything you need to know about starting your project with AeroDesign."
|
||||
faqsAnimation="blur-reveal"
|
||||
faqs={[
|
||||
{ id: "f1", title: "How long does a design concept take?", content: "Typically 3 to 6 months depending on the scope of the project." },
|
||||
{ id: "f2", title: "Do you provide manufacturing support?", content: "Yes, we work closely with engineering partners to ensure designs are manufacturable." },
|
||||
{ id: "f3", title: "Can I request specific design styles?", content: "We work collaboratively to integrate your personal aesthetic preferences into the design." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Apex Auto",
|
||||
"SpeedLogic",
|
||||
"Velocity Components",
|
||||
"EcoDrive Systems",
|
||||
"Leather Works Inc",
|
||||
"Testing Tech",
|
||||
"Global Dealers",
|
||||
]}
|
||||
title="Industry Collaborators"
|
||||
description="Proudly working with industry-leading partners."
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
title="Industry Collaborators"
|
||||
description="Proudly working with industry-leading partners."
|
||||
names={["Apex Auto", "SpeedLogic", "Velocity Components", "EcoDrive Systems", "Leather Works Inc", "Testing Tech", "Global Dealers"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Start Your Design Journey"
|
||||
description="Fill out the form below to book a consultation with our lead designers."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your project...",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smart-application-tablet-placed-kitchen-desk-empty-house-automation-system-turning-l_482257-2747.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Start Your Design Journey"
|
||||
description="Fill out the form below to book a consultation with our lead designers."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your project..." }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smart-application-tablet-placed-kitchen-desk-empty-house-automation-system-turning-l_482257-2747.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Concept Design",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "3D Modeling",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 AeroDesign Studio."
|
||||
bottomRightText="Crafting the Future."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Services", items: [{ label: "Concept Design", href: "#" }, { label: "3D Modeling", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 AeroDesign Studio."
|
||||
bottomRightText="Crafting the Future."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user