Merge version_6 into main #7
68
src/app/inventory/page.tsx
Normal file
68
src/app/inventory/page.tsx
Normal file
@@ -0,0 +1,68 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
|
||||
export default function InventoryPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Inventory", id: "/inventory" },
|
||||
{ name: "About", id: "/" },
|
||||
{ name: "Contact", id: "/" }
|
||||
]}
|
||||
brandName="Ben Auto Sales"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="inventory" data-section="inventory">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "c1", name: "BMW 7 Series", price: "$85,000", variant: "2023 Executive", imageSrc: "http://img.b2bpic.net/free-photo/abstract-daytime-shadows-from-outdoors_23-2149080212.jpg" },
|
||||
{ id: "c2", name: "Genesis G90", price: "$92,000", variant: "2024 Prestige", imageSrc: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150861920.jpg" },
|
||||
{ id: "c3", name: "Rolls-Royce Ghost", price: "$340,000", variant: "2022 Custom", imageSrc: "http://img.b2bpic.net/free-photo/wall-glass_1127-2093.jpg" },
|
||||
{ id: "c4", name: "Mercedes S-Class", price: "$110,000", variant: "2023 Luxury", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797749.jpg" },
|
||||
{ id: "c5", name: "Audi A8", price: "$88,000", variant: "2023 Sport", imageSrc: "http://img.b2bpic.net/free-photo/close-up-seller-car-dealership_23-2149106139.jpg" },
|
||||
{ id: "c6", name: "Bentley Flying Spur", price: "$210,000", variant: "2024 Ultimate", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797643.jpg" }
|
||||
]}
|
||||
title="Catalog Collection"
|
||||
description="Discover our exclusive catalog of performance luxury vehicles."
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Ben Auto Sales"
|
||||
columns={[
|
||||
{ title: "Navigate", items: [{ label: "Home", href: "/" }, { label: "Inventory", href: "/inventory" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -35,7 +35,7 @@ export default function LandingPage() {
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Stats", id: "stats" },
|
||||
{ name: "Featured", id: "featured" },
|
||||
{ name: "Inventory", id: "inventory" },
|
||||
{ name: "Inventory", id: "/inventory" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Testimonial", id: "testimonial" },
|
||||
@@ -56,7 +56,7 @@ export default function LandingPage() {
|
||||
{ name: "Sarah P.", handle: "@sarahp", testimonial: "Attention to detail is unmatched. I won't buy a car anywhere else.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg" },
|
||||
{ name: "David W.", handle: "@davidw", testimonial: "The professionalism here is simply outstanding.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-with-crossed-arms-wearing-wool-suit_613910-1866.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "Browse Inventory", href: "inventory" }, { text: "Book Test Drive", href: "#contact" }]}
|
||||
buttons={[{ text: "Browse Inventory", href: "/inventory" }, { text: "Book Test Drive", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434336.jpg"
|
||||
imageAlt="Luxury car showroom"
|
||||
avatars={[
|
||||
@@ -98,25 +98,6 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="inventory" data-section="inventory">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "c1", name: "BMW 7 Series", price: "$85,000", variant: "2023 Executive", imageSrc: "http://img.b2bpic.net/free-photo/abstract-daytime-shadows-from-outdoors_23-2149080212.jpg" },
|
||||
{ id: "c2", name: "Genesis G90", price: "$92,000", variant: "2024 Prestige", imageSrc: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150861920.jpg" },
|
||||
{ id: "c3", name: "Rolls-Royce Ghost", price: "$340,000", variant: "2022 Custom", imageSrc: "http://img.b2bpic.net/free-photo/wall-glass_1127-2093.jpg" },
|
||||
{ id: "c4", name: "Mercedes S-Class", price: "$110,000", variant: "2023 Luxury", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797749.jpg" },
|
||||
{ id: "c5", name: "Audi A8", price: "$88,000", variant: "2023 Sport", imageSrc: "http://img.b2bpic.net/free-photo/close-up-seller-car-dealership_23-2149106139.jpg" },
|
||||
{ id: "c6", name: "Bentley Flying Spur", price: "$210,000", variant: "2024 Ultimate", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797643.jpg" }
|
||||
]}
|
||||
title="Our Inventory"
|
||||
description="Explore our collection of premium vehicles, meticulously maintained and ready for their next journey."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
@@ -179,7 +160,7 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="Ben Auto Sales"
|
||||
columns={[
|
||||
{ title: "Navigate", items: [{ label: "Home", href: "#home" }, { label: "Inventory", href: "inventory" }, { label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Navigate", items: [{ label: "Home", href: "#home" }, { label: "Inventory", href: "/inventory" }, { label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
@@ -187,4 +168,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user