Merge version_2 into main #3
181
src/app/page.tsx
181
src/app/page.tsx
@@ -31,40 +31,29 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Über uns", id: "about"},
|
||||
{
|
||||
name: "Leistungen", id: "features"},
|
||||
{
|
||||
name: "Referenzen", id: "products"},
|
||||
{
|
||||
name: "Kontakt", id: "contact"},
|
||||
{ name: "Über uns", id: "about" },
|
||||
{ name: "Leistungen", id: "features" },
|
||||
{ name: "Referenzen", id: "products" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="SCHRAMM"
|
||||
brandName="SCHRAMM | Badsanierung München"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
title="Ihr Bad. Unsere Handwerkskunst."
|
||||
description="Badsanierung in München & Umland: Stressfreie Komplettlösungen mit 125 Jahren Erfahrung."
|
||||
background={{ variant: "plain" }}
|
||||
title="SCHRAMM München – Ihre Badsanierung auf höchstem Niveau."
|
||||
description="Erleben Sie Perfektion in Planung und Handwerk. Ihr Traumbad wird bei uns Wirklichkeit – direkt aus Meisterhand."
|
||||
buttons={[
|
||||
{
|
||||
text: "Kostenlose Badplanung anfragen", href: "#contact"},
|
||||
{ text: "Badplanung anfragen", href: "#contact" },
|
||||
{ text: "Route planen", href: "https://www.google.com/maps/search/?api=1&query=SCHRAMM+Badsanierung+München" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bangkok-thailand-august-12-2016-beautiful-luxury-bathroom_1203-2349.jpg", imageAlt: "Luxus Bad Design"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-hotel-insights-details_23-2149160786.jpg", imageAlt: "Moderne Armaturen"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263535.jpg", imageAlt: "Exklusive Badsanierung"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/feminine-luxury-bathroom-interior-design-with-panelling-pink-wall_53876-126772.jpg", imageAlt: "Hochwertiges Design"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mediterranean-aesthetics-bag-still-life_23-2151141465.jpg", imageAlt: "Münchner Fachbetrieb"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/bangkok-thailand-august-12-2016-beautiful-luxury-bathroom_1203-2349.jpg", imageAlt: "Luxus Bad Design" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-hotel-insights-details_23-2149160786.jpg", imageAlt: "Moderne Armaturen" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263535.jpg", imageAlt: "Exklusive Badsanierung" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/feminine-luxury-bathroom-interior-design-with-panelling-pink-wall_53876-126772.jpg", imageAlt: "Hochwertiges Design" },
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -73,9 +62,10 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Handwerker mit Herz und Verstand."
|
||||
title="Tradition trifft auf moderne Eleganz."
|
||||
description={[
|
||||
"Seit 1897 arbeiten wir in München und Umland. Die hiesige Bausubstanz kennen wir bestens: Altbau, Gründerzeit oder Sanierung. Bei uns kommen erfahrene Bäderbauer, die Ihr Projekt 'alles aus einer Hand' realisieren.", "Wir sind ein echter Münchner Fachbetrieb, der Wert auf Zuverlässigkeit, transparente Planung und erstklassige Materialien legt."]}
|
||||
"Seit 1897 setzen wir Maßstäbe in der Münchner Badsanierung. Ob zeitloser Altbau oder modernes Neubaukonzept – wir garantieren Ihnen ein Ergebnis, das höchsten Premium-Ansprüchen genügt.", "Unsere Handwerker vereinen jahrzehntelange Expertise mit modernster Ästhetik. Ihr Vertrauen ist unser Ansporn."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -85,34 +75,13 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Komplettbadsanierung", description: "Alles aus einer Hand: Planung, Handwerk und Koordination. Kein Stress für Sie.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clean-bathtub-ready-selfcare-ritual_23-2149186856.jpg", imageAlt: "Luxury bathtub"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-interior-design-minimal-concept_23-2151902949.jpg", imageAlt: "Minimalist bath concept"
|
||||
}
|
||||
},
|
||||
{
|
||||
title: "Luxus Designbäder", description: "Maßgeschneiderte Bäder nach neuesten Regeln der Technik und Ästhetik.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg", imageAlt: "Modern bath office"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skin-oil-droppers-composition-wooden-pieces_23-2148761424.jpg", imageAlt: "Spa elements"
|
||||
}
|
||||
},
|
||||
{
|
||||
title: "Teilrenovierung", description: "Gezielte Modernisierungen für mehr Komfort und modernes Wohnglück.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-bathroom-design_23-2151983215.jpg", imageAlt: "Minimal bath design"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bathrobe-modern-bathtub_1203-1498.jpg", imageAlt: "Bathtub scene"
|
||||
}
|
||||
}
|
||||
{ title: "Komplettsanierung", description: "Rundum-Sorglos-Paket von der ersten Zeichnung bis zur finalen Abnahme.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/clean-bathtub-ready-selfcare-ritual_23-2149186856.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-interior-design-minimal-concept_23-2151902949.jpg" } },
|
||||
{ title: "Premium-Design", description: "Hochwertigste Materialien und exklusive Armaturen für Ihr persönliches Wellness-Ambiente.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/skin-oil-droppers-composition-wooden-pieces_23-2148761424.jpg" } },
|
||||
{ title: "Teilrenovierung", description: "Gezielte Upgrades für mehr Komfort und moderne Optik in Ihrem Bestand.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-bathroom-design_23-2151983215.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/bathrobe-modern-bathtub_1203-1498.jpg" } }
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Unsere Premium-Leistungen"
|
||||
description="Qualität, die über 125 Jahre wächst."
|
||||
title="Unsere Expertise"
|
||||
description="Präzision in jedem Detail."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -123,17 +92,13 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "01", description: "Beratung & Erstgespräch vor Ort"},
|
||||
{
|
||||
id: "2", value: "02", description: "Individuelle 3D Badplanung"},
|
||||
{
|
||||
id: "3", value: "03", description: "Professionelle Umsetzung"},
|
||||
{
|
||||
id: "4", value: "04", description: "Finale Übergabe"},
|
||||
{ id: "1", value: "01", description: "Vor-Ort Analyse & Beratung" },
|
||||
{ id: "2", value: "02", description: "Individuelle 3D Konzeption" },
|
||||
{ id: "3", value: "03", description: "Präzise handwerkliche Ausführung" },
|
||||
{ id: "4", value: "04", description: "Übergabe Ihres Traumbades" },
|
||||
]}
|
||||
title="Ihr Weg zum Traumbad"
|
||||
description="Transparent, professionell, ohne Überraschungen."
|
||||
title="Der Weg zu Ihrem Unikat"
|
||||
description="Wir führen Sie durch den gesamten Prozess mit Transparenz und Leidenschaft."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -144,27 +109,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1", brand: "Projekt", name: "Altersgerechter Umbau Blumenau", price: "Komplettsanierung", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-design-decoration_181624-57833.jpg", reviewCount: "12"},
|
||||
{
|
||||
id: "p2", brand: "Projekt", name: "Altbausanierung Schwabing", price: "Design-Bad", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/steel-faucet-interior-modern-bathroom-with-window_169016-26975.jpg", reviewCount: "8"},
|
||||
{
|
||||
id: "p3", brand: "Projekt", name: "Modernes Familienbad Sendling", price: "Komplettsanierung", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rob0ac", reviewCount: "15"},
|
||||
{
|
||||
id: "p4", brand: "Projekt", name: "Luxus Guest WC Pasing", price: "Design-Bad", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contemporary-bathroom-authentic-interior-design_53876-111123.jpg", reviewCount: "5"},
|
||||
{
|
||||
id: "p5", brand: "Projekt", name: "Baderneuerung Trudering", price: "Teilrenovierung", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-design-marble-tile-toilet-bathroom-wardrobe-with-walk-closet_105762-2073.jpg", reviewCount: "9"},
|
||||
{
|
||||
id: "p6", brand: "Projekt", name: "Wellness Oase Gräfelfing", price: "Komplettsanierung", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-bathroom-with-modern-style-ai-generated_23-2150694832.jpg", reviewCount: "22"},
|
||||
{ id: "p1", brand: "Projekt", name: "Designo Loft Schwabing", price: "Premium Bad", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/interior-design-decoration_181624-57833.jpg", reviewCount: "12" },
|
||||
{ id: "p2", brand: "Projekt", name: "Wellness-Oase Bogenhausen", price: "Wellness Bad", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/steel-faucet-interior-modern-bathroom-with-window_169016-26975.jpg", reviewCount: "8" },
|
||||
{ id: "p3", brand: "Projekt", name: "Klassisches Bad Altbau", price: "Sanierung", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rob0ac", reviewCount: "15" },
|
||||
]}
|
||||
title="Referenzprojekte in München"
|
||||
description="Ergebnisse, die auch in 30 Jahren noch begeistern."
|
||||
title="Referenzen"
|
||||
description="Ausgewählte Beispiele unserer Arbeit."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -172,19 +122,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Müller", imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-354.jpg"},
|
||||
{
|
||||
id: "2", name: "Thomas Weber", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-brush-paint_23-2148903535.jpg"},
|
||||
{
|
||||
id: "3", name: "Anja Schmidt", imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-near-tablet-with-plan_23-2147785623.jpg"},
|
||||
{
|
||||
id: "4", name: "Marcus Wagner", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-working-together_23-2149343982.jpg"},
|
||||
{
|
||||
id: "5", name: "Julia Klein", imageSrc: "http://img.b2bpic.net/free-photo/smiley-architect-posing-his-desk_23-2148242991.jpg"},
|
||||
{ id: "1", name: "Sarah Müller", imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-354.jpg" },
|
||||
{ id: "2", name: "Thomas Weber", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-brush-paint_23-2148903535.jpg" },
|
||||
]}
|
||||
cardTitle="Stimmen unserer Kunden"
|
||||
cardTag="Vertrauen"
|
||||
cardTitle="Kundenstimmen"
|
||||
cardTag="Exzellenz"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -194,16 +136,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "Wie lange dauert eine Sanierung?", content: "Jedes Bad ist anders, aber wir planen effizient, um Sie nicht zu lange zu belasten."},
|
||||
{
|
||||
id: "f2", title: "Was kostet ein neues Bad?", content: "Das hängt von Material und Umfang ab. Wir bieten maßgeschneiderte Lösungen für jedes Budget."},
|
||||
{
|
||||
id: "f3", title: "Arbeiten Sie auch im Altbau?", content: "Ja, wir sind Experten für die Münchner Altbausanierung und kennen die Besonderheiten genau."},
|
||||
{ id: "f1", title: "Dauer der Arbeiten?", content: "Wir planen präzise und halten uns an strikte Zeitpläne für Ihr Bad." },
|
||||
{ id: "f2", title: "Kostenplanung?", content: "Volle Kostentransparenz und Planungssicherheit ab Projektstart." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/attractive-businessman-looking-himself-mirror_1139-256.jpg"
|
||||
title="Häufige Fragen"
|
||||
description="Kurz und ehrlich beantwortet, damit Sie sicher entscheiden können."
|
||||
description="Damit Sie sich bei Ihrer Entscheidung wohl fühlen."
|
||||
faqsAnimation="blur-reveal"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -212,16 +150,13 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
tag="Kontakt"
|
||||
title="Bereit für Ihr Traumbad?"
|
||||
description="Lassen Sie uns wissen, was Sie an Ihrem gegenwärtigen Badezimmer stört. Wir beraten Sie persönlich."
|
||||
background={{ variant: "plain" }}
|
||||
tag="Ihr nächster Schritt"
|
||||
title="Jetzt persönlichen Beratungstermin vereinbaren"
|
||||
description="Lassen Sie uns gemeinsam Ihr Traumbad in München planen. Wir freuen uns auf Ihr Projekt!"
|
||||
buttons={[
|
||||
{
|
||||
text: "(089) 588 040 100", href: "tel:+4989588040100"},
|
||||
{
|
||||
text: "Termin sichern", href: "#"},
|
||||
{ text: "Jetzt anrufen", href: "tel:+4989588040100" },
|
||||
{ text: "Route zur Werkstatt", href: "https://www.google.com/maps/search/?api=1&query=SCHRAMM+Badsanierung+München" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -229,27 +164,11 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Kontakt", items: [
|
||||
{
|
||||
label: "Über uns", href: "#about"},
|
||||
{
|
||||
label: "Leistungen", href: "#features"},
|
||||
{
|
||||
label: "Kontakt", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rechtliches", items: [
|
||||
{
|
||||
label: "AGB", href: "#"},
|
||||
{
|
||||
label: "Impressum und Datenschutz", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Navigation", items: [{ label: "Über uns", href: "#about" }, { label: "Kontakt", href: "#contact" }] },
|
||||
{ title: "Rechtliches", items: [{ label: "Impressum", href: "#" }, { label: "Datenschutz", href: "#" }] },
|
||||
]}
|
||||
logoText="SCHRAMM"
|
||||
copyrightText="© 2025 | Schramm Badsanierung München"
|
||||
logoText="SCHRAMM München"
|
||||
copyrightText="© 2025 | Badsanierung München"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user