Merge version_1 into main #2
324
src/app/page.tsx
324
src/app/page.tsx
@@ -16,236 +16,116 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Start",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Über Uns",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Leistungen",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Erdbau Pro"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Start", id: "hero" },
|
||||
{ name: "Über Uns", id: "about" },
|
||||
{ name: "Leistungen", id: "features" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="Erdbau Pro"
|
||||
button={{ text: "Anfrage", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Ihr Partner für professionellen Erdbau"
|
||||
description="Präzise Erdarbeiten, zuverlässige Umsetzung und moderne Bautechnik aus der Region. Wir bringen Ihre Bauvorhaben ins Rollen."
|
||||
buttons={[
|
||||
{
|
||||
text: "Leistungen",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
text: "Kontakt",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-tractor-operator_1398-1749.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-driving-special-vehicle-looking-camera_259150-57635.jpg",
|
||||
alt: "Team Mitglied 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-driving-special-vehicle-looking-camera_259150-57635.jpg",
|
||||
alt: "Team Mitglied 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-driving-special-vehicle-looking-camera_259150-57635.jpg",
|
||||
alt: "Team Mitglied 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-driving-special-vehicle-looking-camera_259150-57635.jpg",
|
||||
alt: "Team Mitglied 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-driving-special-vehicle-looking-camera_259150-57635.jpg",
|
||||
alt: "Team Mitglied 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Über 50 zufriedene Kunden"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Baggerarbeiten",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Kanalbau",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fundamentaushub",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Geländemodellierung",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Transport",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "plain" }}
|
||||
title="Ihr Partner für professionellen Erdbau"
|
||||
description="Präzise Erdarbeiten, zuverlässige Umsetzung und moderne Bautechnik aus der Region. Wir bringen Ihre Bauvorhaben ins Rollen."
|
||||
buttons={[{ text: "Leistungen", href: "#features" }, { text: "Kontakt", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-tractor-operator_1398-1749.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-driving-special-vehicle-looking-camera_259150-57635.jpg", alt: "Team Mitglied 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-driving-special-vehicle-looking-camera_259150-57635.jpg", alt: "Team Mitglied 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-driving-special-vehicle-looking-camera_259150-57635.jpg", alt: "Team Mitglied 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-driving-special-vehicle-looking-camera_259150-57635.jpg", alt: "Team Mitglied 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-driving-special-vehicle-looking-camera_259150-57635.jpg", alt: "Team Mitglied 5" },
|
||||
]}
|
||||
avatarText="Über 50 zufriedene Kunden"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Baggerarbeiten" },
|
||||
{ type: "text", text: "Kanalbau" },
|
||||
{ type: "text", text: "Fundamentaushub" },
|
||||
{ type: "text", text: "Geländemodellierung" },
|
||||
{ type: "text", text: "Transport" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Erfahrung, die man bewegt"
|
||||
description="Mit langjähriger Erfahrung in der Branche sind wir Ihr Ansprechpartner für Erdbau jeder Größenordnung. Unser moderner Maschinenpark garantiert Effizienz und Termintreue auf jeder Baustelle."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-driving-special-vehicle-looking-camera_259150-57635.jpg?_wi=1"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Erfahrung, die man bewegt"
|
||||
description="Mit langjähriger Erfahrung in der Branche sind wir Ihr Ansprechpartner für Erdbau jeder Größenordnung. Unser moderner Maschinenpark garantiert Effizienz und Termintreue auf jeder Baustelle."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-driving-special-vehicle-looking-camera_259150-57635.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Baugrubenaushub",
|
||||
description: "Präziser Aushub für Keller und Fundamente.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excavator_1385-624.jpg?_wi=1",
|
||||
titleIconSrc: "MapPin",
|
||||
buttonText: "Mehr erfahren",
|
||||
},
|
||||
{
|
||||
title: "Geländemodellierung",
|
||||
description: "Individuelle Anpassung Ihres Grundstücks nach Wunsch.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-two-excavators-building-site_181624-7771.jpg?_wi=1",
|
||||
titleIconSrc: "Maximize",
|
||||
buttonText: "Mehr erfahren",
|
||||
},
|
||||
{
|
||||
title: "Kanalbau",
|
||||
description: "Fachgerechte Erdarbeiten für Leitungssysteme.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excavator-digging-day-light-outdoors_23-2149194792.jpg",
|
||||
titleIconSrc: "Pipette",
|
||||
buttonText: "Mehr erfahren",
|
||||
},
|
||||
]}
|
||||
title="Unsere Leistungen"
|
||||
description="Von der Baugrube bis zur Geländemodellierung bieten wir das komplette Spektrum moderner Erdarbeiten."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Baugrubenaushub", description: "Präziser Aushub für Keller und Fundamente.", imageSrc: "http://img.b2bpic.net/free-photo/excavator_1385-624.jpg", titleIconSrc: "MapPin", buttonText: "Mehr erfahren" },
|
||||
{ title: "Geländemodellierung", description: "Individuelle Anpassung Ihres Grundstücks nach Wunsch.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-two-excavators-building-site_181624-7771.jpg", titleIconSrc: "Maximize", buttonText: "Mehr erfahren" },
|
||||
{ title: "Kanalbau", description: "Fachgerechte Erdarbeiten für Leitungssysteme.", imageSrc: "http://img.b2bpic.net/free-photo/excavator-digging-day-light-outdoors_23-2149194792.jpg", titleIconSrc: "Pipette", buttonText: "Mehr erfahren" },
|
||||
]}
|
||||
title="Unsere Leistungen"
|
||||
description="Von der Baugrube bis zur Geländemodellierung bieten wir das komplette Spektrum moderner Erdarbeiten."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Was unsere Kunden sagen"
|
||||
description="Vertrauen und Qualität stehen bei unseren Projekten an erster Stelle."
|
||||
showRating={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Max Mustermann",
|
||||
handle: "@bauherr",
|
||||
testimonial: "Sehr professionelle und saubere Arbeit bei unserem Baugrubenaushub.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-tractor-operator_1398-1749.jpg?_wi=2",
|
||||
imageAlt: "erdbau baustelle bagger bauarbeiter",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Petra Schmidt",
|
||||
handle: "@gartenbau",
|
||||
testimonial: "Tolle Kommunikation und schnelle Umsetzung unserer Geländeanpassung.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-driving-special-vehicle-looking-camera_259150-57635.jpg?_wi=2",
|
||||
imageAlt: "erdbau firma team arbeit",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Thomas Weber",
|
||||
handle: "@neubau",
|
||||
testimonial: "Zuverlässiger Partner für komplexe Erdarbeiten. Immer wieder gerne.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excavator_1385-624.jpg?_wi=2",
|
||||
imageAlt: "kettbagger erdbau baustelle",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Lisa K.",
|
||||
handle: "@umbau",
|
||||
testimonial: "Top Service und moderne Maschinen. Sehr empfehlenswert.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-two-excavators-building-site_181624-7771.jpg?_wi=2",
|
||||
imageAlt: "gelände modellierung erdarbeiten",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Was unsere Kunden sagen"
|
||||
description="Vertrauen und Qualität stehen bei unseren Projekten an erster Stelle."
|
||||
showRating={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Max Mustermann", handle: "@bauherr", testimonial: "Sehr professionelle und saubere Arbeit bei unserem Baugrubenaushub.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-tractor-operator_1398-1749.jpg" },
|
||||
{ id: "2", name: "Petra Schmidt", handle: "@gartenbau", testimonial: "Tolle Kommunikation und schnelle Umsetzung unserer Geländeanpassung.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-driving-special-vehicle-looking-camera_259150-57635.jpg" },
|
||||
{ id: "3", name: "Thomas Weber", handle: "@neubau", testimonial: "Zuverlässiger Partner für komplexe Erdarbeiten. Immer wieder gerne.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/excavator_1385-624.jpg" },
|
||||
{ id: "4", name: "Lisa K.", handle: "@umbau", testimonial: "Top Service und moderne Maschinen. Sehr empfehlenswert.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-two-excavators-building-site_181624-7771.jpg" },
|
||||
{ id: "5", name: "Klaus M.", handle: "@kunde", testimonial: "Bester Baggerbetrieb den wir hatten.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-driving-special-vehicle-looking-camera_259150-57635.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Kontakt"
|
||||
title="Ihr Bauprojekt startet hier"
|
||||
description="Haben Sie Fragen oder benötigen Sie ein Angebot? Schreiben Sie uns, wir melden uns schnellstmöglich zurück."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Kontakt"
|
||||
title="Ihr Bauprojekt startet hier"
|
||||
description="Haben Sie Fragen oder benötigen Sie ein Angebot? Schreiben Sie uns, wir melden uns schnellstmöglich zurück."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Unternehmen",
|
||||
items: [
|
||||
{
|
||||
label: "Über Uns",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Karriere",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rechtliches",
|
||||
items: [
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Erdbau Pro"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Unternehmen", items: [{ label: "Über Uns", href: "#about" }, { label: "Karriere", href: "#" }] },
|
||||
{ title: "Rechtliches", items: [{ label: "Impressum", href: "#" }, { label: "Datenschutz", href: "#" }] },
|
||||
]}
|
||||
logoText="Erdbau Pro"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user