Merge version_2 into main #1
216
src/app/page.tsx
216
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Leistungen",
|
||||
id: "#leistungen",
|
||||
},
|
||||
name: "Leistungen", id: "#leistungen"},
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "#ueber-uns",
|
||||
},
|
||||
name: "Über uns", id: "#ueber-uns"},
|
||||
{
|
||||
name: "Notdienst",
|
||||
id: "#notdienst",
|
||||
},
|
||||
name: "Notdienst", id: "#notdienst"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "#kontakt",
|
||||
},
|
||||
name: "Kontakt", id: "#kontakt"},
|
||||
]}
|
||||
brandName="Dellen & Werner GmbH"
|
||||
/>
|
||||
@@ -53,67 +45,42 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Wärme. Komfort. Sicherheit. – Alles aus einer Hand."
|
||||
description="Dellen & Werner GmbH – Ihr zuverlässiger Partner für Heizungs-, Klima- und Sanitärtechnik in Issum und Umgebung. Wir stehen für ehrliches Handwerk und schnelle Hilfe, wenn es zählt."
|
||||
buttons={[
|
||||
{
|
||||
text: "Kostenlose Beratung",
|
||||
href: "#kontakt",
|
||||
},
|
||||
text: "Kostenlose Beratung", href: "#kontakt"},
|
||||
{
|
||||
text: "Notdienst kontaktieren",
|
||||
href: "#notdienst",
|
||||
},
|
||||
text: "Notdienst kontaktieren", href: "#notdienst"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/electrical-technician-looking-focused-while-working-switchboard-with-fuses_169016-23486.jpg"
|
||||
imageAlt="Dellen & Werner professionelle Heizungstechnik"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-girl-white-shirt-black-pants-looking-camera-happy-positive-showing-thumbs-up-sitting-chair-light-living-room_141793-94160.jpg",
|
||||
alt: "Kunde 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-girl-white-shirt-black-pants-looking-camera-happy-positive-showing-thumbs-up-sitting-chair-light-living-room_141793-94160.jpg", alt: "Kunde 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-man-coffee-shop-drinking-cappuccino-listening-funny-podcast-earphones-holding-smartphone-handsome-male-cafe-visitor-turns-favourite-song-mobile-phone-music-app_1258-314552.jpg",
|
||||
alt: "Kunde 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-man-coffee-shop-drinking-cappuccino-listening-funny-podcast-earphones-holding-smartphone-handsome-male-cafe-visitor-turns-favourite-song-mobile-phone-music-app_1258-314552.jpg", alt: "Kunde 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-caucasian-couple-hugging-happily-indoors-newly-purchased-home-joyful-moment_482257-134711.jpg",
|
||||
alt: "Kunde 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-caucasian-couple-hugging-happily-indoors-newly-purchased-home-joyful-moment_482257-134711.jpg", alt: "Kunde 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-green-wall-manager-call-centre-worker-happy-adorable-smiling-welcoming-all-calls_343596-6990.jpg",
|
||||
alt: "Kunde 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-green-wall-manager-call-centre-worker-happy-adorable-smiling-welcoming-all-calls_343596-6990.jpg", alt: "Kunde 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-businesswoman_329181-11388.jpg",
|
||||
alt: "Kunde 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-businesswoman_329181-11388.jpg", alt: "Kunde 5"},
|
||||
]}
|
||||
avatarText="Mehr als 500+ zufriedene Kunden"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Heizungsbau",
|
||||
},
|
||||
type: "text", text: "Heizungsbau"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sanitärtechnik",
|
||||
},
|
||||
type: "text", text: "Sanitärtechnik"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Klima & Lüftung",
|
||||
},
|
||||
type: "text", text: "Klima & Lüftung"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Wärmepumpen",
|
||||
},
|
||||
type: "text", text: "Wärmepumpen"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Notdienst 24/7",
|
||||
},
|
||||
type: "text", text: "Notdienst 24/7"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -125,28 +92,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
tag: "Speed",
|
||||
title: "Schnell vor Ort",
|
||||
subtitle: "Soforthilfe",
|
||||
description: "Viele Kunden berichten: Oft helfen wir noch am selben Tag, auch in akuten Notfällen.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-crooked-arrow_23-2148490562.jpg",
|
||||
},
|
||||
tag: "Speed", title: "Schnell vor Ort", subtitle: "Soforthilfe", description: "Viele Kunden berichten: Oft helfen wir noch am selben Tag, auch in akuten Notfällen.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-crooked-arrow_23-2148490562.jpg"},
|
||||
{
|
||||
id: 2,
|
||||
tag: "Trust",
|
||||
title: "Ehrliche Beratung",
|
||||
subtitle: "Fair",
|
||||
description: "Keine leeren Versprechen – wir liefern Lösungen, die funktionieren und Ihren Alltag erleichtern.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-helping-center-design_460848-8309.jpg",
|
||||
},
|
||||
tag: "Trust", title: "Ehrliche Beratung", subtitle: "Fair", description: "Keine leeren Versprechen – wir liefern Lösungen, die funktionieren und Ihren Alltag erleichtern.", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-helping-center-design_460848-8309.jpg"},
|
||||
{
|
||||
id: 3,
|
||||
tag: "Service",
|
||||
title: "Komplettservice",
|
||||
subtitle: "Sorglos",
|
||||
description: "Von der ersten Planung bis zur finalen Installation – wir managen Ihr Projekt zuverlässig.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/services-infographic_1025-412.jpg",
|
||||
},
|
||||
tag: "Service", title: "Komplettservice", subtitle: "Sorglos", description: "Von der ersten Planung bis zur finalen Installation – wir managen Ihr Projekt zuverlässig.", imageSrc: "http://img.b2bpic.net/free-vector/services-infographic_1025-412.jpg"},
|
||||
]}
|
||||
title="Warum Dellen & Werner?"
|
||||
description="Premium-Service durch langjährige Erfahrung und echte Leidenschaft für unser Handwerk."
|
||||
@@ -161,41 +113,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "h1",
|
||||
name: "Heizungstechnik",
|
||||
price: "Beratung anfragen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-sitting-near-heater_23-2149308962.jpg",
|
||||
},
|
||||
id: "h1", name: "Heizungstechnik", price: "Beratung anfragen", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-sitting-near-heater_23-2149308962.jpg"},
|
||||
{
|
||||
id: "h2",
|
||||
name: "Sanitär & Bäder",
|
||||
price: "Beratung anfragen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-bathroom-with-big-mirror_1203-1497.jpg",
|
||||
},
|
||||
id: "h2", name: "Sanitär & Bäder", price: "Beratung anfragen", imageSrc: "http://img.b2bpic.net/free-photo/modern-bathroom-with-big-mirror_1203-1497.jpg"},
|
||||
{
|
||||
id: "h3",
|
||||
name: "Erneuerbare Energien",
|
||||
price: "Beratung anfragen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-engineer-checks-maintenance-solar-cell-panels_1150-4260.jpg",
|
||||
},
|
||||
id: "h3", name: "Erneuerbare Energien", price: "Beratung anfragen", imageSrc: "http://img.b2bpic.net/free-photo/technician-engineer-checks-maintenance-solar-cell-panels_1150-4260.jpg"},
|
||||
{
|
||||
id: "h4",
|
||||
name: "Klimatechnik",
|
||||
price: "Beratung anfragen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388960.jpg",
|
||||
},
|
||||
id: "h4", name: "Klimatechnik", price: "Beratung anfragen", imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388960.jpg"},
|
||||
{
|
||||
id: "h5",
|
||||
name: "Notdienst Service",
|
||||
price: "Direkt anrufen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumber-assembling-pipe_1098-17772.jpg",
|
||||
},
|
||||
id: "h5", name: "Notdienst Service", price: "Direkt anrufen", imageSrc: "http://img.b2bpic.net/free-photo/plumber-assembling-pipe_1098-17772.jpg"},
|
||||
{
|
||||
id: "h6",
|
||||
name: "Wartung",
|
||||
price: "Termin buchen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-with-digital-tablet-electrician-work-items_169016-24817.jpg",
|
||||
},
|
||||
id: "h6", name: "Wartung", price: "Termin buchen", imageSrc: "http://img.b2bpic.net/free-photo/composition-with-digital-tablet-electrician-work-items_169016-24817.jpg"},
|
||||
]}
|
||||
title="Unsere Leistungen"
|
||||
description="Abgestimmt auf Effizienz, Komfort und Zukunftssicherheit."
|
||||
@@ -209,40 +137,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "H. Meyer",
|
||||
handle: "Hausbesitzer",
|
||||
testimonial: "Noch am selben Tag war ein Mitarbeiter vor Ort und hat den Fehler behoben.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-white-shirt-black-pants-looking-camera-happy-positive-showing-thumbs-up-sitting-chair-light-living-room_141793-94160.jpg",
|
||||
},
|
||||
id: "1", name: "H. Meyer", handle: "Hausbesitzer", testimonial: "Noch am selben Tag war ein Mitarbeiter vor Ort und hat den Fehler behoben.", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-white-shirt-black-pants-looking-camera-happy-positive-showing-thumbs-up-sitting-chair-light-living-room_141793-94160.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "K. Schmidt",
|
||||
handle: "Privatkunde",
|
||||
testimonial: "So einen fairen Handwerksbetrieb findet man selten.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-coffee-shop-drinking-cappuccino-listening-funny-podcast-earphones-holding-smartphone-handsome-male-cafe-visitor-turns-favourite-song-mobile-phone-music-app_1258-314552.jpg",
|
||||
},
|
||||
id: "2", name: "K. Schmidt", handle: "Privatkunde", testimonial: "So einen fairen Handwerksbetrieb findet man selten.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-coffee-shop-drinking-cappuccino-listening-funny-podcast-earphones-holding-smartphone-handsome-male-cafe-visitor-turns-favourite-song-mobile-phone-music-app_1258-314552.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "B. Weber",
|
||||
handle: "Langzeitkunde",
|
||||
testimonial: "Freundlich, pünktlich, professionell und zuverlässig.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-caucasian-couple-hugging-happily-indoors-newly-purchased-home-joyful-moment_482257-134711.jpg",
|
||||
},
|
||||
id: "3", name: "B. Weber", handle: "Langzeitkunde", testimonial: "Freundlich, pünktlich, professionell und zuverlässig.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-caucasian-couple-hugging-happily-indoors-newly-purchased-home-joyful-moment_482257-134711.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Familie Jansen",
|
||||
handle: "Glückliche Kunden",
|
||||
testimonial: "Dank Dellen & Werner war es bei uns zu Weihnachten warm.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-green-wall-manager-call-centre-worker-happy-adorable-smiling-welcoming-all-calls_343596-6990.jpg",
|
||||
},
|
||||
id: "4", name: "Familie Jansen", handle: "Glückliche Kunden", testimonial: "Dank Dellen & Werner war es bei uns zu Weihnachten warm.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-green-wall-manager-call-centre-worker-happy-adorable-smiling-welcoming-all-calls_343596-6990.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "T. Müller",
|
||||
handle: "Neukunde",
|
||||
testimonial: "Top Service und sehr transparente Beratung bei unserer Heizung.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-businesswoman_329181-11388.jpg",
|
||||
},
|
||||
id: "5", name: "T. Müller", handle: "Neukunde", testimonial: "Top Service und sehr transparente Beratung bei unserer Heizung.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-businesswoman_329181-11388.jpg"},
|
||||
]}
|
||||
title="Was unsere Kunden sagen"
|
||||
description="Sicherheit, Vertrauen und echte Hilfe – das schätzen unsere Kunden an Dellen & Werner."
|
||||
@@ -263,23 +166,17 @@ export default function LandingPage() {
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Heizung ausgefallen? Wir sind sofort für Sie da."
|
||||
description="Gerade im Winter zählt jede Minute. Unser Team reagiert schnell und zuverlässig – oft noch am selben Tag."
|
||||
description="Nutzen Sie unseren 24/7 Notdienst für dringende Fälle. Wir reagieren schnell und zuverlässig, um Ihre Wärmeversorgung sicherzustellen."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Ihr Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Ihr vollständiger Name"},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Ihre Telefonnummer",
|
||||
},
|
||||
name: "phone", type: "tel", placeholder: "Notfall-Telefonnummer"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Ihr Anliegen (z.B. Heizung ausgefallen)",
|
||||
name: "problem", placeholder: "Kurze Beschreibung Ihres Notfalls (z.B. Heizungsausfall)", required: true,
|
||||
}}
|
||||
buttonText="Notdienst alarmieren"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-turning-off-radiator-energy-crisis_23-2150061813.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -289,53 +186,36 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Unternehmen", items: [
|
||||
{
|
||||
label: "Startseite",
|
||||
href: "#",
|
||||
},
|
||||
label: "Startseite", href: "#hero"},
|
||||
{
|
||||
label: "Leistungen",
|
||||
href: "#leistungen",
|
||||
},
|
||||
label: "Leistungen", href: "#leistungen"},
|
||||
{
|
||||
label: "Notdienst",
|
||||
href: "#notdienst",
|
||||
},
|
||||
label: "Über uns", href: "#ueber-uns"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Service",
|
||||
items: [
|
||||
title: "Notfall-Support", items: [
|
||||
{
|
||||
label: "Über uns",
|
||||
href: "#ueber-uns",
|
||||
},
|
||||
label: "24/7 Notdienst", href: "#notdienst"},
|
||||
{
|
||||
label: "Beratung anfragen",
|
||||
href: "#kontakt",
|
||||
},
|
||||
label: "Kontakt aufnehmen", href: "#kontakt"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rechtliches",
|
||||
items: [
|
||||
title: "Rechtliches", items: [
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
label: "Impressum", href: "#"},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
label: "Datenschutz", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Dellen & Werner GmbH. Alle Rechte vorbehalten."
|
||||
copyrightText="© 2024 Dellen & Werner GmbH. Ihr zuverlässiger Partner in Issum."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user