Merge version_1 into main #2
242
src/app/page.tsx
242
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "about",
|
||||
},
|
||||
name: "Über uns", id: "about"},
|
||||
{
|
||||
name: "Leistungen",
|
||||
id: "features",
|
||||
},
|
||||
name: "Leistungen", id: "features"},
|
||||
{
|
||||
name: "Referenzen",
|
||||
id: "products",
|
||||
},
|
||||
name: "Referenzen", id: "products"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Kontakt", id: "contact"},
|
||||
]}
|
||||
brandName="SCHRAMM"
|
||||
/>
|
||||
@@ -55,37 +47,24 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Ihr Bad. Unsere Handwerkskunst."
|
||||
description="Badsanierung in München & Umland: Stressfreie Komplettlösungen mit 125 Jahren Erfahrung."
|
||||
buttons={[
|
||||
{
|
||||
text: "Kostenlose Badplanung anfragen",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Kostenlose Badplanung anfragen", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bangkok-thailand-august-12-2016-beautiful-luxury-bathroom_1203-2349.jpg?_wi=1",
|
||||
imageAlt: "Luxus Bad Design",
|
||||
},
|
||||
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?_wi=1",
|
||||
imageAlt: "Moderne Armaturen",
|
||||
},
|
||||
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?_wi=1",
|
||||
imageAlt: "Exklusive Badsanierung",
|
||||
},
|
||||
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/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/mediterranean-aesthetics-bag-still-life_23-2151141465.jpg", imageAlt: "Münchner Fachbetrieb"},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -96,9 +75,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Handwerker mit Herz und Verstand."
|
||||
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 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."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -109,41 +86,29 @@ export default function LandingPage() {
|
||||
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",
|
||||
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",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bangkok-thailand-august-12-2016-beautiful-luxury-bathroom_1203-2349.jpg?_wi=2",
|
||||
imageAlt: "luxury marble bathroom interior",
|
||||
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",
|
||||
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",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-hotel-insights-details_23-2149160786.jpg?_wi=2",
|
||||
imageAlt: "luxury marble bathroom interior",
|
||||
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",
|
||||
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",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263535.jpg?_wi=2",
|
||||
imageAlt: "luxury marble bathroom interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bathrobe-modern-bathtub_1203-1498.jpg", imageAlt: "Bathtub scene"
|
||||
}
|
||||
}
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Unsere Premium-Leistungen"
|
||||
@@ -159,25 +124,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "01",
|
||||
description: "Beratung & Erstgespräch vor Ort",
|
||||
},
|
||||
id: "1", value: "01", description: "Beratung & Erstgespräch vor Ort"},
|
||||
{
|
||||
id: "2",
|
||||
value: "02",
|
||||
description: "Individuelle 3D Badplanung",
|
||||
},
|
||||
id: "2", value: "02", description: "Individuelle 3D Badplanung"},
|
||||
{
|
||||
id: "3",
|
||||
value: "03",
|
||||
description: "Professionelle Umsetzung",
|
||||
},
|
||||
id: "3", value: "03", description: "Professionelle Umsetzung"},
|
||||
{
|
||||
id: "4",
|
||||
value: "04",
|
||||
description: "Finale Übergabe",
|
||||
},
|
||||
id: "4", value: "04", description: "Finale Übergabe"},
|
||||
]}
|
||||
title="Ihr Weg zum Traumbad"
|
||||
description="Transparent, professionell, ohne Überraschungen."
|
||||
@@ -192,59 +145,23 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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: "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: "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: "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"},
|
||||
]}
|
||||
title="Referenzprojekte in München"
|
||||
description="Ergebnisse, die auch in 30 Jahren noch begeistern."
|
||||
@@ -256,30 +173,15 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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: "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: "5", name: "Julia Klein", imageSrc: "http://img.b2bpic.net/free-photo/smiley-architect-posing-his-desk_23-2148242991.jpg"},
|
||||
]}
|
||||
cardTitle="Stimmen unserer Kunden"
|
||||
cardTag="Vertrauen"
|
||||
@@ -293,20 +195,11 @@ export default function LandingPage() {
|
||||
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: "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: "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: "f3", title: "Arbeiten Sie auch im Altbau?", content: "Ja, wir sind Experten für die Münchner Altbausanierung und kennen die Besonderheiten genau."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/attractive-businessman-looking-himself-mirror_1139-256.jpg"
|
||||
title="Häufige Fragen"
|
||||
@@ -320,20 +213,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
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."
|
||||
buttons={[
|
||||
{
|
||||
text: "(089) 588 040 100",
|
||||
href: "tel:+4989588040100",
|
||||
},
|
||||
text: "(089) 588 040 100", href: "tel:+4989588040100"},
|
||||
{
|
||||
text: "Termin sichern",
|
||||
href: "#",
|
||||
},
|
||||
text: "Termin sichern", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -342,33 +230,21 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Kontakt",
|
||||
items: [
|
||||
title: "Kontakt", items: [
|
||||
{
|
||||
label: "Über uns",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Über uns", href: "#about"},
|
||||
{
|
||||
label: "Leistungen",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Leistungen", href: "#features"},
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Kontakt", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rechtliches",
|
||||
items: [
|
||||
title: "Rechtliches", items: [
|
||||
{
|
||||
label: "AGB",
|
||||
href: "#",
|
||||
},
|
||||
label: "AGB", href: "#"},
|
||||
{
|
||||
label: "Impressum und Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
label: "Impressum und Datenschutz", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user