diff --git a/src/app/page.tsx b/src/app/page.tsx index 0185219..5cc6ac8 100644 --- a/src/app/page.tsx +++ b/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() { @@ -60,44 +50,23 @@ export default function LandingPage() {
@@ -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() { @@ -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: "#"}, ], }, ]}