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