Merge version_1 into main #2
249
src/app/page.tsx
249
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Startseite",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Startseite", id: "#hero"},
|
||||
{
|
||||
name: "Fahrzeuge",
|
||||
id: "#bestandsliste",
|
||||
},
|
||||
name: "Fahrzeuge", id: "#bestandsliste"},
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "#ueber-uns",
|
||||
},
|
||||
name: "Über uns", id: "#ueber-uns"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "#kontakt",
|
||||
},
|
||||
name: "Kontakt", id: "#kontakt"},
|
||||
]}
|
||||
brandName="Savić Automobile"
|
||||
/>
|
||||
@@ -56,93 +48,52 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Gebrauchtwagen kaufen mit Vertrauen"
|
||||
description="Ehrlich, transparent & unkompliziert. Ihr zuverlässiger Autohändler in der Stadt – geprüfte Fahrzeuge & persönliche Beratung."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Markus K.",
|
||||
handle: "Google Bewertung",
|
||||
testimonial: "Von Anfang an freundlich, ehrlich und kompetent beraten.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-car-dealership_23-2148130216.jpg",
|
||||
},
|
||||
name: "Markus K.", handle: "Google Bewertung", testimonial: "Von Anfang an freundlich, ehrlich und kompetent beraten.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-car-dealership_23-2148130216.jpg"},
|
||||
{
|
||||
name: "Sandra M.",
|
||||
handle: "Google Bewertung",
|
||||
testimonial: "Alles wie beschrieben – absolut zufrieden!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-older-business-woman-driving-car_23-2148661277.jpg",
|
||||
},
|
||||
name: "Sandra M.", handle: "Google Bewertung", testimonial: "Alles wie beschrieben – absolut zufrieden!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-older-business-woman-driving-car_23-2148661277.jpg"},
|
||||
{
|
||||
name: "Thomas P.",
|
||||
handle: "Google Bewertung",
|
||||
testimonial: "Probefahrt möglich, alle Schäden transparent erklärt.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-signing-paperwork-auto-repair-shop-looking-camera_637285-11547.jpg",
|
||||
},
|
||||
name: "Thomas P.", handle: "Google Bewertung", testimonial: "Probefahrt möglich, alle Schäden transparent erklärt.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-signing-paperwork-auto-repair-shop-looking-camera_637285-11547.jpg"},
|
||||
{
|
||||
name: "Familie W.",
|
||||
handle: "Google Bewertung",
|
||||
testimonial: "Schon 3 Autos gekauft – immer wieder zufrieden.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-car-salon-woman-buying-car-little-african-girl-with-mther-manager-with-clients_1157-45035.jpg",
|
||||
},
|
||||
name: "Familie W.", handle: "Google Bewertung", testimonial: "Schon 3 Autos gekauft – immer wieder zufrieden.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-car-salon-woman-buying-car-little-african-girl-with-mther-manager-with-clients_1157-45035.jpg"},
|
||||
{
|
||||
name: "Jürgen L.",
|
||||
handle: "Google Bewertung",
|
||||
testimonial: "Sehr freundlicher Händler, nimmt sich Zeit.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-wearing-casual-blue-shirt-success-sign-doing-positive-gesture-with-hand-thumbs-up-smiling-happy-cheerful-expression-winner-gesture_839833-2022.jpg",
|
||||
},
|
||||
name: "Jürgen L.", handle: "Google Bewertung", testimonial: "Sehr freundlicher Händler, nimmt sich Zeit.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-wearing-casual-blue-shirt-success-sign-doing-positive-gesture-with-hand-thumbs-up-smiling-happy-cheerful-expression-winner-gesture_839833-2022.jpg"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920936.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920936.jpg"
|
||||
imageAlt="modern luxury car exterior dealership"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-stylish-women-car-salon_1157-20863.jpg",
|
||||
alt: "Two stylish women in a car salon",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/two-stylish-women-car-salon_1157-20863.jpg", alt: "Two stylish women in a car salon"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434345.jpg",
|
||||
alt: "Woman enjoying her financially independence while buying car",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434345.jpg", alt: "Woman enjoying her financially independence while buying car"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/senior-man-car-showroom-choosing-car_1303-18967.jpg",
|
||||
alt: "Senior man in a car showroom choosing a car",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/senior-man-car-showroom-choosing-car_1303-18967.jpg", alt: "Senior man in a car showroom choosing a car"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-couple-car-salon_1157-20495.jpg",
|
||||
alt: "Elegant couple in a car salon",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-couple-car-salon_1157-20495.jpg", alt: "Elegant couple in a car salon"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-blur-car-parking-lot_74190-5137.jpg",
|
||||
alt: "Abstract blur car parking lot",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-blur-car-parking-lot_74190-5137.jpg", alt: "Abstract blur car parking lot"},
|
||||
]}
|
||||
avatarText="Über 500 zufriedene Kunden"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Geprüfte Qualität",
|
||||
},
|
||||
type: "text", text: "Geprüfte Qualität"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Inzahlungnahme möglich",
|
||||
},
|
||||
type: "text", text: "Inzahlungnahme möglich"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Faire Finanzierung",
|
||||
},
|
||||
type: "text", text: "Faire Finanzierung"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Werkstattgeprüft",
|
||||
},
|
||||
type: "text", text: "Werkstattgeprüft"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Probefahrt bereit",
|
||||
},
|
||||
type: "text", text: "Probefahrt bereit"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -152,14 +103,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Bei uns wissen Sie genau, was Sie kaufen.",
|
||||
},
|
||||
type: "text", content: "Bei uns wissen Sie genau, was Sie kaufen."},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/man-buying-car-showroom_1303-14589.jpg",
|
||||
alt: "father and son car dealership owners",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/man-buying-car-showroom_1303-14589.jpg", alt: "father and son car dealership owners"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -171,28 +117,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Ehrliche Beratung",
|
||||
description: "Kein Bla-Bla, sondern Fakten.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: CheckCircle,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-car-keys-by-his-new-car_1303-28474.jpg",
|
||||
imageAlt: "Young man holding car keys by his new car",
|
||||
title: "Ehrliche Beratung", description: "Kein Bla-Bla, sondern Fakten.", bentoComponent: "reveal-icon", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
title: "Probefahrten jederzeit",
|
||||
description: "Testen Sie Ihren Wunschwagen.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Car,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920936.jpg?_wi=2",
|
||||
imageAlt: "Young man holding car keys by his new car",
|
||||
title: "Probefahrten jederzeit", description: "Testen Sie Ihren Wunschwagen.", bentoComponent: "reveal-icon", icon: Car,
|
||||
},
|
||||
{
|
||||
title: "Große Auswahl",
|
||||
description: "Geprüfte Fahrzeuge für jeden Bedarf.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: ShieldCheck,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-buying-car-showroom_1303-14589.jpg",
|
||||
imageAlt: "Young man holding car keys by his new car",
|
||||
title: "Große Auswahl", description: "Geprüfte Fahrzeuge für jeden Bedarf.", bentoComponent: "reveal-icon", icon: ShieldCheck,
|
||||
},
|
||||
]}
|
||||
title="Warum Savić Automobile?"
|
||||
@@ -208,47 +139,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "VW Golf VII",
|
||||
price: "14.500 €",
|
||||
variant: "Geprüft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-searching-new-car-dealership_23-2149117180.jpg",
|
||||
},
|
||||
id: "1", name: "VW Golf VII", price: "14.500 €", variant: "Geprüft", imageSrc: "http://img.b2bpic.net/free-photo/couple-searching-new-car-dealership_23-2149117180.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "BMW 3er Kombi",
|
||||
price: "18.900 €",
|
||||
variant: "Geprüft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manager-car-center-showing-car-clients_651396-1181.jpg",
|
||||
},
|
||||
id: "2", name: "BMW 3er Kombi", price: "18.900 €", variant: "Geprüft", imageSrc: "http://img.b2bpic.net/free-photo/manager-car-center-showing-car-clients_651396-1181.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Audi A3 Sportback",
|
||||
price: "16.200 €",
|
||||
variant: "Geprüft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-car_23-2148384921.jpg",
|
||||
},
|
||||
id: "3", name: "Audi A3 Sportback", price: "16.200 €", variant: "Geprüft", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-car_23-2148384921.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mercedes A-Klasse",
|
||||
price: "21.000 €",
|
||||
variant: "Geprüft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-expensive-cars_1203-829.jpg",
|
||||
},
|
||||
id: "4", name: "Mercedes A-Klasse", price: "21.000 €", variant: "Geprüft", imageSrc: "http://img.b2bpic.net/free-photo/blurred-expensive-cars_1203-829.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Skoda Octavia",
|
||||
price: "13.900 €",
|
||||
variant: "Geprüft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434336.jpg",
|
||||
},
|
||||
id: "5", name: "Skoda Octavia", price: "13.900 €", variant: "Geprüft", imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434336.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Ford Focus",
|
||||
price: "11.500 €",
|
||||
variant: "Geprüft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-writing-clipboard_23-2148266178.jpg",
|
||||
},
|
||||
id: "6", name: "Ford Focus", price: "11.500 €", variant: "Geprüft", imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-writing-clipboard_23-2148266178.jpg"},
|
||||
]}
|
||||
title="Aktuelle Fahrzeugangebote"
|
||||
description="Unsere frisch eingetroffenen Gebrauchten."
|
||||
@@ -260,30 +161,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Markus K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-car-car-showroom_1303-14566.jpg",
|
||||
},
|
||||
id: "t1", name: "Markus K.", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-car-car-showroom_1303-14566.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sandra M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-embracing-her-new-car-excited-young-woman-her-new-car-indoors-young-cheerful-woman-enjoying-new-car-hugging-steering-wheel-sitting-inside_657921-533.jpg",
|
||||
},
|
||||
id: "t2", name: "Sandra M.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-embracing-her-new-car-excited-young-woman-her-new-car-indoors-young-cheerful-woman-enjoying-new-car-hugging-steering-wheel-sitting-inside_657921-533.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Thomas P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-choosing-car-car-showroom_1303-21757.jpg",
|
||||
},
|
||||
id: "t3", name: "Thomas P.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-choosing-car-car-showroom_1303-21757.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Familie W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-30158.jpg",
|
||||
},
|
||||
id: "t4", name: "Familie W.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-30158.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jürgen L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stunning-young-woman-waring-dress-posing-front-her-car-outdoors-ownership-driver_158595-6804.jpg",
|
||||
},
|
||||
id: "t5", name: "Jürgen L.", imageSrc: "http://img.b2bpic.net/free-photo/stunning-young-woman-waring-dress-posing-front-her-car-outdoors-ownership-driver_158595-6804.jpg"},
|
||||
]}
|
||||
cardTitle="Kundenstimmen"
|
||||
cardTag="Authentisch"
|
||||
@@ -297,20 +183,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Sind Probefahrten möglich?",
|
||||
content: "Ja, bei uns können Sie jedes Fahrzeug nach Terminabsprache ausführlich probefahren.",
|
||||
},
|
||||
id: "f1", title: "Sind Probefahrten möglich?", content: "Ja, bei uns können Sie jedes Fahrzeug nach Terminabsprache ausführlich probefahren."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Geben Sie Garantie?",
|
||||
content: "Selbstverständlich, wir bieten für unsere Gebrauchtfahrzeuge gesetzliche Gewährleistung.",
|
||||
},
|
||||
id: "f2", title: "Geben Sie Garantie?", content: "Selbstverständlich, wir bieten für unsere Gebrauchtfahrzeuge gesetzliche Gewährleistung."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Nehmen Sie Fahrzeuge in Zahlung?",
|
||||
content: "Gerne bewerten wir Ihren Gebrauchtwagen vor Ort für eine Inzahlungnahme.",
|
||||
},
|
||||
id: "f3", title: "Nehmen Sie Fahrzeuge in Zahlung?", content: "Gerne bewerten wir Ihren Gebrauchtwagen vor Ort für eine Inzahlungnahme."},
|
||||
]}
|
||||
title="Fragen zum Fahrzeugkauf?"
|
||||
description="Wir haben die Antworten für Sie."
|
||||
@@ -325,22 +202,14 @@ export default function LandingPage() {
|
||||
description="Melden Sie sich jetzt bei uns. Wir rufen zeitnah zurück."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Ihr Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Ihr Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Ihre Telefonnummer",
|
||||
required: true,
|
||||
name: "phone", type: "tel", placeholder: "Ihre Telefonnummer", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Ihre Nachricht (z.B. Modellwunsch)",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Ihre Nachricht (z.B. Modellwunsch)", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-seller-car-dealership_23-2149106139.jpg"
|
||||
@@ -352,29 +221,19 @@ export default function LandingPage() {
|
||||
logoText="Savić Automobile"
|
||||
columns={[
|
||||
{
|
||||
title: "Kontakt",
|
||||
items: [
|
||||
title: "Kontakt", items: [
|
||||
{
|
||||
label: "Telefon: 0123 456789",
|
||||
href: "tel:+49123456789",
|
||||
},
|
||||
label: "Telefon: 0123 456789", href: "tel:+49123456789"},
|
||||
{
|
||||
label: "Mail: info@savic-auto.de",
|
||||
href: "mailto:info@savic-auto.de",
|
||||
},
|
||||
label: "Mail: info@savic-auto.de", href: "mailto:info@savic-auto.de"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rechtliches",
|
||||
items: [
|
||||
title: "Rechtliches", items: [
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
label: "Impressum", href: "#"},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
label: "Datenschutz", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user