Merge version_1 into main #3
218
src/app/page.tsx
218
src/app/page.tsx
@@ -27,123 +27,121 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Über Sascha", id: "about" },
|
||||
{ name: "Leistungen", id: "features" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="Dein Handwerker Köln"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Über Sascha", id: "about" },
|
||||
{ name: "Leistungen", id: "features" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="Dein Handwerker Köln"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="DEIN HANDWERKER KÖLN"
|
||||
description="Handwerk mit Herz. Perfektion im Detail."
|
||||
buttons={[
|
||||
{ text: "JETZT ANFRAGEN", href: "#contact" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-process-making-handmade-gingerbread_169016-19964.jpg"
|
||||
showDimOverlay={true}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="DEIN HANDWERKER KÖLN"
|
||||
description="Handwerk mit Herz. Perfektion im Detail."
|
||||
buttons={[{ text: "JETZT ANFRAGEN", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-process-making-handmade-gingerbread_169016-19964.jpg"
|
||||
showDimOverlay={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="SASCHA NIX"
|
||||
description={[
|
||||
"Ihr Handwerker in Köln. Ich gebe nicht auf, bis eine Lösung gefunden ist.", "→ Zuverlässig & pünktlich", "→ Faire, transparente Preise", "→ Sauber & gewissenhaft", "→ Persönlicher Ansprechpartner"
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="SASCHA NIX"
|
||||
description={[
|
||||
"Ihr Handwerker in Köln. Ich gebe nicht auf, bis eine Lösung gefunden ist.", "→ Zuverlässig & pünktlich", "→ Faire, transparente Preise", "→ Sauber & gewissenhaft", "→ Persönlicher Ansprechpartner"
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "RENOVIERUNG", description: "Komplettrenovierung Wände, Böden, Türen.", icon: Wrench,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-process-making-handmade-gingerbread_169016-19964.jpg", imageAlt: "Renovierung" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-process-making-handmade-gingerbread_169016-19964.jpg", imageAlt: "Renovierung detail" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "MONTAGE", description: "Möbel, Küchen, Regale, Herd.", icon: Star,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-process-making-handmade-gingerbread_169016-19964.jpg", imageAlt: "Montage" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-process-making-handmade-gingerbread_169016-19964.jpg", imageAlt: "Montage detail" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "REPARATUR", description: "Schnelle Hilfe im ganzen Haus.", icon: Wrench,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-process-making-handmade-gingerbread_169016-19964.jpg", imageAlt: "Reparatur" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-process-making-handmade-gingerbread_169016-19964.jpg", imageAlt: "Reparatur detail" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="WAS ICH FÜR SIE TUN KANN"
|
||||
description="Individuelle Lösungen für Ihr Zuhause."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
title="WAS ICH FÜR SIE TUN KANN"
|
||||
description="Individuelle Lösungen für Ihr Zuhause."
|
||||
features={[
|
||||
{
|
||||
title: "RENOVIERUNG", description: "Komplettrenovierung Wände, Böden, Türen.", icon: Wrench,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-process-making-handmade-gingerbread_169016-19964.jpg", imageAlt: "Renovierung" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-process-making-handmade-gingerbread_169016-19964.jpg", imageAlt: "Renovierung detail" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "MONTAGE", description: "Möbel, Küchen, Regale, Herd.", icon: Star,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-worker-wearing-vest_23-2149366621.jpg", imageAlt: "Montage" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-worker-wearing-vest_23-2149366621.jpg", imageAlt: "Montage detail" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "REPARATUR", description: "Schnelle Hilfe im ganzen Haus.", icon: Wrench,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/skilled-cabinet-maker-working-small-workshop_1163-3132.jpg", imageAlt: "Reparatur" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/skilled-cabinet-maker-working-small-workshop_1163-3132.jpg", imageAlt: "Reparatur detail" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Guido H.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-worker-wearing-vest_23-2149366621.jpg" },
|
||||
{ id: "2", name: "Stefano R.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-worker-wearing-vest_23-2149366621.jpg" },
|
||||
{ id: "3", name: "Alexandra D.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-worker-wearing-vest_23-2149366621.jpg" },
|
||||
{ id: "4", name: "Markus W.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-worker-wearing-vest_23-2149366621.jpg" },
|
||||
{ id: "5", name: "Sabine K.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-worker-wearing-vest_23-2149366621.jpg" }
|
||||
]}
|
||||
cardTitle="DAS SAGEN MEINE KUNDEN"
|
||||
cardAnimation="slide-up"
|
||||
cardTag="Referenzen"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
cardTitle="DAS SAGEN MEINE KUNDEN"
|
||||
cardAnimation="slide-up"
|
||||
cardTag="Referenzen"
|
||||
testimonials={[
|
||||
{ id: "1", name: "Guido H.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-worker-wearing-vest_23-2149366621.jpg" },
|
||||
{ id: "2", name: "Stefano R.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-worker-wearing-vest_23-2149366621.jpg" },
|
||||
{ id: "3", name: "Alexandra D.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-worker-wearing-vest_23-2149366621.jpg" },
|
||||
{ id: "4", name: "Markus W.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-worker-wearing-vest_23-2149366621.jpg" },
|
||||
{ id: "5", name: "Sabine K.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-worker-wearing-vest_23-2149366621.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={true}
|
||||
title="Warum Dein Handwerker Köln?"
|
||||
tag="Expertise"
|
||||
metrics={[
|
||||
{ id: "1", value: "01", description: "DIREKTE KOMMUNIKATION" },
|
||||
{ id: "2", value: "02", description: "FAIRE PREISE" },
|
||||
{ id: "3", value: "03", description: "SAUBER & GRÜNDLICH" },
|
||||
{ id: "4", value: "04", description: "PROBLEMLÖSER" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={true}
|
||||
title="Warum Dein Handwerker Köln?"
|
||||
tag="Expertise"
|
||||
metricsAnimation="slide-up"
|
||||
metrics={[
|
||||
{ id: "1", value: "01", description: "DIREKTE KOMMUNIKATION" },
|
||||
{ id: "2", value: "02", description: "FAIRE PREISE" },
|
||||
{ id: "3", value: "03", description: "SAUBER & GRÜNDLICH" },
|
||||
{ id: "4", value: "04", description: "PROBLEMLÖSER" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
title="BEREIT FÜR IHR PROJEKT?"
|
||||
description="Schildern Sie mir kurz Ihr Anliegen – ich melde mich zeitnah bei Ihnen."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/skilled-cabinet-maker-working-small-workshop_1163-3132.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
tag="Kontakt"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
title="BEREIT FÜR IHR PROJEKT?"
|
||||
description="Schildern Sie mir kurz Ihr Anliegen – ich melde mich zeitnah bei Ihnen."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/skilled-cabinet-maker-working-small-workshop_1163-3132.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
tag="Kontakt"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="DEIN HANDWERKER KÖLN"
|
||||
leftLink={{ text: "Impressum", href: "#" }}
|
||||
rightLink={{ text: "Datenschutz", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="DEIN HANDWERKER KÖLN"
|
||||
leftLink={{ text: "Impressum", href: "#" }}
|
||||
rightLink={{ text: "Datenschutz", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user