Merge version_1 into main #2
308
src/app/page.tsx
308
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Home, Info, Hammer, Building2, Mail, Zap, Shield, Search, Star, Wrench } from 'lucide-react';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||||
@@ -31,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Leistungen",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Projekte",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Über uns", id: "about" },
|
||||
{ name: "Leistungen", id: "features" },
|
||||
{ name: "Projekte", id: "products" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="PS BAU Braunschweig"
|
||||
/>
|
||||
@@ -58,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="Ihr Partner für Bauprojekte in Braunschweig"
|
||||
description="PS BAU steht für Qualität, Zuverlässigkeit und handwerkliches Können bei Neubau, Sanierung und Gewerbebau in der Region Braunschweig."
|
||||
buttons={[
|
||||
{
|
||||
text: "Leistungen entdecken",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Leistungen entdecken", href: "#features" }]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-civil-engineer-isolated-white-background_185193-109475.jpg?_wi=1",
|
||||
imageAlt: "Baustellenansicht",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/site-engineer-construction-site_53876-42833.jpg?_wi=1",
|
||||
imageAlt: "Moderne Architektur",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-expert-presenting-office-space-layout-woman-using-blueprints_482257-90998.jpg?_wi=1",
|
||||
imageAlt: "Hochbau Qualität",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architecture-engineer-desktop_1421-123.jpg?_wi=1",
|
||||
imageAlt: "Bauleitung",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excavator-digging-ground-day-light_23-2149194773.jpg?_wi=1",
|
||||
imageAlt: "Baumaschinen",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-protective-helmet-turning-head-towards-camera_259150-57613.jpg",
|
||||
imageAlt: "Baufortschritt",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/young-man-civil-engineer-isolated-white-background_185193-109475.jpg", imageAlt: "Baustellenansicht" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/site-engineer-construction-site_53876-42833.jpg", imageAlt: "Moderne Architektur" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/real-estate-expert-presenting-office-space-layout-woman-using-blueprints_482257-90998.jpg", imageAlt: "Hochbau Qualität" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/architecture-engineer-desktop_1421-123.jpg", imageAlt: "Bauleitung" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/excavator-digging-ground-day-light_23-2149194773.jpg", imageAlt: "Baumaschinen" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/man-protective-helmet-turning-head-towards-camera_259150-57613.jpg", imageAlt: "Baufortschritt" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -111,18 +66,9 @@ export default function LandingPage() {
|
||||
title="PS BAU: Vertrauen durch Erfahrung"
|
||||
description="Wir realisieren Wohnträume und gewerbliche Bauprojekte mit höchstem Qualitätsanspruch. Seit Jahren Ihr lokaler Partner für Braunschweig und Umgebung."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Regional verwurzelt",
|
||||
description: "Eng verbunden mit der Region Braunschweig.",
|
||||
},
|
||||
{
|
||||
title: "Qualität am Bau",
|
||||
description: "Fachgerechte Ausführung nach neuesten Standards.",
|
||||
},
|
||||
{
|
||||
title: "Termintreue",
|
||||
description: "Ihr Projekt ist bei uns im Zeitplan sicher.",
|
||||
},
|
||||
{ title: "Regional verwurzelt", description: "Eng verbunden mit der Region Braunschweig.", icon: Home },
|
||||
{ title: "Qualität am Bau", description: "Fachgerechte Ausführung nach neuesten Standards.", icon: Shield },
|
||||
{ title: "Termintreue", description: "Ihr Projekt ist bei uns im Zeitplan sicher.", icon: Zap },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-sitting-ladder_23-2149214297.jpg"
|
||||
/>
|
||||
@@ -134,26 +80,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Neubau",
|
||||
description: "Individuelle Wohnkonzepte nach Maß.",
|
||||
},
|
||||
{
|
||||
title: "Sanierung",
|
||||
description: "Modernisierung mit Augenmaß und Fachwissen.",
|
||||
},
|
||||
{
|
||||
title: "Gewerbebau",
|
||||
description: "Effiziente Räume für Ihren Erfolg.",
|
||||
},
|
||||
{
|
||||
title: "Tiefbau",
|
||||
description: "Solide Fundamente für jedes Projekt.",
|
||||
},
|
||||
{
|
||||
title: "Außenanlagen",
|
||||
description: "Vollständige Gestaltung Ihres Grundstücks.",
|
||||
},
|
||||
{ title: "Neubau", description: "Individuelle Wohnkonzepte nach Maß.", icon: Building2 },
|
||||
{ title: "Sanierung", description: "Modernisierung mit Augenmaß und Fachwissen.", icon: Wrench },
|
||||
{ title: "Gewerbebau", description: "Effiziente Räume für Ihren Erfolg.", icon: Hammer },
|
||||
{ title: "Tiefbau", description: "Solide Fundamente für jedes Projekt.", icon: Search },
|
||||
{ title: "Außenanlagen", description: "Vollständige Gestaltung Ihres Grundstücks.", icon: Star },
|
||||
]}
|
||||
title="Unsere Kernkompetenzen"
|
||||
description="Vom ersten Spatenstich bis zur Schlüsselübergabe bieten wir ein umfassendes Portfolio für private und gewerbliche Kunden."
|
||||
@@ -167,42 +98,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Wohnanlage West",
|
||||
price: "Abschluss 2023",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teamwork-off-engineer-meeting-architectural-project_1421-116.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sanierung Gründerzeit",
|
||||
price: "Abschluss 2024",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086830.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Bürokomplex Mitte",
|
||||
price: "In Bau",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/prague-architecture_268835-3307.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Einfamilienhaus Nord",
|
||||
price: "Abschluss 2023",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-architect-sunlight_23-2148269296.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Gewerbehalle Süd",
|
||||
price: "In Bau",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/important-information-three-men-protective-helmet-looking-laptop-with-interest-while-standing-construction-site-day_259150-57630.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Außenanlage Park",
|
||||
price: "Abschluss 2024",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-with-blueprint_23-2147711055.jpg",
|
||||
},
|
||||
{ id: "1", name: "Wohnanlage West", price: "Abschluss 2023", imageSrc: "http://img.b2bpic.net/free-photo/teamwork-off-engineer-meeting-architectural-project_1421-116.jpg" },
|
||||
{ id: "2", name: "Sanierung Gründerzeit", price: "Abschluss 2024", imageSrc: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086830.jpg" },
|
||||
{ id: "3", name: "Bürokomplex Mitte", price: "In Bau", imageSrc: "http://img.b2bpic.net/free-photo/prague-architecture_268835-3307.jpg" },
|
||||
{ id: "4", name: "Einfamilienhaus Nord", price: "Abschluss 2023", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-architect-sunlight_23-2148269296.jpg" },
|
||||
{ id: "5", name: "Gewerbehalle Süd", price: "In Bau", imageSrc: "http://img.b2bpic.net/free-photo/important-information-three-men-protective-helmet-looking-laptop-with-interest-while-standing-construction-site-day_259150-57630.jpg" },
|
||||
{ id: "6", name: "Außenanlage Park", price: "Abschluss 2024", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-with-blueprint_23-2147711055.jpg" },
|
||||
]}
|
||||
title="Aktuelle Bauprojekte"
|
||||
description="Ein Einblick in unsere abgeschlossenen und laufenden Projekte im Raum Braunschweig."
|
||||
@@ -215,27 +116,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "15+",
|
||||
title: "Jahre Erfahrung",
|
||||
description: "Starke Expertise am Markt",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-construction-work-site_1398-2983.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "300+",
|
||||
title: "Projekte",
|
||||
description: "Glückliche Bauherren",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "20+",
|
||||
title: "Experten",
|
||||
description: "Unser starkes Team",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medieval-brick-church-windows-gothic-architecture-historic-masonry_169016-68133.jpg",
|
||||
},
|
||||
{ id: "1", value: "15+", title: "Jahre Erfahrung", description: "Starke Expertise am Markt", imageSrc: "http://img.b2bpic.net/free-photo/view-construction-work-site_1398-2983.jpg" },
|
||||
{ id: "2", value: "300+", title: "Projekte", description: "Glückliche Bauherren", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg" },
|
||||
{ id: "3", value: "20+", title: "Experten", description: "Unser starkes Team", imageSrc: "http://img.b2bpic.net/free-photo/medieval-brick-church-windows-gothic-architecture-historic-masonry_169016-68133.jpg" },
|
||||
]}
|
||||
title="Unsere Erfolge in Zahlen"
|
||||
description="Erfahrung, die man bauen kann."
|
||||
@@ -247,61 +130,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Familie Meier",
|
||||
date: "12.05.2023",
|
||||
title: "Einfamilienhaus",
|
||||
quote: "Tolle Arbeit und termingerecht!",
|
||||
tag: "Neubau",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-architect-shaking-hands_23-2148233782.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-civil-engineer-isolated-white-background_185193-109475.jpg?_wi=2",
|
||||
imageAlt: "kunde zufrieden hausbau",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Max Schmidt",
|
||||
date: "10.02.2024",
|
||||
title: "Gewerbebau",
|
||||
quote: "Sehr kompetente Abwicklung.",
|
||||
tag: "Gewerbe",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12848.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/site-engineer-construction-site_53876-42833.jpg?_wi=2",
|
||||
imageAlt: "kunde zufrieden hausbau",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Anna Weber",
|
||||
date: "05.11.2023",
|
||||
title: "Hausumbau",
|
||||
quote: "Jederzeit wieder, einfach top.",
|
||||
tag: "Sanierung",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-happy-expression_1194-3551.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-expert-presenting-office-space-layout-woman-using-blueprints_482257-90998.jpg?_wi=2",
|
||||
imageAlt: "kunde zufrieden hausbau",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Bürozentrum GmbH",
|
||||
date: "20.08.2023",
|
||||
title: "Sanierung",
|
||||
quote: "Sehr empfehlenswertes Bauunternehmen.",
|
||||
tag: "Gewerbe",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/very-important-project-must-be-done_329181-10311.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architecture-engineer-desktop_1421-123.jpg?_wi=2",
|
||||
imageAlt: "kunde zufrieden hausbau",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Familie Lehmann",
|
||||
date: "15.01.2024",
|
||||
title: "Rohbau",
|
||||
quote: "Hervorragende Qualität.",
|
||||
tag: "Neubau",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/sport-man-with-helmet_1154-127.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excavator-digging-ground-day-light_23-2149194773.jpg?_wi=2",
|
||||
imageAlt: "kunde zufrieden hausbau",
|
||||
},
|
||||
{ id: "1", name: "Familie Meier", date: "12.05.2023", title: "Einfamilienhaus", quote: "Tolle Arbeit und termingerecht!", tag: "Neubau", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-architect-shaking-hands_23-2148233782.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-man-civil-engineer-isolated-white-background_185193-109475.jpg" },
|
||||
{ id: "2", name: "Max Schmidt", date: "10.02.2024", title: "Gewerbebau", quote: "Sehr kompetente Abwicklung.", tag: "Gewerbe", avatarSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12848.jpg", imageSrc: "http://img.b2bpic.net/free-photo/site-engineer-construction-site_53876-42833.jpg" },
|
||||
{ id: "3", name: "Anna Weber", date: "05.11.2023", title: "Hausumbau", quote: "Jederzeit wieder, einfach top.", tag: "Sanierung", avatarSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-happy-expression_1194-3551.jpg", imageSrc: "http://img.b2bpic.net/free-photo/real-estate-expert-presenting-office-space-layout-woman-using-blueprints_482257-90998.jpg" },
|
||||
{ id: "4", name: "Bürozentrum GmbH", date: "20.08.2023", title: "Sanierung", quote: "Sehr empfehlenswertes Bauunternehmen.", tag: "Gewerbe", avatarSrc: "http://img.b2bpic.net/free-photo/very-important-project-must-be-done_329181-10311.jpg", imageSrc: "http://img.b2bpic.net/free-photo/architecture-engineer-desktop_1421-123.jpg" },
|
||||
{ id: "5", name: "Familie Lehmann", date: "15.01.2024", title: "Rohbau", quote: "Hervorragende Qualität.", tag: "Neubau", avatarSrc: "http://img.b2bpic.net/free-photo/sport-man-with-helmet_1154-127.jpg", imageSrc: "http://img.b2bpic.net/free-photo/excavator-digging-ground-day-light_23-2149194773.jpg" },
|
||||
]}
|
||||
title="Kundenstimmen"
|
||||
description="Was unsere Partner und Bauherren über die Zusammenarbeit sagen."
|
||||
@@ -312,31 +145,11 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Wie lange dauert eine Planung?",
|
||||
content: "Das hängt von der Komplexität ab, meist 4-8 Wochen.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Bieten Sie auch Beratung?",
|
||||
content: "Ja, wir beraten Sie unverbindlich zu allen Fragen.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Arbeiten Sie nur in BS?",
|
||||
content: "Wir sind in ganz Braunschweig und Umgebung tätig.",
|
||||
},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Übernehmen Sie auch die Statik?",
|
||||
content: "Ja, wir arbeiten eng mit spezialisierten Statikern zusammen.",
|
||||
},
|
||||
{
|
||||
id: "q5",
|
||||
title: "Sind Sie auch für Notfälle da?",
|
||||
content: "Bei dringenden Sanierungsfällen finden wir kurzfristige Lösungen.",
|
||||
},
|
||||
{ id: "q1", title: "Wie lange dauert eine Planung?", content: "Das hängt von der Komplexität ab, meist 4-8 Wochen." },
|
||||
{ id: "q2", title: "Bieten Sie auch Beratung?", content: "Ja, wir beraten Sie unverbindlich zu allen Fragen." },
|
||||
{ id: "q3", title: "Arbeiten Sie nur in BS?", content: "Wir sind in ganz Braunschweig und Umgebung tätig." },
|
||||
{ id: "q4", title: "Übernehmen Sie auch die Statik?", content: "Ja, wir arbeiten eng mit spezialisierten Statikern zusammen." },
|
||||
{ id: "q5", title: "Sind Sie auch für Notfälle da?", content: "Bei dringenden Sanierungsfällen finden wir kurzfristige Lösungen." },
|
||||
]}
|
||||
sideTitle="Fragen? Wir haben Antworten."
|
||||
faqsAnimation="slide-up"
|
||||
@@ -346,50 +159,19 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
tag="Kontaktieren Sie uns"
|
||||
title="Bereit für Ihr Bauprojekt?"
|
||||
description="Lassen Sie uns gemeinsam Ihr Vorhaben in Braunschweig verwirklichen."
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt anfragen",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Jetzt anfragen", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "PS BAU",
|
||||
items: [
|
||||
{
|
||||
label: "Über uns",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Leistungen",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rechtliches",
|
||||
items: [
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "PS BAU", items: [{ label: "Über uns", href: "#about" }, { label: "Leistungen", href: "#features" }] },
|
||||
{ title: "Rechtliches", items: [{ label: "Impressum", href: "#" }, { label: "Datenschutz", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 PS BAU Braunschweig"
|
||||
bottomRightText="Design by Webild"
|
||||
|
||||
Reference in New Issue
Block a user