bender/8afd204d-d94a-4a64-895b-e74d6350517f
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-08 10:15:08 +00:00
parent 9e61f7692e
commit 0c22d5b5f2
1 changed files with 65 additions and 257 deletions
Download Patch File Download Diff File Expand all files Collapse all files

322
src/app/page.tsx
View File

@@ -32,26 +32,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Über uns",
id: "about",
},
{
name: "Leistungen",
id: "features",
},
{
name: "Team",
id: "team",
},
{
name: "Referenzen",
id: "testimonials",
},
{
name: "Kontakt",
id: "contact",
},
{ name: "Über uns", id: "about" },
{ name: "Leistungen", id: "features" },
{ name: "Team", id: "team" },
{ name: "Referenzen", id: "testimonials" },
{ name: "Kontakt", id: "contact" },
]}
brandName="Holz-Fach-Werk HFW GmbH"
/>
@@ -59,99 +44,32 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Meisterhafte Holzbaukunst"
description="Wir bei Holz-Fach-Werk verwandeln Ihre Visionen in langlebige Realität. Von maßgefertigten Carports bis hin zu individuellen Holzarbeiten – Qualität, die bleibt."
testimonials={[
{
name: "Daniel Schieler",
handle: "Gartenbaubetrieb",
testimonial: "Die Firma Holzfachwerk ist aus meiner Sicht uneingeschränkt weiter zu empfehlen.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/adorable-couple-having-tea-together_23-2148350583.jpg",
},
{
name: "Dennis Quagliata",
handle: "Kunde",
testimonial: "Ich bin absolut begeistert! Die Kommunikation war von Anfang bis Ende exzellent.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-carrying-firewood_23-2149411867.jpg",
},
{
name: "Sarah Müller",
handle: "Bauherrin",
testimonial: "Top Qualität und absolut termintreu. Immer wieder gerne.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-talking-smartphone-sitting-open-terrace_259150-59317.jpg",
},
{
name: "Marc Schmidt",
handle: "Geschäftspartner",
testimonial: "Kompetente Beratung und handwerklich auf höchstem Niveau.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/outside-lifestyle-portrait-happy-relaxed-woman-poses-summer-terrace-sunshine-true-emotions_291650-1278.jpg",
},
{
name: "Julia Weber",
handle: "Privatkundin",
testimonial: "Die Holzterrasse sieht fantastisch aus. Vielen Dank für die tolle Arbeit!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-architect-shaking-hands_23-2148233781.jpg",
},
{ name: "Daniel Schieler", handle: "Gartenbaubetrieb", testimonial: "Die Firma Holzfachwerk ist aus meiner Sicht uneingeschränkt weiter zu empfehlen.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/adorable-couple-having-tea-together_23-2148350583.jpg" },
{ name: "Dennis Quagliata", handle: "Kunde", testimonial: "Ich bin absolut begeistert! Die Kommunikation war von Anfang bis Ende exzellent.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-carrying-firewood_23-2149411867.jpg" },
{ name: "Sarah Müller", handle: "Bauherrin", testimonial: "Top Qualität und absolut termintreu. Immer wieder gerne.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-talking-smartphone-sitting-open-terrace_259150-59317.jpg" },
{ name: "Marc Schmidt", handle: "Geschäftspartner", testimonial: "Kompetente Beratung und handwerklich auf höchstem Niveau.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/outside-lifestyle-portrait-happy-relaxed-woman-poses-summer-terrace-sunshine-true-emotions_291650-1278.jpg" },
{ name: "Julia Weber", handle: "Privatkundin", testimonial: "Die Holzterrasse sieht fantastisch aus. Vielen Dank für die tolle Arbeit!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-architect-shaking-hands_23-2148233781.jpg" }
]}
buttons={[
{
text: "Projekt anfragen",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/high-angle-artisan-jobs-equipment-assortment_23-2148732419.jpg?_wi=1"
buttons={[{ text: "Projekt anfragen", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/high-angle-artisan-jobs-equipment-assortment_23-2148732419.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/building-construction-workers-site_23-2149124256.jpg",
alt: "Kunde 1",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-man-wearing-helmet-indoors_23-2148920599.jpg",
alt: "Kunde 2",
},
{
src: "http://img.b2bpic.net/free-photo/clients-realtor-touring-new-high-class-office-space_482257-90948.jpg",
alt: "Kunde 3",
},
{
src: "http://img.b2bpic.net/free-photo/young-happy-woman-talking-waitress-cafe_637285-8070.jpg",
alt: "Kunde 4",
},
{
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2712.jpg",
alt: "Kunde 5",
},
{ src: "http://img.b2bpic.net/free-photo/building-construction-workers-site_23-2149124256.jpg", alt: "Kunde 1" },
{ src: "http://img.b2bpic.net/free-photo/close-up-man-wearing-helmet-indoors_23-2148920599.jpg", alt: "Kunde 2" },
{ src: "http://img.b2bpic.net/free-photo/clients-realtor-touring-new-high-class-office-space_482257-90948.jpg", alt: "Kunde 3" },
{ src: "http://img.b2bpic.net/free-photo/young-happy-woman-talking-waitress-cafe_637285-8070.jpg", alt: "Kunde 4" },
{ src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2712.jpg", alt: "Kunde 5" }
]}
marqueeItems={[
{
type: "text",
text: "Traditionelles Handwerk",
},
{
type: "text",
text: "Moderne Fertigung",
},
{
type: "text",
text: "Qualitätsgeprüft",
},
{
type: "text",
text: "Nachhaltiges Material",
},
{
type: "text",
text: "Individuelle Lösungen",
},
{ type: "text", text: "Traditionelles Handwerk" },
{ type: "text", text: "Moderne Fertigung" },
{ type: "text", text: "Qualitätsgeprüft" },
{ type: "text", text: "Nachhaltiges Material" },
{ type: "text", text: "Individuelle Lösungen" }
]}
/>
</div>
@@ -162,24 +80,12 @@ export default function LandingPage() {
title="Präzision aus Tradition"
description="Mit langjähriger Erfahrung und einem Auge fürs Detail realisieren wir Projekte, die höchste Ansprüche an Stabilität und Ästhetik erfüllen."
metrics={[
{
value: "35+",
title: "Glückliche Kunden",
},
{
value: "5,0",
title: "Google Rating",
},
{
value: "12+",
title: "Jahre Erfahrung",
},
{
value: "150+",
title: "Projekte",
},
{ value: "35+", title: "Glückliche Kunden" },
{ value: "5,0", title: "Google Rating" },
{ value: "12+", title: "Jahre Erfahrung" },
{ value: "150+", title: "Projekte" }
]}
imageSrc="http://img.b2bpic.net/free-photo/still-life-wood-engraving-workshop_23-2149185418.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/still-life-wood-engraving-workshop_23-2149185418.jpg"
mediaAnimation="blur-reveal"
metricsAnimation="slide-up"
/>
@@ -192,50 +98,26 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Holz-Carports",
description: "Langlebige und stilvolle Unterstellmöglichkeiten.",
icon: Home,
title: "Holz-Carports", description: "Langlebige und stilvolle Unterstellmöglichkeiten.", icon: Home,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-577.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-with-timber-structure_23-2151302603.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-artisan-jobs-equipment-assortment_23-2148732419.jpg?_wi=2",
imageAlt: "custom wooden carport exterior",
{ imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-577.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-with-timber-structure_23-2151302603.jpg" }
]
},
{
title: "Abdichtungsarbeiten",
description: "Professioneller Schutz für Ihre Holzstrukturen.",
icon: Shield,
title: "Abdichtungsarbeiten", description: "Professioneller Schutz für Ihre Holzstrukturen.", icon: Shield,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/wooden-slat-shading-structure-with-roof-against-sky_93675-134790.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-wooden-house_23-2151264455.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/still-life-wood-engraving-workshop_23-2149185418.jpg?_wi=2",
imageAlt: "custom wooden carport exterior",
{ imageSrc: "http://img.b2bpic.net/free-photo/wooden-slat-shading-structure-with-roof-against-sky_93675-134790.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-wooden-house_23-2151264455.jpg" }
]
},
{
title: "Gartenbau-Support",
description: "Zuverlässige Partnerschaft für Landschaftsbauer.",
icon: Building2,
title: "Gartenbau-Support", description: "Zuverlässige Partnerschaft für Landschaftsbauer.", icon: Building2,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-beautiful-modern-building-middle-city-clear-sky_181624-7463.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-construction-roof_23-2148748814.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-looking-his-girlfriend_23-2148243181.jpg?_wi=1",
imageAlt: "custom wooden carport exterior",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-beautiful-modern-building-middle-city-clear-sky_181624-7463.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-construction-roof_23-2148748814.jpg" }
]
}
]}
title="Unsere Expertise"
description="Ob Gartenbau, Abdichtungsarbeiten oder maßgeschneiderte Carports – wir bieten Lösungen, die überzeugen."
@@ -247,13 +129,10 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Holz Fach Werk",
"Zimmerei Partner",
"Gartenbau Experten",
"Lokale Handwerkskunst",
"Nachhaltiges Bauen",
"Holz Fach Werk", "Zimmerei Partner", "Gartenbau Experten", "Lokale Handwerkskunst", "Nachhaltiges Bauen"
]}
title="Vertrauensvolle Partner"
description="Wir arbeiten mit den Besten zusammen."
/>
</div>
@@ -264,27 +143,9 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
members={[
{
id: "1",
name: "Herr Busch",
role: "Inhaber",
description: "Ihr Experte für Planung und Ausführung.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-charming-woman-looking-camera_197531-33313.jpg",
},
{
id: "2",
name: "Handwerksteam",
role: "Zimmermann",
description: "Präzision bei jedem Handgriff.",
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-with-big-smile-before-starting-run_23-2147562226.jpg",
},
{
id: "3",
name: "Montagecrew",
role: "Projektunterstützung",
description: "Sauber und schnell zur Stelle.",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-young-caucasian-girl-with-wide-smile-looks-camera-blurred-background-brunette-with-long-hair-wears-green-shirt-emotions-people-concept_197531-32280.jpg",
},
{ id: "1", name: "Herr Busch", role: "Inhaber", description: "Ihr Experte für Planung und Ausführung.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-charming-woman-looking-camera_197531-33313.jpg" },
{ id: "2", name: "Handwerksteam", role: "Zimmermann", description: "Präzision bei jedem Handgriff.", imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-with-big-smile-before-starting-run_23-2147562226.jpg" },
{ id: "3", name: "Montagecrew", role: "Projektunterstützung", description: "Sauber und schnell zur Stelle.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-young-caucasian-girl-with-wide-smile-looks-camera-blurred-background-brunette-with-long-hair-wears-green-shirt-emotions-people-concept_197531-32280.jpg" }
]}
title="Ihr Team vor Ort"
description="Erfahren, pünktlich und mit Herz bei der Arbeit."
@@ -295,31 +156,11 @@ export default function LandingPage() {
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Daniel Schieler",
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-looking-his-girlfriend_23-2148243181.jpg?_wi=2",
},
{
id: "2",
name: "Dennis Quagliata",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-architect-shaking-hands_23-2148233782.jpg",
},
{
id: "3",
name: "Alex Schwarzkopf",
imageSrc: "http://img.b2bpic.net/free-photo/senior-couple-showing-thumbs-up_1187-751.jpg",
},
{
id: "4",
name: "Kunde A",
imageSrc: "http://img.b2bpic.net/free-photo/couple-handling-carpet-together-their-new-home_23-2149086838.jpg",
},
{
id: "5",
name: "Kunde B",
imageSrc: "http://img.b2bpic.net/free-photo/mujer-retrato-femenino-morena-belleza_1301-1444.jpg",
},
{ id: "1", name: "Daniel Schieler", imageSrc: "http://img.b2bpic.net/free-photo/happy-man-looking-his-girlfriend_23-2148243181.jpg" },
{ id: "2", name: "Dennis Quagliata", imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-architect-shaking-hands_23-2148233782.jpg" },
{ id: "3", name: "Alex Schwarzkopf", imageSrc: "http://img.b2bpic.net/free-photo/senior-couple-showing-thumbs-up_1187-751.jpg" },
{ id: "4", name: "Kunde A", imageSrc: "http://img.b2bpic.net/free-photo/couple-handling-carpet-together-their-new-home_23-2149086838.jpg" },
{ id: "5", name: "Kunde B", imageSrc: "http://img.b2bpic.net/free-photo/mujer-retrato-femenino-morena-belleza_1301-1444.jpg" }
]}
cardTitle="Stimmen unserer Kunden"
cardAnimation="slide-up"
@@ -332,21 +173,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "1",
title: "Bieten Sie auch Privatkunden-Service?",
content: "Ja, wir betreuen sowohl Privat- als auch Geschäftskunden.",
},
{
id: "2",
title: "Wie schnell sind Sie verfügbar?",
content: "Wir legen großen Wert auf Pünktlichkeit und schnelle Abwicklung.",
},
{
id: "3",
title: "Was kostet ein Carport?",
content: "Preise richten sich nach individueller Planung und Materialien.",
},
{ id: "1", title: "Bieten Sie auch Privatkunden-Service?", content: "Ja, wir betreuen sowohl Privat- als auch Geschäftskunden." },
{ id: "2", title: "Wie schnell sind Sie verfügbar?", content: "Wir legen großen Wert auf Pünktlichkeit und schnelle Abwicklung." },
{ id: "3", title: "Was kostet ein Carport?", content: "Preise richten sich nach individueller Planung und Materialien." }
]}
imageSrc="http://img.b2bpic.net/free-photo/carpenter-tools_23-2147773343.jpg"
title="Häufige Fragen"
@@ -358,18 +187,11 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Jetzt anfragen"
title="Bereit für Ihr Projekt?"
description="Wir freuen uns darauf, von Ihrem Vorhaben zu hören. Rufen Sie an oder schreiben Sie uns."
buttons={[
{
text: "01522 8678296",
href: "tel:015228678296",
},
]}
buttons={[{ text: "01522 8678296", href: "tel:015228678296" }]}
/>
</div>
@@ -378,31 +200,17 @@ export default function LandingPage() {
logoText="Holz-Fach-Werk"
columns={[
{
title: "Navigation",
items: [
{
label: "Über uns",
href: "#about",
},
{
label: "Leistungen",
href: "#features",
},
],
title: "Navigation", items: [
{ label: "Über uns", href: "#about" },
{ label: "Leistungen", href: "#features" }
]
},
{
title: "Kontakt",
items: [
{
label: "Herrenwiesen 8, 71665 Vaihingen",
href: "#",
},
{
label: "01522 8678296",
href: "tel:015228678296",
},
],
},
title: "Kontakt", items: [
{ label: "Herrenwiesen 8, 71665 Vaihingen", href: "#" },
{ label: "01522 8678296", href: "tel:015228678296" }
]
}
]}
/>
</div>