Merge version_1 into main #2
407
src/app/page.tsx
407
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() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
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: "FAQs",
|
||||
id: "#faqs",
|
||||
},
|
||||
name: "FAQs", id: "#faqs"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/arrow-with-bright-neon-colors_23-2151205005.jpg"
|
||||
logoAlt="Apex Motors Logo"
|
||||
@@ -70,122 +58,67 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Experience Automotive Luxury, Reimagined."
|
||||
description="Step into a futuristic 3D showroom where cutting-edge technology meets unparalleled design. Explore, customize, and own your dream vehicle."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex K.",
|
||||
handle: "@alexk_vision",
|
||||
testimonial: "The immersive 3D experience is simply breathtaking. It's like stepping into the future of car buying.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-electronics-logos-set_23-2148980884.jpg",
|
||||
imageAlt: "Alex K. signature",
|
||||
},
|
||||
name: "Alex K.", handle: "@alexk_vision", testimonial: "The immersive 3D experience is simply breathtaking. It's like stepping into the future of car buying.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-electronics-logos-set_23-2148980884.jpg", imageAlt: "Alex K. signature"},
|
||||
{
|
||||
name: "Dr. Elena V.",
|
||||
handle: "@elenav_ceo",
|
||||
testimonial: "Apex Motors has set a new standard. The configurator is intuitive, and the visual quality is unparalleled.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chart-statistics-sign-right-side-with-white-background_187299-39805.jpg",
|
||||
imageAlt: "Dr. Elena V. signature",
|
||||
},
|
||||
name: "Dr. Elena V.", handle: "@elenav_ceo", testimonial: "Apex Motors has set a new standard. The configurator is intuitive, and the visual quality is unparalleled.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chart-statistics-sign-right-side-with-white-background_187299-39805.jpg", imageAlt: "Dr. Elena V. signature"},
|
||||
{
|
||||
name: "Marcus L.",
|
||||
handle: "@marcusl_innovate",
|
||||
testimonial: "The attention to detail in the 3D models is astounding. It feels more real than being in an actual showroom.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/realistic-metaverse-background_52683-80914.jpg",
|
||||
imageAlt: "Marcus L. signature",
|
||||
},
|
||||
name: "Marcus L.", handle: "@marcusl_innovate", testimonial: "The attention to detail in the 3D models is astounding. It feels more real than being in an actual showroom.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/realistic-metaverse-background_52683-80914.jpg", imageAlt: "Marcus L. signature"},
|
||||
{
|
||||
name: "Sophia R.",
|
||||
handle: "@sophia_quantum",
|
||||
testimonial: "From the cinematic intro to the real-time reflections, every element screams luxury. A truly premium experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/logotype_23-2148146019.jpg",
|
||||
imageAlt: "Sophia R. signature",
|
||||
},
|
||||
name: "Sophia R.", handle: "@sophia_quantum", testimonial: "From the cinematic intro to the real-time reflections, every element screams luxury. A truly premium experience.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/logotype_23-2148146019.jpg", imageAlt: "Sophia R. signature"},
|
||||
{
|
||||
name: "David C.",
|
||||
handle: "@davidc_auto",
|
||||
testimonial: "The car collection is diverse, and the ability to customize in 3D is a game-changer. My new favorite platform.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plug-hybrid-electric-vehicle-close-up-ev-hybrid-car-logo_482257-118393.jpg",
|
||||
imageAlt: "David C. signature",
|
||||
},
|
||||
name: "David C.", handle: "@davidc_auto", testimonial: "The car collection is diverse, and the ability to customize in 3D is a game-changer. My new favorite platform.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plug-hybrid-electric-vehicle-close-up-ev-hybrid-car-logo_482257-118393.jpg", imageAlt: "David C. signature"},
|
||||
{
|
||||
name: "Isabelle M.",
|
||||
handle: "@isabellem_drive",
|
||||
testimonial: "This is beyond a website; it's a journey. The performance section and camera fly-throughs are incredible.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-geometric-business-card_23-2149292241.jpg",
|
||||
imageAlt: "Isabelle M. signature",
|
||||
},
|
||||
name: "Isabelle M.", handle: "@isabellem_drive", testimonial: "This is beyond a website; it's a journey. The performance section and camera fly-throughs are incredible.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-geometric-business-card_23-2149292241.jpg", imageAlt: "Isabelle M. signature"},
|
||||
]}
|
||||
tag="Future of Luxury"
|
||||
tagIcon={Sparkles}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Showroom",
|
||||
href: "#showroom",
|
||||
},
|
||||
text: "Explore Showroom", href: "#showroom"},
|
||||
{
|
||||
text: "Configure Your Car",
|
||||
href: "#collection",
|
||||
},
|
||||
text: "Configure Your Car", href: "#collection"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-confident-middle-aged-businessman-black-background_176420-5559.jpg",
|
||||
alt: "Alex K.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-confident-middle-aged-businessman-black-background_176420-5559.jpg", alt: "Alex K."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blond-businessman-surprised-expression_1194-3809.jpg",
|
||||
alt: "Dr. Elena V.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/blond-businessman-surprised-expression_1194-3809.jpg", alt: "Dr. Elena V."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-looking-digital-tablet-standing-front-streamlined-mirror-round-copper-chandelier_23-2147937510.jpg",
|
||||
alt: "Marcus L.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-looking-digital-tablet-standing-front-streamlined-mirror-round-copper-chandelier_23-2147937510.jpg", alt: "Marcus L."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-sitting-couch-smiling_23-2148095698.jpg",
|
||||
alt: "Sophia R.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-sitting-couch-smiling_23-2148095698.jpg", alt: "Sophia R."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-industry-expert-checks-performance-data-solar-panel-factory-showcasing-dedication_482257-132205.jpg",
|
||||
alt: "David C.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/male-industry-expert-checks-performance-data-solar-panel-factory-showcasing-dedication_482257-132205.jpg", alt: "David C."},
|
||||
]}
|
||||
avatarText="Join our community of visionaries."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-sitting-inside-car-wearing-vr-glasses_1303-18133.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-sitting-inside-car-wearing-vr-glasses_1303-18133.jpg"
|
||||
imageAlt="Futuristic luxury sports car"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Performance Data",
|
||||
icon: BarChart,
|
||||
type: "text-icon", text: "Performance Data", icon: BarChart,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Real-time Customization",
|
||||
icon: Sliders,
|
||||
type: "text-icon", text: "Real-time Customization", icon: Sliders,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Global Delivery",
|
||||
icon: Globe,
|
||||
type: "text-icon", text: "Global Delivery", icon: Globe,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Award-Winning Design",
|
||||
icon: Award,
|
||||
type: "text-icon", text: "Award-Winning Design", icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Future Mobility",
|
||||
icon: Zap,
|
||||
type: "text-icon", text: "Future Mobility", icon: Zap,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -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() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Connect With Us"
|
||||
title="Begin Your Luxury Journey."
|
||||
description="Ready to experience the future of automotive? Our dedicated team is here to assist you with any inquiries, custom requests, or partnership opportunities."
|
||||
@@ -554,49 +351,31 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#home",
|
||||
},
|
||||
label: "Home", href: "#home"},
|
||||
{
|
||||
label: "Showroom",
|
||||
href: "#showroom",
|
||||
},
|
||||
label: "Showroom", href: "#showroom"},
|
||||
{
|
||||
label: "Collection",
|
||||
href: "#collection",
|
||||
},
|
||||
label: "Collection", href: "#collection"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Performance",
|
||||
href: "#performance",
|
||||
},
|
||||
label: "Performance", href: "#performance"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faqs",
|
||||
},
|
||||
label: "FAQs", href: "#faqs"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user