Merge version_2 into main #2
314
src/app/page.tsx
314
src/app/page.tsx
@@ -2,9 +2,9 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Inventar",
|
||||
id: "inventory",
|
||||
},
|
||||
name: "Inventar", id: "inventory"},
|
||||
{
|
||||
name: "Dienstleistungen",
|
||||
id: "services",
|
||||
},
|
||||
name: "Dienstleistungen", id: "services"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Kontakt", id: "contact"},
|
||||
]}
|
||||
brandName="GARAGE DONI"
|
||||
/>
|
||||
@@ -54,97 +46,51 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Exzellenz in Bewegung"
|
||||
description="Ihr exklusiver Partner für automobile Meisterwerke."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Markus S.",
|
||||
handle: "@ms_ch",
|
||||
testimonial: "Hervorragender Service und exklusive Auswahl. Absolut empfehlenswert.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-new-car-with-back-door-open_23-2148332892.jpg?_wi=1",
|
||||
imageAlt: "luxury sports car vector",
|
||||
},
|
||||
name: "Markus S.", handle: "@ms_ch", testimonial: "Hervorragender Service und exklusive Auswahl. Absolut empfehlenswert.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-new-car-with-back-door-open_23-2148332892.jpg?_wi=1", imageAlt: "luxury sports car vector"},
|
||||
{
|
||||
name: "Elena V.",
|
||||
handle: "@ev_at",
|
||||
testimonial: "Einzigartiges Kauferlebnis für meinen Sportwagen.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-valet-doing-his-job_23-2150274548.jpg?_wi=1",
|
||||
imageAlt: "luxury car inventory",
|
||||
},
|
||||
name: "Elena V.", handle: "@ev_at", testimonial: "Einzigartiges Kauferlebnis für meinen Sportwagen.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-valet-doing-his-job_23-2150274548.jpg?_wi=1", imageAlt: "luxury car inventory"},
|
||||
{
|
||||
name: "Jürgen K.",
|
||||
handle: "@jk_de",
|
||||
testimonial: "Profi bei Import und Finanzierung.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/auto-mechanic-flat-icons-set_1284-10531.jpg?_wi=1",
|
||||
imageAlt: "car repair icon",
|
||||
},
|
||||
name: "Jürgen K.", handle: "@jk_de", testimonial: "Profi bei Import und Finanzierung.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/auto-mechanic-flat-icons-set_1284-10531.jpg?_wi=1", imageAlt: "car repair icon"},
|
||||
{
|
||||
name: "Stefan R.",
|
||||
handle: "@sr_ch",
|
||||
testimonial: "Top Qualität und Beratung.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-new-car-with-back-door-open_23-2148332892.jpg?_wi=2",
|
||||
imageAlt: "luxury sports car vector",
|
||||
},
|
||||
name: "Stefan R.", handle: "@sr_ch", testimonial: "Top Qualität und Beratung.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-new-car-with-back-door-open_23-2148332892.jpg?_wi=2", imageAlt: "luxury sports car vector"},
|
||||
{
|
||||
name: "Lisa M.",
|
||||
handle: "@lm_at",
|
||||
testimonial: "Garage Doni setzt Massstäbe.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-valet-doing-his-job_23-2150274548.jpg?_wi=2",
|
||||
imageAlt: "luxury car inventory",
|
||||
},
|
||||
name: "Lisa M.", handle: "@lm_at", testimonial: "Garage Doni setzt Massstäbe.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-valet-doing-his-job_23-2150274548.jpg?_wi=2", imageAlt: "luxury car inventory"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-new-car-with-back-door-open_23-2148332892.jpg?_wi=3"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-new-car-with-back-door-open_23-2148332892.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-new-car-with-back-door-open_23-2148332892.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-new-car-with-back-door-open_23-2148332892.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-new-car-with-back-door-open_23-2148332892.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-new-car-with-back-door-open_23-2148332892.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-new-car-with-back-door-open_23-2148332892.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-new-car-with-back-door-open_23-2148332892.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-new-car-with-back-door-open_23-2148332892.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-new-car-with-back-door-open_23-2148332892.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-new-car-with-back-door-open_23-2148332892.jpg", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Über 500 zufriedene Kunden"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "LUXUS",
|
||||
},
|
||||
type: "text", text: "LUXUS"},
|
||||
{
|
||||
type: "text",
|
||||
text: "PRÄZISION",
|
||||
},
|
||||
type: "text", text: "PRÄZISION"},
|
||||
{
|
||||
type: "text",
|
||||
text: "QUALITÄT",
|
||||
},
|
||||
type: "text", text: "QUALITÄT"},
|
||||
{
|
||||
type: "text",
|
||||
text: "LEIDENSCHAFT",
|
||||
},
|
||||
type: "text", text: "LEIDENSCHAFT"},
|
||||
{
|
||||
type: "text",
|
||||
text: "EXKLUSIVITÄT",
|
||||
},
|
||||
type: "text", text: "EXKLUSIVITÄT"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -156,20 +102,11 @@ export default function LandingPage() {
|
||||
tag="Unsere Bilanz"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
description: "Jahre Erfahrung",
|
||||
},
|
||||
id: "m1", value: "15+", description: "Jahre Erfahrung"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
description: "Fahrzeuge vermittelt",
|
||||
},
|
||||
id: "m2", value: "500+", description: "Fahrzeuge vermittelt"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "CH/AT/DE",
|
||||
description: "Marktabdeckung",
|
||||
},
|
||||
id: "m3", value: "CH/AT/DE", description: "Marktabdeckung"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -183,59 +120,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "c1",
|
||||
brand: "Doni Special",
|
||||
name: "Grand Tourer V12",
|
||||
price: "CHF 250,000",
|
||||
rating: 5,
|
||||
reviewCount: "New",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-valet-doing-his-job_23-2150274548.jpg?_wi=3",
|
||||
},
|
||||
id: "c1", brand: "Doni Special", name: "Grand Tourer V12", price: "CHF 250,000", rating: 5,
|
||||
reviewCount: "New", imageSrc: "http://img.b2bpic.net/free-photo/side-view-valet-doing-his-job_23-2150274548.jpg?_wi=3"},
|
||||
{
|
||||
id: "c2",
|
||||
brand: "Doni Special",
|
||||
name: "Sport Coupé",
|
||||
price: "CHF 180,000",
|
||||
rating: 5,
|
||||
reviewCount: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-valet-doing-his-job_23-2150274548.jpg?_wi=4",
|
||||
},
|
||||
id: "c2", brand: "Doni Special", name: "Sport Coupé", price: "CHF 180,000", rating: 5,
|
||||
reviewCount: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/side-view-valet-doing-his-job_23-2150274548.jpg?_wi=4"},
|
||||
{
|
||||
id: "c3",
|
||||
brand: "Doni Special",
|
||||
name: "Roadster Edition",
|
||||
price: "CHF 120,000",
|
||||
rating: 4,
|
||||
reviewCount: "Reserved",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-valet-doing-his-job_23-2150274548.jpg?_wi=5",
|
||||
},
|
||||
id: "c3", brand: "Doni Special", name: "Roadster Edition", price: "CHF 120,000", rating: 4,
|
||||
reviewCount: "Reserved", imageSrc: "http://img.b2bpic.net/free-photo/side-view-valet-doing-his-job_23-2150274548.jpg?_wi=5"},
|
||||
{
|
||||
id: "c4",
|
||||
brand: "Doni Special",
|
||||
name: "Limousine Gold",
|
||||
price: "CHF 310,000",
|
||||
rating: 5,
|
||||
reviewCount: "New",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-valet-doing-his-job_23-2150274548.jpg?_wi=6",
|
||||
},
|
||||
id: "c4", brand: "Doni Special", name: "Limousine Gold", price: "CHF 310,000", rating: 5,
|
||||
reviewCount: "New", imageSrc: "http://img.b2bpic.net/free-photo/side-view-valet-doing-his-job_23-2150274548.jpg?_wi=6"},
|
||||
{
|
||||
id: "c5",
|
||||
brand: "Doni Special",
|
||||
name: "City Agile",
|
||||
price: "CHF 85,000",
|
||||
rating: 4,
|
||||
reviewCount: "Available",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-valet-doing-his-job_23-2150274548.jpg?_wi=7",
|
||||
},
|
||||
id: "c5", brand: "Doni Special", name: "City Agile", price: "CHF 85,000", rating: 4,
|
||||
reviewCount: "Available", imageSrc: "http://img.b2bpic.net/free-photo/side-view-valet-doing-his-job_23-2150274548.jpg?_wi=7"},
|
||||
{
|
||||
id: "c6",
|
||||
brand: "Doni Special",
|
||||
name: "Classic 1970",
|
||||
price: "CHF 450,000",
|
||||
rating: 5,
|
||||
reviewCount: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-valet-doing-his-job_23-2150274548.jpg?_wi=8",
|
||||
},
|
||||
id: "c6", brand: "Doni Special", name: "Classic 1970", price: "CHF 450,000", rating: 5,
|
||||
reviewCount: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/side-view-valet-doing-his-job_23-2150274548.jpg?_wi=8"},
|
||||
]}
|
||||
title="Aktuelle Highlights"
|
||||
description="Unsere exklusive Auswahl an Luxusfahrzeugen."
|
||||
@@ -247,9 +148,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Die Geschichte hinter der D-Linie"
|
||||
description={[
|
||||
"Garage Doni verkörpert Präzision, Leidenschaft und zeitloses Design.",
|
||||
"Über 15 Jahre Erfahrung im Luxussegment machen uns zur ersten Adresse.",
|
||||
]}
|
||||
"Garage Doni verkörpert Präzision, Leidenschaft und zeitloses Design.", "Über 15 Jahre Erfahrung im Luxussegment machen uns zur ersten Adresse."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -260,53 +159,29 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Occasionen",
|
||||
descriptions: [
|
||||
"Geprüfte Premiumfahrzeuge.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/auto-mechanic-flat-icons-set_1284-10531.jpg?_wi=2",
|
||||
},
|
||||
id: "s1", title: "Occasionen", descriptions: [
|
||||
"Geprüfte Premiumfahrzeuge."],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/auto-mechanic-flat-icons-set_1284-10531.jpg?_wi=2"},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Ankauf",
|
||||
descriptions: [
|
||||
"Faire Marktpreise.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/auto-mechanic-flat-icons-set_1284-10531.jpg?_wi=3",
|
||||
},
|
||||
id: "s2", title: "Ankauf", descriptions: [
|
||||
"Faire Marktpreise."],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/auto-mechanic-flat-icons-set_1284-10531.jpg?_wi=3"},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Service",
|
||||
descriptions: [
|
||||
"Werkstatt auf Top-Niveau.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/auto-mechanic-flat-icons-set_1284-10531.jpg?_wi=4",
|
||||
},
|
||||
id: "s3", title: "Service", descriptions: [
|
||||
"Werkstatt auf Top-Niveau."],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/auto-mechanic-flat-icons-set_1284-10531.jpg?_wi=4"},
|
||||
{
|
||||
id: "s4",
|
||||
title: "Import",
|
||||
descriptions: [
|
||||
"Sorglos-Paket.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/auto-mechanic-flat-icons-set_1284-10531.jpg?_wi=5",
|
||||
},
|
||||
id: "s4", title: "Import", descriptions: [
|
||||
"Sorglos-Paket."],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/auto-mechanic-flat-icons-set_1284-10531.jpg?_wi=5"},
|
||||
{
|
||||
id: "s5",
|
||||
title: "Finanzierung",
|
||||
descriptions: [
|
||||
"Massgeschneiderte Konzepte.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/auto-mechanic-flat-icons-set_1284-10531.jpg?_wi=6",
|
||||
},
|
||||
id: "s5", title: "Finanzierung", descriptions: [
|
||||
"Massgeschneiderte Konzepte."],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/auto-mechanic-flat-icons-set_1284-10531.jpg?_wi=6"},
|
||||
{
|
||||
id: "s6",
|
||||
title: "Garantie",
|
||||
descriptions: [
|
||||
"Sicherheit inklusive.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/auto-mechanic-flat-icons-set_1284-10531.jpg?_wi=7",
|
||||
},
|
||||
id: "s6", title: "Garantie", descriptions: [
|
||||
"Sicherheit inklusive."],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/auto-mechanic-flat-icons-set_1284-10531.jpg?_wi=7"},
|
||||
]}
|
||||
title="Unsere Services"
|
||||
description="Alles aus einer Hand für Ihr automobiles Vergnügen."
|
||||
@@ -314,52 +189,35 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Kontaktieren Sie uns"
|
||||
description="Besuchen Sie uns in Diepoldsau oder rufen Sie uns direkt an."
|
||||
mediaAnimation="slide-up"
|
||||
inputPlaceholder="Ihre E-Mail"
|
||||
buttonText="Anfrage senden"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-new-car-with-back-door-open_23-2148332892.jpg?_wi=4"
|
||||
tag="Kontakt"
|
||||
/>
|
||||
<ContactText
|
||||
text="Besuchen Sie unser Showroom in Diepoldsau oder lassen Sie sich persönlich beraten."
|
||||
background={{ variant: "radial-gradient" }}
|
||||
buttons={[{ text: "Jetzt Kontaktieren", href: "mailto:info@garagedoni.ch" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Standort",
|
||||
items: [
|
||||
{
|
||||
label: "Hohenemserstrasse 42, CH-9444 Diepoldsau",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Inventar",
|
||||
href: "#inventory",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="GARAGE DONI"
|
||||
copyrightText="© 2025 | Garage Doni"
|
||||
/>
|
||||
<FooterBaseCard
|
||||
logoText="GARAGE DONI"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation", items: [
|
||||
{ label: "Inventar", href: "#inventory" },
|
||||
{ label: "Dienstleistungen", href: "#services" },
|
||||
{ label: "Kontakt", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Rechtliches", items: [
|
||||
{ label: "Datenschutz", href: "/datenschutz" },
|
||||
{ label: "Impressum", href: "/impressum" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 GARAGE DONI. Alle Rechte vorbehalten."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user