Merge version_1 into main #2
320
src/app/page.tsx
320
src/app/page.tsx
@@ -26,234 +26,112 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Start",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Leistungen",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Werkstatt",
|
||||
id: "workshop",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Autohaus Hunzinger"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Start", id: "hero" },
|
||||
{ name: "Über uns", id: "about" },
|
||||
{ name: "Leistungen", id: "services" },
|
||||
{ name: "Werkstatt", id: "workshop" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="Autohaus Hunzinger"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Autohaus Hunzinger: Familienunternehmen durch und durch!"
|
||||
description="Ihr verlässlicher Partner in Seefelden seit 1936. Der Service macht's – bei uns steht der Mensch und sein Fahrzeug im Mittelpunkt."
|
||||
tag="Seit 1936 für Sie da"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-together-car-dealership_23-2148333023.jpg?_wi=1",
|
||||
imageAlt: "Autohaus Hunzinger Außenansicht",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-salesman-car-dealership_23-2148130113.jpg",
|
||||
imageAlt: "Moderner Showroom",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-buying-car_1303-13630.jpg",
|
||||
imageAlt: "Junge Frau beim Autokauf",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-choosing-car-car-show-room_1303-17451.jpg",
|
||||
imageAlt: "Junges Paar im Showroom",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-salesperson-car-showroom_1303-13475.jpg",
|
||||
imageAlt: "Verkaufsberaterin im Autohaus",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Top-Service seit Generationen"
|
||||
tagIcon={History}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Autohaus Hunzinger: Familienunternehmen durch und durch!"
|
||||
description="Ihr verlässlicher Partner in Seefelden seit 1936. Der Service macht's – bei uns steht der Mensch und sein Fahrzeug im Mittelpunkt."
|
||||
tag="Seit 1936 für Sie da"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-together-car-dealership_23-2148333023.jpg", imageAlt: "Autohaus Hunzinger Außenansicht"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-salesman-car-dealership_23-2148130113.jpg", imageAlt: "Moderner Showroom"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Top-Service seit Generationen"
|
||||
tagIcon={History}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
tag="Unsere Geschichte"
|
||||
title="Tradition, die verpflichtet"
|
||||
tagIcon={BookOpen}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
tag="Unsere Geschichte"
|
||||
title="Tradition, die verpflichtet"
|
||||
tagIcon={BookOpen}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Briefcase,
|
||||
title: "Fahrzeugverkauf & Beratung",
|
||||
description: "Persönlich, ehrlich und ganz ohne Druck. Wir finden Ihr Wunschfahrzeug.",
|
||||
},
|
||||
{
|
||||
icon: Wrench,
|
||||
title: "Werkstatt & Reparatur",
|
||||
description: "Ob Inspektion oder Autocheck – wir bringen Ihr Fahrzeug wieder in Form.",
|
||||
},
|
||||
{
|
||||
icon: Droplet,
|
||||
title: "Karosserie & Lackiererei",
|
||||
description: "Präzise Karosserieinstandsetzung und professionelle Lackierung für perfekten Glanz.",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
title: "Kunden- & Fahrzeugpflege",
|
||||
description: "Wir setzen auf langfristige Beziehungen und eine umfassende Betreuung Ihres Autos.",
|
||||
},
|
||||
]}
|
||||
title="Unsere Leistungen"
|
||||
description="Von der fundierten Beratung bis hin zur fachmännischen Karosserieinstandsetzung."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Briefcase, title: "Fahrzeugverkauf & Beratung", description: "Persönlich, ehrlich und ganz ohne Druck. Wir finden Ihr Wunschfahrzeug." },
|
||||
{ icon: Wrench, title: "Werkstatt & Reparatur", description: "Ob Inspektion oder Autocheck – wir bringen Ihr Fahrzeug wieder in Form." },
|
||||
{ icon: Droplet, title: "Karosserie & Lackiererei", description: "Präzise Karosserieinstandsetzung und professionelle Lackierung für perfekten Glanz." },
|
||||
{ icon: Users, title: "Kunden- & Fahrzeugpflege", description: "Wir setzen auf langfristige Beziehungen und eine umfassende Betreuung Ihres Autos." },
|
||||
]}
|
||||
title="Unsere Leistungen"
|
||||
description="Von der fundierten Beratung bis hin zur fachmännischen Karosserieinstandsetzung."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="workshop" data-section="workshop">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
tag="Fachwissen & Präzision"
|
||||
title="Die Werkstatt: Das Herz unseres Betriebes"
|
||||
tagIcon={Settings}
|
||||
/>
|
||||
</div>
|
||||
<div id="workshop" data-section="workshop">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
tag="Fachwissen & Präzision"
|
||||
title="Die Werkstatt: Das Herz unseres Betriebes"
|
||||
tagIcon={Settings}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sonja Hunzinger",
|
||||
role: "Geschäftsführung",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bike-creation-workshop_23-2148866661.jpg",
|
||||
imageAlt: "vintage black and white car repair",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Gerd Hunzinger",
|
||||
role: "Geschäftsführung",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-together-car-dealership_23-2148333023.jpg?_wi=2",
|
||||
imageAlt: "vintage black and white car repair",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Werkstatt-Team",
|
||||
role: "35 qualifizierte Mitarbeiter",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-tire-tire-repair-garage-replacement-winter-summer-tires_146671-18338.jpg",
|
||||
imageAlt: "vintage black and white car repair",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Kundenservice",
|
||||
role: "Ihr persönlicher Ansprechpartner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-repair-maintenance-theme-mechanic-uniform-working-auto-service_627829-3951.jpg",
|
||||
imageAlt: "vintage black and white car repair",
|
||||
},
|
||||
]}
|
||||
title="35 Experten für Ihr Auto"
|
||||
description="Geführt von Sonja und Gerd Hunzinger in dritter Generation."
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{ id: "1", name: "Sonja Hunzinger", role: "Geschäftsführung", imageSrc: "http://img.b2bpic.net/free-photo/bike-creation-workshop_23-2148866661.jpg", imageAlt: "Sonja Hunzinger" },
|
||||
{ id: "2", name: "Gerd Hunzinger", role: "Geschäftsführung", imageSrc: "http://img.b2bpic.net/free-photo/man-woman-together-car-dealership_23-2148333023.jpg", imageAlt: "Gerd Hunzinger" },
|
||||
{ id: "3", name: "Werkstatt-Team", role: "35 qualifizierte Mitarbeiter", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-tire-tire-repair-garage-replacement-winter-summer-tires_146671-18338.jpg", imageAlt: "Werkstatt-Team" },
|
||||
{ id: "4", name: "Kundenservice", role: "Ihr persönlicher Ansprechpartner", imageSrc: "http://img.b2bpic.net/free-photo/car-repair-maintenance-theme-mechanic-uniform-working-auto-service_627829-3951.jpg", imageAlt: "Kundenservice" },
|
||||
]}
|
||||
title="35 Experten für Ihr Auto"
|
||||
description="Geführt von Sonja und Gerd Hunzinger in dritter Generation."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Kontakt"
|
||||
title="Besuchen Sie uns in Seefelden"
|
||||
description="Direkt an der B3. Wir freuen uns auf Ihren Besuch!"
|
||||
tagIcon={MapPin}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Kontakt"
|
||||
title="Besuchen Sie uns in Seefelden"
|
||||
description="Direkt an der B3. Wir freuen uns auf Ihren Besuch!"
|
||||
tagIcon={MapPin}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Start",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Über uns",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Leistungen",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Kontakt",
|
||||
items: [
|
||||
{
|
||||
label: "Seefelden, an der B3",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Telefon: 01234/56789",
|
||||
href: "tel:+49123456789",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rechtliches",
|
||||
items: [
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Autohaus Hunzinger"
|
||||
copyrightText="© 1936 – 2025 Autohaus Hunzinger"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "Start", href: "#hero" }, { label: "Über uns", href: "#about" }, { label: "Leistungen", href: "#services" }, { label: "Kontakt", href: "#contact" }] },
|
||||
{ title: "Kontakt", items: [{ label: "Seefelden, an der B3", href: "#" }, { label: "Telefon: 01234/56789", href: "tel:+49123456789" }] },
|
||||
{ title: "Rechtliches", items: [{ label: "Impressum", href: "#" }, { label: "Datenschutz", href: "#" }] },
|
||||
]}
|
||||
logoText="Autohaus Hunzinger"
|
||||
copyrightText="© 1936 – 2025 Autohaus Hunzinger"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user