Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| f197985fb0 | |||
| 94579719cd |
220
src/app/page.tsx
220
src/app/page.tsx
@@ -30,17 +30,11 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Leistungen",
|
name: "Leistungen", id: "leistungen"},
|
||||||
id: "leistungen",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Über uns",
|
name: "Über uns", id: "ueber-uns"},
|
||||||
id: "ueber-uns",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Kontakt",
|
name: "Kontakt", id: "kontakt"},
|
||||||
id: "kontakt",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Der fixe Felix"
|
brandName="Der fixe Felix"
|
||||||
/>
|
/>
|
||||||
@@ -49,77 +43,50 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitKpi
|
<HeroSplitKpi
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
|
||||||
title="Ihr Experte für Sonnenschutz & Reparatur in Waldstetten"
|
title="Ihr Experte für Sonnenschutz & Reparatur in Waldstetten"
|
||||||
description="Der fixe Felix – Joachim Holz steht für schnelle, zuverlässige und persönliche Handwerkskunst bei Markisen, Rollläden und Fliegengittern."
|
description="Der fixe Felix – Joachim Holz steht für schnelle, zuverlässige und persönliche Handwerkskunst bei Markisen, Rollläden und Fliegengittern."
|
||||||
kpis={[
|
kpis={[
|
||||||
{
|
{
|
||||||
value: "100%",
|
value: "100%", label: "Zuverlässigkeit"},
|
||||||
label: "Zuverlässigkeit",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "Fix",
|
value: "Fix", label: "Reparaturservice"},
|
||||||
label: "Reparaturservice",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "Regional",
|
value: "Regional", label: "Waldstetten & Umgebung"},
|
||||||
label: "Waldstetten & Umgebung",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
enableKpiAnimation={true}
|
enableKpiAnimation={true}
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Jetzt anfragen",
|
text: "Jetzt anfragen", href: "#kontakt"},
|
||||||
href: "#kontakt",
|
{
|
||||||
},
|
text: "Erfahren Sie mehr", href: "#leistungen"}
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/texture-ancient-block-brick-damaged_1232-3941.jpg?_wi=1"
|
imageSrc="http://img.b2bpic.net/free-photo/texture-ancient-block-brick-damaged_1232-3941.jpg?_wi=1"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/texture-background_1404-80.jpg",
|
src: "http://img.b2bpic.net/free-photo/texture-background_1404-80.jpg", alt: "Kunde 1"},
|
||||||
alt: "Kunde 1",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/close-up-shadow-light-effect_23-2149063325.jpg",
|
src: "http://img.b2bpic.net/free-photo/close-up-shadow-light-effect_23-2149063325.jpg", alt: "Kunde 2"},
|
||||||
alt: "Kunde 2",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/rusty-metal-wall-with-lines_23-2148399283.jpg",
|
src: "http://img.b2bpic.net/free-photo/rusty-metal-wall-with-lines_23-2148399283.jpg", alt: "Kunde 3"},
|
||||||
alt: "Kunde 3",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/brown-striped-paper-texture_23-2147786595.jpg",
|
src: "http://img.b2bpic.net/free-photo/brown-striped-paper-texture_23-2147786595.jpg", alt: "Kunde 4"},
|
||||||
alt: "Kunde 4",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/close-up-modern-architecture-office-buildings_23-2148836820.jpg",
|
src: "http://img.b2bpic.net/free-photo/close-up-modern-architecture-office-buildings_23-2148836820.jpg", alt: "Kunde 5"},
|
||||||
alt: "Kunde 5",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatarText="Über 500 zufriedene Kunden"
|
avatarText="Über 500 zufriedene Kunden"
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Markisen"},
|
||||||
text: "Markisen",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Rollläden"},
|
||||||
text: "Rollläden",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Jalousien"},
|
||||||
text: "Jalousien",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Fliegengitter"},
|
||||||
text: "Fliegengitter",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Reparaturservice"},
|
||||||
text: "Reparaturservice",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -131,47 +98,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: "f1",
|
id: "f1", title: "Markisen", description: "Hochwertige Verschattung für Ihre Terrasse.", tag: "Outdoor", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-interior-design-project_23-2150346478.jpg?_wi=1"},
|
||||||
title: "Markisen",
|
|
||||||
description: "Hochwertige Verschattung für Ihre Terrasse.",
|
|
||||||
tag: "Outdoor",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-interior-design-project_23-2150346478.jpg?_wi=1",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f2",
|
id: "f2", title: "Jalousien", description: "Licht und Privatsphäre nach Maß.", tag: "Innen", imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-bedroom-with-comfortable-bedding-elegant-decor-generated-by-ai_188544-32651.jpg?_wi=1"},
|
||||||
title: "Jalousien",
|
|
||||||
description: "Licht und Privatsphäre nach Maß.",
|
|
||||||
tag: "Innen",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-bedroom-with-comfortable-bedding-elegant-decor-generated-by-ai_188544-32651.jpg?_wi=1",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f3",
|
id: "f3", title: "Rollläden", description: "Sicherheit und Energieeffizienz für Fenster.", tag: "Schutz", imageSrc: "http://img.b2bpic.net/free-photo/wooden-blinds_1203-1110.jpg?_wi=1"},
|
||||||
title: "Rollläden",
|
|
||||||
description: "Sicherheit und Energieeffizienz für Fenster.",
|
|
||||||
tag: "Schutz",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-blinds_1203-1110.jpg?_wi=1",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f4",
|
id: "f4", title: "Fliegengitter", description: "Insektenschutz für Fenster und Türen.", tag: "Komfort", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-holding-dry-shampoo_23-2150704921.jpg?_wi=1"},
|
||||||
title: "Fliegengitter",
|
|
||||||
description: "Insektenschutz für Fenster und Türen.",
|
|
||||||
tag: "Komfort",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-holding-dry-shampoo_23-2150704921.jpg?_wi=1",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f5",
|
id: "f5", title: "Schnelldienst", description: "Reparaturen professionell erledigt.", tag: "Service", imageSrc: "http://img.b2bpic.net/free-photo/female-architect-choosing-materials_1163-1440.jpg"},
|
||||||
title: "Schnelldienst",
|
|
||||||
description: "Reparaturen professionell erledigt.",
|
|
||||||
tag: "Service",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/female-architect-choosing-materials_1163-1440.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f6",
|
id: "f6", title: "Beratung", description: "Individuelle Lösungen von Meisterhand.", tag: "Persönlich", imageSrc: "http://img.b2bpic.net/free-photo/wooden-blinds-window_74190-4466.jpg"},
|
||||||
title: "Beratung",
|
|
||||||
description: "Individuelle Lösungen von Meisterhand.",
|
|
||||||
tag: "Persönlich",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-blinds-window_74190-4466.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Unsere Leistungen"
|
title="Unsere Leistungen"
|
||||||
description="Maßgeschneiderte Lösungen für Ihr Zuhause."
|
description="Maßgeschneiderte Lösungen für Ihr Zuhause."
|
||||||
@@ -193,60 +130,15 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Biggi W.", date: "2024", title: "Sehr zufrieden", quote: "Schnell, sauber und sehr freundlich. Jederzeit wieder!", tag: "Empfehlung", avatarSrc: "http://img.b2bpic.net/free-photo/woman-sitting-new-home-man-decorating-living-room_329181-270.jpg", imageSrc: "http://img.b2bpic.net/free-photo/texture-ancient-block-brick-damaged_1232-3941.jpg?_wi=2", imageAlt: "customer portrait smiling happy"},
|
||||||
name: "Biggi W.",
|
|
||||||
date: "2024",
|
|
||||||
title: "Sehr zufrieden",
|
|
||||||
quote: "Schnell, sauber und sehr freundlich. Jederzeit wieder!",
|
|
||||||
tag: "Empfehlung",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-sitting-new-home-man-decorating-living-room_329181-270.jpg",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/texture-ancient-block-brick-damaged_1232-3941.jpg?_wi=2",
|
|
||||||
imageAlt: "customer portrait smiling happy",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "Michaela", date: "2024", title: "Top Service", quote: "Die Reparatur war unkompliziert und extrem fix. Danke!", tag: "Empfehlung", avatarSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-showing-ok-sign_1262-2445.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-interior-design-project_23-2150346478.jpg?_wi=2", imageAlt: "customer portrait smiling happy"},
|
||||||
name: "Michaela",
|
|
||||||
date: "2024",
|
|
||||||
title: "Top Service",
|
|
||||||
quote: "Die Reparatur war unkompliziert und extrem fix. Danke!",
|
|
||||||
tag: "Empfehlung",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-showing-ok-sign_1262-2445.jpg",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-interior-design-project_23-2150346478.jpg?_wi=2",
|
|
||||||
imageAlt: "customer portrait smiling happy",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "Holger Langwald", date: "2024", title: "Absolut empfehlenswert", quote: "Ein Profi mit Herz. Sehr sauber gearbeitet.", tag: "Empfehlung", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-workers-high-five_23-2149366624.jpg", imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-bedroom-with-comfortable-bedding-elegant-decor-generated-by-ai_188544-32651.jpg?_wi=2", imageAlt: "customer portrait smiling happy"},
|
||||||
name: "Holger Langwald",
|
|
||||||
date: "2024",
|
|
||||||
title: "Absolut empfehlenswert",
|
|
||||||
quote: "Ein Profi mit Herz. Sehr sauber gearbeitet.",
|
|
||||||
tag: "Empfehlung",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-workers-high-five_23-2149366624.jpg",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-bedroom-with-comfortable-bedding-elegant-decor-generated-by-ai_188544-32651.jpg?_wi=2",
|
|
||||||
imageAlt: "customer portrait smiling happy",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", name: "Kunde", date: "2023", title: "Sehr professionell", quote: "Zuverlässige Arbeit bei fairen Preisen.", tag: "Empfehlung", avatarSrc: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3539.jpg", imageSrc: "http://img.b2bpic.net/free-photo/wooden-blinds_1203-1110.jpg?_wi=2", imageAlt: "customer portrait smiling happy"},
|
||||||
name: "Kunde",
|
|
||||||
date: "2023",
|
|
||||||
title: "Sehr professionell",
|
|
||||||
quote: "Zuverlässige Arbeit bei fairen Preisen.",
|
|
||||||
tag: "Empfehlung",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3539.jpg",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-blinds_1203-1110.jpg?_wi=2",
|
|
||||||
imageAlt: "customer portrait smiling happy",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", name: "Kunde", date: "2023", title: "Sehr schnelle Hilfe", quote: "Danke für die schnelle Reparatur meiner Rollläden.", tag: "Empfehlung", avatarSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-854.jpg", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-holding-dry-shampoo_23-2150704921.jpg?_wi=2", imageAlt: "customer portrait smiling happy"},
|
||||||
name: "Kunde",
|
|
||||||
date: "2023",
|
|
||||||
title: "Sehr schnelle Hilfe",
|
|
||||||
quote: "Danke für die schnelle Reparatur meiner Rollläden.",
|
|
||||||
tag: "Empfehlung",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-854.jpg",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-holding-dry-shampoo_23-2150704921.jpg?_wi=2",
|
|
||||||
imageAlt: "customer portrait smiling happy",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Was unsere Kunden sagen"
|
title="Was unsere Kunden sagen"
|
||||||
description="Vertrauen durch gute Arbeit."
|
description="Vertrauen durch gute Arbeit."
|
||||||
@@ -261,20 +153,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "t1",
|
id: "t1", value: "Mo-Fr", description: "08:00 - 18:00 Uhr"},
|
||||||
value: "Mo-Fr",
|
|
||||||
description: "08:00 - 18:00 Uhr",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t2",
|
id: "t2", value: "Sa", description: "Nach Vereinbarung"},
|
||||||
value: "Sa",
|
|
||||||
description: "Nach Vereinbarung",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t3",
|
id: "t3", value: "Notfall", description: "07171 – 49 97 63"},
|
||||||
value: "Notfall",
|
|
||||||
description: "07171 – 49 97 63",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Erreichbarkeit"
|
title="Erreichbarkeit"
|
||||||
description="Wir sind für Sie da."
|
description="Wir sind für Sie da."
|
||||||
@@ -285,14 +168,11 @@ export default function LandingPage() {
|
|||||||
<ContactText
|
<ContactText
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
background={{
|
background={{
|
||||||
variant: "rotated-rays-static-grid",
|
variant: "rotated-rays-static-grid"}}
|
||||||
}}
|
|
||||||
text="Robert-Bosch-Straße 5, 73550 Waldstetten | 07171 – 49 97 63 | info@derfixefelix.de"
|
text="Robert-Bosch-Straße 5, 73550 Waldstetten | 07171 – 49 97 63 | info@derfixefelix.de"
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Jetzt anrufen",
|
text: "Jetzt anrufen", href: "tel:07171499763"},
|
||||||
href: "tel:07171499763",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -301,33 +181,21 @@ export default function LandingPage() {
|
|||||||
<FooterBase
|
<FooterBase
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Menü",
|
title: "Menü", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Startseite",
|
label: "Startseite", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Leistungen",
|
label: "Leistungen", href: "#leistungen"},
|
||||||
href: "#leistungen",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Kontakt",
|
label: "Kontakt", href: "#kontakt"},
|
||||||
href: "#kontakt",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Rechtliches",
|
title: "Rechtliches", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Impressum",
|
label: "Impressum", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Datenschutz",
|
label: "Datenschutz", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
@@ -337,4 +205,4 @@ export default function LandingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user