bender/3ac2df6d-9352-4a99-b2e7-052f0982f1f3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-22 16:34:12 +00:00
Conversation 0 Commits 1 Files Changed 1 +51 -276
1 changed files with 51 additions and 276 deletions
Download Patch File Download Diff File Expand all files Collapse all files

327
src/app/page.tsx
View File

@@ -31,22 +31,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Start",
id: "hero",
},
{
name: "Leistungen",
id: "services",
},
{
name: "Projekte",
id: "projects",
},
{
name: "Kontakt",
id: "contact",
},
{ name: "Start", id: "hero" },
{ name: "Leistungen", id: "services" },
{ name: "Projekte", id: "projects" },
{ name: "Kontakt", id: "contact" },
]}
brandName="R-Bau Garant"
/>
@@ -54,52 +42,20 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-static",
}}
background={{ variant: "rotated-rays-static" }}
title="Exklusive Terrassenüberdachungen nach Maß"
description="Design. Schutz. Wertsteigerung für Ihr Zuhause."
buttons={[
{
text: "Kostenlose Beratung",
href: "#contact",
},
{
text: "Projekte ansehen",
href: "#projects",
},
{ text: "Kostenlose Beratung", href: "#contact" },
{ text: "Projekte ansehen", href: "#projects" }
]}
carouselItems={[
{
id: "1",
imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-yoga-roof-skyscraper-big-city_1153-4900.jpg?_wi=1",
imageAlt: "Luxus Terrassendach bei Sonnenuntergang",
},
{
id: "2",
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-interior-design-with-scenic-view-modern-sofa_23-2151972897.jpg",
imageAlt: "Minimalistische Terrassenüberdachung",
},
{
id: "3",
imageSrc: "http://img.b2bpic.net/free-photo/background-indoor-building_1232-4603.jpg",
imageAlt: "Architektur Detail Glasdach",
},
{
id: "4",
imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151011500.jpg",
imageAlt: "Exklusive Terrassenlösung",
},
{
id: "5",
imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151011608.jpg",
imageAlt: "Moderne Außenbaukunst",
},
{
id: "6",
imageSrc: "http://img.b2bpic.net/free-photo/casual-male-posing-with-electric-scooter_23-2148779893.jpg",
imageAlt: "Wertsteigerung durch Design",
},
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-yoga-roof-skyscraper-big-city_1153-4900.jpg", imageAlt: "Luxus Terrassendach bei Sonnenuntergang" },
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-interior-design-with-scenic-view-modern-sofa_23-2151972897.jpg", imageAlt: "Minimalistische Terrassenüberdachung" },
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/background-indoor-building_1232-4603.jpg", imageAlt: "Architektur Detail Glasdach" },
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151011500.jpg", imageAlt: "Exklusive Terrassenlösung" },
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151011608.jpg", imageAlt: "Moderne Außenbaukunst" },
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/casual-male-posing-with-electric-scooter_23-2148779893.jpg", imageAlt: "Wertsteigerung durch Design" }
]}
/>
</div>
@@ -110,42 +66,10 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Präzision & Qualität",
descriptions: [
"Verwendung hochwertigster Materialien für eine lange Lebensdauer.",
],
imageSrc: "http://img.b2bpic.net/free-photo/rooftop-lounge-sunset_23-2151986955.jpg",
imageAlt: "Rooftop lounge at sunset",
},
{
id: "f2",
title: "Individuelles Design",
descriptions: [
"Maßgeschneiderte Lösungen, die perfekt zu Ihrer Architektur passen.",
],
imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-yoga-roof-skyscraper-big-city_1153-4900.jpg?_wi=2",
imageAlt: "Rooftop lounge at sunset",
},
{
id: "f3",
title: "Zuverlässigkeit",
descriptions: [
"Pünktliche Umsetzung durch professionelle Handwerksleistung.",
],
imageSrc: "http://img.b2bpic.net/free-photo/cityscape-viewed-through-window_1359-760.jpg?_wi=1",
imageAlt: "Rooftop lounge at sunset",
},
{
id: "f4",
title: "Rundum-Service",
descriptions: [
"Vom ersten Beratungsgespräch bis zur fachgerechten Montage.",
],
imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283217.jpg?_wi=1",
imageAlt: "Rooftop lounge at sunset",
},
{ id: "f1", title: "Präzision & Qualität", descriptions: ["Verwendung hochwertigster Materialien für eine lange Lebensdauer."], imageSrc: "http://img.b2bpic.net/free-photo/rooftop-lounge-sunset_23-2151986955.jpg", imageAlt: "Rooftop lounge at sunset" },
{ id: "f2", title: "Individuelles Design", descriptions: ["Maßgeschneiderte Lösungen, die perfekt zu Ihrer Architektur passen."], imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-yoga-roof-skyscraper-big-city_1153-4900.jpg", imageAlt: "Rooftop lounge at sunset" },
{ id: "f3", title: "Zuverlässigkeit", descriptions: ["Pünktliche Umsetzung durch professionelle Handwerksleistung."], imageSrc: "http://img.b2bpic.net/free-photo/cityscape-viewed-through-window_1359-760.jpg", imageAlt: "Rooftop lounge at sunset" },
{ id: "f4", title: "Rundum-Service", descriptions: ["Vom ersten Beratungsgespräch bis zur fachgerechten Montage."], imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283217.jpg", imageAlt: "Rooftop lounge at sunset" }
]}
title="Warum R-Bau Garant?"
description="Wir setzen auf Präzision, individuelle Ästhetik und absolute Zuverlässigkeit für Ihr exklusives Bauprojekt."
@@ -154,64 +78,17 @@ export default function LandingPage() {
<div id="services" data-section="services">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={true}
products={[
{
id: "p1",
brand: "R-Bau",
name: "Terrassenüberdachung",
price: "Beratung nötig",
rating: 5,
reviewCount: "12",
imageSrc: "http://img.b2bpic.net/free-photo/cityscape-viewed-through-window_1359-760.jpg?_wi=2",
},
{
id: "p2",
brand: "R-Bau",
name: "Eingangsüberdachung",
price: "Beratung nötig",
rating: 5,
reviewCount: "8",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283217.jpg?_wi=2",
},
{
id: "p3",
brand: "R-Bau",
name: "Carport Systeme",
price: "Beratung nötig",
rating: 5,
reviewCount: "5",
imageSrc: "http://img.b2bpic.net/free-photo/angle-view-airplane-inside-museum_250224-65.jpg",
},
{
id: "p4",
brand: "R-Bau",
name: "Sonderanfertigungen",
price: "Auf Anfrage",
rating: 5,
reviewCount: "10",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-businesswoman-making-phone-call_23-2147989607.jpg",
},
{
id: "p5",
brand: "R-Bau",
name: "Glas-Systeme",
price: "Beratung nötig",
rating: 5,
reviewCount: "6",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-happy-partners-hugging_23-2149338599.jpg",
},
{
id: "p6",
brand: "R-Bau",
name: "Aluminiumbau",
price: "Beratung nötig",
rating: 5,
reviewCount: "9",
imageSrc: "http://img.b2bpic.net/free-photo/detail-urban-stairs_23-2148107132.jpg",
},
{ id: "p1", brand: "R-Bau", name: "Terrassenüberdachung", price: "Beratung nötig", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/cityscape-viewed-through-window_1359-760.jpg" },
{ id: "p2", brand: "R-Bau", name: "Eingangsüberdachung", price: "Beratung nötig", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283217.jpg" },
{ id: "p3", brand: "R-Bau", name: "Carport Systeme", price: "Beratung nötig", rating: 5, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/angle-view-airplane-inside-museum_250224-65.jpg" },
{ id: "p4", brand: "R-Bau", name: "Sonderanfertigungen", price: "Auf Anfrage", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/stylish-businesswoman-making-phone-call_23-2147989607.jpg" },
{ id: "p5", brand: "R-Bau", name: "Glas-Systeme", price: "Beratung nötig", rating: 5, reviewCount: "6", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-happy-partners-hugging_23-2149338599.jpg" },
{ id: "p6", brand: "R-Bau", name: "Aluminiumbau", price: "Beratung nötig", rating: 5, reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/detail-urban-stairs_23-2148107132.jpg" }
]}
title="Unsere Leistungen"
description="Exklusive Lösungen für Ihr Zuhause."
@@ -224,24 +101,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
team={[
{
id: "t1",
name: "Terrasse Braunschweig",
role: "Projekt 2023",
imageSrc: "http://img.b2bpic.net/free-photo/sunny-summer-morning-young-athletic-woman-doing-handstand-city-park-street-modern-urban-buildings-exercise-outdoors-healthy-lifestyle_146671-15176.jpg",
},
{
id: "t2",
name: "Moderne Überdachung",
role: "Projekt 2023",
imageSrc: "http://img.b2bpic.net/free-photo/wall_23-2148098660.jpg",
},
{
id: "t3",
name: "Carport Design",
role: "Projekt 2024",
imageSrc: "http://img.b2bpic.net/free-photo/friends-balcony-full-shot_23-2149085470.jpg",
},
{ id: "t1", name: "Terrasse Braunschweig", role: "Projekt 2023", imageSrc: "http://img.b2bpic.net/free-photo/sunny-summer-morning-young-athletic-woman-doing-handstand-city-park-street-modern-urban-buildings-exercise-outdoors-healthy-lifestyle_146671-15176.jpg" },
{ id: "t2", name: "Moderne Überdachung", role: "Projekt 2023", imageSrc: "http://img.b2bpic.net/free-photo/wall_23-2148098660.jpg" },
{ id: "t3", name: "Carport Design", role: "Projekt 2024", imageSrc: "http://img.b2bpic.net/free-photo/friends-balcony-full-shot_23-2149085470.jpg" }
]}
title="Unsere Projekte"
description="Erleben Sie die Vielfalt unserer abgeschlossenen Bauvorhaben."
@@ -254,60 +116,16 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Marc Mighty",
role: "Kunde",
company: "Privatkunde",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-young-musician-woman-learns-how-play-ukulele-sits-sofa-with-crossed-legs_1258-204931.jpg",
},
{
id: "2",
name: "Samer Kassem",
role: "Kunde",
company: "Privatkunde",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-organizing-live-shop_23-2149947467.jpg",
},
{
id: "3",
name: "Regina Ermisch",
role: "Kunde",
company: "Privatkunde",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151065037.jpg",
},
{
id: "4",
name: "Max Müller",
role: "Kunde",
company: "Privatkunde",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/multi-racial-builders-handshaking-outdoors-wearing-uniform-talking-about-new-glass-building-working-poject-city-infrastructure_1157-50877.jpg",
},
{
id: "5",
name: "Anna Schmidt",
role: "Kunde",
company: "Privatkunde",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-mother-home_23-2148321636.jpg",
},
{ id: "1", name: "Marc Mighty", role: "Kunde", company: "Privatkunde", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-young-musician-woman-learns-how-play-ukulele-sits-sofa-with-crossed-legs_1258-204931.jpg" },
{ id: "2", name: "Samer Kassem", role: "Kunde", company: "Privatkunde", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-organizing-live-shop_23-2149947467.jpg" },
{ id: "3", name: "Regina Ermisch", role: "Kunde", company: "Privatkunde", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151065037.jpg" },
{ id: "4", name: "Max Müller", role: "Kunde", company: "Privatkunde", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/multi-racial-builders-handshaking-outdoors-wearing-uniform-talking-about-new-glass-building-working-poject-city-infrastructure_1157-50877.jpg" },
{ id: "5", name: "Anna Schmidt", role: "Kunde", company: "Privatkunde", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-mother-home_23-2148321636.jpg" }
]}
kpiItems={[
{
value: "100+",
label: "Projekte",
},
{
value: "5.0",
label: "Bewertung",
},
{
value: "10",
label: "Jahre Garantie",
},
{ value: "100+", label: "Projekte" },
{ value: "5.0", label: "Bewertung" },
{ value: "10", label: "Jahre Garantie" }
]}
title="Das sagen unsere Kunden"
description="Zufriedenheit ist unser höchstes Maß."
@@ -321,34 +139,10 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "1",
title: "Beratung",
description: "Unverbindliches Gespräch.",
icon: MessageCircle,
},
{
id: "m2",
value: "2",
title: "Planung",
description: "Ihr Designentwurf.",
icon: Ruler,
},
{
id: "m3",
value: "3",
title: "Umsetzung",
description: "Präziser Aufbau.",
icon: Wrench,
},
{
id: "m4",
value: "4",
title: "Fertigstellung",
description: "Übergabe & Genuss.",
icon: CheckCircle,
},
{ id: "m1", value: "1", title: "Beratung", description: "Unverbindliches Gespräch.", icon: MessageCircle },
{ id: "m2", value: "2", title: "Planung", description: "Ihr Designentwurf.", icon: Ruler },
{ id: "m3", value: "3", title: "Umsetzung", description: "Präziser Aufbau.", icon: Wrench },
{ id: "m4", value: "4", title: "Fertigstellung", description: "Übergabe & Genuss.", icon: CheckCircle }
]}
title="So läuft Ihr Projekt ab"
description="Transparent & einfach zum Ziel."
@@ -358,9 +152,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "rotated-rays-static",
}}
background={{ variant: "rotated-rays-static" }}
tag="Kontakt"
title="Starten Sie Ihr Projekt heute"
description="Lassen Sie sich unverbindlich & kostenlos beraten. Wir freuen uns auf Sie."
@@ -375,35 +167,18 @@ export default function LandingPage() {
logoText="R-Bau Garant"
columns={[
{
title: "Unternehmen",
items: [
{
label: "Über uns",
href: "#about",
},
{
label: "Projekte",
href: "#projects",
},
{
label: "Kontakt",
href: "#contact",
},
],
title: "Unternehmen", items: [
{ label: "Über uns", href: "#about" },
{ label: "Projekte", href: "#projects" },
{ label: "Kontakt", href: "#contact" }
]
},
{
title: "Rechtliches",
items: [
{
label: "Impressum",
href: "#",
},
{
label: "Datenschutz",
href: "#",
},
],
},
title: "Rechtliches", items: [
{ label: "Impressum", href: "#" },
{ label: "Datenschutz", href: "#" }
]
}
]}
copyrightText="© 2024 R-Bau Garant GmbH. Alle Rechte vorbehalten."
/>
@@ -411,4 +186,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}