Merge version_2 into main #1
166
src/app/page.tsx
166
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "Leistungen",
|
||||
id: "services",
|
||||
},
|
||||
name: "Leistungen", id: "services"},
|
||||
{
|
||||
name: "Referenzen",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Referenzen", id: "testimonials"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Kontakt", id: "contact"},
|
||||
]}
|
||||
brandName="HandwerkPro"
|
||||
/>
|
||||
@@ -55,15 +47,12 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Ihr Partner für exzellentes Handwerk."
|
||||
description="Präzision, Zuverlässigkeit und sauberes Arbeiten. Wir realisieren Ihre Projekte mit höchstem Qualitätsanspruch."
|
||||
buttons={[
|
||||
{
|
||||
text: "Projekt starten",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Projekt starten", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-professional-worker-carpenter-with-protective-glasses-holding-tablet-computer-checking-design-his-project-workshop_342744-818.jpg"
|
||||
/>
|
||||
@@ -74,14 +63,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Tradition trifft auf Moderne",
|
||||
},
|
||||
type: "text", content: "Tradition trifft auf Moderne"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15623.jpg",
|
||||
alt: "Handwerksteam",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15623.jpg", alt: "Handwerksteam"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -94,20 +78,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Innenausbau",
|
||||
description: "Hochwertiger Ausbau nach Maß.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/construction_24908-54410.jpg",
|
||||
},
|
||||
title: "Innenausbau", description: "Hochwertiger Ausbau nach Maß.", imageSrc: "http://img.b2bpic.net/free-vector/construction_24908-54410.jpg"},
|
||||
{
|
||||
title: "Sanierung",
|
||||
description: "Komplettsanierungen mit System.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-male-gardener-wearing-gardening-hat-gloves-points-down_141793-115719.jpg",
|
||||
},
|
||||
title: "Sanierung", description: "Komplettsanierungen mit System.", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-male-gardener-wearing-gardening-hat-gloves-points-down_141793-115719.jpg"},
|
||||
{
|
||||
title: "Beratung",
|
||||
description: "Individuelle Planung für Ihr Projekt.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-architect-working-new-ideas-using-caliper-while-drawing-project-plans-office_637285-105.jpg",
|
||||
},
|
||||
title: "Beratung", description: "Individuelle Planung für Ihr Projekt.", imageSrc: "http://img.b2bpic.net/free-photo/female-architect-working-new-ideas-using-caliper-while-drawing-project-plans-office_637285-105.jpg"},
|
||||
]}
|
||||
title="Unsere Expertise"
|
||||
description="Vielfältige Leistungen für Ihre Immobilie."
|
||||
@@ -121,23 +96,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: CheckCircle,
|
||||
title: "Projekte abgeschlossen",
|
||||
value: "500+",
|
||||
},
|
||||
id: "m1", icon: CheckCircle,
|
||||
title: "Projekte abgeschlossen", value: "500+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Award,
|
||||
title: "Jahre Erfahrung",
|
||||
value: "15",
|
||||
},
|
||||
id: "m2", icon: Award,
|
||||
title: "Jahre Erfahrung", value: "15"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Star,
|
||||
title: "Zufriedene Kunden",
|
||||
value: "100%",
|
||||
},
|
||||
id: "m3", icon: Star,
|
||||
title: "Zufriedene Kunden", value: "100%"},
|
||||
]}
|
||||
title="Erfahrung, die überzeugt"
|
||||
description="Fakten zu unserer Arbeit."
|
||||
@@ -151,45 +117,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Max M.",
|
||||
handle: "@kunde",
|
||||
testimonial: "Top Arbeit, sehr sauber!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-hero-happy-expression_1194-4014.jpg",
|
||||
},
|
||||
id: "t1", name: "Max M.", handle: "@kunde", testimonial: "Top Arbeit, sehr sauber!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-hero-happy-expression_1194-4014.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Lisa K.",
|
||||
handle: "@kunde",
|
||||
testimonial: "Immer wieder gerne.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/notebook-set-repair-equipments-tie_23-2148067724.jpg",
|
||||
},
|
||||
id: "t2", name: "Lisa K.", handle: "@kunde", testimonial: "Immer wieder gerne.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/notebook-set-repair-equipments-tie_23-2148067724.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Tom B.",
|
||||
handle: "@kunde",
|
||||
testimonial: "Schnell und zuverlässig.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-architectural-desk-close-up_23-2148242896.jpg",
|
||||
},
|
||||
id: "t3", name: "Tom B.", handle: "@kunde", testimonial: "Schnell und zuverlässig.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-architectural-desk-close-up_23-2148242896.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sara H.",
|
||||
handle: "@kunde",
|
||||
testimonial: "Exzellente Planung.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-happy-expression_1194-3550.jpg",
|
||||
},
|
||||
id: "t4", name: "Sara H.", handle: "@kunde", testimonial: "Exzellente Planung.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-happy-expression_1194-3550.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jens W.",
|
||||
handle: "@kunde",
|
||||
testimonial: "Hervorragende Qualität.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2865.jpg",
|
||||
},
|
||||
id: "t5", name: "Jens W.", handle: "@kunde", testimonial: "Hervorragende Qualität.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2865.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Was unsere Kunden sagen"
|
||||
@@ -203,24 +144,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Wie schnell sind Sie verfügbar?",
|
||||
content: "Termine innerhalb einer Woche.",
|
||||
},
|
||||
id: "f1", title: "Wie schnell sind Sie verfügbar?", content: "Termine innerhalb einer Woche."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Geben Sie eine Garantie?",
|
||||
content: "Selbstverständlich auf alle Arbeiten.",
|
||||
},
|
||||
id: "f2", title: "Geben Sie eine Garantie?", content: "Selbstverständlich auf alle Arbeiten."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Wo sind Sie tätig?",
|
||||
content: "Regional im Umkreis von 50km.",
|
||||
},
|
||||
id: "f3", title: "Wo sind Sie tätig?", content: "Regional im Umkreis von 50km."},
|
||||
]}
|
||||
title="Häufige Fragen"
|
||||
description="Kurze Antworten auf Ihre Fragen."
|
||||
faqsAnimation="slide-up"
|
||||
animationType="smooth"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -228,16 +161,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Kontakt"
|
||||
title="Bereit für Ihr Projekt?"
|
||||
description="Sprechen Sie uns an, wir beraten Sie gerne."
|
||||
title="Meisterstraße 123, 12345 Handwerkerstadt"
|
||||
description="Kontaktieren Sie uns unter info@meisterhandwerk.de oder +49 (0) 123 456 789."
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt anfragen",
|
||||
href: "mailto:info@handwerk.de",
|
||||
},
|
||||
text: "Jetzt anfragen", href: "mailto:info@meisterhandwerk.de"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -247,29 +177,21 @@ export default function LandingPage() {
|
||||
logoText="HandwerkPro"
|
||||
columns={[
|
||||
{
|
||||
title: "Unternehmen",
|
||||
items: [
|
||||
title: "Kontakt", items: [
|
||||
{
|
||||
label: "Über uns",
|
||||
href: "#",
|
||||
},
|
||||
label: "info@meisterhandwerk.de", href: "mailto:info@meisterhandwerk.de"},
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "+49 (0) 123 456 789", href: "tel:+49123456789"},
|
||||
{
|
||||
label: "Meisterstraße 123, 12345 Handwerkerstadt", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Service",
|
||||
items: [
|
||||
title: "Service", items: [
|
||||
{
|
||||
label: "Leistungen",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Leistungen", href: "#services"},
|
||||
{
|
||||
label: "Referenzen",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Referenzen", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -278,4 +200,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user