Update src/app/page.tsx
This commit is contained in:
301
src/app/page.tsx
301
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
|
||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import { BarChart, Camera, Car, Crown, Diamond, Gauge, Lightbulb, MapPin, Palette, Sparkles, Zap, ZoomIn } from "lucide-react";
|
||||
import { BarChart, Camera, Car, Crown, Diamond, Gauge, Lightbulb, MapPin, Palette, Sparkles, Zap, ZoomIn, RotateCw, Disc } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Showroom",
|
||||
id: "#showroom",
|
||||
},
|
||||
name: "Showroom", id: "#showroom"},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "#collection",
|
||||
},
|
||||
name: "Collection", id: "#collection"},
|
||||
{
|
||||
name: "Performance",
|
||||
id: "#performance",
|
||||
},
|
||||
name: "Performance", id: "#performance"},
|
||||
{
|
||||
name: "Configure",
|
||||
id: "#configure",
|
||||
},
|
||||
name: "Configure", id: "#configure"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Apex Motors"
|
||||
/>
|
||||
@@ -60,44 +50,23 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Experience Tomorrow's Drive, Today."
|
||||
description="Step into the future with Apex Motors. Our immersive 3D showroom redefines luxury automotive exploration, blending cutting-edge technology with unparalleled design."
|
||||
tag="The Future of Luxury Mobility"
|
||||
tagAnimation="blur-reveal"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore 3D Showroom",
|
||||
href: "#showroom",
|
||||
},
|
||||
text: "Explore 3D Showroom", href: "#showroom"},
|
||||
{
|
||||
text: "Configure Your Dream Car",
|
||||
href: "#configure",
|
||||
},
|
||||
text: "Configure Your Dream Car", href: "#configure"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-car-with-vibrant-colors_23-2150796950.jpg?_wi=1",
|
||||
imageAlt: "Futuristic interactive car dashboard",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-car-with-vibrant-colors_23-2150796950.jpg", imageAlt: "Futuristic interactive car dashboard"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746622.jpg?_wi=1",
|
||||
imageAlt: "Luxury futuristic car interior with neon accents",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-dashboard-speedometer-night-driver-monitors-driving-speed-low-fuel-warning-light_169016-73084.jpg",
|
||||
imageAlt: "Modern car dashboard speedometer at night driver monitors driving speed and low fuel warning light",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-interior_23-2151138888.jpg",
|
||||
imageAlt: "View of 3d car interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-modern-car-without-people-view-from-inside-car_169016-50660.jpg",
|
||||
imageAlt: "The interior of a modern car without people a view from inside the car",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746622.jpg", imageAlt: "Luxury futuristic car interior with neon accents"}
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
@@ -112,19 +81,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Gauge,
|
||||
label: "Precision Engineered",
|
||||
value: "100%",
|
||||
},
|
||||
label: "Precision Engineered", value: "100%"},
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Innovation Driven",
|
||||
value: "Beyond Limits",
|
||||
},
|
||||
label: "Innovation Driven", value: "Beyond Limits"},
|
||||
{
|
||||
icon: Diamond,
|
||||
label: "Immersive Design",
|
||||
value: "3D Experience",
|
||||
},
|
||||
label: "Immersive Design", value: "3D Experience"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -137,79 +100,52 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Dynamic 3D Exploration",
|
||||
description: "Freely rotate, zoom, and inspect every angle of our hyper-realistic 3D car models. Experience true-to-life reflections and HDRI lighting.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/airport-hall-with-seats-sides_1127-2089.jpg",
|
||||
imageAlt: "High-fidelity 3D car model rendering",
|
||||
},
|
||||
title: "Dynamic 3D Exploration", description: "Freely rotate, zoom, and inspect every angle of our hyper-realistic 3D car models. Experience true-to-life reflections and HDRI lighting.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/airport-hall-with-seats-sides_1127-2089.jpg", imageAlt: "High-fidelity 3D car model rendering"},
|
||||
items: [
|
||||
{
|
||||
icon: Rotate3D,
|
||||
text: "360° View",
|
||||
},
|
||||
icon: RotateCw,
|
||||
text: "360° View"},
|
||||
{
|
||||
icon: ZoomIn,
|
||||
text: "Detail Zoom",
|
||||
},
|
||||
text: "Detail Zoom"},
|
||||
{
|
||||
icon: Lightbulb,
|
||||
text: "Dynamic Lighting",
|
||||
},
|
||||
text: "Dynamic Lighting"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-car-with-vibrant-colors_23-2150796950.jpg?_wi=2",
|
||||
imageAlt: "detailed 3d sports car model",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Interactive Configurator",
|
||||
description: "Personalize your vehicle in real-time. Change colors, wheels, and interior options instantly, with live price updates for complete transparency.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-car-interface-projection-hologram_53876-96639.jpg",
|
||||
imageAlt: "Interactive car configurator interface",
|
||||
},
|
||||
title: "Interactive Configurator", description: "Personalize your vehicle in real-time. Change colors, wheels, and interior options instantly, with live price updates for complete transparency.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-car-interface-projection-hologram_53876-96639.jpg", imageAlt: "Interactive car configurator interface"},
|
||||
items: [
|
||||
{
|
||||
icon: Palette,
|
||||
text: "Color Options",
|
||||
},
|
||||
text: "Color Options"},
|
||||
{
|
||||
icon: Disc3D,
|
||||
text: "Wheel Designs",
|
||||
},
|
||||
icon: Disc,
|
||||
text: "Wheel Designs"},
|
||||
{
|
||||
icon: Car,
|
||||
text: "Feature Toggle",
|
||||
},
|
||||
text: "Feature Toggle"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746622.jpg?_wi=2",
|
||||
imageAlt: "detailed 3d sports car model",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Cinematic Storytelling",
|
||||
description: "Engage with scroll-driven camera fly-throughs, animated performance stats, and interactive hotspots that reveal the engineering marvels of each car.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/control-table-spacecraft-from-inside_23-2151828186.jpg",
|
||||
imageAlt: "Cinematic view of car interior with interactive elements",
|
||||
},
|
||||
title: "Cinematic Storytelling", description: "Engage with scroll-driven camera fly-throughs, animated performance stats, and interactive hotspots that reveal the engineering marvels of each car.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/control-table-spacecraft-from-inside_23-2151828186.jpg", imageAlt: "Cinematic view of car interior with interactive elements"},
|
||||
items: [
|
||||
{
|
||||
icon: Camera,
|
||||
text: "Fly-through Animations",
|
||||
},
|
||||
text: "Fly-through Animations"},
|
||||
{
|
||||
icon: MapPin,
|
||||
text: "Interactive Hotspots",
|
||||
},
|
||||
text: "Interactive Hotspots"},
|
||||
{
|
||||
icon: BarChart,
|
||||
text: "Animated Stats",
|
||||
},
|
||||
text: "Animated Stats"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-working-with-computer-office_23-2149307818.jpg",
|
||||
imageAlt: "detailed 3d sports car model",
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Immersive Showroom, Unmatched Interaction"
|
||||
@@ -225,47 +161,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "lambo",
|
||||
name: "Velocitor GT",
|
||||
price: "$2,800,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-representation-water-vehicle_23-2151048205.jpg",
|
||||
imageAlt: "Futuristic Lamborghini-inspired hypercar",
|
||||
},
|
||||
id: "lambo", name: "Velocitor GT", price: "$2,800,000", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-representation-water-vehicle_23-2151048205.jpg", imageAlt: "Futuristic Lamborghini-inspired hypercar"},
|
||||
{
|
||||
id: "ferrari",
|
||||
name: "Aethel GT",
|
||||
price: "$2,200,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-side-mirror-modern-white-cabriolet-car_181624-25257.jpg",
|
||||
imageAlt: "Modern Ferrari-inspired grand tourer",
|
||||
},
|
||||
id: "ferrari", name: "Aethel GT", price: "$2,200,000", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-side-mirror-modern-white-cabriolet-car_181624-25257.jpg", imageAlt: "Modern Ferrari-inspired grand tourer"},
|
||||
{
|
||||
id: "porsche",
|
||||
name: "Electra Coupe",
|
||||
price: "$1,500,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-small-four-wheeled-vehicle-mobility-fast-travel_23-2151016476.jpg",
|
||||
imageAlt: "Futuristic Porsche-inspired electric sports car",
|
||||
},
|
||||
id: "porsche", name: "Electra Coupe", price: "$1,500,000", imageSrc: "http://img.b2bpic.net/free-photo/view-small-four-wheeled-vehicle-mobility-fast-travel_23-2151016476.jpg", imageAlt: "Futuristic Porsche-inspired electric sports car"},
|
||||
{
|
||||
id: "mclaren",
|
||||
name: "Zenith X",
|
||||
price: "$3,100,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-model_23-2151138945.jpg",
|
||||
imageAlt: "Cutting-edge McLaren-inspired supercar",
|
||||
},
|
||||
id: "mclaren", name: "Zenith X", price: "$3,100,000", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-model_23-2151138945.jpg", imageAlt: "Cutting-edge McLaren-inspired supercar"},
|
||||
{
|
||||
id: "tesla",
|
||||
name: "Quantum Drive",
|
||||
price: "$950,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-four-wheeled-vehicle-mobility-fast-travel_23-2151016449.jpg",
|
||||
imageAlt: "Visionary Tesla-inspired electric sedan",
|
||||
},
|
||||
id: "tesla", name: "Quantum Drive", price: "$950,000", imageSrc: "http://img.b2bpic.net/free-photo/view-four-wheeled-vehicle-mobility-fast-travel_23-2151016449.jpg", imageAlt: "Visionary Tesla-inspired electric sedan"},
|
||||
{
|
||||
id: "audi",
|
||||
name: "Aura SUV",
|
||||
price: "$1,100,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021131.jpg",
|
||||
imageAlt: "Sophisticated Audi-inspired luxury electric SUV",
|
||||
},
|
||||
id: "audi", name: "Aura SUV", price: "$1,100,000", imageSrc: "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021131.jpg", imageAlt: "Sophisticated Audi-inspired luxury electric SUV"},
|
||||
]}
|
||||
title="The Apex Collection"
|
||||
description="Discover our curated selection of ultra-premium hypercars and luxury electric vehicles, designed for the discerning enthusiast. Each model represents the pinnacle of performance and design."
|
||||
@@ -280,20 +186,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "speed",
|
||||
value: "0-60 in 1.9s",
|
||||
description: "Lightning-fast acceleration defines our hypercars. Experience G-forces like never before.",
|
||||
},
|
||||
id: "speed", value: "0-60 in 1.9s", description: "Lightning-fast acceleration defines our hypercars. Experience G-forces like never before."},
|
||||
{
|
||||
id: "horsepower",
|
||||
value: "1200+ HP",
|
||||
description: "Engineered for extreme output, our powerplants deliver exhilarating horsepower on demand.",
|
||||
},
|
||||
id: "horsepower", value: "1200+ HP", description: "Engineered for extreme output, our powerplants deliver exhilarating horsepower on demand."},
|
||||
{
|
||||
id: "torque",
|
||||
value: "1500+ Nm",
|
||||
description: "Instantaneous torque delivery ensures a responsive and commanding driving experience.",
|
||||
},
|
||||
id: "torque", value: "1500+ Nm", description: "Instantaneous torque delivery ensures a responsive and commanding driving experience."},
|
||||
]}
|
||||
title="Unleash Unrivaled Performance"
|
||||
description="Experience the raw power and precision engineering behind every Apex Motors vehicle. Our performance metrics are a testament to our commitment to speed, agility, and dynamic control."
|
||||
@@ -307,58 +204,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "base",
|
||||
badge: "Standard",
|
||||
badgeIcon: Car,
|
||||
price: "$1,200,000",
|
||||
name: "Founders Edition",
|
||||
buttons: [
|
||||
id: "base", badge: "Standard", badgeIcon: Car,
|
||||
price: "$1,200,000", name: "Founders Edition", buttons: [
|
||||
{
|
||||
text: "Configure Now",
|
||||
},
|
||||
text: "Configure Now"},
|
||||
],
|
||||
features: [
|
||||
"Standard Performance Drivetrain",
|
||||
"Premium Interior Trim",
|
||||
"Advanced Driver-Assist System",
|
||||
"24/7 Concierge Support",
|
||||
],
|
||||
"Standard Performance Drivetrain", "Premium Interior Trim", "Advanced Driver-Assist System", "24/7 Concierge Support"],
|
||||
},
|
||||
{
|
||||
id: "sport",
|
||||
badge: "Sport Pack",
|
||||
badgeIcon: Zap,
|
||||
price: "$1,550,000",
|
||||
name: "Performance Edition",
|
||||
buttons: [
|
||||
id: "sport", badge: "Sport Pack", badgeIcon: Zap,
|
||||
price: "$1,550,000", name: "Performance Edition", buttons: [
|
||||
{
|
||||
text: "Configure Now",
|
||||
},
|
||||
text: "Configure Now"},
|
||||
],
|
||||
features: [
|
||||
"Enhanced Aerodynamic Package",
|
||||
"Track-Optimized Suspension",
|
||||
"Carbon Ceramic Brakes",
|
||||
"Exclusive Performance Wheels",
|
||||
],
|
||||
"Enhanced Aerodynamic Package", "Track-Optimized Suspension", "Carbon Ceramic Brakes", "Exclusive Performance Wheels"],
|
||||
},
|
||||
{
|
||||
id: "luxury",
|
||||
badge: "Luxury Pack",
|
||||
badgeIcon: Crown,
|
||||
price: "$1,875,000",
|
||||
name: "Signature Edition",
|
||||
buttons: [
|
||||
id: "luxury", badge: "Luxury Pack", badgeIcon: Crown,
|
||||
price: "$1,875,000", name: "Signature Edition", buttons: [
|
||||
{
|
||||
text: "Configure Now",
|
||||
},
|
||||
text: "Configure Now"},
|
||||
],
|
||||
features: [
|
||||
"Bespoke Leather Interior",
|
||||
"Hand-finished Wood/Carbon Accents",
|
||||
"Premium Audio System",
|
||||
"Personalized Delivery Experience",
|
||||
],
|
||||
"Bespoke Leather Interior", "Hand-finished Wood/Carbon Accents", "Premium Audio System", "Personalized Delivery Experience"],
|
||||
},
|
||||
]}
|
||||
title="Tailor Your Masterpiece"
|
||||
@@ -371,14 +241,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"FuturaTech",
|
||||
"AeroDesign Labs",
|
||||
"Elite Auto Group",
|
||||
"Quantum Dynamics",
|
||||
"Velocity Media",
|
||||
"LuxeVision Studios",
|
||||
"Global Mobility Alliance",
|
||||
]}
|
||||
"FuturaTech", "AeroDesign Labs", "Elite Auto Group", "Quantum Dynamics", "Velocity Media", "LuxeVision Studios", "Global Mobility Alliance"]}
|
||||
title="Trusted by Innovators, Featured by Leaders"
|
||||
description="Apex Motors is proud to collaborate with leading names in technology, design, and luxury. Our commitment to excellence is recognized across industries."
|
||||
/>
|
||||
@@ -388,17 +251,14 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Connect with Apex Motors"
|
||||
tagAnimation="slide-up"
|
||||
title="Your Journey to the Future Starts Here"
|
||||
description="Ready to experience automotive luxury redefined? Contact our specialist team to arrange a private consultation or to inquire about bespoke commissions."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get in Touch",
|
||||
href: "mailto:info@apexmotors.com",
|
||||
},
|
||||
text: "Get in Touch", href: "mailto:info@apexmotors.com"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -409,54 +269,33 @@ export default function LandingPage() {
|
||||
logoText="Apex Motors"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
title: "Explore", items: [
|
||||
{
|
||||
label: "Showroom",
|
||||
href: "#showroom",
|
||||
},
|
||||
label: "Showroom", href: "#showroom"},
|
||||
{
|
||||
label: "Collection",
|
||||
href: "#collection",
|
||||
},
|
||||
label: "Collection", href: "#collection"},
|
||||
{
|
||||
label: "Performance",
|
||||
href: "#performance",
|
||||
},
|
||||
label: "Performance", href: "#performance"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Partners",
|
||||
href: "#social-proof",
|
||||
},
|
||||
label: "Partners", href: "#social-proof"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
{
|
||||
label: "Cookie Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Cookie Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user