Merge version_1 into main #2
265
src/app/page.tsx
265
src/app/page.tsx
@@ -32,39 +32,23 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Usługi",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Usługi", id: "#services"},
|
||||
{
|
||||
name: "Dlaczego my",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Dlaczego my", id: "#about"},
|
||||
{
|
||||
name: "Cennik",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Cennik", id: "#pricing"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Opinie",
|
||||
id: "#reviews",
|
||||
},
|
||||
name: "Opinie", id: "#reviews"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Kontakt", id: "#contact"},
|
||||
]}
|
||||
brandName="Auto EL Serwis"
|
||||
button={{
|
||||
text: "📞 510 142 006",
|
||||
href: "tel:510142006",
|
||||
}}
|
||||
text: "📞 510 142 006", href: "tel:510142006"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -72,53 +56,30 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static-grid",
|
||||
}}
|
||||
variant: "rotated-rays-static-grid"}}
|
||||
title="Twój Auto Serwis w Białymstoku"
|
||||
description="Szybko, uczciwie, skutecznie. Pan Jacek Puczyłowski naprawia Twoje auto bez zbędnych opóźnień i bez nabijania ceny. Diagnoza, naprawa, spokój ducha."
|
||||
tag="Białystok · Sandomierska 13"
|
||||
tagIcon={MapPin}
|
||||
buttons={[
|
||||
{
|
||||
text: "📞 Zadzwoń teraz",
|
||||
href: "tel:510142006",
|
||||
},
|
||||
text: "📞 Zadzwoń teraz", href: "tel:510142006"},
|
||||
{
|
||||
text: "Zobacz usługi ↓",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Zobacz usługi ↓", href: "#services"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "hero-carousel-1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-repair-maintenance-theme-mechanic-uniform-working-auto-service_627829-3951.jpg?_wi=1",
|
||||
imageAlt: "Mechanik pracuje przy silniku samochodu",
|
||||
},
|
||||
id: "hero-carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/car-repair-maintenance-theme-mechanic-uniform-working-auto-service_627829-3951.jpg", imageAlt: "Mechanik pracuje przy silniku samochodu"},
|
||||
{
|
||||
id: "hero-carousel-2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-mechanic-dressed-uniform-holds-crowbar-sits-old-car-tires-garage_613910-19539.jpg?_wi=1",
|
||||
imageAlt: "Samochód podniesiony na podnośniku w warsztacie",
|
||||
},
|
||||
id: "hero-carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/bearded-mechanic-dressed-uniform-holds-crowbar-sits-old-car-tires-garage_613910-19539.jpg", imageAlt: "Samochód podniesiony na podnośniku w warsztacie"},
|
||||
{
|
||||
id: "hero-carousel-3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-repairing-car_23-2150171245.jpg?_wi=1",
|
||||
imageAlt: "Mechanik używa komputera diagnostycznego",
|
||||
},
|
||||
id: "hero-carousel-3", imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-repairing-car_23-2150171245.jpg", imageAlt: "Mechanik używa komputera diagnostycznego"},
|
||||
{
|
||||
id: "hero-carousel-4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-servicing-car-engine_1170-1283.jpg?_wi=1",
|
||||
imageAlt: "Detail dłoni mechanika sprawdzającego poziom płynów",
|
||||
},
|
||||
id: "hero-carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-servicing-car-engine_1170-1283.jpg", imageAlt: "Detail dłoni mechanika sprawdzającego poziom płynów"},
|
||||
{
|
||||
id: "hero-carousel-5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serviceman-car-service-using-holographic-augmented-reality-show-customer-defective-vehicle-piston-hardworking-garage-employee-using-innovative-ar-tech-project-automobile-parts-woman_482257-74243.jpg?_wi=1",
|
||||
imageAlt: "Samochód na podnośniku w tle narzędzia warsztatowe",
|
||||
},
|
||||
id: "hero-carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/serviceman-car-service-using-holographic-augmented-reality-show-customer-defective-vehicle-piston-hardworking-garage-employee-using-innovative-ar-tech-project-automobile-parts-woman_482257-74243.jpg", imageAlt: "Samochód na podnośniku w tle narzędzia warsztatowe"},
|
||||
{
|
||||
id: "hero-carousel-6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/about-that-crash-woman-auto-salon-with-employee-blue-uniform-taking-her-repaired-car-back_146671-16107.jpg",
|
||||
imageAlt: "Klient odbiera kluczyki od mechanika",
|
||||
},
|
||||
id: "hero-carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/about-that-crash-woman-auto-salon-with-employee-blue-uniform-taking-her-repaired-car-back_146671-16107.jpg", imageAlt: "Klient odbiera kluczyki od mechanika"},
|
||||
]}
|
||||
autoPlay={true}
|
||||
/>
|
||||
@@ -131,52 +92,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Diagnostyka komputerowa",
|
||||
description: "Szybka i dokładna analiza błędów sterowników. Znajdziemy przyczynę problemu zanim stanie się drogi w naprawie.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Search,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expert-uses-light-check-car-lift_482257-76107.jpg",
|
||||
imageAlt: "Expert uses light to check car on lift",
|
||||
title: "Diagnostyka komputerowa", description: "Szybka i dokładna analiza błędów sterowników. Znajdziemy przyczynę problemu zanim stanie się drogi w naprawie.", bentoComponent: "reveal-icon", icon: Search,
|
||||
},
|
||||
{
|
||||
title: "Naprawa silnika",
|
||||
description: "Wymiana rozrządu, uszczelki pod głowicą, usuwanie usterek. Fachowa robota z użyciem części dobrej jakości.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Wrench,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-repair-maintenance-theme-mechanic-uniform-working-auto-service_627829-3951.jpg?_wi=2",
|
||||
imageAlt: "Expert uses light to check car on lift",
|
||||
title: "Naprawa silnika", description: "Wymiana rozrządu, uszczelki pod głowicą, usuwanie usterek. Fachowa robota z użyciem części dobrej jakości.", bentoComponent: "reveal-icon", icon: Wrench,
|
||||
},
|
||||
{
|
||||
title: "Zawieszenie i układ kierowniczy",
|
||||
description: "Amortyzatory, wahacze, drążki, przeguby. Bezpieczeństwo i komfort jazdy to nie opcja – to konieczność.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Car,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-mechanic-dressed-uniform-holds-crowbar-sits-old-car-tires-garage_613910-19539.jpg?_wi=2",
|
||||
imageAlt: "Expert uses light to check car on lift",
|
||||
title: "Zawieszenie i układ kierowniczy", description: "Amortyzatory, wahacze, drążki, przeguby. Bezpieczeństwo i komfort jazdy to nie opcja – to konieczność.", bentoComponent: "reveal-icon", icon: Car,
|
||||
},
|
||||
{
|
||||
title: "Układ hamulcowy",
|
||||
description: "Klocki, tarcze, bębny, płyn hamulcowy. Nie czekaj z hamulcami – reaguj natychmiast.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Cog,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-repairing-car_23-2150171245.jpg?_wi=2",
|
||||
imageAlt: "Expert uses light to check car on lift",
|
||||
title: "Układ hamulcowy", description: "Klocki, tarcze, bębny, płyn hamulcowy. Nie czekaj z hamulcami – reaguj natychmiast.", bentoComponent: "reveal-icon", icon: Cog,
|
||||
},
|
||||
{
|
||||
title: "Układ chłodzenia & klimatyzacja",
|
||||
description: "Napełnianie i serwis klimatyzacji, termostaty, chłodnice. Komfort przez cały rok.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Gauge,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-servicing-car-engine_1170-1283.jpg?_wi=2",
|
||||
imageAlt: "Expert uses light to check car on lift",
|
||||
title: "Układ chłodzenia & klimatyzacja", description: "Napełnianie i serwis klimatyzacji, termostaty, chłodnice. Komfort przez cały rok.", bentoComponent: "reveal-icon", icon: Gauge,
|
||||
},
|
||||
{
|
||||
title: "Przeglądy i wymiana płynów",
|
||||
description: "Regularne przeglądy serwisowe, wymiana oleju, filtrów. Dbamy o Twoje auto systematycznie.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: CheckCircle,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serviceman-car-service-using-holographic-augmented-reality-show-customer-defective-vehicle-piston-hardworking-garage-employee-using-innovative-ar-tech-project-automobile-parts-woman_482257-74243.jpg?_wi=2",
|
||||
imageAlt: "Expert uses light to check car on lift",
|
||||
title: "Przeglądy i wymiana płynów", description: "Regularne przeglądy serwisowe, wymiana oleju, filtrów. Dbamy o Twoje auto systematycznie.", bentoComponent: "reveal-icon", icon: CheckCircle,
|
||||
},
|
||||
]}
|
||||
title="Co możemy dla Ciebie zrobić?"
|
||||
@@ -192,9 +123,7 @@ export default function LandingPage() {
|
||||
title="Mechanik, któremu możesz zaufać"
|
||||
buttons={[
|
||||
{
|
||||
text: "📞 Umów wizytę",
|
||||
href: "tel:510142006",
|
||||
},
|
||||
text: "📞 Umów wizytę", href: "tel:510142006"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -206,43 +135,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "plan-basic",
|
||||
badge: "Standard",
|
||||
badgeIcon: Sparkles,
|
||||
price: "Od 150 PLN",
|
||||
subtitle: "Podstawowa diagnostyka i kontrola",
|
||||
features: [
|
||||
"Diagnostyka komputerowa",
|
||||
"Kontrola płynów eksploatacyjnych",
|
||||
"Sprawdzenie układu hamulcowego",
|
||||
"Weryfikacja zawieszenia",
|
||||
],
|
||||
id: "plan-basic", badge: "Standard", badgeIcon: Sparkles,
|
||||
price: "Od 150 PLN", subtitle: "Podstawowa diagnostyka i kontrola", features: [
|
||||
"Diagnostyka komputerowa", "Kontrola płynów eksploatacyjnych", "Sprawdzenie układu hamulcowego", "Weryfikacja zawieszenia"],
|
||||
},
|
||||
{
|
||||
id: "plan-premium",
|
||||
badge: "Popularny",
|
||||
badgeIcon: Star,
|
||||
price: "Od 350 PLN",
|
||||
subtitle: "Kompleksowy przegląd i serwis",
|
||||
features: [
|
||||
"Wszystko z pakietu Standard",
|
||||
"Wymiana oleju i filtrów",
|
||||
"Serwis klimatyzacji (napełnianie + odgrzybianie)",
|
||||
"Szczegółowa inspekcja silnika i podwozia",
|
||||
],
|
||||
id: "plan-premium", badge: "Popularny", badgeIcon: Star,
|
||||
price: "Od 350 PLN", subtitle: "Kompleksowy przegląd i serwis", features: [
|
||||
"Wszystko z pakietu Standard", "Wymiana oleju i filtrów", "Serwis klimatyzacji (napełnianie + odgrzybianie)", "Szczegółowa inspekcja silnika i podwozia"],
|
||||
},
|
||||
{
|
||||
id: "plan-exclusive",
|
||||
badge: "Rozszerzony",
|
||||
badgeIcon: Zap,
|
||||
price: "Indywidualnie",
|
||||
subtitle: "Dostosowany do specyficznych potrzeb",
|
||||
features: [
|
||||
"Wszystko z pakietu Popularny",
|
||||
"Kompleksowa naprawa silnika",
|
||||
"Naprawy układu kierowniczego",
|
||||
"Przygotowanie do przeglądu technicznego",
|
||||
],
|
||||
id: "plan-exclusive", badge: "Rozszerzony", badgeIcon: Zap,
|
||||
price: "Indywidualnie", subtitle: "Dostosowany do specyficznych potrzeb", features: [
|
||||
"Wszystko z pakietu Popularny", "Kompleksowa naprawa silnika", "Naprawy układu kierowniczego", "Przygotowanie do przeglądu technicznego"],
|
||||
},
|
||||
]}
|
||||
title="Przejrzysty cennik usług"
|
||||
@@ -256,25 +161,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "Jak umówić wizytę w serwisie?",
|
||||
content: "Wizytę można umówić telefonicznie, dzwoniąc pod numer 510 142 006. Staramy się dopasować termin do Twojej wygody.",
|
||||
},
|
||||
id: "faq-1", title: "Jak umówić wizytę w serwisie?", content: "Wizytę można umówić telefonicznie, dzwoniąc pod numer 510 142 006. Staramy się dopasować termin do Twojej wygody."},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "Ile trwa naprawa samochodu?",
|
||||
content: "Czas naprawy zależy od złożoności usterki i dostępności części. Po diagnostyce zawsze informujemy o przewidywanym czasie realizacji. Zależy nam na szybkim i sprawnym serwisie.",
|
||||
},
|
||||
id: "faq-2", title: "Ile trwa naprawa samochodu?", content: "Czas naprawy zależy od złożoności usterki i dostępności części. Po diagnostyce zawsze informujemy o przewidywanym czasie realizacji. Zależy nam na szybkim i sprawnym serwisie."},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "Czy oferujecie gwarancję na usługi?",
|
||||
content: "Tak, na wszystkie nasze usługi oraz zamontowane części udzielamy gwarancji. Szczegóły ustalamy indywidualnie z klientem.",
|
||||
},
|
||||
id: "faq-3", title: "Czy oferujecie gwarancję na usługi?", content: "Tak, na wszystkie nasze usługi oraz zamontowane części udzielamy gwarancji. Szczegóły ustalamy indywidualnie z klientem."},
|
||||
{
|
||||
id: "faq-4",
|
||||
title: "Jakie są formy płatności?",
|
||||
content: "Akceptujemy płatności gotówkowe oraz przelewy bankowe. W przypadku większych napraw istnieje możliwość rozłożenia płatności na raty po wcześniejszym uzgodnieniu.",
|
||||
},
|
||||
id: "faq-4", title: "Jakie są formy płatności?", content: "Akceptujemy płatności gotówkowe oraz przelewy bankowe. W przypadku większych napraw istnieje możliwość rozłożenia płatności na raty po wcześniejszym uzgodnieniu."},
|
||||
]}
|
||||
sideTitle="Często Zadawane Pytania"
|
||||
sideDescription="Znajdź odpowiedzi na najpopularniejsze pytania dotyczące naszych usług, terminów i płatności. Jeśli nie znajdziesz odpowiedzi, zadzwoń do nas!"
|
||||
@@ -291,25 +184,15 @@ export default function LandingPage() {
|
||||
author="Dariusz Antoniuk"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg",
|
||||
alt: "Dariusz Antoniuk",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg", alt: "Dariusz Antoniuk"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-posing-street_23-2148213468.jpg",
|
||||
alt: "Gwara Pictures",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-posing-street_23-2148213468.jpg", alt: "Gwara Pictures"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-man-wearing-casual-clothes-with-happy-cool-smile-face-lucky-person_839833-3198.jpg",
|
||||
alt: "Dawid Crachmel",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-man-wearing-casual-clothes-with-happy-cool-smile-face-lucky-person_839833-3198.jpg", alt: "Dawid Crachmel"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-man-posing-with-blue-background_23-2149417592.jpg",
|
||||
alt: "Anna Kowalska",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-man-posing-with-blue-background_23-2149417592.jpg", alt: "Anna Kowalska"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-with-long-brown-hair_1308-179038.jpg",
|
||||
alt: "Piotr Nowak",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-with-long-brown-hair_1308-179038.jpg", alt: "Piotr Nowak"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -320,8 +203,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Kontakt"
|
||||
title="Umów wizytę w Auto Serwis EL"
|
||||
description="Twoje auto czeka na naprawę? Zadzwoń teraz – krótki termin, jasna cena, pewna robota. Możesz również wysłać do nas wiadomość, odpowiemy najszybciej jak to możliwe."
|
||||
@@ -340,70 +222,41 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Usługi",
|
||||
items: [
|
||||
title: "Usługi", items: [
|
||||
{
|
||||
label: "Diagnostyka",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Diagnostyka", href: "#services"},
|
||||
{
|
||||
label: "Naprawa silnika",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Naprawa silnika", href: "#services"},
|
||||
{
|
||||
label: "Zawieszenie",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Zawieszenie", href: "#services"},
|
||||
{
|
||||
label: "Hamulce",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Hamulce", href: "#services"},
|
||||
{
|
||||
label: "Klimatyzacja",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Klimatyzacja", href: "#services"},
|
||||
{
|
||||
label: "Przeglądy",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Przeglądy", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Szybkie linki",
|
||||
items: [
|
||||
title: "Szybkie linki", items: [
|
||||
{
|
||||
label: "Dlaczego my",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Dlaczego my", href: "#about"},
|
||||
{
|
||||
label: "Cennik",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Cennik", href: "#pricing"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Opinie",
|
||||
href: "#reviews",
|
||||
},
|
||||
label: "Opinie", href: "#reviews"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Kontakt",
|
||||
items: [
|
||||
title: "Kontakt", items: [
|
||||
{
|
||||
label: "Sandomierska 13, Białystok",
|
||||
href: "https://maps.google.com/?q=Sandomierska+13+Bialystok",
|
||||
},
|
||||
label: "Sandomierska 13, Białystok", href: "https://maps.google.com/?q=Sandomierska+13+Bialystok"},
|
||||
{
|
||||
label: "510 142 006",
|
||||
href: "tel:510142006",
|
||||
},
|
||||
label: "510 142 006", href: "tel:510142006"},
|
||||
{
|
||||
label: "Umów wizytę",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Umów wizytę", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user