Merge version_1 into main #2
269
src/app/page.tsx
269
src/app/page.tsx
@@ -18,27 +18,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
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">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="Dirk Brandtner"
|
||||
/>
|
||||
@@ -46,62 +41,25 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="SanitärFachmann für Ihre Region"
|
||||
description="Professionelle Installationen und Reparaturen seit Jahren. Schnell, zuverlässig, fair."
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt Angebot anfordern",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/steel-faucet-interior-modern-bathroom-with-window_169016-26704.jpg?_wi=1"
|
||||
buttons={[{ text: "Jetzt Angebot anfordern", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/steel-faucet-interior-modern-bathroom-with-window_169016-26704.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-shiny-modern-faucet-soap-toothbrushes_181624-57645.jpg",
|
||||
alt: "Portrait einer zufriedenen Kundin",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990710.jpg",
|
||||
alt: "Portrait eines glücklichen Kunden",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/crop-hand-touching-bath-tap_23-2147787883.jpg",
|
||||
alt: "Portrait eines zufriedenen Hausbesitzers",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-white-bathrobe-filling-bath-with-water_259150-59743.jpg",
|
||||
alt: "Portrait einer zufriedenen Wohnungseigentümerin",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721575.jpg",
|
||||
alt: "Portrait eines zufriedenen Geschäftspartners",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-shiny-modern-faucet-soap-toothbrushes_181624-57645.jpg", alt: "Portrait einer zufriedenen Kundin" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990710.jpg", alt: "Portrait eines glücklichen Kunden" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/crop-hand-touching-bath-tap_23-2147787883.jpg", alt: "Portrait eines zufriedenen Hausbesitzers" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/person-white-bathrobe-filling-bath-with-water_259150-59743.jpg", alt: "Portrait einer zufriedenen Wohnungseigentümerin" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721575.jpg", alt: "Portrait eines zufriedenen Geschäftspartners" }
|
||||
]}
|
||||
avatarText="Über 500+ zufriedene Kunden"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Schnell vor Ort",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Faire Festpreise",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "15 Jahre Erfahrung",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fachgerechte Ausführung",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Notfall-Service",
|
||||
},
|
||||
{ type: "text", text: "Schnell vor Ort" },
|
||||
{ type: "text", text: "Faire Festpreise" },
|
||||
{ type: "text", text: "15 Jahre Erfahrung" },
|
||||
{ type: "text", text: "Fachgerechte Ausführung" },
|
||||
{ type: "text", text: "Notfall-Service" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -111,7 +69,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Ihr Partner für Sanitärtechnik"
|
||||
description="Mit langjähriger Erfahrung in der Sanitärinstallation sorgen wir dafür, dass in Ihrem Zuhause alles reibungslos fließt. Qualität, Präzision und Ihre Zufriedenheit stehen bei uns an erster Stelle."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721521.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721521.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -121,21 +79,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Installation & Montage",
|
||||
description: "Fachgerechte Installation aller sanitären Anlagen.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721552.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
title: "Badsanierung",
|
||||
description: "Vom Entwurf bis zur fertigen Wellness-Oase.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990698.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
title: "Reparatur & Wartung",
|
||||
description: "Wir beheben Probleme schnell und dauerhaft.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55595.jpg?_wi=1",
|
||||
},
|
||||
{ title: "Installation & Montage", description: "Fachgerechte Installation aller sanitären Anlagen.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721552.jpg" },
|
||||
{ title: "Badsanierung", description: "Vom Entwurf bis zur fertigen Wellness-Oase.", imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990698.jpg" },
|
||||
{ title: "Reparatur & Wartung", description: "Wir beheben Probleme schnell und dauerhaft.", imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55595.jpg" }
|
||||
]}
|
||||
title="Unsere Leistungen"
|
||||
description="Vom kleinen Leck bis zur kompletten Badezimmerrenovierung: Wir sind Ihr Fachmann vor Ort."
|
||||
@@ -148,36 +94,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Jahre Erfahrung",
|
||||
items: [
|
||||
"Fachwissen",
|
||||
"Lokale Expertise",
|
||||
"Beständigkeit",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24h",
|
||||
title: "Serviceverfügbarkeit",
|
||||
items: [
|
||||
"Schnelle Hilfe",
|
||||
"Notfallsupport",
|
||||
"Zuverlässigkeit",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Kundenzufriedenheit",
|
||||
items: [
|
||||
"Qualitätsgarantie",
|
||||
"Transparenz",
|
||||
"Fairness",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "15+", title: "Jahre Erfahrung", items: ["Fachwissen", "Lokale Expertise", "Beständigkeit"] },
|
||||
{ id: "m2", value: "24h", title: "Serviceverfügbarkeit", items: ["Schnelle Hilfe", "Notfallsupport", "Zuverlässigkeit"] },
|
||||
{ id: "m3", value: "100%", title: "Kundenzufriedenheit", items: ["Qualitätsgarantie", "Transparenz", "Fairness"] }
|
||||
]}
|
||||
title="Warum wir?"
|
||||
description="Werte, auf die Sie sich verlassen können."
|
||||
@@ -189,61 +108,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
date: "2024-05",
|
||||
title: "Badsanierung",
|
||||
quote: "Top Service! Mein Bad sieht jetzt aus wie in einem Hotel.",
|
||||
tag: "Privatkunde",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-with-thumbs-up_1149-1163.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/steel-faucet-interior-modern-bathroom-with-window_169016-26704.jpg?_wi=2",
|
||||
imageAlt: "satisfied customer portrait happy",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Schmidt",
|
||||
date: "2024-06",
|
||||
title: "Reparatur",
|
||||
quote: "Schnell, pünktlich und absolut fair im Preis.",
|
||||
tag: "Privatkunde",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721521.jpg?_wi=2",
|
||||
imageAlt: "satisfied customer portrait happy",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Eva Wagner",
|
||||
date: "2024-07",
|
||||
title: "Installation",
|
||||
quote: "Endlich ein Handwerker, dem man vertrauen kann.",
|
||||
tag: "Privatkunde",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-using-tablet-hotel-room_23-2148095265.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721552.jpg?_wi=2",
|
||||
imageAlt: "satisfied customer portrait happy",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Thomas Becker",
|
||||
date: "2024-08",
|
||||
title: "Wartung",
|
||||
quote: "Sehr kompetent und fachmännisch beraten.",
|
||||
tag: "Privatkunde",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990733.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990698.jpg?_wi=2",
|
||||
imageAlt: "satisfied customer portrait happy",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Julia Hoffmann",
|
||||
date: "2024-09",
|
||||
title: "Notfall",
|
||||
quote: "Direkt erreichbar und schnelle Problembehebung.",
|
||||
tag: "Privatkunde",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990687.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55595.jpg?_wi=2",
|
||||
imageAlt: "satisfied customer portrait happy",
|
||||
},
|
||||
{ id: "1", name: "Sarah Miller", date: "2024-05", title: "Badsanierung", quote: "Top Service! Mein Bad sieht jetzt aus wie in einem Hotel.", tag: "Privatkunde", avatarSrc: "http://img.b2bpic.net/free-photo/woman-with-thumbs-up_1149-1163.jpg", imageSrc: "http://img.b2bpic.net/free-photo/steel-faucet-interior-modern-bathroom-with-window_169016-26704.jpg" },
|
||||
{ id: "2", name: "Michael Schmidt", date: "2024-06", title: "Reparatur", quote: "Schnell, pünktlich und absolut fair im Preis.", tag: "Privatkunde", avatarSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721521.jpg" },
|
||||
{ id: "3", name: "Eva Wagner", date: "2024-07", title: "Installation", quote: "Endlich ein Handwerker, dem man vertrauen kann.", tag: "Privatkunde", avatarSrc: "http://img.b2bpic.net/free-photo/woman-using-tablet-hotel-room_23-2148095265.jpg", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721552.jpg" },
|
||||
{ id: "4", name: "Thomas Becker", date: "2024-08", title: "Wartung", quote: "Sehr kompetent und fachmännisch beraten.", tag: "Privatkunde", avatarSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990733.jpg", imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990698.jpg" },
|
||||
{ id: "5", name: "Julia Hoffmann", date: "2024-09", title: "Notfall", quote: "Direkt erreichbar und schnelle Problembehebung.", tag: "Privatkunde", avatarSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990687.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55595.jpg" }
|
||||
]}
|
||||
title="Stimmen unserer Kunden"
|
||||
description="Was unsere Kunden über unseren Service sagen."
|
||||
@@ -255,42 +124,24 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Bieten Sie Notfallhilfe an?",
|
||||
content: "Ja, wir sind in dringenden Fällen schnell bei Ihnen.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Wie sind die Anfahrtskosten?",
|
||||
content: "Wir arbeiten fair und transparent nach Region.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Können Sie Neubauten betreuen?",
|
||||
content: "Gerne übernehmen wir auch Großprojekte und Neubauten.",
|
||||
},
|
||||
{ id: "q1", title: "Bieten Sie Notfallhilfe an?", content: "Ja, wir sind in dringenden Fällen schnell bei Ihnen." },
|
||||
{ id: "q2", title: "Wie sind die Anfahrtskosten?", content: "Wir arbeiten fair und transparent nach Region." },
|
||||
{ id: "q3", title: "Können Sie Neubauten betreuen?", content: "Gerne übernehmen wir auch Großprojekte und Neubauten." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-photo-two-male-colleagues-discussing-project-office_93675-134064.jpg"
|
||||
title="Häufige Fragen"
|
||||
description="Antworten auf die wichtigsten Fragen zu unserem Service."
|
||||
faqsAnimation="slide-up"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
text="Bereit für Ihr nächstes Projekt? Wir freuen uns auf Ihre Anfrage."
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt anrufen",
|
||||
href: "tel:+49123456789",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Jetzt anrufen", href: "tel:+49123456789" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -298,40 +149,8 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Dirk Brandtner Sanitär"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Startseite",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Über uns",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Leistungen",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Kontakt",
|
||||
items: [
|
||||
{
|
||||
label: "Anrufen",
|
||||
href: "tel:+49123456789",
|
||||
},
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Navigation", items: [{ label: "Startseite", href: "#hero" }, { label: "Über uns", href: "#about" }, { label: "Leistungen", href: "#services" }] },
|
||||
{ title: "Kontakt", items: [{ label: "Anrufen", href: "tel:+49123456789" }, { label: "Impressum", href: "#" }, { label: "Datenschutz", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user