Merge version_1 into main #2
225
src/app/page.tsx
225
src/app/page.tsx
@@ -31,24 +31,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="MBE-Edelstahl"
|
||||
button={{ text: "Kontakt", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -56,13 +45,8 @@ export default function LandingPage() {
|
||||
<HeroLogo
|
||||
logoText="MBE Edelstahl-Geländerbau"
|
||||
description="Präzise Fertigung und fachgerechte Montage von hochwertigen Edelstahl-Geländersystemen für Ihr Bauvorhaben. Beständigkeit, Design und höchste Qualität seit Jahren."
|
||||
buttons={[
|
||||
{
|
||||
text: "Anfrage senden",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-carpenter-male-workshop_613910-2662.jpg?_wi=1"
|
||||
buttons={[{ text: "Anfrage senden", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-carpenter-male-workshop_613910-2662.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -71,21 +55,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Unsere Expertise in Zahlen"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Jahre Erfahrung",
|
||||
value: "15+",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Erfolgreiche Projekte",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Zufriedene Kunden",
|
||||
value: "100%",
|
||||
},
|
||||
{ icon: Award, label: "Jahre Erfahrung", value: "15+" },
|
||||
{ icon: Shield, label: "Erfolgreiche Projekte", value: "500+" },
|
||||
{ icon: CheckCircle, label: "Zufriedene Kunden", value: "100%" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -98,40 +70,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Qualität",
|
||||
description: "Hochwertigster Edelstahl für den Innen- und Außenbereich.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283289.jpg?_wi=1",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brushed-metal-texture-with-light-reflection_84443-73017.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-carpenter-male-workshop_613910-2662.jpg?_wi=2",
|
||||
imageAlt: "stainless steel detail texture",
|
||||
title: "Premium Qualität", description: "Hochwertigster Edelstahl für den Innen- und Außenbereich.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283289.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/brushed-metal-texture-with-light-reflection_84443-73017.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Individuelle Planung",
|
||||
description: "Wir setzen Ihre Wünsche exakt und passgenau um.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-metal-staircase_158595-5087.jpg?_wi=1",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spiral-staircase-with-metallic-railing_250224-286.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-fixing-motorcycle-modern-workshop_158595-8137.jpg?_wi=1",
|
||||
imageAlt: "stainless steel detail texture",
|
||||
title: "Individuelle Planung", description: "Wir setzen Ihre Wünsche exakt und passgenau um.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/modern-metal-staircase_158595-5087.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/spiral-staircase-with-metallic-railing_250224-286.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Fachmontage",
|
||||
description: "Professioneller Einbau durch unser erfahrenes Team.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-girl-stands-near-gate_8353-7875.jpg?_wi=1",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-metal-factory-busy-man-is-working-his-workplace_613910-17202.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metallic-railing-sunny-day_23-2148269798.jpg?_wi=1",
|
||||
imageAlt: "stainless steel detail texture",
|
||||
title: "Fachmontage", description: "Professioneller Einbau durch unser erfahrenes Team.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/charming-girl-stands-near-gate_8353-7875.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/dark-metal-factory-busy-man-is-working-his-workplace_613910-17202.jpg" }
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -147,42 +95,12 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Balkongeländer",
|
||||
price: "Auf Anfrage",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-girl-stands-near-gate_8353-7875.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Treppenhandläufe",
|
||||
price: "Auf Anfrage",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metallic-railing-sunny-day_23-2148269798.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Pool-Umrandungen",
|
||||
price: "Auf Anfrage",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-background-with-floor_23-2149207694.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Gartenzäune",
|
||||
price: "Auf Anfrage",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-base-green-barrier-overpass-bridge_181624-22816.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Industrieanfertigungen",
|
||||
price: "Auf Anfrage",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/staircase-with-glass-handrail_1127-2008.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Sondertore",
|
||||
price: "Auf Anfrage",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/house-entrance-japan-building-with-plants_23-2149301079.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Balkongeländer", price: "Auf Anfrage", imageSrc: "http://img.b2bpic.net/free-photo/charming-girl-stands-near-gate_8353-7875.jpg" },
|
||||
{ id: "p2", name: "Treppenhandläufe", price: "Auf Anfrage", imageSrc: "http://img.b2bpic.net/free-photo/metallic-railing-sunny-day_23-2148269798.jpg" },
|
||||
{ id: "p3", name: "Pool-Umrandungen", price: "Auf Anfrage", imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-background-with-floor_23-2149207694.jpg" },
|
||||
{ id: "p4", name: "Gartenzäune", price: "Auf Anfrage", imageSrc: "http://img.b2bpic.net/free-photo/closeup-base-green-barrier-overpass-bridge_181624-22816.jpg" },
|
||||
{ id: "p5", name: "Industrieanfertigungen", price: "Auf Anfrage", imageSrc: "http://img.b2bpic.net/free-photo/staircase-with-glass-handrail_1127-2008.jpg" },
|
||||
{ id: "p6", name: "Sondertore", price: "Auf Anfrage", imageSrc: "http://img.b2bpic.net/free-photo/house-entrance-japan-building-with-plants_23-2149301079.jpg" },
|
||||
]}
|
||||
title="Unsere Leistungen"
|
||||
description="Entdecken Sie unser breites Angebot an Edelstahllösungen."
|
||||
@@ -195,24 +113,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Zap,
|
||||
title: "Fertigungszeit",
|
||||
value: "Schnell",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Star,
|
||||
title: "Qualitätsscore",
|
||||
value: "10/10",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Award,
|
||||
title: "Expertise",
|
||||
value: "Hoch",
|
||||
},
|
||||
{ id: "m1", icon: Zap, title: "Fertigungszeit", value: "Schnell" },
|
||||
{ id: "m2", icon: Star, title: "Qualitätsscore", value: "10/10" },
|
||||
{ id: "m3", icon: Award, title: "Expertise", value: "Hoch" },
|
||||
]}
|
||||
title="Daten & Fakten"
|
||||
description="Starke Leistung für Ihr Bauprojekt."
|
||||
@@ -225,59 +128,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Familie Müller",
|
||||
date: "2024",
|
||||
title: "Privatkunde",
|
||||
quote: "Exzellente Arbeit bei unserem Balkongeländer.",
|
||||
tag: "Sehr zufrieden",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-smiling-confident-holding-key-new-house-new-home_839833-24969.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-carpenter-male-workshop_613910-2662.jpg?_wi=3",
|
||||
imageAlt: "professional customer portrait",
|
||||
id: "t1", name: "Familie Müller", date: "2024", title: "Privatkunde", quote: "Exzellente Arbeit bei unserem Balkongeländer.", tag: "Sehr zufrieden", avatarSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-smiling-confident-holding-key-new-house-new-home_839833-24969.jpg"
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Architekturbüro Bauer",
|
||||
date: "2024",
|
||||
title: "Partner",
|
||||
quote: "MBE liefert stets termingerecht und passgenau.",
|
||||
tag: "Zuverlässig",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12851.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283289.jpg?_wi=2",
|
||||
imageAlt: "professional customer portrait",
|
||||
id: "t2", name: "Architekturbüro Bauer", date: "2024", title: "Partner", quote: "MBE liefert stets termingerecht und passgenau.", tag: "Zuverlässig", avatarSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12851.jpg"
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Herr Schulze",
|
||||
date: "2023",
|
||||
title: "Privatkunde",
|
||||
quote: "Sehr gute Beratung und saubere Montage.",
|
||||
tag: "Gerne wieder",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/ai-generated-modern-styled-entryway_23-2150692315.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-metal-staircase_158595-5087.jpg?_wi=2",
|
||||
imageAlt: "professional customer portrait",
|
||||
id: "t3", name: "Herr Schulze", date: "2023", title: "Privatkunde", quote: "Sehr gute Beratung und saubere Montage.", tag: "Gerne wieder", avatarSrc: "http://img.b2bpic.net/free-photo/ai-generated-modern-styled-entryway_23-2150692315.jpg"
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Bauunternehmung Nord",
|
||||
date: "2023",
|
||||
title: "Geschäftskunde",
|
||||
quote: "Hohe Qualität, absolut empfehlenswert.",
|
||||
tag: "Top Profis",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/focused-serious-professional-working-tablet_1262-20913.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-fixing-motorcycle-modern-workshop_158595-8137.jpg?_wi=2",
|
||||
imageAlt: "professional customer portrait",
|
||||
id: "t4", name: "Bauunternehmung Nord", date: "2023", title: "Geschäftskunde", quote: "Hohe Qualität, absolut empfehlenswert.", tag: "Top Profis", avatarSrc: "http://img.b2bpic.net/free-photo/focused-serious-professional-working-tablet_1262-20913.jpg"
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Frau Weber",
|
||||
date: "2024",
|
||||
title: "Privatkunde",
|
||||
quote: "Wunderschöne Treppengeländer, wir lieben es.",
|
||||
tag: "Super",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-rich-woman-posing-couch_23-2149722572.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-girl-stands-near-gate_8353-7875.jpg?_wi=3",
|
||||
imageAlt: "professional customer portrait",
|
||||
id: "t5", name: "Frau Weber", date: "2024", title: "Privatkunde", quote: "Wunderschöne Treppengeländer, wir lieben es.", tag: "Super", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-rich-woman-posing-couch_23-2149722572.jpg"
|
||||
},
|
||||
]}
|
||||
title="Das sagen unsere Kunden"
|
||||
@@ -288,9 +151,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Kontakt"
|
||||
title="Ihr Projekt starten"
|
||||
description="Lassen Sie uns gemeinsam Ihr Vorhaben planen."
|
||||
@@ -307,30 +168,10 @@ export default function LandingPage() {
|
||||
logoText="MBE Edelstahl-Geländerbau UG&Co.KG"
|
||||
columns={[
|
||||
{
|
||||
title: "MBE Edelstahl",
|
||||
items: [
|
||||
{
|
||||
label: "Über uns",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Leistungen",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
title: "MBE Edelstahl", items: [{ label: "Über uns", href: "#about" }, { label: "Leistungen", href: "#products" }]
|
||||
},
|
||||
{
|
||||
title: "Rechtliches",
|
||||
items: [
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Rechtliches", items: [{ label: "Impressum", href: "#" }, { label: "Datenschutz", href: "#" }]
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 MBE-Edelstahl-Geländerbau UG&Co.KG"
|
||||
|
||||
Reference in New Issue
Block a user