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() {