Merge version_1 into main #2
184
src/app/page.tsx
184
src/app/page.tsx
@@ -29,25 +29,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Startseite",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Startseite", id: "hero"},
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "about",
|
||||
},
|
||||
name: "Über uns", id: "about"},
|
||||
{
|
||||
name: "Leistungen",
|
||||
id: "services",
|
||||
},
|
||||
name: "Leistungen", id: "services"},
|
||||
{
|
||||
name: "Referenzen",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Referenzen", id: "testimonials"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Kontakt", id: "contact"},
|
||||
]}
|
||||
brandName="Bauunternehmen GmbH"
|
||||
/>
|
||||
@@ -56,77 +46,48 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Ihr Partner für Bauprojekte der Zukunft"
|
||||
description="Wir realisieren Wohnträume und Gewerbeobjekte mit höchster Präzision, Zuverlässigkeit und innovativer Technik. Seit Jahrzehnten Ihr Experte für Qualitätsbau."
|
||||
kpis={[
|
||||
{
|
||||
value: "35+",
|
||||
label: "Jahre Erfahrung",
|
||||
},
|
||||
value: "35+", label: "Jahre Erfahrung"},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Projekte vollendet",
|
||||
},
|
||||
value: "500+", label: "Projekte vollendet"},
|
||||
{
|
||||
value: "120",
|
||||
label: "Experten im Team",
|
||||
},
|
||||
value: "120", label: "Experten im Team"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt anfragen",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Jetzt anfragen", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862098.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862098.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-couple-inside-their-new-home-holding-house-plans_23-2148895457.jpg",
|
||||
alt: "Kunde 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-couple-inside-their-new-home-holding-house-plans_23-2148895457.jpg", alt: "Kunde 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3864.jpg",
|
||||
alt: "Kunde 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3864.jpg", alt: "Kunde 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-354.jpg",
|
||||
alt: "Kunde 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-354.jpg", alt: "Kunde 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124257.jpg",
|
||||
alt: "Kunde 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124257.jpg", alt: "Kunde 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-worker-while-others-look-serious_1170-85.jpg",
|
||||
alt: "Kunde 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-worker-while-others-look-serious_1170-85.jpg", alt: "Kunde 5"},
|
||||
]}
|
||||
avatarText="Mehr als 500 zufriedene Kunden vertrauen auf unsere Arbeit."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Hochwertiges Bauen",
|
||||
},
|
||||
type: "text", text: "Hochwertiges Bauen"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Termingerechte Abwicklung",
|
||||
},
|
||||
type: "text", text: "Termingerechte Abwicklung"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Innovative Technik",
|
||||
},
|
||||
type: "text", text: "Innovative Technik"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Nachhaltige Materialien",
|
||||
},
|
||||
type: "text", text: "Nachhaltige Materialien"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Experten vor Ort",
|
||||
},
|
||||
type: "text", text: "Experten vor Ort"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -136,20 +97,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Tradition trifft auf Innovation",
|
||||
},
|
||||
type: "text", content: "Tradition trifft auf Innovation"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/woman-men-looking-laptop-construction_259150-57850.jpg",
|
||||
alt: "Unser Team",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/woman-men-looking-laptop-construction_259150-57850.jpg", alt: "Unser Team"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Mehr erfahren",
|
||||
href: "#",
|
||||
},
|
||||
text: "Mehr erfahren", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -161,41 +115,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Wohnungsbau",
|
||||
description: "Moderne Wohnlösungen, die Ästhetik und Effizienz vereinen.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-architect-with-building-plans_23-2148269412.jpg?_wi=1",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-architect-with-building-plans_23-2148269412.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862098.jpg?_wi=2",
|
||||
imageAlt: "construction site worker helmet",
|
||||
title: "Wohnungsbau", description: "Moderne Wohnlösungen, die Ästhetik und Effizienz vereinen.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-architect-with-building-plans_23-2148269412.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-architect-with-building-plans_23-2148269412.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Gewerbebau",
|
||||
description: "Funktionale Gewerbeobjekte nach Ihren individuellen Anforderungen.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/background-modern-building-with-metal-frame_1127-2200.jpg?_wi=1",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/background-modern-building-with-metal-frame_1127-2200.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-men-looking-laptop-construction_259150-57850.jpg",
|
||||
imageAlt: "team of engineers construction",
|
||||
title: "Gewerbebau", description: "Funktionale Gewerbeobjekte nach Ihren individuellen Anforderungen.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/background-modern-building-with-metal-frame_1127-2200.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/background-modern-building-with-metal-frame_1127-2200.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Infrastruktur",
|
||||
description: "Starke Lösungen für den öffentlichen und industriellen Bereich.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heavy-machines-construction-workers-working-building_181624-8234.jpg?_wi=1",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heavy-machines-construction-workers-working-building_181624-8234.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-architect-with-building-plans_23-2148269412.jpg?_wi=3",
|
||||
imageAlt: "modern home renovation residential",
|
||||
},
|
||||
title: "Infrastruktur", description: "Starke Lösungen für den öffentlichen und industriellen Bereich.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/heavy-machines-construction-workers-working-building_181624-8234.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/heavy-machines-construction-workers-working-building_181624-8234.jpg" }
|
||||
}
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Unsere Bauleistungen"
|
||||
@@ -210,40 +140,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Familie Müller",
|
||||
handle: "@bauherren",
|
||||
testimonial: "Hervorragende Arbeit und absolut termingerecht fertiggestellt.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-inside-their-new-home-holding-house-plans_23-2148895457.jpg",
|
||||
},
|
||||
id: "1", name: "Familie Müller", handle: "@bauherren", testimonial: "Hervorragende Arbeit und absolut termingerecht fertiggestellt.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-inside-their-new-home-holding-house-plans_23-2148895457.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Dr. Schmidt",
|
||||
handle: "@gewerbekunde",
|
||||
testimonial: "Professionelle Abwicklung unserer neuen Firmenzentrale.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3864.jpg",
|
||||
},
|
||||
id: "2", name: "Dr. Schmidt", handle: "@gewerbekunde", testimonial: "Professionelle Abwicklung unserer neuen Firmenzentrale.", imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3864.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Frau Weber",
|
||||
handle: "@renovierung",
|
||||
testimonial: "Die Beratung im Vorfeld war super. Umsetzung exzellent.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-354.jpg",
|
||||
},
|
||||
id: "3", name: "Frau Weber", handle: "@renovierung", testimonial: "Die Beratung im Vorfeld war super. Umsetzung exzellent.", imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-354.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Herr Klein",
|
||||
handle: "@architekt",
|
||||
testimonial: "Als Planer schätze ich die präzise Umsetzung vor Ort sehr.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124257.jpg",
|
||||
},
|
||||
id: "4", name: "Herr Klein", handle: "@architekt", testimonial: "Als Planer schätze ich die präzise Umsetzung vor Ort sehr.", imageSrc: "http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124257.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Familie Schneider",
|
||||
handle: "@einfamilienhaus",
|
||||
testimonial: "Vielen Dank für unser tolles neues Zuhause!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-worker-while-others-look-serious_1170-85.jpg",
|
||||
},
|
||||
id: "5", name: "Familie Schneider", handle: "@einfamilienhaus", testimonial: "Vielen Dank für unser tolles neues Zuhause!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-worker-while-others-look-serious_1170-85.jpg"},
|
||||
]}
|
||||
title="Kundenstimmen"
|
||||
description="Überzeugen Sie sich selbst von unserem hohen Qualitätsanspruch."
|
||||
@@ -254,16 +159,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Kontakt"
|
||||
title="Starten Sie Ihr Bauprojekt mit uns"
|
||||
description="Sie haben ein konkretes Vorhaben oder Fragen? Unser Team berät Sie gerne."
|
||||
buttons={[
|
||||
{
|
||||
text: "Kontakt aufnehmen",
|
||||
href: "mailto:info@bauunternehmen.de",
|
||||
},
|
||||
text: "Kontakt aufnehmen", href: "mailto:info@bauunternehmen.de"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -272,16 +174,12 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Bauunternehmen GmbH"
|
||||
leftLink={{
|
||||
text: "Impressum",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Impressum", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Datenschutz",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Datenschutz", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user