Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| f370b92209 | |||
| b279a692d7 | |||
| 7d12b976e9 | |||
| 403ac23004 | |||
| 5161c81aea | |||
| b608a9a868 |
229
src/app/page.tsx
229
src/app/page.tsx
@@ -3,91 +3,56 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumSmall"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
background="noise"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="medium"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<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"},
|
||||
{ name: "Start", id: "hero" },
|
||||
{ name: "Angebot", id: "features" },
|
||||
{ name: "Atmosphäre", id: "about" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="Labeat Gartenpflege GmbH"
|
||||
button={{
|
||||
text: "Anfrage senden", href: "#contact"
|
||||
}}
|
||||
brandName="Pizza und Vino"
|
||||
button={{ text: "Reservieren", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
title="Ihr Partner für professionelle Gartenpflege"
|
||||
description="Labeat Gartenpflege sorgt für blühende Gärten und perfekt gepflegte Grünanlagen – zuverlässig, ästhetisch und professionell."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Genuss, der verbindet: Pizza und Vino"
|
||||
description="Erleben Sie authentische italienische Momente in gemütlicher Runde. Bei uns treffen knusprige Pizza, hausgemachte Pasta und himmlisches Tiramisu auf exzellente Weine – zu Preisen, die Freude machen."
|
||||
kpis={[
|
||||
{
|
||||
value: "15+", label: "Jahre Erfahrung"},
|
||||
{
|
||||
value: "500+", label: "Glückliche Kunden"},
|
||||
{
|
||||
value: "100%", label: "Grüne Zufriedenheit"},
|
||||
{ value: "Authentisch", label: "Italienisch" },
|
||||
{ value: "Hausgemacht", label: "Pasta & Desserts" },
|
||||
{ value: "Günstig", label: "& Fair" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/green-grass-background_1372-416.jpg"
|
||||
imageAlt="Gartenpflege"
|
||||
imageSrc="https://img.freepik.com/free-photo/top-view-pepperoni-pizza-with-mushroom-sausages-bell-pepper-olive-onion-black-slate_141793-2158.jpg"
|
||||
imageAlt="Pizza und Vino Ambiente"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/park-outdoor-manicured-lawn-flowerbed-ai-generated-image_587448-1398.jpg", alt: "Gartenpflege"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-fresh-grass-with-leaves_1137-209.jpg", alt: "Gartenpflege"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/spring-nature-outdoors-backgrounds-fresh_1122-1734.jpg", alt: "Gartenpflege"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/spending-time-nature-picnic-accessories-picnic_185193-110954.jpg", alt: "Gartenpflege"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/green-grass-background_1372-416.jpg", alt: "Gartenpflege"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Zuverlässig"},
|
||||
{
|
||||
type: "text", text: "Ästhetisch"},
|
||||
{
|
||||
type: "text", text: "Professionell"},
|
||||
{
|
||||
type: "text", text: "Nachhaltig"},
|
||||
{
|
||||
type: "text", text: "Präzise"},
|
||||
]}
|
||||
buttonAnimation="opacity"
|
||||
buttons={[{ text: "Speisekarte ansehen", href: "#features" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -95,18 +60,15 @@ export default function LandingPage() {
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Über Labeat Gartenpflege"
|
||||
description="Als Experten für Grünanlagen verstehen wir Gartenpflege als Handwerk. Mit Leidenschaft und modernster Technik verwandeln wir Ihren Außenbereich in eine Wohlfühloase."
|
||||
title="Gemütlichkeit pur"
|
||||
description="Tauchen Sie ein in unsere einladende Atmosphäre. Ob entspanntes Abendessen mit Freunden oder ein schnelles Mittagessen – bei Pizza und Vino fühlen Sie sich wie in Italien."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Nachhaltigkeit", description: "Umweltschonende Pflege für eine natürliche Entwicklung."},
|
||||
{
|
||||
title: "Präzision", description: "Perfekter Schnitt und Detailpflege."},
|
||||
{
|
||||
title: "Zuverlässigkeit", description: "Termingerechte Ausführung aller Aufträge."},
|
||||
{ title: "Ambiente", description: "Herzliche Gastfreundschaft in stilvollem Rahmen." },
|
||||
{ title: "Qualität", description: "Frische Zutaten und traditionell verarbeitet." },
|
||||
{ title: "Erlebnis", description: "Ein Ort, an dem man gerne verweilt." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/positive-focused-female-gardener-cutting-sprouts-using-pruner-greenhouse-woman-working-garden-growing-plants-pots-gardening-job-concept_74855-12947.jpg"
|
||||
imageAlt="Labeat Gartenpflege Team"
|
||||
imageSrc="https://img.freepik.com/free-photo/people-clinking-glasses-wine-restaurant_23-2148766155.jpg"
|
||||
imageAlt="Gemütliches Restaurant"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -117,136 +79,43 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1", title: "Rasenpflege", tags: [
|
||||
"Rasenschnitt", "Düngen"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-gardener-cuts-bush-with-large-metal-old-pruning-shears_169016-10698.jpg"},
|
||||
{
|
||||
id: "f2", title: "Beetreinigung", tags: [
|
||||
"Jäten", "Mulchen"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-working-garden-growing-plants-pots-cutting-branches-with-pruner-gardening-job-concept_74855-12893.jpg"},
|
||||
{
|
||||
id: "f3", title: "Heckenschnitt", tags: [
|
||||
"Formgebend", "Verjüngung"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-cutting-leaves_23-2148579928.jpg"},
|
||||
{ id: "p1", title: "Pizza", tags: ["Steinofen", "Frisch"], imageSrc: "https://img.freepik.com/free-photo/delicious-pizza-party_23-2149021675.jpg" },
|
||||
{ id: "p2", title: "Pasta", tags: ["Al Dente", "Hausgemacht"], imageSrc: "https://img.freepik.com/free-photo/delicious-pasta-plate_23-2148817688.jpg" },
|
||||
{ id: "p3", title: "Tiramisu", tags: ["Dessert", "Klassisch"], imageSrc: "https://img.freepik.com/free-photo/tiramisu-dessert-table_23-2148464303.jpg" },
|
||||
]}
|
||||
title="Unsere Leistungen"
|
||||
description="Umfassender Service für Ihren Garten"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Maria S.", role: "Privatkundin", company: "Wohnanlage", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-florist-cutting-stem-flowers-shop_23-2147882043.jpg"},
|
||||
{
|
||||
id: "2", name: "Thomas K.", role: "Geschäftsinhaber", company: "Bürokomplex", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-cultivating-plants-home_1303-22935.jpg"},
|
||||
{
|
||||
id: "3", name: "Elena R.", role: "Hauseigentümerin", company: "Privatgarten", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-woman-garden-dealing-with-flowers_259150-57552.jpg"},
|
||||
{
|
||||
id: "4", name: "Johannes P.", role: "Verwaltung", company: "Wohnpark", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-young-man-walking-street-with-backpack-his-shoulders_58466-16223.jpg"},
|
||||
{
|
||||
id: "5", name: "Susanne M.", role: "Privatkundin", company: "Gartenliebhaber", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-holding-grilled-sausage-standing-near-portable-barbecue_23-2147840973.jpg"},
|
||||
]}
|
||||
title="Was Kunden sagen"
|
||||
description="Unsere Erfolge in Zahlen und zufriedenen Kunden."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "Bieten Sie auch Winterdienst an?", content: "Nein, wir spezialisieren uns ausschließlich auf die Gartenpflege während der Wachstumsperiode."},
|
||||
{
|
||||
id: "q2", title: "Wie wird abgerechnet?", content: "Wir bieten flexible Pauschalverträge oder individuelle Stundenabrechnungen an."},
|
||||
{
|
||||
id: "q3", title: "Sind Sie versichert?", content: "Ja, wir verfügen über eine umfassende Haftpflichtversicherung für alle Gärtnerarbeiten."},
|
||||
]}
|
||||
sideTitle="Fragen & Antworten"
|
||||
sideDescription="Alles, was Sie über unsere Pflege wissen müssen."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Unsere Expertise in Zahlen"
|
||||
tag="Erfolg"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "100+", description: "Gartenanlagen in Pflege"},
|
||||
{
|
||||
id: "m2", value: "24h", description: "Antwortgarantie"},
|
||||
{
|
||||
id: "m3", value: "95%", description: "Wiederkehrende Kunden"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
title="Unsere Spezialitäten"
|
||||
description="Entdecken Sie die Vielfalt unserer italienischen Küche."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Kontaktieren Sie uns"
|
||||
description="Holen Sie sich Ihr individuelles Angebot für einen gepflegten Garten."
|
||||
title="Reservierung & Standort"
|
||||
description="Sichern Sie sich Ihren Tisch oder kontaktieren Sie uns für private Veranstaltungen. Wir freuen uns darauf, Sie bald bei uns begrüßen zu dürfen."
|
||||
inputs={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Ihr Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email", type: "email", placeholder: "Ihre E-Mail", required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "E-Mail", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Ihre Nachricht", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-woman-s-hand-holding-smartphone-near-plants_23-2147929429.jpg"
|
||||
imageAlt="Kontakt"
|
||||
textarea={{ name: "message", placeholder: "Reservierungswunsch, Gästeanzahl oder Nachricht", rows: 4, required: true }}
|
||||
imageSrc="https://img.freepik.com/free-photo/waiter-pouring-red-wine-glass_23-2148766159.jpg"
|
||||
imageAlt="Kontakt zu Pizza und Vino"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Labeat Gartenpflege"
|
||||
<FooterBaseCard
|
||||
logoText="Pizza und Vino"
|
||||
columns={[
|
||||
{
|
||||
title: "Service", items: [
|
||||
{
|
||||
label: "Über uns", href: "#about"},
|
||||
{
|
||||
label: "Leistungen", href: "#features"},
|
||||
{
|
||||
label: "Kontakt", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rechtliches", items: [
|
||||
{
|
||||
label: "Datenschutz", href: "#"},
|
||||
{
|
||||
label: "Impressum", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Navigation", items: [{ label: "Start", href: "#hero" }, { label: "Angebot", href: "#features" }, { label: "Kontakt", href: "#contact" }] },
|
||||
{ title: "Kontaktinfo", items: [{ label: "Hauptstraße 1, 12345 Berlin", href: "#" }, { label: "Tel: 030 12345678", href: "tel:03012345678" }] },
|
||||
{ title: "Rechtliches", items: [{ label: "Datenschutz", href: "#" }, { label: "Impressum", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 Labeat Gartenpflege GmbH. Alle Rechte vorbehalten."
|
||||
copyrightText="© 2025 Pizza und Vino GmbH. Alle Rechte vorbehalten."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #000f06e6;
|
||||
--primary-cta: #0a7039;
|
||||
--background: #fbfaf7;
|
||||
--card: #f0ede8;
|
||||
--foreground: #2d2a26;
|
||||
--primary-cta: #7a8a73;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta-text: #000f06e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #c4c4c4;
|
||||
--secondary-cta: #f0ede8;
|
||||
--secondary-cta-text: #2d2a26;
|
||||
--accent: #c6b180;
|
||||
--background-accent: #e0d9cc;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user