diff --git a/src/app/page.tsx b/src/app/page.tsx index ee7942f..c0027ba 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -13,7 +13,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav import ProductCardOne from '@/components/sections/product/ProductCardOne'; import SocialProofOne from '@/components/sections/socialProof/SocialProofOne'; import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo'; -import { Award, BarChart, Camera, Car, DollarSign, Gauge, Globe, HelpCircle, Lightbulb, Loader, MapPin, MessageSquare, Palette, Rocket, Sliders, Sparkles, Target, Users, Zap } from "lucide-react"; +import { Award, BarChart, Camera, Car, DollarSign, Gauge, Globe, HelpCircle, Lightbulb, Loader, MapPin, MessageSquare, Palette, Rocket, Sliders, Sparkles, Target, Users, Zap, Disc, RotateCw, Scroll } from "lucide-react"; export default function LandingPage() { return ( @@ -34,29 +34,17 @@ export default function LandingPage() { @@ -198,17 +131,11 @@ export default function LandingPage() { description="Our virtual showroom delivers an AAA-quality experience, meticulously crafted with cinematic animations and hyper-realistic 3D rendering. Witness unparalleled detail, from real-time reflections to dynamic lighting, designed to immerse you completely." metrics={[ { - value: "50+", - title: "Luxury Brands", - }, + value: "50+", title: "Luxury Brands"}, { - value: "100K+", - title: "Monthly Views", - }, + value: "100K+", title: "Monthly Views"}, { - value: "5-Star", - title: "User Rating", - }, + value: "5-Star", title: "User Rating"}, ]} tag="Immersive Experience" tagIcon={Zap} @@ -226,79 +153,52 @@ export default function LandingPage() { useInvertedBackground={true} features={[ { - title: "Dynamic 3D Configuration", - description: "Change colors, swap wheels, and customize brake calipers instantly in a hyper-realistic 3D environment with live pricing updates.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-perform-their-occupation_23-2151137460.jpg", - imageAlt: "3D car configurator interface", - }, + title: "Dynamic 3D Configuration", description: "Change colors, swap wheels, and customize brake calipers instantly in a hyper-realistic 3D environment with live pricing updates.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-perform-their-occupation_23-2151137460.jpg", imageAlt: "3D car configurator interface"}, items: [ { icon: Palette, - text: "Instant Color Changes", - }, + text: "Instant Color Changes"}, { - icon: Disc3D, - text: "Wheel & Caliper Options", - }, + icon: Disc, + text: "Wheel & Caliper Options"}, { icon: DollarSign, - text: "Live Price Updates", - }, + text: "Live Price Updates"}, ], - reverse: false, - imageSrc: "http://img.b2bpic.net/free-photo/arrow-with-bright-neon-colors_23-2151205005.jpg", - imageAlt: "3D car configurator ui dark theme", + reverse: false }, { - title: "Immersive Vehicle Exploration", - description: "Freely rotate, zoom, and explore every intricate detail of the car model with real-time reflections and HDRI lighting. Discover interactive hotspots.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139326.jpg", - imageAlt: "Interactive 3D car with hotspots", - }, + title: "Immersive Vehicle Exploration", description: "Freely rotate, zoom, and explore every intricate detail of the car model with real-time reflections and HDRI lighting. Discover interactive hotspots.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139326.jpg", imageAlt: "Interactive 3D car with hotspots"}, items: [ { - icon: Rotate3D, - text: "3D Rotation & Zoom", - }, + icon: RotateCw, + text: "3D Rotation & Zoom"}, { icon: MapPin, - text: "Interactive Hotspots", - }, + text: "Interactive Hotspots"}, { icon: Lightbulb, - text: "Day/Night Mode", - }, + text: "Day/Night Mode"}, ], - reverse: true, - imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-inside-car-wearing-vr-glasses_1303-18133.jpg?_wi=2", - imageAlt: "3D car configurator ui dark theme", + reverse: true }, { - title: "Cinematic Storytelling", - description: "Experience scroll-driven camera fly-through animations and engine showcase sequences that highlight the vehicle's engineering prowess and aesthetic beauty.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-road-scenario_23-2151293912.jpg", - imageAlt: "Cinematic camera fly-through of a car", - }, + title: "Cinematic Storytelling", description: "Experience scroll-driven camera fly-through animations and engine showcase sequences that highlight the vehicle's engineering prowess and aesthetic beauty.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-road-scenario_23-2151293912.jpg", imageAlt: "Cinematic camera fly-through of a car"}, items: [ { icon: Camera, - text: "Animated Camera Movements", - }, + text: "Animated Camera Movements"}, { - icon: ScrollText, - text: "Scroll-Driven Narratives", - }, + icon: Scroll, + text: "Scroll-Driven Narratives"}, { icon: Sparkles, - text: "Advanced Visual Effects", - }, + text: "Advanced Visual Effects"}, ], - reverse: false, - imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-confident-middle-aged-businessman-black-background_176420-5559.jpg", - imageAlt: "3D car configurator ui dark theme", + reverse: false }, ]} title="Unleash Your Vision. Drive the Future." @@ -316,47 +216,17 @@ export default function LandingPage() { useInvertedBackground={false} products={[ { - id: "lamborghini", - name: "Apex Luxa", - price: "$2.8M", - imageSrc: "http://img.b2bpic.net/free-photo/watercolor-car-painting-illustration_23-2151706242.jpg", - imageAlt: "Futuristic Lamborghini-inspired hypercar", - }, + id: "lamborghini", name: "Apex Luxa", price: "$2.8M", imageSrc: "http://img.b2bpic.net/free-photo/watercolor-car-painting-illustration_23-2151706242.jpg", imageAlt: "Futuristic Lamborghini-inspired hypercar"}, { - id: "ferrari", - name: "Apex Ignis", - price: "$2.5M", - imageSrc: "http://img.b2bpic.net/free-photo/red-sports-tuned-car-rear-view-wheel-close-up-fashion-car-day-road_78492-3879.jpg", - imageAlt: "Futuristic Ferrari-inspired supercar", - }, + id: "ferrari", name: "Apex Ignis", price: "$2.5M", imageSrc: "http://img.b2bpic.net/free-photo/red-sports-tuned-car-rear-view-wheel-close-up-fashion-car-day-road_78492-3879.jpg", imageAlt: "Futuristic Ferrari-inspired supercar"}, { - id: "porsche", - name: "Apex Electra", - price: "$1.9M", - imageSrc: "http://img.b2bpic.net/free-photo/futuristic-sports-car_23-2151955582.jpg", - imageAlt: "Futuristic Porsche-inspired electric sports car", - }, + id: "porsche", name: "Apex Electra", price: "$1.9M", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-sports-car_23-2151955582.jpg", imageAlt: "Futuristic Porsche-inspired electric sports car"}, { - id: "mclaren", - name: "Apex Velocis", - price: "$2.2M", - imageSrc: "http://img.b2bpic.net/free-vector/black-metal-background-with-gold-line-dark-banner-with-shiny-golden-arrows-steel_271628-687.jpg", - imageAlt: "Futuristic McLaren-inspired supercar", - }, + id: "mclaren", name: "Apex Velocis", price: "$2.2M", imageSrc: "http://img.b2bpic.net/free-vector/black-metal-background-with-gold-line-dark-banner-with-shiny-golden-arrows-steel_271628-687.jpg", imageAlt: "Futuristic McLaren-inspired supercar"}, { - id: "bugatti", - name: "Apex Grandis", - price: "$3.5M", - imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342630.jpg", - imageAlt: "Futuristic Bugatti-inspired hyper-luxury car", - }, + id: "bugatti", name: "Apex Grandis", price: "$3.5M", imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342630.jpg", imageAlt: "Futuristic Bugatti-inspired hyper-luxury car"}, { - id: "aston-martin", - name: "Apex Nova", - price: "$2.1M", - imageSrc: "http://img.b2bpic.net/free-photo/details-car-standing-car-showroom_1303-29468.jpg", - imageAlt: "Futuristic Aston Martin-inspired grand tourer", - }, + id: "aston-martin", name: "Apex Nova", price: "$2.1M", imageSrc: "http://img.b2bpic.net/free-photo/details-car-standing-car-showroom_1303-29468.jpg", imageAlt: "Futuristic Aston Martin-inspired grand tourer"}, ]} title="Our Prestigious Collection." description="Discover a curated selection of the world's most coveted luxury vehicles, rendered in stunning 3D detail and ready for your personalization." @@ -372,29 +242,17 @@ export default function LandingPage() { useInvertedBackground={true} metrics={[ { - id: "acceleration", - icon: Gauge, - title: "0-60 MPH", - value: "1.9s", - }, + id: "acceleration", icon: Gauge, + title: "0-60 MPH", value: "1.9s"}, { - id: "horsepower", - icon: Zap, - title: "Horsepower", - value: "1500+", - }, + id: "horsepower", icon: Zap, + title: "Horsepower", value: "1500+"}, { - id: "topspeed", - icon: Rocket, - title: "Top Speed", - value: "250+ MPH", - }, + id: "topspeed", icon: Rocket, + title: "Top Speed", value: "250+ MPH"}, { - id: "torque", - icon: Loader, - title: "Max Torque", - value: "1800 Nm", - }, + id: "torque", icon: Loader, + title: "Max Torque", value: "1800 Nm"}, ]} title="Engineered for Peak Performance." description="Delve into the raw power and precision engineering that defines our collection. Visualize every metric, feel every acceleration in our interactive data visualizations." @@ -410,53 +268,17 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "1", - name: "Dr. Seraphina Vance", - role: "Chief Technology Officer, OmniCorp", - testimonial: "Apex Motors delivers a truly revolutionary experience. The precision of the 3D models and the responsiveness of the configurator are beyond impressive.", - imageSrc: "http://img.b2bpic.net/free-vector/technology-logo-collection_23-2148152335.jpg", - imageAlt: "Dr. Seraphina Vance", - }, + id: "1", name: "Dr. Seraphina Vance", role: "Chief Technology Officer, OmniCorp", testimonial: "Apex Motors delivers a truly revolutionary experience. The precision of the 3D models and the responsiveness of the configurator are beyond impressive.", imageSrc: "http://img.b2bpic.net/free-vector/technology-logo-collection_23-2148152335.jpg", imageAlt: "Dr. Seraphina Vance"}, { - id: "2", - name: "Elias Thorne", - role: "Founder, Quantum Dynamics", - testimonial: "As an innovator, I appreciate cutting-edge solutions. Apex Motors is exactly that—a seamless, high-fidelity journey into luxury automotive.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2zx39l", - imageAlt: "Elias Thorne", - }, + id: "2", name: "Elias Thorne", role: "Founder, Quantum Dynamics", testimonial: "As an innovator, I appreciate cutting-edge solutions. Apex Motors is exactly that—a seamless, high-fidelity journey into luxury automotive.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2zx39l", imageAlt: "Elias Thorne"}, { - id: "3", - name: "Lena Petrova", - role: "Lead Designer, Stellar Concepts", - testimonial: "The aesthetic is flawless. The glassmorphism, neon accents, and overall UI elevate the entire experience to an art form. Truly inspiring.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rvqrht", - imageAlt: "Lena Petrova", - }, + id: "3", name: "Lena Petrova", role: "Lead Designer, Stellar Concepts", testimonial: "The aesthetic is flawless. The glassmorphism, neon accents, and overall UI elevate the entire experience to an art form. Truly inspiring.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rvqrht", imageAlt: "Lena Petrova"}, { - id: "4", - name: "Julian Hayes", - role: "Automotive Journalist, Velocity Magazine", - testimonial: "This is more than just a website; it’s a destination. The depth of interaction and cinematic presentation redefine how cars are showcased online.", - imageSrc: "http://img.b2bpic.net/free-vector/construction-design-orange-illustration_24877-49395.jpg", - imageAlt: "Julian Hayes", - }, + id: "4", name: "Julian Hayes", role: "Automotive Journalist, Velocity Magazine", testimonial: "This is more than just a website; it’s a destination. The depth of interaction and cinematic presentation redefine how cars are showcased online.", imageSrc: "http://img.b2bpic.net/free-vector/construction-design-orange-illustration_24877-49395.jpg", imageAlt: "Julian Hayes"}, { - id: "5", - name: "Anya Sharma", - role: "CEO, Horizon Investments", - testimonial: "Investing in innovation means recognizing true potential. Apex Motors isn't just selling cars; they're selling the future of automotive luxury.", - imageSrc: "http://img.b2bpic.net/free-photo/lamp-with-fantasy-futuristic-design_23-2151101624.jpg", - imageAlt: "Anya Sharma", - }, + id: "5", name: "Anya Sharma", role: "CEO, Horizon Investments", testimonial: "Investing in innovation means recognizing true potential. Apex Motors isn't just selling cars; they're selling the future of automotive luxury.", imageSrc: "http://img.b2bpic.net/free-photo/lamp-with-fantasy-futuristic-design_23-2151101624.jpg", imageAlt: "Anya Sharma"}, { - id: "6", - name: "Kai Jin", - role: "Head of Product, FutureDrive Inc.", - testimonial: "The performance is incredibly smooth, even with all the advanced 3D effects. A testament to their technical prowess and design foresight.", - imageSrc: "http://img.b2bpic.net/free-photo/person-eyeglasses-beside-blue-neon-signage_410324-127.jpg", - imageAlt: "Kai Jin", - }, + id: "6", name: "Kai Jin", role: "Head of Product, FutureDrive Inc.", testimonial: "The performance is incredibly smooth, even with all the advanced 3D effects. A testament to their technical prowess and design foresight.", imageSrc: "http://img.b2bpic.net/free-photo/person-eyeglasses-beside-blue-neon-signage_410324-127.jpg", imageAlt: "Kai Jin"}, ]} title="What Our Visionaries Say." description="Hear from industry leaders and enthusiasts who have experienced the unparalleled luxury of Apex Motors' futuristic showroom." @@ -470,16 +292,7 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={true} names={[ - "CyberNexus Solutions", - "Quantum Leap Holdings", - "Pinnacle Dynamics", - "Aetherium Corp", - "Vortex Systems", - "Nova Prime Solutions", - "Titan Innovations", - "Hyperion Group", - "Zenith Dynamics", - ]} + "CyberNexus Solutions", "Quantum Leap Holdings", "Pinnacle Dynamics", "Aetherium Corp", "Vortex Systems", "Nova Prime Solutions", "Titan Innovations", "Hyperion Group", "Zenith Dynamics"]} title="Trusted by Innovators Across Industries." description="Our pioneering technology is recognized and supported by leading entities shaping tomorrow's digital and luxury landscapes." tag="Industry Recognition" @@ -494,30 +307,15 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "1", - title: "What makes the 3D showroom immersive?", - content: "Our showroom utilizes advanced real-time rendering, dynamic lighting, reflection mapping, and cinematic camera controls to create a highly realistic and engaging experience, making you feel truly present.", - }, + id: "1", title: "What makes the 3D showroom immersive?", content: "Our showroom utilizes advanced real-time rendering, dynamic lighting, reflection mapping, and cinematic camera controls to create a highly realistic and engaging experience, making you feel truly present."}, { - id: "2", - title: "Can I customize any car in the collection?", - content: "Yes, our interactive configurator allows you to instantly change colors, wheel designs, brake caliper colors, and toggle features like headlights, all with live price updates for selected models.", - }, + id: "2", title: "Can I customize any car in the collection?", content: "Yes, our interactive configurator allows you to instantly change colors, wheel designs, brake caliper colors, and toggle features like headlights, all with live price updates for selected models."}, { - id: "3", - title: "Is the website mobile-optimized?", - content: "Absolutely. The entire experience, including the 3D showroom and configurator, is fully responsive and optimized for smooth performance across all devices, from desktop to mobile.", - }, + id: "3", title: "Is the website mobile-optimized?", content: "Absolutely. The entire experience, including the 3D showroom and configurator, is fully responsive and optimized for smooth performance across all devices, from desktop to mobile."}, { - id: "4", - title: "What kind of visual effects are used?", - content: "We employ cutting-edge post-processing effects such as Bloom, Depth of Field, Motion Blur, Volumetric Lighting, and Screen Space Reflections (SSR) to achieve AAA-quality visuals.", - }, + id: "4", title: "What kind of visual effects are used?", content: "We employ cutting-edge post-processing effects such as Bloom, Depth of Field, Motion Blur, Volumetric Lighting, and Screen Space Reflections (SSR) to achieve AAA-quality visuals."}, { - id: "5", - title: "How often is the car collection updated?", - content: "Our collection is continuously updated with the latest luxury and futuristic models. New vehicles and customization options are added regularly to ensure a fresh experience.", - }, + id: "5", title: "How often is the car collection updated?", content: "Our collection is continuously updated with the latest luxury and futuristic models. New vehicles and customization options are added regularly to ensure a fresh experience."}, ]} imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-backlights-modern-orange-car_181624-33071.jpg" imageAlt="Futuristic car dashboard interior" @@ -535,8 +333,7 @@ export default function LandingPage() {