Merge version_1 into main #2
223
src/app/page.tsx
223
src/app/page.tsx
@@ -18,23 +18,24 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Leistungen",
|
||||
id: "services",
|
||||
},
|
||||
name: "Leistungen", id: "services"},
|
||||
{
|
||||
name: "Galerie",
|
||||
id: "gallery",
|
||||
},
|
||||
name: "Galerie", id: "gallery"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Kontakt", id: "contact"},
|
||||
]}
|
||||
brandName="Zimmerei Lemke"
|
||||
/>
|
||||
@@ -43,31 +44,20 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Zimmerei Lemke"
|
||||
description="Premium Holzbau & Dacharbeiten in Hannover"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenters-hands-planing-plank-wood-with-hand-plane_93675-134833.jpg?_wi=1",
|
||||
imageAlt: "carpentry workshop wooden interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenters-hands-planing-plank-wood-with-hand-plane_93675-134833.jpg", imageAlt: "carpentry workshop wooden interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-construction-site_23-2151889140.jpg",
|
||||
imageAlt: "custom wooden house project",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-construction-site_23-2151889140.jpg", imageAlt: "custom wooden house project"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/terrace-with-wooden-table-plants_1137-267.jpg",
|
||||
imageAlt: "wooden terrace design modern",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/terrace-with-wooden-table-plants_1137-267.jpg", imageAlt: "wooden terrace design modern"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-rusted-railing-with-white-stairs_23-2148269845.jpg",
|
||||
imageAlt: "roofing installation site",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-rusted-railing-with-white-stairs_23-2148269845.jpg", imageAlt: "roofing installation site"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artisan-jobs-equipment-diy-word-assortment_23-2148732424.jpg",
|
||||
imageAlt: "custom interior carpentry",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artisan-jobs-equipment-diy-word-assortment_23-2148732424.jpg", imageAlt: "custom interior carpentry"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -78,26 +68,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Dach",
|
||||
title: "Dachsanierung",
|
||||
subtitle: "Steil- und Flachdächer",
|
||||
description: "Professionelle Sanierung von Steil- und Flachdächern mit höchster Präzision.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-with-hard-hat-building-with-wood_23-2148748856.jpg?_wi=1",
|
||||
},
|
||||
tag: "Dach", title: "Dachsanierung", subtitle: "Steil- und Flachdächer", description: "Professionelle Sanierung von Steil- und Flachdächern mit höchster Präzision.", imageSrc: "http://img.b2bpic.net/free-photo/worker-with-hard-hat-building-with-wood_23-2148748856.jpg"},
|
||||
{
|
||||
tag: "Holz",
|
||||
title: "Holzbau",
|
||||
subtitle: "Nach Maß",
|
||||
description: "Carports, Terrassen und individuelle Holzkonstruktionen nach Maß.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/building_1127-3015.jpg?_wi=1",
|
||||
},
|
||||
tag: "Holz", title: "Holzbau", subtitle: "Nach Maß", description: "Carports, Terrassen und individuelle Holzkonstruktionen nach Maß.", imageSrc: "http://img.b2bpic.net/free-photo/building_1127-3015.jpg"},
|
||||
{
|
||||
tag: "Innenausbau",
|
||||
title: "Innenausbau",
|
||||
subtitle: "Modern",
|
||||
description: "Moderne Ausbauarbeiten mit hochwertigen Materialien.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-view-wooden-house-construction_23-2148748793.jpg?_wi=1",
|
||||
},
|
||||
tag: "Innenausbau", title: "Innenausbau", subtitle: "Modern", description: "Moderne Ausbauarbeiten mit hochwertigen Materialien.", imageSrc: "http://img.b2bpic.net/free-photo/low-view-wooden-house-construction_23-2148748793.jpg"},
|
||||
]}
|
||||
title="Unsere Leistungen"
|
||||
description="Qualitätshandwerk aus Hannover für Ihr Zuhause."
|
||||
@@ -111,20 +86,11 @@ export default function LandingPage() {
|
||||
tag="Zahlen"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4.8",
|
||||
description: "Sterne Kundenbewertung",
|
||||
},
|
||||
id: "m1", value: "4.8", description: "Sterne Kundenbewertung"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15+",
|
||||
description: "Jahre Erfahrung",
|
||||
},
|
||||
id: "m2", value: "15+", description: "Jahre Erfahrung"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "200+",
|
||||
description: "Erfolgreiche Projekte",
|
||||
},
|
||||
id: "m3", value: "200+", description: "Erfolgreiche Projekte"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -137,50 +103,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Max Mustermann",
|
||||
role: "Kunde",
|
||||
company: "Hannover",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-chisel-carpentry-tools-used-wood-work_342744-820.jpg",
|
||||
imageAlt: "carpentry roof frame assembly",
|
||||
},
|
||||
id: "t1", name: "Max Mustermann", role: "Kunde", company: "Hannover", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-chisel-carpentry-tools-used-wood-work_342744-820.jpg", imageAlt: "carpentry roof frame assembly"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Erika Muster",
|
||||
role: "Kundin",
|
||||
company: "Hannover",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenters-hands-planing-plank-wood-with-hand-plane_93675-134833.jpg?_wi=2",
|
||||
imageAlt: "carpentry roof frame assembly",
|
||||
},
|
||||
id: "t2", name: "Erika Muster", role: "Kundin", company: "Hannover", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenters-hands-planing-plank-wood-with-hand-plane_93675-134833.jpg", imageAlt: "carpentry roof frame assembly"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Bernd Beispiel",
|
||||
role: "Kunde",
|
||||
company: "Hannover",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-with-hard-hat-building-with-wood_23-2148748856.jpg?_wi=2",
|
||||
imageAlt: "carpentry roof frame assembly",
|
||||
},
|
||||
id: "t3", name: "Bernd Beispiel", role: "Kunde", company: "Hannover", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-with-hard-hat-building-with-wood_23-2148748856.jpg", imageAlt: "carpentry roof frame assembly"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Petra Privat",
|
||||
role: "Kundin",
|
||||
company: "Hannover",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/building_1127-3015.jpg?_wi=2",
|
||||
imageAlt: "carpentry roof frame assembly",
|
||||
},
|
||||
id: "t4", name: "Petra Privat", role: "Kundin", company: "Hannover", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/building_1127-3015.jpg", imageAlt: "carpentry roof frame assembly"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Dieter Dorf",
|
||||
role: "Kunde",
|
||||
company: "Hannover",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-view-wooden-house-construction_23-2148748793.jpg?_wi=2",
|
||||
imageAlt: "carpentry roof frame assembly",
|
||||
},
|
||||
id: "t5", name: "Dieter Dorf", role: "Kunde", company: "Hannover", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-view-wooden-house-construction_23-2148748793.jpg", imageAlt: "carpentry roof frame assembly"},
|
||||
]}
|
||||
title="Kundenbewertungen"
|
||||
description="Was unsere Kunden über unsere Arbeit sagen."
|
||||
@@ -191,53 +127,24 @@ export default function LandingPage() {
|
||||
<ProductCardTwo
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Projekt",
|
||||
name: "Dachsanierung",
|
||||
price: "Detail",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-marking-wood-with-pencil_23-2148732463.jpg",
|
||||
},
|
||||
id: "p1", brand: "Projekt", name: "Dachsanierung", price: "Detail", rating: 5,
|
||||
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-marking-wood-with-pencil_23-2148732463.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Projekt",
|
||||
name: "Holzbau",
|
||||
price: "Detail",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-innocent-pure-beautiful-woman-dreaming-sitting-couch-white-dress-romantic-lyrical-thinking-green-tropical-nature-summer-relaxed-chilling-legs-resort-hotel_285396-6071.jpg",
|
||||
},
|
||||
id: "p2", brand: "Projekt", name: "Holzbau", price: "Detail", rating: 5,
|
||||
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/young-innocent-pure-beautiful-woman-dreaming-sitting-couch-white-dress-romantic-lyrical-thinking-green-tropical-nature-summer-relaxed-chilling-legs-resort-hotel_285396-6071.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Projekt",
|
||||
name: "Terrasse",
|
||||
price: "Detail",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpentry-concept-with-tool_23-2147773325.jpg",
|
||||
},
|
||||
id: "p3", brand: "Projekt", name: "Terrasse", price: "Detail", rating: 5,
|
||||
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/carpentry-concept-with-tool_23-2147773325.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Projekt",
|
||||
name: "Innenausbau",
|
||||
price: "Detail",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-cutting-mdf-board-inside-workshop_23-2149451050.jpg",
|
||||
},
|
||||
id: "p4", brand: "Projekt", name: "Innenausbau", price: "Detail", rating: 5,
|
||||
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/carpenter-cutting-mdf-board-inside-workshop_23-2149451050.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Projekt",
|
||||
name: "Carport",
|
||||
price: "Detail",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-peeling-woods-shaping-them_114579-12135.jpg",
|
||||
},
|
||||
id: "p5", brand: "Projekt", name: "Carport", price: "Detail", rating: 5,
|
||||
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/carpenter-peeling-woods-shaping-them_114579-12135.jpg"},
|
||||
]}
|
||||
title="Projektgalerie"
|
||||
description="Ein Einblick in unsere abgeschlossenen Holzbauprojekte."
|
||||
@@ -250,20 +157,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Bieten Sie kostenlose Beratung an?",
|
||||
content: "Ja, wir beraten Sie gerne unverbindlich bei einem ersten Vor-Ort-Termin.",
|
||||
},
|
||||
id: "f1", title: "Bieten Sie kostenlose Beratung an?", content: "Ja, wir beraten Sie gerne unverbindlich bei einem ersten Vor-Ort-Termin."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Wie schnell sind Sie verfügbar?",
|
||||
content: "Wir versuchen Notfälle so schnell wie möglich zu behandeln, ansonsten nach Terminabsprache.",
|
||||
},
|
||||
id: "f2", title: "Wie schnell sind Sie verfügbar?", content: "Wir versuchen Notfälle so schnell wie möglich zu behandeln, ansonsten nach Terminabsprache."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Wo in Hannover sind Sie tätig?",
|
||||
content: "Wir sind im gesamten Raum Hannover und Umgebung für unsere Kunden im Einsatz.",
|
||||
},
|
||||
id: "f3", title: "Wo in Hannover sind Sie tätig?", content: "Wir sind im gesamten Raum Hannover und Umgebung für unsere Kunden im Einsatz."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cabinetmaker-apprentice-inspecting-lumber-block-damages_482257-84366.jpg"
|
||||
title="Häufige Fragen"
|
||||
@@ -276,8 +174,7 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Kontaktieren Sie Zimmerei Lemke | Im Hellerloh 2 | 30457 Hannover | Telefon: +49 1573 0717881"
|
||||
/>
|
||||
</div>
|
||||
@@ -286,33 +183,21 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Leistungen",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Leistungen", href: "#services"},
|
||||
{
|
||||
label: "Projekte",
|
||||
href: "#gallery",
|
||||
},
|
||||
label: "Projekte", href: "#gallery"},
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Kontakt", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rechtliches",
|
||||
items: [
|
||||
title: "Rechtliches", items: [
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
label: "Impressum", href: "#"},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
label: "Datenschutz", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user