Merge version_1 into main #2
@@ -7,7 +7,7 @@ import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function InventoryPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
@@ -22,159 +22,87 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Fahrzeuge",
|
||||
id: "/inventory",
|
||||
},
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Luxury Motors"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Fahrzeuge", id: "/inventory" },
|
||||
{ name: "Über uns", id: "/about" },
|
||||
{ name: "Kontakt", id: "/contact" },
|
||||
]}
|
||||
brandName="Luxury Motors"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="inventory-list" data-section="inventory-list">
|
||||
<ProductCardTwo
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p4",
|
||||
brand: "VW",
|
||||
name: "Golf GTI",
|
||||
price: "35.000 €",
|
||||
rating: 4,
|
||||
reviewCount: "22",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZhxOfhW3vmBgWLiPFAnvDjr0k/close-up-professional-studio-shot-of-a-h-1774702835859-c16d7752.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Porsche",
|
||||
name: "911 Carrera",
|
||||
price: "145.000 €",
|
||||
rating: 5,
|
||||
reviewCount: "5",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZhxOfhW3vmBgWLiPFAnvDjr0k/side-profile-of-a-premium-suv-on-a-clean-1774702836032-1b5e3aeb.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Toyota",
|
||||
name: "Supra GR",
|
||||
price: "55.000 €",
|
||||
rating: 4,
|
||||
reviewCount: "10",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZhxOfhW3vmBgWLiPFAnvDjr0k/front-view-of-an-electric-sports-car-in--1774702835765-f8cae619.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p7",
|
||||
brand: "Ford",
|
||||
name: "Mustang GT",
|
||||
price: "52.000 €",
|
||||
rating: 4,
|
||||
reviewCount: "18",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZhxOfhW3vmBgWLiPFAnvDjr0k/close-up-professional-studio-shot-of-a-h-1774702835859-c16d7752.png?_wi=3",
|
||||
},
|
||||
]}
|
||||
title="Gesamter Bestand"
|
||||
description="Finde dein Wunschfahrzeug in unserem umfangreichen Sortiment."
|
||||
/>
|
||||
</div>
|
||||
<div id="inventory-list" data-section="inventory-list">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p4", brand: "VW", name: "Golf GTI", price: "35.000 €", rating: 4,
|
||||
reviewCount: "22", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZhxOfhW3vmBgWLiPFAnvDjr0k/close-up-professional-studio-shot-of-a-h-1774702835859-c16d7752.png"},
|
||||
{
|
||||
id: "p5", brand: "Porsche", name: "911 Carrera", price: "145.000 €", rating: 5,
|
||||
reviewCount: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZhxOfhW3vmBgWLiPFAnvDjr0k/side-profile-of-a-premium-suv-on-a-clean-1774702836032-1b5e3aeb.png"},
|
||||
{
|
||||
id: "p6", brand: "Toyota", name: "Supra GR", price: "55.000 €", rating: 4,
|
||||
reviewCount: "10", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZhxOfhW3vmBgWLiPFAnvDjr0k/front-view-of-an-electric-sports-car-in--1774702835765-f8cae619.png"},
|
||||
{
|
||||
id: "p7", brand: "Ford", name: "Mustang GT", price: "52.000 €", rating: 4,
|
||||
reviewCount: "18", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZhxOfhW3vmBgWLiPFAnvDjr0k/close-up-professional-studio-shot-of-a-h-1774702835859-c16d7752.png"},
|
||||
]}
|
||||
title="Gesamter Bestand"
|
||||
description="Finde dein Wunschfahrzeug in unserem umfangreichen Sortiment."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Unsere Zahlen"
|
||||
description="Erfolg durch Vertrauen und Kompetenz."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Fahrzeuge",
|
||||
subtitle: "im Bestand",
|
||||
category: "Inventar",
|
||||
value: "150+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Zufriedene Kunden",
|
||||
subtitle: "seit Gründung",
|
||||
category: "Community",
|
||||
value: "5.000+",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Unsere Zahlen"
|
||||
description="Erfolg durch Vertrauen und Kompetenz."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", title: "Fahrzeuge", subtitle: "im Bestand", category: "Inventar", value: "150+"},
|
||||
{
|
||||
id: "m2", title: "Zufriedene Kunden", subtitle: "seit Gründung", category: "Community", value: "5.000+"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Startseite",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Fahrzeuge",
|
||||
href: "/inventory",
|
||||
},
|
||||
{
|
||||
label: "Über uns",
|
||||
href: "/about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Kontakt",
|
||||
items: [
|
||||
{
|
||||
label: "Kontaktformular",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "Standort",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Öffnungszeiten",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rechtliches",
|
||||
items: [
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Luxury Motors GmbH"
|
||||
bottomRightText="Alle Angaben ohne Gewähr."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation", items: [
|
||||
{ label: "Startseite", href: "/" },
|
||||
{ label: "Fahrzeuge", href: "/inventory" },
|
||||
{ label: "Über uns", href: "/about" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Kontakt", items: [
|
||||
{ label: "Kontaktformular", href: "/contact" },
|
||||
{ label: "Standort", href: "#" },
|
||||
{ label: "Öffnungszeiten", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rechtliches", items: [
|
||||
{ label: "Impressum", href: "#" },
|
||||
{ label: "Datenschutz", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Luxury Motors GmbH"
|
||||
bottomRightText="Alle Angaben ohne Gewähr."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user