213 lines
11 KiB
TypeScript
213 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import { CheckCircle, Shield, Sparkles, Trophy, Users, Clock } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="none"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
brandName="AUTO SPA TARNÓW AST "
|
|
navItems={[
|
|
{ name: "Usługi", id: "services" },
|
|
{ name: "O nas", id: "about" },
|
|
{ name: "Opinie", id: "testimonials" },
|
|
{ name: "Kontakt", id: "contact" }
|
|
]}
|
|
bottomLeftText="Detale samochodu premium"
|
|
bottomRightText="cześć@luxedetailing.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCentered
|
|
title="Doskonałość Detali Samochodu Premium"
|
|
description="zmień swój pojazd za pomocą naszych luksusowych usług detali. Profesjonalne powłoki ceramiczne, ochrona lakieru i restauracja wnętrza dla wymagających właścicieli samochodów."
|
|
background={{ variant: "plain" }}
|
|
avatars={[{
|
|
src: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-examining-vehicle-hood-while-working-auto-repair-shop_637285-7664.jpg", alt: "luksusowy detale samochodu powłoka ceramiczna"
|
|
}]}
|
|
avatarText="Zaufane przez klientów"
|
|
buttons={[
|
|
{ text: "Zarezerwuj wizytę", href: "#contact" },
|
|
{ text: "Zobacz usługi", href: "#services" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
tag="O Naszym Studiu"
|
|
title="Zaangażowani w Doskonałość Każdego Szczegółu"
|
|
buttons={[{ text: "Dowiedz się więcej", href: "#services" }]}
|
|
buttonAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyFive
|
|
title="Premium Usługi"
|
|
description="Doświadcz najwyższego poziomu doskonałości samochodowej dzięki naszym kompleksowym pakietom zaprojektowanym dla samochodów."
|
|
tag="Nasze usługi"
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "mycie zewnętrzne ", description: "Zaawansowana ochrona z wykorzystaniem nanotechnologii zapewniająca trwały, błyszczący efekt i wyjątkową odporność na zanieczyszczenia środowiskowe.", icon: Shield,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/professional-cleaning-car-wash-car-showroom_146671-18369.jpg?_wi=1", imageAlt: "Aplikacja powłoki ceramicznej"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/professional-cleaning-car-wash-car-showroom_146671-18369.jpg?_wi=2", imageAlt: "Efekt powłoki ceramicznej"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "mycie wewnętrzne ", description: "Kompletne czyszczenie wnętrza, w tym kondycjonowanie skóry, pełne mycie deski rozdzielczej i premium czyszczenie odkurzaczem w celu uzyskania nienagannnego wnętrza.", icon: Sparkles,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434370.jpg?_wi=1", imageAlt: "Czyszczenie wnętrza"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434370.jpg?_wi=2", imageAlt: "Kondycjonowanie skóry"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Ochrona spodu pojazdu", description: "Kompleksowa ochrona przed rdzą i powłoka spodu pojazdu przy użyciu premium rozwiązań ochronnych w celu przedłużenia żywotności pojazdu.", icon: Shield,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-car-showroom-choosing-car_1303-18964.jpg?_wi=1", imageAlt: "Ochrona spodu pojazdu"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-car-showroom-choosing-car_1303-18964.jpg?_wi=2", imageAlt: "Powłoka ochronna"
|
|
}
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
title="Opinie klientów"
|
|
description="Przeczytaj, co właściciele luksusowych samochodów mówią o naszych premium usługach detali."
|
|
tag="Recenzje"
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
kpiItems={[
|
|
{ value: "500+", label: "umytych samochodów " },
|
|
{ value: "98%", label: "zadwolonych klientów " },
|
|
{ value: "10+", label: "Lat doświadczenia" }
|
|
]}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Marcin G. ", role: "Firma zachęca świadczy usługę, ale najważniejsze - nie zapomina. ", company: "", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFYAMqIGo90F4EEkYmhbSh6n5q/uploaded-1774087496550-szhrgnp7.png", imageAlt: "profesjonalny portret biznesowy mężczyzny"
|
|
},
|
|
{
|
|
id: "2", name: "Marta S. ", role: "Panowie! Robicie naprawdę genialną robotę u Was nawet niemożliwe staje się realne dziękuję! ", company: "", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFYAMqIGo90F4EEkYmhbSh6n5q/uploaded-1774087504930-nfdnv1bf.png", imageAlt: "profesjonalny portret biznesowy kobiety"
|
|
},
|
|
{
|
|
id: "3", name: "Dawid H. ", role: "Jestem bardzo zadowolony ", company: "", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFYAMqIGo90F4EEkYmhbSh6n5q/uploaded-1774087509779-wuh1k5x9.png", imageAlt: "portret dojrzałego profesjonalnego mężczyzny"
|
|
},
|
|
{
|
|
id: "4", name: "Filip O. ", role: "Solidna firma oferująca profesjonalne usługi. ", company: "", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFYAMqIGo90F4EEkYmhbSh6n5q/uploaded-1774087516202-pgi5bt8a.png", imageAlt: "portret profesjonalnej kobiety biznesu"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardThree
|
|
title="Doskonałość według liczb"
|
|
description="Potwierdzone doświadczenie i zaangażowanie na rzecz premium usług."
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{ id: "1", icon: Trophy, title: "Nagrody", value: "15+ Nagród" },
|
|
{ id: "2", icon: Users, title: "Baza klientów", value: "2000+ Klientów" },
|
|
{ id: "3", icon: Clock, title: "Średnia usługa", value: "24 Godziny" },
|
|
{ id: "4", icon: CheckCircle, title: "Gwarancja", value: "100% Satysfakcja" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Skontaktuj się z nami"
|
|
title="Zarezerwuj termin na umycie swojego samochodu"
|
|
description="Skontaktuj się z naszym zespołem, aby zarezerwować wizytę. Oferujemy elastyczne harmonogramy i premium usługi dla każdego pojazdu."
|
|
background={{ variant: "plain" }}
|
|
buttons={[
|
|
{ text: "Skontaktuj się", href: "mailto:hello@luxedetailing.com" },
|
|
{ text: "Zadzwoń teraz", href: "tel:+1-800-DETAILING" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Usługi", items: [
|
|
{ label: "Powłoka ceramiczna", href: "#services" },
|
|
{ label: "Restauracja wnętrza", href: "#services" },
|
|
{ label: "Ochrona spodu pojazdu", href: "#services" },
|
|
{ label: "Ochrona lakieru", href: "#services" }
|
|
]
|
|
},
|
|
{
|
|
title: "Firma", items: [
|
|
{ label: "O nas", href: "#about" },
|
|
{ label: "Nasze recenzje", href: "#testimonials" },
|
|
{ label: "Kontakt", href: "#contact" },
|
|
{ label: "Zarezerwuj wizytę", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Prawne", items: [
|
|
{ label: "Polityka prywatności", href: "#" },
|
|
{ label: "Warunki świadczenia usług", href: "#" },
|
|
{ label: "Polityka plików cookie", href: "#" },
|
|
{ label: "Zastrzeżenie", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2024 auto spa tarnów. Wszystkie prawa zastrzeżone. Doskonałość premium pielęgnacji pojazdu."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |