406 lines
14 KiB
TypeScript
406 lines
14 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||
import { Award, CheckCircle, Clock } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="elastic-effect"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="rounded"
|
||
contentWidth="smallMedium"
|
||
sizing="largeSizeMediumTitles"
|
||
background="aurora"
|
||
cardStyle="solid"
|
||
primaryButtonStyle="diagonal-gradient"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="medium"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
navItems={[
|
||
{
|
||
name: "Leistungen",
|
||
id: "services",
|
||
},
|
||
{
|
||
name: "Prozess",
|
||
id: "process",
|
||
},
|
||
{
|
||
name: "Referenzen",
|
||
id: "testimonials",
|
||
},
|
||
{
|
||
name: "Kontakt",
|
||
id: "contact",
|
||
},
|
||
]}
|
||
brandName="MC Montageservice"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroOverlayTestimonial
|
||
title="Montageservice in Freiburg, der hält, was andere versprechen."
|
||
description="Schnell. Sauber. Zuverlässig. Wir montieren Ihre Möbel professionell – damit Sie sich um nichts kümmern müssen."
|
||
testimonials={[
|
||
{
|
||
name: "Inga Jürgens",
|
||
handle: "@ingaj",
|
||
testimonial: "Besser geht es nicht.",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15656.jpg",
|
||
imageAlt: "professional furniture assembly team Freiburg",
|
||
},
|
||
{
|
||
name: "Tim Zimmermann",
|
||
handle: "@timz",
|
||
testimonial: "Perfekt, schnell und zuverlässig.",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-contractor-tiling-floor_23-2149344006.jpg",
|
||
imageAlt: "professional furniture assembly team Freiburg",
|
||
},
|
||
{
|
||
name: "Dimitra P.",
|
||
handle: "@dimip",
|
||
testimonial: "Sauber, präzise und unglaublich freundlich.",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-cutting-mdf-board_23-2149384781.jpg",
|
||
imageAlt: "professional furniture assembly team Freiburg",
|
||
},
|
||
{
|
||
name: "Lukas M.",
|
||
handle: "@lukasm",
|
||
testimonial: "Sehr professionelle Arbeit, gerne wieder.",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-living-room-with-white-cabinet-decorative-elements_23-2151972883.jpg",
|
||
imageAlt: "professional furniture assembly team Freiburg",
|
||
},
|
||
{
|
||
name: "Sabine F.",
|
||
handle: "@sabinef",
|
||
testimonial: "Ein echter Profi am Werk, vielen Dank!",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-girl-smiling-happy-standing-city_839833-24626.jpg",
|
||
imageAlt: "professional furniture assembly team Freiburg",
|
||
},
|
||
]}
|
||
buttons={[
|
||
{
|
||
text: "Jetzt Angebot anfragen",
|
||
href: "#contact",
|
||
},
|
||
{
|
||
text: "Direkt anrufen",
|
||
href: "tel:+49123456789",
|
||
},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15656.jpg"
|
||
imageAlt="Professionelle Möbelmontage in Freiburg"
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/young-pretty-woman-outdoors_624325-737.jpg",
|
||
alt: "happy customer 1",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/view-attractive-woman-doing-selfie-camera_197531-33575.jpg",
|
||
alt: "happy customer 2",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/young-cozy-woman-outdoors_624325-752.jpg",
|
||
alt: "happy customer 3",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/happy-young-smiling-mestizo-woman-looking-camera-headshot-portrait_1163-4854.jpg",
|
||
alt: "happy customer 4",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-cozy-office_23-2149739353.jpg",
|
||
alt: "happy customer 5",
|
||
},
|
||
]}
|
||
avatarText="Über 50 zufriedene Kunden"
|
||
/>
|
||
</div>
|
||
|
||
<div id="social-proof" data-section="social-proof">
|
||
<SocialProofOne
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
names={[
|
||
"Freiburg Privatkunden",
|
||
"Immobilienmakler Freiburg",
|
||
"Bürokomplex Umland",
|
||
"Lokale Gastronomie",
|
||
"Wohnungsbaugesellschaften",
|
||
"Studentenwohnheime",
|
||
"Einzelhandelsketten",
|
||
]}
|
||
title="Über 50 zufriedene Kunden in Freiburg & Umgebung vertrauen auf MC Montageservice"
|
||
description="Erfolgreiche Projekte für Privatkunden und Unternehmen."
|
||
/>
|
||
</div>
|
||
|
||
<div id="features-problem" data-section="features-problem">
|
||
<FeatureCardSix
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
title: "Kein Stress",
|
||
description: "Sie lehnen sich zurück, wir montieren alles präzise und sauber.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-contractor-tiling-floor_23-2149344006.jpg",
|
||
imageAlt: "Kein Stress Montage",
|
||
},
|
||
{
|
||
title: "Kein Risiko",
|
||
description: "Unsere Arbeit ist versichert und entspricht höchsten handwerklichen Standards.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-cutting-mdf-board_23-2149384781.jpg",
|
||
imageAlt: "Kein Risiko Montage",
|
||
},
|
||
{
|
||
title: "Kein Zeitverlust",
|
||
description: "Pünktlich auf die Minute, damit Ihr Tag nicht durch Montagearbeiten aufgehalten wird.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-living-room-with-white-cabinet-decorative-elements_23-2151972883.jpg",
|
||
imageAlt: "Kein Zeitverlust Montage",
|
||
},
|
||
]}
|
||
title="Möbelaufbau kann schnell zum Stress werden"
|
||
description="Unklare Anleitungen, fehlendes Werkzeug, stundenlange Arbeit – und am Ende passt es trotzdem nicht perfekt. Wir übernehmen den kompletten Aufbau – professionell, effizient und sauber."
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<TextSplitAbout
|
||
useInvertedBackground={true}
|
||
title="Unsere Leistungen"
|
||
description={[
|
||
"• Möbelmontage (IKEA, XXXLutz, Poco, etc.)",
|
||
"• PAX Schranksysteme (Spezialist)",
|
||
"• Küchenmontage & individuelle Sonderlösungen",
|
||
"• TV-Wandmontage & Lampeninstallation",
|
||
"• Umzugsnahe Montagearbeiten",
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="why-us" data-section="why-us">
|
||
<MetricCardOne
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="uniform-all-items-equal"
|
||
useInvertedBackground={false}
|
||
metrics={[
|
||
{
|
||
id: "m1",
|
||
value: "100%",
|
||
title: "Weiterempfehlungsrate",
|
||
description: "Unser Ziel ist höchste Zufriedenheit.",
|
||
icon: Award,
|
||
},
|
||
{
|
||
id: "m2",
|
||
value: "24h",
|
||
title: "Reaktionszeit",
|
||
description: "Schnelle Antwort auf Anfragen.",
|
||
icon: Clock,
|
||
},
|
||
{
|
||
id: "m3",
|
||
value: "50+",
|
||
title: "Projekte",
|
||
description: "Erfolgreich montierte Möbelstücke.",
|
||
icon: CheckCircle,
|
||
},
|
||
]}
|
||
title="Warum Kunden uns immer wieder buchen"
|
||
description="Wir setzen auf Qualität statt Quantität."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardOne
|
||
textboxLayout="default"
|
||
gridVariant="asymmetric-60-wide-40-narrow"
|
||
useInvertedBackground={true}
|
||
testimonials={[
|
||
{
|
||
id: "1",
|
||
name: "Inga Jürgens",
|
||
role: "Kundin",
|
||
company: "Freiburg",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-girl-smiling-happy-standing-city_839833-24626.jpg",
|
||
},
|
||
{
|
||
id: "2",
|
||
name: "Tim Zimmermann",
|
||
role: "Kunde",
|
||
company: "Freiburg",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-pensive-beautiful-business-woman_1262-2981.jpg",
|
||
},
|
||
{
|
||
id: "3",
|
||
name: "Dimitra P.",
|
||
role: "Kundin",
|
||
company: "Freiburg",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-sporty-woman-smiling-happy-using-headphones-dancing-city_839833-15444.jpg",
|
||
},
|
||
{
|
||
id: "4",
|
||
name: "Jonathan R.",
|
||
role: "Kunde",
|
||
company: "Freiburg",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-night-city-lights_23-2149024667.jpg",
|
||
},
|
||
{
|
||
id: "5",
|
||
name: "Maria K.",
|
||
role: "Kundin",
|
||
company: "Freiburg",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-sitting-table_1262-5373.jpg",
|
||
},
|
||
]}
|
||
title="Das sagen unsere Kunden"
|
||
description="Echte Stimmen aus Freiburg und Umgebung."
|
||
/>
|
||
</div>
|
||
|
||
<div id="process" data-section="process">
|
||
<FeatureCardSix
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
title: "Anfrage senden",
|
||
description: "Sie schicken uns Fotos oder Details Ihres Projekts.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/pullout-drawer-black-cabinet-countertop-modern-organization_169016-71206.jpg",
|
||
imageAlt: "Anfrage",
|
||
},
|
||
{
|
||
title: "Schnelles Angebot",
|
||
description: "Sie erhalten kurzfristig einen fairen Festpreis.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/man-taking-measures-with-roulette_23-2148384521.jpg",
|
||
imageAlt: "Angebot",
|
||
},
|
||
{
|
||
title: "Termin & Montage",
|
||
description: "Wir kommen pünktlich und erledigen alles sauber.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-painting-watercolors_23-2150170390.jpg",
|
||
imageAlt: "Montage",
|
||
},
|
||
]}
|
||
title="So einfach funktioniert’s"
|
||
description="In 3 Schritten zu Ihren aufgebauten Möbeln."
|
||
/>
|
||
</div>
|
||
|
||
<div id="about-owner" data-section="about-owner">
|
||
<TextSplitAbout
|
||
useInvertedBackground={true}
|
||
title="Ihr Ansprechpartner: Mario Cosic"
|
||
description={[
|
||
"Ich lege persönlich Wert darauf, dass jede Montage perfekt ausgeführt wird.",
|
||
"Gemeinsam mit meinem Team sorge ich dafür, dass Sie sich auf das Ergebnis verlassen können – ohne Stress, ohne Überraschungen.",
|
||
"Viele unserer Kunden buchen uns immer wieder oder empfehlen uns direkt weiter.",
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="seo-local" data-section="seo-local">
|
||
<TextSplitAbout
|
||
useInvertedBackground={false}
|
||
title="Montageservice in Freiburg & Umgebung"
|
||
description={[
|
||
"Wir sind in Freiburg im Breisgau sowie im gesamten Umland für Sie im Einsatz.",
|
||
"Egal ob einzelne Möbelstücke oder komplette Einrichtungen – wir sind Ihr zuverlässiger Partner vor Ort.",
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplitForm
|
||
useInvertedBackground={true}
|
||
title="Jetzt stressfrei montieren lassen"
|
||
description="Antwort in der Regel innerhalb weniger Stunden."
|
||
inputs={[
|
||
{
|
||
name: "name",
|
||
type: "text",
|
||
placeholder: "Ihr Name",
|
||
required: true,
|
||
},
|
||
{
|
||
name: "email",
|
||
type: "email",
|
||
placeholder: "E-Mail-Adresse",
|
||
required: true,
|
||
},
|
||
]}
|
||
textarea={{
|
||
name: "message",
|
||
placeholder: "Ihr Anliegen (z.B. Möbel-Typ, Ort)",
|
||
rows: 4,
|
||
required: true,
|
||
}}
|
||
imageSrc="http://img.b2bpic.net/free-photo/shopping-technology-thoughtful-man-showing-digital-tablet-screen-looking-upper-left-corner-thinking-standing_1258-26601.jpg"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterLogoEmphasis
|
||
columns={[
|
||
{
|
||
items: [
|
||
{
|
||
label: "Über uns",
|
||
href: "#about-owner",
|
||
},
|
||
{
|
||
label: "Leistungen",
|
||
href: "#services",
|
||
},
|
||
{
|
||
label: "Kontakt",
|
||
href: "#contact",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
items: [
|
||
{
|
||
label: "Impressum",
|
||
href: "#",
|
||
},
|
||
{
|
||
label: "Datenschutz",
|
||
href: "#",
|
||
},
|
||
],
|
||
},
|
||
]}
|
||
logoText="MC Montageservice"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|