bender/f9163c48-7dd8-480d-9afe-41c331d99aff
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-11 11:54:30 +00:00
parent 50646b1347
commit 155b624eda
1 changed files with 51 additions and 314 deletions
Download Patch File Download Diff File Expand all files Collapse all files

365
src/app/page.tsx
View File

@@ -13,7 +13,7 @@ import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Award, Building2, CheckCircle, RefreshCw, Shield, Truck, Users, Zap } from "lucide-react";
import { Award, Building2, CheckCircle, RefreshCw, Shield, Truck, Users, Zap, Hammer } from "lucide-react";
export default function LandingPage() {
return (
@@ -33,22 +33,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Leistungen",
id: "features",
},
{
name: "Projekte",
id: "products",
},
{
name: "Team",
id: "team",
},
{
name: "Kontakt",
id: "contact",
},
{ name: "Leistungen", id: "features" },
{ name: "Projekte", id: "products" },
{ name: "Team", id: "team" },
{ name: "Kontakt", id: "contact" },
]}
brandName="Wir Baquen"
/>
@@ -56,48 +44,17 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-animated",
}}
background={{ variant: "rotated-rays-animated" }}
title="Wir bauen Werte für Generationen."
description="Ihr erfahrener Partner für exzellente Bauprojekte. Von der Planung bis zur Schlüsselübergabe – wir realisieren Visionen."
buttons={[
{
text: "Jetzt Projekt anfragen",
href: "#contact",
},
]}
buttons={[{ text: "Jetzt Projekt anfragen", href: "#contact" }]}
carouselItems={[
{
id: "1",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-side-view-smiling-concentrated_23-2148233798.jpg?_wi=1",
imageAlt: "Modernes Bauprojekt 1",
},
{
id: "2",
imageSrc: "http://img.b2bpic.net/free-photo/illustration-construction-site_23-2151850242.jpg?_wi=1",
imageAlt: "Modernes Bauprojekt 2",
},
{
id: "3",
imageSrc: "http://img.b2bpic.net/free-photo/crane-building_23-2147785502.jpg?_wi=1",
imageAlt: "Modernes Bauprojekt 3",
},
{
id: "4",
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-male-female-architects-working-3d-printed-models_482257-31173.jpg",
imageAlt: "Modernes Bauprojekt 4",
},
{
id: "5",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-white-building-blue-sky_181624-5799.jpg",
imageAlt: "Modernes Bauprojekt 5",
},
{
id: "6",
imageSrc: "http://img.b2bpic.net/free-photo/businessmen-hands-white-table-with-documents-drafts_176420-343.jpg",
imageAlt: "Modernes Bauprojekt 6",
},
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/close-up-side-view-smiling-concentrated_23-2148233798.jpg", imageAlt: "Modernes Bauprojekt 1" },
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/illustration-construction-site_23-2151850242.jpg", imageAlt: "Modernes Bauprojekt 2" },
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/crane-building_23-2147785502.jpg", imageAlt: "Modernes Bauprojekt 3" },
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-male-female-architects-working-3d-printed-models_482257-31173.jpg", imageAlt: "Modernes Bauprojekt 4" },
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-white-building-blue-sky_181624-5799.jpg", imageAlt: "Modernes Bauprojekt 5" },
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/businessmen-hands-white-table-with-documents-drafts_176420-343.jpg", imageAlt: "Modernes Bauprojekt 6" },
]}
/>
</div>
@@ -107,21 +64,9 @@ export default function LandingPage() {
useInvertedBackground={true}
title="Zahlen die überzeugen"
metrics={[
{
icon: Award,
label: "Jahre Erfahrung",
value: "25+",
},
{
icon: CheckCircle,
label: "Erfolgreiche Projekte",
value: "500+",
},
{
icon: Users,
label: "Zufriedene Kunden",
value: "300+",
},
{ icon: Award, label: "Jahre Erfahrung", value: "25+" },
{ icon: CheckCircle, label: "Erfolgreiche Projekte", value: "500+" },
{ icon: Users, label: "Zufriedene Kunden", value: "300+" },
]}
metricsAnimation="slide-up"
/>
@@ -134,67 +79,19 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Neubau",
description: "Schlüsselfertiger Neubau individuell nach Ihren Wünschen.",
items: [
{
icon: Zap,
text: "Effizienz",
},
{
icon: Shield,
text: "Sicherheit",
},
],
title: "Neubau", description: "Schlüsselfertiger Neubau individuell nach Ihren Wünschen.", items: [{ icon: Zap, text: "Effizienz" }, { icon: Shield, text: "Sicherheit" }],
reverse: false,
media: {
imageSrc: "http://img.b2bpic.net/free-photo/architect-working-his-project_23-2148242933.jpg",
imageAlt: "Neubau",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-side-view-smiling-concentrated_23-2148233798.jpg?_wi=2",
imageAlt: "neubau construction home",
media: { imageSrc: "http://img.b2bpic.net/free-photo/architect-working-his-project_23-2148242933.jpg", imageAlt: "Neubau" }
},
{
title: "Sanierung",
description: "Moderne Sanierungen für ein zukunftssicheres Zuhause.",
items: [
{
icon: RefreshCw,
text: "Nachhaltigkeit",
},
{
icon: Hammer,
text: "Facharbeit",
},
],
title: "Sanierung", description: "Moderne Sanierungen für ein zukunftssicheres Zuhause.", items: [{ icon: RefreshCw, text: "Nachhaltigkeit" }, { icon: Hammer, text: "Facharbeit" }],
reverse: true,
media: {
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-woman-standing-ladder_23-2149366705.jpg",
imageAlt: "Sanierung",
},
imageSrc: "http://img.b2bpic.net/free-photo/illustration-construction-site_23-2151850242.jpg?_wi=2",
imageAlt: "neubau construction home",
media: { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-woman-standing-ladder_23-2149366705.jpg", imageAlt: "Sanierung" }
},
{
title: "Industriebau",
description: "Großprojekte für gewerbliche Anforderungen.",
items: [
{
icon: Building2,
text: "Kapazität",
},
{
icon: Truck,
text: "Logistik",
},
],
title: "Industriebau", description: "Großprojekte für gewerbliche Anforderungen.", items: [{ icon: Building2, text: "Kapazität" }, { icon: Truck, text: "Logistik" }],
reverse: false,
media: {
imageSrc: "http://img.b2bpic.net/free-photo/empty-floor-front-modern-building_1127-2889.jpg",
imageAlt: "Industrie",
},
imageSrc: "http://img.b2bpic.net/free-photo/crane-building_23-2147785502.jpg?_wi=2",
imageAlt: "neubau construction home",
media: { imageSrc: "http://img.b2bpic.net/free-photo/empty-floor-front-modern-building_1127-2889.jpg", imageAlt: "Industrie" }
},
]}
title="Unsere Baukompetenzen"
@@ -204,46 +101,17 @@ export default function LandingPage() {
<div id="products" data-section="products">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Villenpark Sonnhalde",
price: "ab 2,5 Mio",
imageSrc: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-16.jpg",
},
{
id: "p2",
name: "Bürokomplex Cityhub",
price: "Objektbau",
imageSrc: "http://img.b2bpic.net/free-photo/interior-modern-building-with-glass-windows-white-atmosphere_181624-8808.jpg",
},
{
id: "p3",
name: "Sanierung Altstadt",
price: "Tradition trifft Moderne",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-electrical-fuse-boxes-brown-brick-wall_181624-3878.jpg",
},
{
id: "p4",
name: "Dachausbau Loft",
price: "Exklusiv",
imageSrc: "http://img.b2bpic.net/free-photo/charming-african-american-woman-model-black-jacket-hat-waist-bag-relaxing-cafe-free-time-with-mobile-phone_627829-5382.jpg",
},
{
id: "p5",
name: "Mehrfamilienhaus",
price: "Nachhaltig",
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-tall-white-building-with-glass-balconies-clear-blue-sky_181624-4511.jpg",
},
{
id: "p6",
name: "Industriehalle",
price: "Funktional",
imageSrc: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394930.jpg",
},
{ id: "p1", name: "Villenpark Sonnhalde", price: "ab 2,5 Mio", imageSrc: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-16.jpg" },
{ id: "p2", name: "Bürokomplex Cityhub", price: "Objektbau", imageSrc: "http://img.b2bpic.net/free-photo/interior-modern-building-with-glass-windows-white-atmosphere_181624-8808.jpg" },
{ id: "p3", name: "Sanierung Altstadt", price: "Tradition trifft Moderne", imageSrc: "http://img.b2bpic.net/free-photo/closeup-electrical-fuse-boxes-brown-brick-wall_181624-3878.jpg" },
{ id: "p4", name: "Dachausbau Loft", price: "Exklusiv", imageSrc: "http://img.b2bpic.net/free-photo/charming-african-american-woman-model-black-jacket-hat-waist-bag-relaxing-cafe-free-time-with-mobile-phone_627829-5382.jpg" },
{ id: "p5", name: "Mehrfamilienhaus", price: "Nachhaltig", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-tall-white-building-with-glass-balconies-clear-blue-sky_181624-4511.jpg" },
{ id: "p6", name: "Industriehalle", price: "Funktional", imageSrc: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394930.jpg" },
]}
title="Unsere Referenzprojekte"
description="Erleben Sie Qualität durch unsere umgesetzten Vorhaben."
@@ -257,51 +125,16 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "start",
name: "Basisplanung",
price: "€4.990",
features: [
"Architektenentwurf",
"Baugenehmigung",
],
buttons: [
{
text: "Wählen",
href: "#",
},
],
id: "start", name: "Basisplanung", price: "€4.990", features: ["Architektenentwurf", "Baugenehmigung"],
buttons: [{ text: "Wählen", href: "#" }],
},
{
id: "pro",
name: "Bau-Komplettpaket",
price: "€19.990",
features: [
"Planung",
"Rohbauleitung",
"Material-Logistik",
],
buttons: [
{
text: "Wählen",
href: "#",
},
],
id: "pro", name: "Bau-Komplettpaket", price: "€19.990", features: ["Planung", "Rohbauleitung", "Material-Logistik"],
buttons: [{ text: "Wählen", href: "#" }],
},
{
id: "exp",
name: "Premium-Sorglos",
price: "Individuell",
features: [
"Komplettservice",
"Interior Design",
"Finanz-Check",
],
buttons: [
{
text: "Anfragen",
href: "#contact",
},
],
id: "exp", name: "Premium-Sorglos", price: "Individuell", features: ["Komplettservice", "Interior Design", "Finanz-Check"],
buttons: [{ text: "Anfragen", href: "#contact" }],
},
]}
title="Transparente Pakete"
@@ -314,46 +147,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
title: "Sehr zufrieden",
quote: "Top Bauunternehmen, sehr zuverlässig.",
name: "Max M.",
role: "Bauherr",
imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-office-with-digital-tablet_1301-6633.jpg",
},
{
id: "t2",
title: "Exzellent",
quote: "Projekt wurde fristgerecht beendet.",
name: "Anna K.",
role: "Bauherrin",
imageSrc: "http://img.b2bpic.net/free-photo/people-working-elegant-cozy-office-space_23-2149548713.jpg",
},
{
id: "t3",
title: "Tolle Arbeit",
quote: "Die Planung war einfach genial.",
name: "Jens B.",
role: "Unternehmer",
imageSrc: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg",
},
{
id: "t4",
title: "Sehr professionell",
quote: "Jederzeit wieder, einfach toll.",
name: "Sandra F.",
role: "Architektin",
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-architect-hard-hat_1303-18998.jpg",
},
{
id: "t5",
title: "Bauqualität top",
quote: "Handwerklich perfekte Arbeit.",
name: "Dirk S.",
role: "Investor",
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
},
{ id: "t1", title: "Sehr zufrieden", quote: "Top Bauunternehmen, sehr zuverlässig.", name: "Max M.", role: "Bauherr", imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-office-with-digital-tablet_1301-6633.jpg" },
{ id: "t2", title: "Exzellent", quote: "Projekt wurde fristgerecht beendet.", name: "Anna K.", role: "Bauherrin", imageSrc: "http://img.b2bpic.net/free-photo/people-working-elegant-cozy-office-space_23-2149548713.jpg" },
{ id: "t3", title: "Tolle Arbeit", quote: "Die Planung war einfach genial.", name: "Jens B.", role: "Unternehmer", imageSrc: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg" },
{ id: "t4", title: "Sehr professionell", quote: "Jederzeit wieder, einfach toll.", name: "Sandra F.", role: "Architektin", imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-architect-hard-hat_1303-18998.jpg" },
{ id: "t5", title: "Bauqualität top", quote: "Handwerklich perfekte Arbeit.", name: "Dirk S.", role: "Investor", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg" },
]}
title="Stimmen unserer Bauherren"
description="Was unsere Kunden über unsere Arbeit sagen."
@@ -366,30 +164,10 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
team={[
{
id: "m1",
name: "Max Bau",
role: "CEO",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-manual-worker-warehouse_329181-12798.jpg",
},
{
id: "m2",
name: "Lena Plan",
role: "Projektleitung",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-female-employee-standing-with-crossed-arms-looking-confident-wearing-white-shirt-standing-office_141793-21249.jpg",
},
{
id: "m3",
name: "Tom Hammer",
role: "Bauleiter",
imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg",
},
{
id: "m4",
name: "Sara Stein",
role: "Design",
imageSrc: "http://img.b2bpic.net/free-photo/graphic-designer-making-logo-notebook_23-2149142118.jpg",
},
{ id: "m1", name: "Max Bau", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/portrait-manual-worker-warehouse_329181-12798.jpg" },
{ id: "m2", name: "Lena Plan", role: "Projektleitung", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-female-employee-standing-with-crossed-arms-looking-confident-wearing-white-shirt-standing-office_141793-21249.jpg" },
{ id: "m3", name: "Tom Hammer", role: "Bauleiter", imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg" },
{ id: "m4", name: "Sara Stein", role: "Design", imageSrc: "http://img.b2bpic.net/free-photo/graphic-designer-making-logo-notebook_23-2149142118.jpg" },
]}
title="Unser Expertenteam"
description="Hinter jedem Stein steckt Leidenschaft."
@@ -400,21 +178,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "Bieten Sie Finanzierungen an?",
content: "Wir arbeiten mit ausgewählten Bankpartnern zusammen.",
},
{
id: "f2",
title: "Wie lange dauert ein Hausbau?",
content: "Durchschnittlich 8-12 Monate je nach Größe.",
},
{
id: "f3",
title: "Habe ich Gewährleistung?",
content: "Natürlich bieten wir 5 Jahre gesetzliche Garantie.",
},
{ id: "f1", title: "Bieten Sie Finanzierungen an?", content: "Wir arbeiten mit ausgewählten Bankpartnern zusammen." },
{ id: "f2", title: "Wie lange dauert ein Hausbau?", content: "Durchschnittlich 8-12 Monate je nach Größe." },
{ id: "f3", title: "Habe ich Gewährleistung?", content: "Natürlich bieten wir 5 Jahre gesetzliche Garantie." },
]}
sideTitle="Häufige Fragen"
faqsAnimation="blur-reveal"
@@ -424,48 +190,19 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
tag="Kontaktieren Sie uns"
title="Starten Sie Ihr Bauprojekt"
description="Wir stehen bereit, um Ihre Vision Realität werden zu lassen. Kontaktieren Sie uns noch heute für ein unverbindliches Erstgespräch."
buttons={[
{
text: "Termin vereinbaren",
href: "#",
},
]}
buttons={[{ text: "Termin vereinbaren", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Startseite",
href: "/",
},
{
label: "Über Uns",
href: "#",
},
],
},
{
items: [
{
label: "Impressum",
href: "#",
},
{
label: "Datenschutz",
href: "#",
},
],
},
{ items: [{ label: "Startseite", href: "/" }, { label: "Über Uns", href: "#" }] },
{ items: [{ label: "Impressum", href: "#" }, { label: "Datenschutz", href: "#" }] },
]}
logoText="Wir Baquen"
/>