10 Commits

Author SHA1 Message Date
3a51048a5b Merge version_3 into main
Merge version_3 into main
2026-06-10 22:07:22 +00:00
1af84fd095 Update src/app/page.tsx 2026-06-10 22:07:16 +00:00
e94aab96fa Merge version_3 into main
Merge version_3 into main
2026-06-10 22:06:30 +00:00
79aaa52798 Update src/app/page.tsx 2026-06-10 22:06:27 +00:00
621841d542 Merge version_3 into main
Merge version_3 into main
2026-06-10 22:06:01 +00:00
f48a1de399 Update src/app/styles/variables.css 2026-06-10 22:05:58 +00:00
45dbe5c9b0 Update src/app/styles/base.css 2026-06-10 22:05:57 +00:00
d6e4d5ffec Update src/app/page.tsx 2026-06-10 22:05:57 +00:00
ddb0ab2ca4 Merge version_2 into main
Merge version_2 into main
2026-06-10 21:51:06 +00:00
8606e0fbcb Update src/app/page.tsx 2026-06-10 21:51:03 +00:00
3 changed files with 140 additions and 249 deletions

View File

@@ -4,7 +4,6 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit'; import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour'; import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo'; import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven'; import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
@@ -12,6 +11,8 @@ import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import ProductCardOne from '@/components/sections/product/ProductCardOne'; import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SplitAbout from '@/components/sections/about/SplitAbout'; import SplitAbout from '@/components/sections/about/SplitAbout';
import { Sparkles } from "lucide-react"; import { Sparkles } from "lucide-react";
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterSimple from '@/components/sections/footer/FooterSimple';
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -32,42 +33,26 @@ export default function LandingPage() {
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "#home"},
id: "#home",
},
{ {
name: "Dienstleistungen", name: "Dienstleistungen", id: "#services"},
id: "#services",
},
{ {
name: "Polsterreinigung", name: "Polsterreinigung", id: "#sofacleaning"},
id: "#sofacleaning",
},
{ {
name: "Mobiler Service", name: "Mobiler Service", id: "#mobileservice"},
id: "#mobileservice",
},
{ {
name: "Galerie", name: "Galerie", id: "#gallery"},
id: "#gallery",
},
{ {
name: "Angebot", name: "Angebot", id: "#offer"},
id: "#offer",
},
{ {
name: "Warum Uns", name: "Warum Uns", id: "#whyus"},
id: "#whyus",
},
{ {
name: "Kontakt", name: "FAQ", id: "#faq"},
id: "#contact", {
}, name: "Kontakt", id: "#contact"}
]} ]}
button={{ button={{
text: "Jetzt Termin anfragen", text: "Jetzt Termin anfragen", href: "#contact"}}
href: "#contact",
}}
brandName="PUREGLOSS Mobile Detailing" brandName="PUREGLOSS Mobile Detailing"
/> />
</div> </div>
@@ -78,35 +63,21 @@ export default function LandingPage() {
description="Mobiler Service Wir kommen zu Ihnen!" description="Mobiler Service Wir kommen zu Ihnen!"
buttons={[ buttons={[
{ {
text: "Jetzt Termin anfragen", text: "Jetzt Termin anfragen", href: "#contact"},
href: "#contact",
},
]} ]}
slides={[ slides={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/luxury-car-interior-brown-black-colors_181624-31177.jpg", imageSrc: "http://img.b2bpic.net/free-photo/luxury-car-interior-brown-black-colors_181624-31177.jpg", imageAlt: "Professional detailer cleaning a luxury car interior"},
imageAlt: "Professional detailer cleaning a luxury car interior",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193557.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193557.jpg", imageAlt: "Professional detailer cleaning a luxury car exterior"},
imageAlt: "Professional detailer cleaning a luxury car exterior",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-wheel_23-2151113145.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-wheel_23-2151113145.jpg", imageAlt: "Close-up of luxury car wheel detailing"},
imageAlt: "Close-up of luxury car wheel detailing",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552299.jpg", imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552299.jpg", imageAlt: "Luxury car interior vacuuming"},
imageAlt: "Luxury car interior vacuuming",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22303.jpg", imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22303.jpg", imageAlt: "Detailer polishing luxury car dashboard"},
imageAlt: "Detailer polishing luxury car dashboard",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-car-door-medium-shot_23-2149714260.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-holding-car-door-medium-shot_23-2149714260.jpg", imageAlt: "Luxury car exterior waxing"}
imageAlt: "Luxury car exterior waxing",
},
]} ]}
autoplayDelay={4000} autoplayDelay={4000}
showDimOverlay={true} showDimOverlay={true}
@@ -120,41 +91,17 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
id: "f1", id: "f1", title: "Innenraumreinigung", author: "Fahrzeugpflege", description: "Tiefenreinigung und Pflege aller Oberflächen im Fahrzeuginneren, inklusive Armaturenbrett und Konsolen.", tags: [
title: "Innenraumreinigung", "Fahrzeug", "Interieur"],
author: "Fahrzeugpflege", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193592.jpg", imageAlt: "Luxury car interior cleaning"},
description: "Tiefenreinigung und Pflege aller Oberflächen im Fahrzeuginneren, inklusive Armaturenbrett und Konsolen.",
tags: [
"Fahrzeug",
"Interieur",
],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193592.jpg",
imageAlt: "Luxury car interior cleaning",
},
{ {
id: "f2", id: "f2", title: "Handwäsche & Lackschutz", author: "Fahrzeugpflege", description: "Schonende Handwäsche, Felgenreinigung, Reifenpflege und Lackschutz mit Quick Detailer für strahlenden Glanz.", tags: [
title: "Handwäsche & Lackschutz", "Fahrzeug", "Exterieur"],
author: "Fahrzeugpflege", imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2787.jpg", imageAlt: "Professional car exterior hand wash"},
description: "Schonende Handwäsche, Felgenreinigung, Reifenpflege und Lackschutz mit Quick Detailer für strahlenden Glanz.",
tags: [
"Fahrzeug",
"Exterieur",
],
imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2787.jpg",
imageAlt: "Professional car exterior hand wash",
},
{ {
id: "f3", id: "f3", title: "Leder & Polsterpflege", author: "Fahrzeugpflege", description: "Spezielle Reinigung und Pflege für Leder- und Stoffpolster, inklusive Geruchsneutralisierung.", tags: [
title: "Leder & Polsterpflege", "Fahrzeug", "Spezial"],
author: "Fahrzeugpflege", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-cancer-vacuuming-couch_23-2151056048.jpg", imageAlt: "Car leather and upholstery cleaning"}
description: "Spezielle Reinigung und Pflege für Leder- und Stoffpolster, inklusive Geruchsneutralisierung.",
tags: [
"Fahrzeug",
"Spezial",
],
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-cancer-vacuuming-couch_23-2151056048.jpg",
imageAlt: "Car leather and upholstery cleaning",
},
]} ]}
title="Unsere Dienstleistungen" title="Unsere Dienstleistungen"
description="Entdecken Sie unser umfassendes Angebot für die perfekte Pflege Ihres Fahrzeugs." description="Entdecken Sie unser umfassendes Angebot für die perfekte Pflege Ihres Fahrzeugs."
@@ -170,33 +117,22 @@ export default function LandingPage() {
description="Wir bringen Ihre Möbel wieder zum Strahlen. Unsere mobile Polsterreinigung sorgt für hygienische Sauberkeit und frischen Duft direkt bei Ihnen zu Hause." description="Wir bringen Ihre Möbel wieder zum Strahlen. Unsere mobile Polsterreinigung sorgt für hygienische Sauberkeit und frischen Duft direkt bei Ihnen zu Hause."
bulletPoints={[ bulletPoints={[
{ {
title: "Sofas", title: "Sofas", description: "Professionelle Tiefenreinigung für alle Arten von Sofas und Couchgarnituren."},
description: "Professionelle Tiefenreinigung für alle Arten von Sofas und Couchgarnituren.",
},
{ {
title: "Sesseln", title: "Sesseln", description: "Gründliche Reinigung und Auffrischung Ihrer Sessel und Lounge-Möbel."},
description: "Gründliche Reinigung und Auffrischung Ihrer Sessel und Lounge-Möbel.",
},
{ {
title: "Polstermöbel", title: "Polstermöbel", description: "Umfassende Pflege für alle Polstermöbel, inklusive Stühle und Hocker."},
description: "Umfassende Pflege für alle Polstermöbel, inklusive Stühle und Hocker.",
},
{ {
title: "Fleckenentfernung", title: "Fleckenentfernung", description: "Effektive Entfernung selbst hartnäckiger Flecken und Verschmutzungen."},
description: "Effektive Entfernung selbst hartnäckiger Flecken und Verschmutzungen.",
},
{ {
title: "Tiefenreinigung", title: "Tiefenreinigung", description: "Eliminierung von Allergenen, Bakterien und Gerüchen aus der Tiefe des Gewebes."},
description: "Eliminierung von Allergenen, Bakterien und Gerüchen aus der Tiefe des Gewebes.",
},
{ {
title: "Frischer Duft", title: "Frischer Duft", description: "Verleihen Sie Ihren Polstern einen angenehmen, langanhaltenden Frischeduft."}
description: "Verleihen Sie Ihren Polstern einen angenehmen, langanhaltenden Frischeduft.",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/man-doing-household-tasks_23-2151733227.jpg" imageSrc="http://img.b2bpic.net/free-photo/man-doing-household-tasks_23-2151733227.jpg"
imageAlt="Professional sofa and upholstery cleaning service" imageAlt="Professional sofa and upholstery cleaning service"
mediaAnimation="slide-up" mediaAnimation="slide-up"
tagAnimation="slide-up"
/> />
</div> </div>
@@ -209,21 +145,17 @@ export default function LandingPage() {
description="Erleben Sie ultimativen Komfort: Wir kommen mit unserer professionellen Fahrzeugpflege direkt zu Ihnen. Ob zu Hause, im Büro oder an Ihrem Wunschort sparen Sie wertvolle Zeit und Mühe." description="Erleben Sie ultimativen Komfort: Wir kommen mit unserer professionellen Fahrzeugpflege direkt zu Ihnen. Ob zu Hause, im Büro oder an Ihrem Wunschort sparen Sie wertvolle Zeit und Mühe."
bulletPoints={[ bulletPoints={[
{ {
title: "Komfortabel", title: "Komfortabel", description: "Sie müssen Ihr Fahrzeug nicht bewegen. Wir erledigen alles vor Ort."},
description: "Sie müssen Ihr Fahrzeug nicht bewegen. Wir erledigen alles vor Ort.",
},
{ {
title: "Flexibel", title: "Flexibel", description: "Termine, die sich Ihrem Zeitplan anpassen. Einfach und unkompliziert."},
description: "Termine, die sich Ihrem Zeitplan anpassen. Einfach und unkompliziert.",
},
{ {
title: "Zeitersparnis", title: "Zeitersparnis", description: "Nutzen Sie Ihre Zeit für Wichtigeres, während wir uns um Ihr Fahrzeug kümmen."}
description: "Nutzen Sie Ihre Zeit für Wichtigeres, während wir uns um Ihr Fahrzeug kümmen.",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/man-polish-car-garage_1157-36576.jpg" imageSrc="http://img.b2bpic.net/free-photo/man-polish-car-garage_1157-36576.jpg"
imageAlt="PUREGLOSS mobile detailing van arriving at a client's location" imageAlt="PUREGLOSS mobile detailing van arriving at a client's location"
mediaAnimation="slide-up" mediaAnimation="slide-up"
tagAnimation="slide-up"
buttonAnimation="slide-up"
/> />
</div> </div>
@@ -234,50 +166,20 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ metrics={[
{ {
id: "m1", id: "m1", value: "100%", title: "Mobiler Service", items: [
value: "100%", "Wir kommen direkt zu Ihnen", "Bequem und flexibel"]},
title: "Mobiler Service",
items: [
"Wir kommen direkt zu Ihnen",
"Bequem und flexibel",
],
},
{ {
id: "m2", id: "m2", value: "Top", title: "Professionelle Produkte", items: [
value: "Top", "Hochwertige Pflegemittel", "Schonend und effektiv"]},
title: "Professionelle Produkte",
items: [
"Hochwertige Pflegemittel",
"Schonend und effektiv",
],
},
{ {
id: "m3", id: "m3", value: "Fair", title: "Faire Preise", items: [
value: "Fair", "Transparente Kosten", "Keine versteckten Gebühren"]},
title: "Faire Preise",
items: [
"Transparente Kosten",
"Keine versteckten Gebühren",
],
},
{ {
id: "m4", id: "m4", value: "Immer", title: "Zuverlässigkeit", items: [
value: "Immer", "Pünktlich und gewissenhaft", "Termineinhaltung garantiert"]},
title: "Zuverlässigkeit",
items: [
"Pünktlich und gewissenhaft",
"Termineinhaltung garantiert",
],
},
{ {
id: "m5", id: "m5", value: "Ihre", title: "Flexibilität", items: [
value: "Ihre", "Termine nach Wunsch", "Anpassung an Ihren Alltag"]}
title: "Flexibilität",
items: [
"Termine nach Wunsch",
"Anpassung an Ihren Alltag",
],
},
]} ]}
title="Warum PUREGLOSS wählen?" title="Warum PUREGLOSS wählen?"
description="Entscheiden Sie sich für Qualität, Komfort und Service, der überzeugt." description="Entscheiden Sie sich für Qualität, Komfort und Service, der überzeugt."
@@ -291,23 +193,13 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
plans={[ plans={[
{ {
id: "promo-june", id: "promo-june", badge: "Exklusiv", badgeIcon: Sparkles,
badge: "Exklusiv", price: "20% Rabatt", subtitle: "auf alle Dienstleistungen", buttons: [
badgeIcon: Sparkles,
price: "20% Rabatt",
subtitle: "auf alle Dienstleistungen",
buttons: [
{ {
text: "Jetzt buchen", text: "Jetzt buchen", href: "#contact"}],
href: "#contact",
},
],
features: [ features: [
"Gültig vom 01.06 bis 07.06", "Gültig vom 01.06 bis 07.06", "Für Neu- und Bestandskunden", "Unverbindliche Beratung inklusive"]
"Für Neu- und Bestandskunden", }
"Unverbindliche Beratung inklusive",
],
},
]} ]}
title="Sonderangebot" title="Sonderangebot"
description="Profitieren Sie jetzt von unserem exklusiven Angebot und lassen Sie Ihr Fahrzeug verwöhnen!" description="Profitieren Sie jetzt von unserem exklusiven Angebot und lassen Sie Ihr Fahrzeug verwöhnen!"
@@ -322,125 +214,124 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "before-after-1", id: "before-after-1", name: "Innenraum Vorher/Nachher", price: "Luxus", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212260.jpg", imageAlt: "Spotless luxury car interior after detailing"},
name: "Innenraum Vorher/Nachher",
price: "Luxus",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212260.jpg",
imageAlt: "Spotless luxury car interior after detailing",
},
{ {
id: "before-after-2", id: "before-after-2", name: "Polster Vorher/Nachher", price: "Reinheit", imageSrc: "http://img.b2bpic.net/free-photo/brown-sofa-blue-room_1194-6647.jpg", imageAlt: "Clean fabric sofa after professional upholstery cleaning"},
name: "Polster Vorher/Nachher",
price: "Reinheit",
imageSrc: "http://img.b2bpic.net/free-photo/brown-sofa-blue-room_1194-6647.jpg",
imageAlt: "Clean fabric sofa after professional upholstery cleaning",
},
{ {
id: "before-after-3", id: "before-after-3", name: "Lack Vorher/Nachher", price: "Glanz", imageSrc: "http://img.b2bpic.net/free-photo/many-blobs-black-liquid_23-2147934098.jpg", imageAlt: "Mirror finish car paint after exterior detailing"},
name: "Lack Vorher/Nachher",
price: "Glanz",
imageSrc: "http://img.b2bpic.net/free-photo/many-blobs-black-liquid_23-2147934098.jpg",
imageAlt: "Mirror finish car paint after exterior detailing",
},
{ {
id: "before-after-4", id: "before-after-4", name: "Geruchsentfernung Vorher/Nachher", price: "Frische", imageSrc: "http://img.b2bpic.net/free-photo/place-airbag-close-up-view-interior-brand-new-modern-luxury-automobile_146671-16599.jpg", imageAlt: "Fresh and clean car interior after odor neutralization"},
name: "Geruchsentfernung Vorher/Nachher",
price: "Frische",
imageSrc: "http://img.b2bpic.net/free-photo/place-airbag-close-up-view-interior-brand-new-modern-luxury-automobile_146671-16599.jpg",
imageAlt: "Fresh and clean car interior after odor neutralization",
},
{ {
id: "before-after-5", id: "before-after-5", name: "Matte Lackierung Vorher/Nachher", price: "Perfektion", imageSrc: "http://img.b2bpic.net/free-photo/black-car-garage_417767-26.jpg", imageAlt: "Deep black matte car paint restored after detailing"},
name: "Matte Lackierung Vorher/Nachher",
price: "Perfektion",
imageSrc: "http://img.b2bpic.net/free-photo/black-car-garage_417767-26.jpg",
imageAlt: "Deep black matte car paint restored after detailing",
},
{ {
id: "before-after-6", id: "before-after-6", name: "Lederpflege Vorher/Nachher", price: "Eleganz", imageSrc: "http://img.b2bpic.net/free-photo/woman-coffee-phone-car-business_1303-1959.jpg", imageAlt: "Supple and restored car leather seats after conditioning"}
name: "Lederpflege Vorher/Nachher",
price: "Eleganz",
imageSrc: "http://img.b2bpic.net/free-photo/woman-coffee-phone-car-business_1303-1959.jpg",
imageAlt: "Supple and restored car leather seats after conditioning",
},
]} ]}
title="Unsere Transformationen" title="Unsere Transformationen"
description="Sehen Sie selbst, welche beeindruckenden Ergebnisse wir mit unserer professionellen Pflege erzielen." description="Sehen Sie selbst, welche beeindruckenden Ergebnisse wir mit unserer professionellen Pflege erzielen."
/> />
</div> </div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
title="Häufig gestellte Fragen (FAQ)"
description="Finden Sie hier Antworten auf die am häufigsten gestellten Fragen zu unseren Dienstleistungen, Preisen und unserem mobilen Service."
faqsAnimation="slide-up"
faqs={[
{
id: "faq1", title: "Welche Dienstleistungen bietet PUREGLOSS an?", content: "PUREGLOSS bietet eine umfassende mobile Fahrzeugaufbereitung, darunter Innenraumreinigung, Handwäsche & Lackschutz, Leder- & Polsterpflege sowie mobile Sofa- und Polsterreinigung für Zuhause."
},
{
id: "faq2", title: "Bieten Sie auch eine Polsterreinigung für Möbel an?", content: "Ja, wir bieten auch einen mobilen Polsterreinigungsdienst für Sofas, Sessel und andere Polstermöbel direkt bei Ihnen zu Hause an."
},
{
id: "faq3", title: "Was beinhaltet die Innenraumreinigung?", content: "Unsere Innenraumreinigung umfasst eine Tiefenreinigung aller Oberflächen, inklusive Armaturenbrett, Konsolen, Lüftungsschlitze, Scheiben, sowie die Pflege von Leder- und Stoffpolstern mit Geruchsneutralisierung."
},
{
id: "faq4", title: "Wie werden die Preise für Ihre Dienstleistungen berechnet?", content: "Unsere Preise sind transparent und richten sich nach dem Umfang der gewünschten Dienstleistung sowie dem Zustand und der Größe des Fahrzeugs oder der Polstermöbel. Für ein individuelles Angebot kontaktieren Sie uns bitte direkt."
},
{
id: "faq5", title: "Gibt es versteckte Kosten?", content: "Nein, bei PUREGLOSS gibt es keine versteckten Kosten. Alle Preise werden vorab klar kommuniziert und in einem detaillierten Angebot aufgeführt."
},
{
id: "faq6", title: "Wo bieten Sie Ihren mobilen Service an?", content: "Wir bieten unseren mobilen Service in Euskirchen, Bonn, Köln und Umgebung an. Wir kommen direkt zu Ihnen nach Hause, ins Büro oder an einen anderen Wunschort."
},
{
id: "faq7", title: "Welche Voraussetzungen gibt es für den mobilen Service?", content: "Wir benötigen lediglich einen zugänglichen Stellplatz für Ihr Fahrzeug und nach Möglichkeit einen Strom- und Wasseranschluss in der Nähe. Sollte dies nicht gegeben sein, finden wir gemeinsam eine Lösung."
},
{
id: "faq8", title: "Welche Zahlungsmethoden akzeptieren Sie?", content: "Wir akzeptieren Barzahlung, EC-Karte und gängige Kreditkarten direkt vor Ort nach Abschluss der Dienstleistung."
}
]}
/>
</div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactSplit <ContactSplit
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "sparkles-gradient", variant: "sparkles-gradient"}}
}}
tag="Kontaktieren Sie uns" tag="Kontaktieren Sie uns"
title="Ihre Anfrage ist uns wichtig" title="Ihre Anfrage ist uns wichtig"
description="Kontaktieren Sie uns noch heute für eine individuelle Beratung oder um einen Termin zu vereinbaren. Wir freuen uns darauf, von Ihnen zu hören!" description="Kontaktieren Sie uns noch heute für eine individuelle Beratung oder um einen Termin zu vereinbaren. Wir freuen uns darauf, von Ihnen zu hören!\n Telefon: +49 123 456789\n WhatsApp: +49 123 456789\n Instagram: @puregloss_detailing\n E-Mail: info@puregloss-detailing.de"
imageSrc="http://img.b2bpic.net/free-photo/modern-empty-room_23-2150528587.jpg" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Exi6xjmnxJkVY6uh7ko2ehc9fk/uploaded-1781129042699-2bsrr3y7.png"
imageAlt="Luxury car interior with a professional detailing contact form" imageAlt="Luxurious car interior representing a contact point for a detailing service"
mediaAnimation="slide-up" mediaAnimation="slide-up"
mediaPosition="right" mediaPosition="right"
inputPlaceholder="Ihre E-Mail Adresse" inputPlaceholder="Ihre E-Mail Adresse"
buttonText="Anfrage senden" buttonText="Anfrage senden"
termsText="Mit dem Absenden erklären Sie sich mit unseren Datenschutzbestimmungen einverstanden." termsText="Mit dem Absenden erklären Sie sich mit unseren Datenschutzbestimmungen einverstanden."
tagAnimation="slide-up"
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBaseReveal <FooterSimple
logoText="PUREGLOSS Mobile Detailing"
columns={[ columns={[
{ {
title: "PUREGLOSS", title: "PUREGLOSS", items: [
items: [
{ {
label: "Dienstleistungen", label: "Dienstleistungen", href: "#services"},
href: "#services",
},
{ {
label: "Galerie", label: "Galerie", href: "#gallery"},
href: "#gallery",
},
{ {
label: "Kontakt", label: "FAQ", href: "#faq"},
href: "#contact", {
}, label: "Kontakt", href: "#contact"}
], ]
}, },
{ {
title: "Servicebereich", title: "Servicebereich", items: [
items: [
{ {
label: "Euskirchen", label: "Euskirchen", href: "#mobileservice"},
href: "#mobileservice",
},
{ {
label: "Bonn", label: "Bonn", href: "#mobileservice"},
href: "#mobileservice",
},
{ {
label: "Köln & Umgebung", label: "Köln & Umgebung", href: "#mobileservice"}
href: "#mobileservice", ]
},
],
}, },
{ {
title: "Rechtliches", title: "Social Media", items: [
items: [
{ {
label: "Impressum", label: "WhatsApp", href: "https://wa.me/49123456789"},
href: "#",
},
{ {
label: "Datenschutz", label: "Instagram", href: "https://instagram.com/puregloss_detailing"},
href: "#", {
}, label: "E-Mail", href: "mailto:info@puregloss-detailing.de"}
], ]
}, },
{
title: "Rechtliches", items: [
{
label: "Impressum", href: "#"},
{
label: "Datenschutz", href: "#"}
]
}
]} ]}
copyrightText="© 2024 PUREGLOSS Mobile Detailing. Alle Rechte vorbehalten." bottomLeftText="© 2024 PUREGLOSS Mobile Detailing. Alle Rechte vorbehalten."
bottomRightText=""
/> />
</div> </div>
</ReactLenis> </ReactLenis>

View File

@@ -11,7 +11,7 @@ html {
body { body {
background-color: var(--background); background-color: var(--background);
color: var(--foreground); color: var(--foreground);
font-family: var(--font-open-sans), sans-serif; font-family: var(--font-dm-sans), sans-serif;
position: relative; position: relative;
min-height: 100vh; min-height: 100vh;
overscroll-behavior: none; overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
font-family: var(--font-open-sans), sans-serif; font-family: var(--font-manrope), sans-serif;
} }

View File

@@ -10,13 +10,13 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #0A0A0A; --background: #121212;
--card: #1A1A1A; --card: #2C3539;
--foreground: #F5F5F5; --foreground: #ffffff;
--primary-cta: #B79B5D; --primary-cta: #B79B5D;
--primary-cta-text: #0A0A0A; --primary-cta-text: #0a0a0a;
--secondary-cta: #2C3539; --secondary-cta: #36454F;
--secondary-cta-text: #F5F5F5; --secondary-cta-text: #ffffff;
--accent: #B79B5D; --accent: #B79B5D;
--background-accent: #36454F; --background-accent: #36454F;