185 lines
7.8 KiB
TypeScript
185 lines
7.8 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import { Zap, CheckCircle, Building, Shield } from "lucide-react";
|
||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="shift-hover"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="soft"
|
||
contentWidth="compact"
|
||
sizing="largeSmallSizeMediumTitles"
|
||
background="grid"
|
||
cardStyle="gradient-mesh"
|
||
primaryButtonStyle="radial-glow"
|
||
secondaryButtonStyle="radial-glow"
|
||
headingFontWeight="bold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleFullscreen
|
||
navItems={[
|
||
{
|
||
name: "Leistungen", id: "#features"},
|
||
{
|
||
name: "Über uns", id: "#team"},
|
||
{
|
||
name: "Referenzen", id: "#socialProof"},
|
||
{
|
||
name: "Kontakt", id: "#contact"},
|
||
]}
|
||
brandName="BEKOER"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroOverlay
|
||
title="Ihr Zuhause in besten Händen."
|
||
description="Professionelle Hausverwaltung, persönlicher Service und nachhaltiger Werterhalt — für Eigentümergemeinschaften und Vermieter in der Region 10."
|
||
buttons={[
|
||
{
|
||
text: "Anfrage", href: "#contact"},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/look-from-futuristic-buildings-gorgeous-dubai_1304-3029.jpg?_wi=1"
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/modern-skyscrapers-business-district_23-2148836749.jpg", alt: "Modern skyscrapers in business district"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/asian-country-skyscraper-urban-landscape_23-2148889558.jpg", alt: "Asian country skyscraper urban landscape"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/skyscrapers-new-york-downtown-usa_1268-19531.jpg", alt: "Skyscrapers in New York downtown USA"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/view-skyscraper-canary-wharf-district-london-united-kingdom_1268-25818.jpg", alt: "View of a skyscraper in the Canary Wharf district in London United Kingdom"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1675.jpg", alt: "young businessman happy expression"},
|
||
]}
|
||
avatarText="Über 100 zufriedene Partner"
|
||
/>
|
||
</div>
|
||
|
||
<div id="metrics" data-section="metrics">
|
||
<MetricCardSeven
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
metrics={[
|
||
{
|
||
id: "m1", value: "100+", title: "Verwaltete Einheiten", items: [
|
||
"Moderne Bestände", "Sorgfältige Pflege", "Aktive Steuerung"],
|
||
},
|
||
{
|
||
id: "m2", value: "100%", title: "Persönlich betreut", items: [
|
||
"Direkter Ansprechpartner", "Transparente Kommunikation", "Individuelle Lösungen"],
|
||
},
|
||
{
|
||
id: "m3", value: "5.0", title: "Google Bewertung", items: [
|
||
"Höchste Kundenzufriedenheit", "Transparenz", "Fachwissen"],
|
||
},
|
||
]}
|
||
title="Zahlen & Fakten"
|
||
description="Transparenz und Vertrauen bilden das Fundament unserer täglichen Arbeit."
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardTwentySix
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
title: "WEG-Verwaltung", description: "Transparente Verwaltung von Eigentümergemeinschaften mit Fokus auf Werterhalt.", buttonIcon: Zap,
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5brp22", imageAlt: "professional logo minimalist"},
|
||
{
|
||
title: "Mietverwaltung", description: "Sorgenfreie Mietverwaltung für Vermieter in Ingolstadt und Umgebung.", buttonIcon: CheckCircle,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/look-from-futuristic-buildings-gorgeous-dubai_1304-3029.jpg?_wi=2", imageAlt: "professional logo minimalist"},
|
||
{
|
||
title: "Objektmanagement", description: "Aktive Instandhaltung und effiziente Koordination aller Gewerke.", buttonIcon: Building,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1674.jpg?_wi=1", imageAlt: "professional logo minimalist"},
|
||
{
|
||
title: "Transparenz", description: "Moderne Technik für volle Einsicht in alle Unterlagen und Finanzen.", buttonIcon: Shield,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/modern-skyscrapers-business-district_23-2148836749.jpg", imageAlt: "professional logo minimalist"},
|
||
]}
|
||
title="Hausverwaltung neu gedacht"
|
||
description="Ganzheitliches Immobilienmanagement mit Erfahrung, Transparenz und modernster Technik."
|
||
/>
|
||
</div>
|
||
|
||
<div id="team" data-section="team">
|
||
<TeamCardEleven
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
groups={[
|
||
{
|
||
id: "team-g1", groupTitle: "Management", members: [
|
||
{
|
||
id: "fabian", title: "Fabian Schlamp", subtitle: "Inhaber & Gründer", detail: "Erfahrener Experte für Immobilienmanagement mit lokaler Verwurzelung.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1674.jpg?_wi=2"},
|
||
],
|
||
},
|
||
]}
|
||
title="Ihre Experten"
|
||
description="Ein starkes Team, das Ihre Immobilie versteht und schätzt."
|
||
/>
|
||
</div>
|
||
|
||
<div id="socialProof" data-section="socialProof">
|
||
<SocialProofOne
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
names={[
|
||
"LIND Immobilien", "Ingolstadt Service", "Regional Partner A", "Regional Partner B", "Regional Partner C"]}
|
||
title="Unsere Partner"
|
||
description="Zusammenarbeit mit regionalen Experten für höchste Qualität."
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCenter
|
||
useInvertedBackground={true}
|
||
background={{
|
||
variant: "gradient-bars"}}
|
||
tag="Kontakt"
|
||
title="Sprechen wir über Ihre Immobilie"
|
||
description="Vereinbaren Sie ein kostenloses Erstgespräch – wir melden uns innerhalb von 24 Stunden bei Ihnen zurück."
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBase
|
||
columns={[
|
||
{
|
||
title: "Leistungen", items: [
|
||
{
|
||
label: "WEG-Verwaltung", href: "#"},
|
||
{
|
||
label: "Mietverwaltung", href: "#"},
|
||
],
|
||
},
|
||
{
|
||
title: "Rechtliches", items: [
|
||
{
|
||
label: "Impressum", href: "#"},
|
||
{
|
||
label: "Datenschutz", href: "#"},
|
||
],
|
||
},
|
||
]}
|
||
logoText="BEKOER"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|