Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #3.
This commit is contained in:
@@ -3,88 +3,52 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
||||
import { useParams } from 'next/navigation';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
|
||||
export default function VehicleDetailPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="aurora"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[{ name: "Home", id: "hero" }, { name: "Specs", id: "specs" }, { name: "Inquiry", id: "contact" }]}
|
||||
brandName="Luxury Auto"
|
||||
/>
|
||||
<NavbarStyleFullscreen navItems={[{ name: "Home", id: "/" }, { name: "Inventory", id: "/inventory" }, { name: "Contact", id: "/contact" }]} />
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero" className="pt-32 pb-16">
|
||||
<div className="container mx-auto text-center">
|
||||
<h1 className="text-5xl font-bold mb-6">2025 Performance Sports Coupe</h1>
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-8">
|
||||
<img src="http://img.b2bpic.net/free-photo/luxury-car-parked-city-street_114579-3890.jpg" alt="Vehicle Exterior" className="rounded-lg shadow-xl w-full" />
|
||||
<div className="flex flex-col gap-4 text-left">
|
||||
<h2 className="text-3xl">Experience Pure Power</h2>
|
||||
<p>Meticulously engineered for those who demand excellence on every road. Experience unparalleled performance and refined luxury in every detail.</p>
|
||||
<div className="text-2xl font-bold text-primary-cta">$85,000 Starting</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="specs" data-section="specs">
|
||||
<MetricCardSeven
|
||||
title="Technical Specifications"
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
title="Performance Metrics"
|
||||
description="Top speed, acceleration, and handling data for this vehicle model."
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{ id: "s1", value: "450hp", title: "Engine Output", items: ["Twin-Turbo V8", "Advanced Hybrid System"] },
|
||||
{ id: "s2", value: "3.2s", title: "0-60 mph", items: ["Race Start Mode", "All-Wheel Drive"] },
|
||||
{ id: "s3", value: "180mph", title: "Top Speed", items: ["Aerodynamic Profile", "Active Spoilers"] }
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[{ id: "1", value: "200 mph", title: "Top Speed", items: ["Aerodynamic design", "Racing tuned"] }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardEight
|
||||
title="Key Features"
|
||||
description="Innovative engineering and comfort features packed into every detail."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[{ title: "Adaptive Cruise Control", description: "Stay safe with automated distance management.", imageSrc: "https://img.freepik.com/free-photo/car-dashboard_1203-1234.jpg" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Inquiry"
|
||||
title="Schedule a Test Drive"
|
||||
description="Reach out to us to get behind the wheel of this premium vehicle."
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardEight
|
||||
title="Luxury & Innovation"
|
||||
description="Cutting-edge technology meets hand-crafted interiors."
|
||||
textboxLayout="split"
|
||||
features={[
|
||||
{ title: "Intelligent Cabin", description: "AI-driven climate and seat adjustment.", imageSrc: "http://img.b2bpic.net/free-photo/luxury-car-interior-with-leather-seats_114579-3892.jpg" },
|
||||
{ title: "Active Safety", description: "360-degree radar and sensor suite.", imageSrc: "http://img.b2bpic.net/free-photo/modern-car-dashboard-technology_114579-3895.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Sales Inquiry"
|
||||
title="Request a Test Drive"
|
||||
description="Contact our premium sales team to schedule your personal tour of this vehicle."
|
||||
background={{ variant: "plain" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
logoText="Luxury Auto"
|
||||
columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]}
|
||||
/>
|
||||
<FooterMedia
|
||||
logoText="Pizzeria Napoli"
|
||||
videoSrc="https://www.w3schools.com/html/mov_bbb.mp4"
|
||||
columns={[{ title: "Links", items: [{ label: "Home", href: "/" }, { label: "Contact", href: "/contact" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
|
||||
Reference in New Issue
Block a user