177 lines
8.4 KiB
TypeScript
177 lines
8.4 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||
import { Award, BarChart2, Bell, CheckCircle } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="expand-hover"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="rounded"
|
||
contentWidth="medium"
|
||
sizing="mediumLargeSizeLargeTitles"
|
||
background="none"
|
||
cardStyle="soft-shadow"
|
||
primaryButtonStyle="primary-glow"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="bold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleFullscreen
|
||
navItems={[
|
||
{
|
||
name: "Start", id: "hero"},
|
||
{
|
||
name: "Leistungen", id: "services"},
|
||
{
|
||
name: "Prozess", id: "process"},
|
||
{
|
||
name: "Über uns", id: "about"},
|
||
{
|
||
name: "Kontakt", id: "contact"},
|
||
]}
|
||
brandName="Schaaf Immobilien"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboard
|
||
background={{
|
||
variant: "sparkles-gradient"}}
|
||
title="Immobilien auf höchstem Niveau."
|
||
description="Persönlich. Schnell. Verlässlich. Ihr exklusiver Immobilienpartner in der Region."
|
||
buttons={[
|
||
{
|
||
text: "Immobilie verkaufen", href: "#contact"},
|
||
{
|
||
text: "Kostenlose Bewertung", href: "#contact"},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/modern-luxury-villa-with-swimming-pool_23-2151974387.jpg"
|
||
imageAlt="Luxusimmobilie"
|
||
mediaAnimation="slide-up"
|
||
avatars={[
|
||
{ src: "http://img.b2bpic.net/free-photo/modern-luxury-villa-with-swimming-pool_23-2151974387.jpg", alt: "Client 1" },
|
||
{ src: "http://img.b2bpic.net/free-photo/modern-luxury-villa-with-swimming-pool_23-2151974387.jpg", alt: "Client 2" },
|
||
{ src: "http://img.b2bpic.net/free-photo/modern-luxury-villa-with-swimming-pool_23-2151974387.jpg", alt: "Client 3" },
|
||
{ src: "http://img.b2bpic.net/free-photo/modern-luxury-villa-with-swimming-pool_23-2151974387.jpg", alt: "Client 4" },
|
||
{ src: "http://img.b2bpic.net/free-photo/modern-luxury-villa-with-swimming-pool_23-2151974387.jpg", alt: "Client 5" },
|
||
]}
|
||
marqueeItems={[
|
||
{ type: "text", text: "Exklusive Lagen" },
|
||
{ type: "text", text: "Diskrete Vermittlung" },
|
||
{ type: "text", text: "Marktexpertise" },
|
||
{ type: "text", text: "Persönlicher Service" },
|
||
{ type: "text", text: "Höchste Standards" },
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureCardTwentySeven
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
id: "1", title: "Immobilienverkauf", descriptions: ["Wir erzielen den besten Preis für Ihre Immobilie – mit Strategie, Netzwerk und Erfahrung."],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-villa-with-swimming-pool_23-2151974387.jpg"},
|
||
{
|
||
id: "2", title: "Immobilienbewertung", descriptions: ["Kostenlos, präzise und marktgerecht. Ermitteln Sie den wahren Wert Ihres Objekts."],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/modern-businessman-businesswoman-shaking-hands_23-2147702443.jpg"},
|
||
{
|
||
id: "3", title: "Kaufbegleitung", descriptions: ["Von der Suche bis zur Schlüsselübergabe – wir sind an Ihrer Seite."],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/key-door-lock-still-life_23-2151011293.jpg"},
|
||
]}
|
||
title="Unsere Leistungen"
|
||
description="Wir begleiten Sie diskret und professionell durch den gesamten Verkaufsprozess."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardSix
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Udo Meyer", handle: "Verkäufer", testimonial: "Professionell, schnell und absolut zuverlässig. So einen Makler findet man selten.", imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-villa-with-swimming-pool_23-2151974387.jpg"},
|
||
{
|
||
id: "2", name: "Sarah Müller", handle: "Käuferin", testimonial: "Der Ablauf war super einfach und mega schnell. Absolute Empfehlung!", imageSrc: "http://img.b2bpic.net/free-photo/modern-businessman-businesswoman-shaking-hands_23-2147702443.jpg"},
|
||
{
|
||
id: "3", name: "Thomas Weber", handle: "Verkäufer", testimonial: "Kompetente Beratung und perfekte Begleitung bis zum Ende.", imageSrc: "http://img.b2bpic.net/free-photo/key-door-lock-still-life_23-2151011293.jpg"},
|
||
{
|
||
id: "4", name: "Elena Schmidt", handle: "Käuferin", testimonial: "Man fühlt sich super aufgehoben – alles lief schnell und absolut unkompliziert.", imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-villa-with-swimming-pool_23-2151974387.jpg"},
|
||
{
|
||
id: "5", name: "Markus Klein", handle: "Verkäufer", testimonial: "Höchste Professionalität und Diskretion. Wir sind begeistert.", imageSrc: "http://img.b2bpic.net/free-photo/modern-businessman-businesswoman-shaking-hands_23-2147702443.jpg"},
|
||
]}
|
||
title="Das sagen unsere Kunden"
|
||
description="Erfahren Sie, warum Eigentümer und Käufer uns vertrauen."
|
||
/>
|
||
</div>
|
||
|
||
<div id="process" data-section="process">
|
||
<MetricCardThree
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
metrics={[
|
||
{ id: "m1", title: "Bewertung", value: "01", icon: BarChart2 },
|
||
{ id: "m2", title: "Vermarktung", value: "02", icon: Bell },
|
||
{ id: "m3", title: "Verhandlung", value: "03", icon: Award },
|
||
{ id: "m4", title: "Abschluss", value: "04", icon: CheckCircle },
|
||
]}
|
||
title="Erfolgsgarantie"
|
||
description="Unser transparenter Prozess für Ihren Immobilienverkauf."
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TextSplitAbout
|
||
useInvertedBackground={false}
|
||
title="Persönlich. Ehrlich. Engagiert."
|
||
description={[
|
||
"Bei Schaaf Immobilien stehen Sie im Mittelpunkt. Wir begleiten Sie nicht nur fachlich, sondern auch menschlich – transparent, schnell und zuverlässig."]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplitForm
|
||
useInvertedBackground={false}
|
||
title="Was ist Ihre Immobilie wert?"
|
||
description="Lassen Sie Ihre Immobilie kostenlos und unverbindlich bewerten."
|
||
inputs={[
|
||
{ name: "name", type: "text", placeholder: "Ihr Name", required: true },
|
||
{ name: "email", type: "email", placeholder: "Ihre E-Mail", required: true },
|
||
{ name: "phone", type: "tel", placeholder: "Ihre Telefonnummer" },
|
||
]}
|
||
textarea={{ name: "message", placeholder: "Ihre Nachricht", rows: 4 }}
|
||
imageSrc="http://img.b2bpic.net/free-photo/key-door-lock-still-life_23-2151011293.jpg"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterLogoEmphasis
|
||
columns={[
|
||
{ items: [{ label: "Start", href: "#hero" }, { label: "Leistungen", href: "#services" }] },
|
||
{ items: [{ label: "Über uns", href: "#about" }, { label: "Kontakt", href: "#contact" }] },
|
||
{ items: [{ label: "Impressum", href: "#" }, { label: "Datenschutz", href: "#" }] },
|
||
]}
|
||
logoText="Schaaf Immobilien GmbH"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|