bender/fb147b2c-669a-4c60-ba85-7dd2b24a5b19
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-05 16:39:36 +00:00
parent 1780524fd4
commit eb311a2dd4
1 changed files with 33 additions and 126 deletions
Download Patch File Download Diff File Expand all files Collapse all files

159
src/app/page.tsx
View File

@@ -30,22 +30,10 @@ export default function LandingPage() {
<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",
},
{ name: "Home", id: "hero" },
{ name: "Über Sascha", id: "about" },
{ name: "Leistungen", id: "features" },
{ name: "Kontakt", id: "contact" },
]}
brandName="Dein Handwerker Köln"
/>
@@ -56,12 +44,9 @@ export default function LandingPage() {
logoText="DEIN HANDWERKER KÖLN"
description="Handwerk mit Herz. Perfektion im Detail."
buttons={[
{
text: "JETZT ANFRAGEN",
href: "#contact",
},
{ text: "JETZT ANFRAGEN", href: "#contact" }
]}
imageSrc="http://img.b2bpic.net/free-photo/closeup-process-making-handmade-gingerbread_169016-19964.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/closeup-process-making-handmade-gingerbread_169016-19964.jpg"
showDimOverlay={true}
/>
</div>
@@ -71,11 +56,7 @@ export default function LandingPage() {
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",
"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>
@@ -87,56 +68,26 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "RENOVIERUNG",
description: "Komplettrenovierung Wände, Böden, Türen.",
icon: Wrench,
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?_wi=2",
imageAlt: "Renovierung",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/closeup-process-making-handmade-gingerbread_169016-19964.jpg?_wi=3",
imageAlt: "Renovierung detail",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/closeup-process-making-handmade-gingerbread_169016-19964.jpg?_wi=4",
imageAlt: "freshly painted antique door detail",
{ 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,
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?_wi=5",
imageAlt: "Montage",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/closeup-process-making-handmade-gingerbread_169016-19964.jpg?_wi=6",
imageAlt: "Montage detail",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-worker-wearing-vest_23-2149366621.jpg?_wi=1",
imageAlt: "professional friendly handyman portrait",
{ 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,
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?_wi=7",
imageAlt: "Reparatur",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/closeup-process-making-handmade-gingerbread_169016-19964.jpg?_wi=8",
imageAlt: "Reparatur detail",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/skilled-cabinet-maker-working-small-workshop_1163-3132.jpg?_wi=1",
imageAlt: "modern renovation workshop professional",
},
{ 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."
@@ -147,31 +98,11 @@ export default function LandingPage() {
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Guido H.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-worker-wearing-vest_23-2149366621.jpg?_wi=2",
},
{
id: "2",
name: "Stefano R.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-worker-wearing-vest_23-2149366621.jpg?_wi=3",
},
{
id: "3",
name: "Alexandra D.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-worker-wearing-vest_23-2149366621.jpg?_wi=4",
},
{
id: "4",
name: "Markus W.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-worker-wearing-vest_23-2149366621.jpg?_wi=5",
},
{
id: "5",
name: "Sabine K.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-worker-wearing-vest_23-2149366621.jpg?_wi=6",
},
{ 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"
@@ -185,26 +116,10 @@ export default function LandingPage() {
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",
},
{ 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"
/>
@@ -213,12 +128,10 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
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?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/skilled-cabinet-maker-working-small-workshop_1163-3132.jpg"
mediaAnimation="slide-up"
tag="Kontakt"
/>
@@ -227,14 +140,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="DEIN HANDWERKER KÖLN"
leftLink={{
text: "Impressum",
href: "#",
}}
rightLink={{
text: "Datenschutz",
href: "#",
}}
leftLink={{ text: "Impressum", href: "#" }}
rightLink={{ text: "Datenschutz", href: "#" }}
/>
</div>
</ReactLenis>