Merge version_2 into main #1
132
src/app/page.tsx
132
src/app/page.tsx
@@ -30,17 +30,11 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Leistungen",
|
||||
id: "leistungen",
|
||||
},
|
||||
name: "Leistungen", id: "leistungen"},
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "about",
|
||||
},
|
||||
name: "Über uns", id: "about"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "kontakt",
|
||||
},
|
||||
name: "Kontakt", id: "kontakt"},
|
||||
]}
|
||||
brandName="DDM.JTT"
|
||||
/>
|
||||
@@ -49,41 +43,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Moderne Dachlösungen vom Profi"
|
||||
description="Qualität. Erfahrung. Zuverlässigkeit – in Köln & Umgebung."
|
||||
buttons={[
|
||||
{
|
||||
text: "Beratung sichern",
|
||||
href: "#kontakt",
|
||||
},
|
||||
text: "Kostenloses Angebot anfordern", href: "#kontakt"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-man-working-low-view_23-2148748785.jpg",
|
||||
imageAlt: "Dachbau Modern",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-man-working-low-view_23-2148748785.jpg", imageAlt: "Dachbau Modern"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-building-roof-house_23-2148748850.jpg",
|
||||
imageAlt: "Dachbau Modern",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-building-roof-house_23-2148748850.jpg", imageAlt: "Dachbau Modern"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/building-corner-with-sky_23-2148106888.jpg",
|
||||
imageAlt: "Dachbau Modern",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/building-corner-with-sky_23-2148106888.jpg", imageAlt: "Dachbau Modern"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-roof-with-drill_23-2148748775.jpg",
|
||||
imageAlt: "Dachbau Modern",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-roof-with-drill_23-2148748775.jpg", imageAlt: "Dachbau Modern"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg",
|
||||
imageAlt: "Dachbau Modern",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg", imageAlt: "Dachbau Modern"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-with-protection-helmet_23-2149343638.jpg",
|
||||
imageAlt: "Dachbau Modern",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-with-protection-helmet_23-2149343638.jpg", imageAlt: "Dachbau Modern"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -106,35 +85,17 @@ export default function LandingPage() {
|
||||
description="Von der Neueindeckung bis zur professionellen Dachreinigung – alles aus einer Hand."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Steildach",
|
||||
content: "Professionelle Neueindeckung und Reparatur für Ihr Steildach.",
|
||||
},
|
||||
id: "1", title: "Steildach", content: "Professionelle Neueindeckung und Reparatur für Ihr Steildach."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Flachdach",
|
||||
content: "Fachgerechte Sanierung und hochwertige Abdichtungslösungen.",
|
||||
},
|
||||
id: "2", title: "Flachdach", content: "Fachgerechte Sanierung und hochwertige Abdichtungslösungen."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Dachreinigung",
|
||||
content: "Werterhalt durch professionelle Pflege und Reinigung.",
|
||||
},
|
||||
id: "3", title: "Dachreinigung", content: "Werterhalt durch professionelle Pflege und Reinigung."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Sanierung",
|
||||
content: "Komplettlösungen für die Sanierung Ihres Bestandsgebäudes.",
|
||||
},
|
||||
id: "4", title: "Sanierung", content: "Komplettlösungen für die Sanierung Ihres Bestandsgebäudes."},
|
||||
{
|
||||
id: "5",
|
||||
title: "Holzarbeiten",
|
||||
content: "Experten für Dachstühle und fachgerechten Dachausbau.",
|
||||
},
|
||||
id: "5", title: "Holzarbeiten", content: "Experten für Dachstühle und fachgerechten Dachausbau."},
|
||||
{
|
||||
id: "6",
|
||||
title: "Schiefer",
|
||||
content: "Hochwertige Schieferarbeiten für eine exklusive Optik.",
|
||||
},
|
||||
id: "6", title: "Schiefer", content: "Hochwertige Schieferarbeiten für eine exklusive Optik."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/skateboard-rink-view_23-2148937902.jpg"
|
||||
imageAlt="Dachleistungen Übersicht"
|
||||
@@ -150,20 +111,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "Meisterbetrieb",
|
||||
description: "Qualität nach höchsten Standards",
|
||||
},
|
||||
id: "1", value: "Meisterbetrieb", description: "Qualität nach höchsten Standards"},
|
||||
{
|
||||
id: "2",
|
||||
value: "100%",
|
||||
description: "Hochwertige Materialien im Einsatz",
|
||||
},
|
||||
id: "2", value: "100%", description: "Hochwertige Materialien im Einsatz"},
|
||||
{
|
||||
id: "3",
|
||||
value: "Komplett",
|
||||
description: "Alles aus einer Hand in Köln",
|
||||
},
|
||||
id: "3", value: "Komplett", description: "Alles aus einer Hand in Köln"},
|
||||
]}
|
||||
title="Warum DDM.JTT?"
|
||||
description="Handwerk, auf das Sie sich verlassen können."
|
||||
@@ -176,20 +128,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "In welchem Gebiet arbeiten Sie?",
|
||||
content: "Wir sind primär in Köln und der umliegenden Region tätig.",
|
||||
},
|
||||
id: "1", title: "In welchem Gebiet arbeiten Sie?", content: "Wir sind primär in Köln und der umliegenden Region tätig."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Wie vereinbare ich einen Termin?",
|
||||
content: "Nutzen Sie einfach unser Kontaktformular oder rufen Sie uns direkt an.",
|
||||
},
|
||||
id: "2", title: "Wie vereinbare ich einen Termin?", content: "Nutzen Sie einfach unser Kontaktformular oder rufen Sie uns direkt an."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Bieten Sie Beratung an?",
|
||||
content: "Ja, wir beraten Sie gerne kostenlos und unverbindlich vor Ort.",
|
||||
},
|
||||
id: "3", title: "Bieten Sie Beratung an?", content: "Ja, wir beraten Sie gerne kostenlos und unverbindlich vor Ort."},
|
||||
]}
|
||||
title="Häufige Fragen"
|
||||
description="Antworten zu unserer Arbeitsweise."
|
||||
@@ -201,8 +144,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Beratung"
|
||||
title="Kontakt aufnehmen"
|
||||
description="Jetzt kostenlos beraten lassen – wir freuen uns auf Ihr Projekt."
|
||||
@@ -214,33 +156,21 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Leistungen",
|
||||
items: [
|
||||
title: "Leistungen", items: [
|
||||
{
|
||||
label: "Steildach",
|
||||
href: "#leistungen",
|
||||
},
|
||||
label: "Steildach", href: "#leistungen"},
|
||||
{
|
||||
label: "Flachdach",
|
||||
href: "#leistungen",
|
||||
},
|
||||
label: "Flachdach", href: "#leistungen"},
|
||||
{
|
||||
label: "Sanierung",
|
||||
href: "#leistungen",
|
||||
},
|
||||
label: "Sanierung", href: "#leistungen"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Kontakt",
|
||||
items: [
|
||||
title: "Kontakt", items: [
|
||||
{
|
||||
label: "Kontaktformular",
|
||||
href: "#kontakt",
|
||||
},
|
||||
label: "Kontaktformular", href: "#kontakt"},
|
||||
{
|
||||
label: "Beratung anfragen",
|
||||
href: "#kontakt",
|
||||
},
|
||||
label: "Beratung anfragen", href: "#kontakt"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user