Update src/app/page.tsx
This commit is contained in:
322
src/app/page.tsx
322
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Shield, Zap, Sparkles, Circle } from 'lucide-react';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -23,26 +24,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Usługi", id: "features" },
|
||||
{ name: "Opinie", id: "testimonials" },
|
||||
{ name: "Cennik", id: "pricing" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Kontakt", id: "contact" }
|
||||
]}
|
||||
brandName="Gampart Detailing"
|
||||
/>
|
||||
@@ -51,100 +39,33 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Gampart Detailing: Perfekcja w każdym detalu"
|
||||
description="Profesjonalna pielęgnacja pojazdów, zabezpieczenia lakieru foliami PPF oraz kompleksowe oklejanie. Przywracamy blask i chronimy Twój samochód na lata."
|
||||
buttons={[
|
||||
{
|
||||
text: "Umów się",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Umów się", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193570.jpg"
|
||||
imageAlt="High-end vehicle detailing professional work"
|
||||
mediaAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Marek Nowak",
|
||||
handle: "@marek_n",
|
||||
testimonial: "Najlepsza obsługa w mieście! Mój samochód wygląda lepiej niż w salonie.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-detailing-concept-man-face-mask-with-orbital-polisher-repair-shop-polishing-roof-orange-suv-car_627829-12612.jpg",
|
||||
},
|
||||
{
|
||||
name: "Anna Kowalska",
|
||||
handle: "@aniak",
|
||||
testimonial: "Profesjonalizm na każdym kroku. Folia PPF położona idealnie.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193588.jpg",
|
||||
},
|
||||
{
|
||||
name: "Piotr Wójcik",
|
||||
handle: "@piotrw",
|
||||
testimonial: "Szybko, konkretnie i w świetnej cenie. Polecam każdemu kierowcy.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-painter-hazmat-suit-inside-car-shop_23-2149750039.jpg",
|
||||
},
|
||||
{
|
||||
name: "Ewa Zielińska",
|
||||
handle: "@ewa_z",
|
||||
testimonial: "Moje auto odzyskało blask. Dziękuję Gampart za wspaniałą pracę!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-cleaning-car-rims_23-2148194143.jpg",
|
||||
},
|
||||
{
|
||||
name: "Adam Nowakowski",
|
||||
handle: "@adamn",
|
||||
testimonial: "Detale mają znaczenie, tutaj wiedzą o tym doskonale. Polecam!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-driving-modern-car_651396-3256.jpg?_wi=1",
|
||||
},
|
||||
{ name: "Marek Nowak", handle: "@marek_n", testimonial: "Najlepsza obsługa w mieście! Mój samochód wygląda lepiej niż w salonie.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/car-detailing-concept-man-face-mask-with-orbital-polisher-repair-shop-polishing-roof-orange-suv-car_627829-12612.jpg" },
|
||||
{ name: "Anna Kowalska", handle: "@aniak", testimonial: "Profesjonalizm na każdym kroku. Folia PPF położona idealnie.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193588.jpg" },
|
||||
{ name: "Piotr Wójcik", handle: "@piotrw", testimonial: "Szybko, konkretnie i w świetnej cenie. Polecam każdemu kierowcy.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/male-painter-hazmat-suit-inside-car-shop_23-2149750039.jpg" },
|
||||
{ name: "Ewa Zielińska", handle: "@ewa_z", testimonial: "Moje auto odzyskało blask. Dziękuję Gampart za wspaniałą pracę!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-cleaning-car-rims_23-2148194143.jpg" },
|
||||
{ name: "Adam Nowakowski", handle: "@adamn", testimonial: "Detale mają znaczenie, tutaj wiedzą o tym doskonale. Polecam!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-driving-modern-car_651396-3256.jpg" }
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-man-standing-by-his-car-forest_1303-23053.jpg",
|
||||
alt: "Marek",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stunning-young-woman-waring-dress-posing-front-her-car-outdoors-ownership-driver_158595-6801.jpg",
|
||||
alt: "Anna",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-looking-car-car-showroom_1303-14542.jpg",
|
||||
alt: "Piotr",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-black-mechanic-taking-notes-while-talking-customer-auto-repair-shop_637285-11587.jpg",
|
||||
alt: "Ewa",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193570.jpg",
|
||||
alt: "Adam",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/handsome-man-standing-by-his-car-forest_1303-23053.jpg", alt: "Marek" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/stunning-young-woman-waring-dress-posing-front-her-car-outdoors-ownership-driver_158595-6801.jpg", alt: "Anna" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-looking-car-car-showroom_1303-14542.jpg", alt: "Piotr" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-black-mechanic-taking-notes-while-talking-customer-auto-repair-shop_637285-11587.jpg", alt: "Ewa" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193570.jpg", alt: "Adam" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Detailing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ochrona PPF",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Oklejanie Aut",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ceramika",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Czyszczenie Wnętrz",
|
||||
},
|
||||
{ type: "text", text: "Premium Detailing" },
|
||||
{ type: "text", text: "Ochrona PPF" },
|
||||
{ type: "text", text: "Oklejanie Aut" },
|
||||
{ type: "text", text: "Ceramika" },
|
||||
{ type: "text", text: "Czyszczenie Wnętrz" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -153,8 +74,8 @@ export default function LandingPage() {
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Twoja pasja, nasza praca"
|
||||
description="W Gampart Detailing nie uznajemy kompromisów. Każdy samochód traktujemy z najwyższą dbałością, stosując wyłącznie sprawdzone kosmetyki i zaawansowane folie ochronne. Naszą misją jest satysfakcja klienta i długotrwały efekt \"nowego auta\"."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193571.jpg?_wi=1"
|
||||
description="W Gampart Detailing nie uznajemy kompromisów. Każdy samochód traktujemy z najwyższą dbałością, stosując wyłącznie sprawdzone kosmetyki i zaawansowane folie ochronne. Naszą misją jest satysfakcja klienta i długotrwały efekt "nowego auta"."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193571.jpg"
|
||||
imageAlt="Detailing professional at work"
|
||||
/>
|
||||
</div>
|
||||
@@ -164,30 +85,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Folie ochronne PPF",
|
||||
description: "Najwyższa ochrona lakieru przed odpryskami i zarysowaniami.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-wrapping-with-foil-car-service_1303-32333.jpg",
|
||||
buttonIcon: "Shield",
|
||||
},
|
||||
{
|
||||
title: "Oklejanie pojazdów",
|
||||
description: "Zmiana koloru i stylizacja z użyciem folii premium.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-detail-professional-coffee-machine_169016-16961.jpg",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Detailing wnętrz",
|
||||
description: "Głębokie czyszczenie, pranie tapicerki i impregnacja skór.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193617.jpg",
|
||||
buttonIcon: "Sparkles",
|
||||
},
|
||||
{
|
||||
title: "Renowacja felg",
|
||||
description: "Przywracamy blask Twoim kołom dzięki profesjonalnym zabiegom.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-examining-car-wheel_1170-1468.jpg",
|
||||
buttonIcon: "Circle",
|
||||
},
|
||||
{ title: "Folie ochronne PPF", description: "Najwyższa ochrona lakieru przed odpryskami i zarysowaniami.", imageSrc: "http://img.b2bpic.net/free-photo/car-wrapping-with-foil-car-service_1303-32333.jpg", buttonIcon: Shield },
|
||||
{ title: "Oklejanie pojazdów", description: "Zmiana koloru i stylizacja z użyciem folii premium.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-detail-professional-coffee-machine_169016-16961.jpg", buttonIcon: Zap },
|
||||
{ title: "Detailing wnętrz", description: "Głębokie czyszczenie, pranie tapicerki i impregnacja skór.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193617.jpg", buttonIcon: Sparkles },
|
||||
{ title: "Renowacja felg", description: "Przywracamy blask Twoim kołom dzięki profesjonalnym zabiegom.", imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-examining-car-wheel_1170-1468.jpg", buttonIcon: Circle }
|
||||
]}
|
||||
title="Nasze usługi detailingowe"
|
||||
description="Kompleksowa opieka nad pojazdem – od zabezpieczenia lakieru po gruntowne czyszczenie wnętrza."
|
||||
@@ -198,31 +99,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marek Nowak",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-standing-by-his-car-forest_1303-23053.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Anna Kowalska",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stunning-young-woman-waring-dress-posing-front-her-car-outdoors-ownership-driver_158595-6801.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Piotr Wójcik",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-car-car-showroom_1303-14542.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Ewa Zielińska",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-black-mechanic-taking-notes-while-talking-customer-auto-repair-shop_637285-11587.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Adam Nowakowski",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-driving-modern-car_651396-3256.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", name: "Marek Nowak", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-standing-by-his-car-forest_1303-23053.jpg" },
|
||||
{ id: "2", name: "Anna Kowalska", imageSrc: "http://img.b2bpic.net/free-photo/stunning-young-woman-waring-dress-posing-front-her-car-outdoors-ownership-driver_158595-6801.jpg" },
|
||||
{ id: "3", name: "Piotr Wójcik", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-car-car-showroom_1303-14542.jpg" },
|
||||
{ id: "4", name: "Ewa Zielińska", imageSrc: "http://img.b2bpic.net/free-photo/happy-black-mechanic-taking-notes-while-talking-customer-auto-repair-shop_637285-11587.jpg" },
|
||||
{ id: "5", name: "Adam Nowakowski", imageSrc: "http://img.b2bpic.net/free-photo/young-man-driving-modern-car_651396-3256.jpg" }
|
||||
]}
|
||||
cardTitle="Co mówią nasi klienci"
|
||||
cardTag="Opinie"
|
||||
@@ -236,59 +117,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Podstawowy",
|
||||
price: "od 999 PLN",
|
||||
subtitle: "Podstawowe czyszczenie i ochrona",
|
||||
buttons: [
|
||||
{
|
||||
text: "Wybierz",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Mycie detailingowe",
|
||||
"Woskowanie",
|
||||
"Czyszczenie szyb",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Polecany",
|
||||
price: "od 2999 PLN",
|
||||
subtitle: "Kompleksowa regeneracja i ochrona",
|
||||
buttons: [
|
||||
{
|
||||
text: "Wybierz",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Polerowanie lakieru",
|
||||
"Powłoka ceramiczna",
|
||||
"Czyszczenie wnętrza",
|
||||
"Ochrona szyb",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Ultimate",
|
||||
price: "od 6999 PLN",
|
||||
subtitle: "Pełna ochrona PPF",
|
||||
buttons: [
|
||||
{
|
||||
text: "Wybierz",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Folia PPF przód/całość",
|
||||
"Pełna korekta lakieru",
|
||||
"Impregnacja wnętrza",
|
||||
"Gwarancja",
|
||||
],
|
||||
},
|
||||
{ id: "basic", badge: "Podstawowy", price: "od 999 PLN", subtitle: "Podstawowe czyszczenie i ochrona", buttons: [{ text: "Wybierz", href: "#contact" }], features: ["Mycie detailingowe", "Woskowanie", "Czyszczenie szyb"] },
|
||||
{ id: "premium", badge: "Polecany", price: "od 2999 PLN", subtitle: "Kompleksowa regeneracja i ochrona", buttons: [{ text: "Wybierz", href: "#contact" }], features: ["Polerowanie lakieru", "Powłoka ceramiczna", "Czyszczenie wnętrza", "Ochrona szyb"] },
|
||||
{ id: "pro", badge: "Ultimate", price: "od 6999 PLN", subtitle: "Pełna ochrona PPF", buttons: [{ text: "Wybierz", href: "#contact" }], features: ["Folia PPF przód/całość", "Pełna korekta lakieru", "Impregnacja wnętrza", "Gwarancja"] }
|
||||
]}
|
||||
title="Pakiety detailingowe"
|
||||
description="Wybierz poziom pielęgnacji dopasowany do potrzeb Twojego pojazdu."
|
||||
@@ -300,26 +131,14 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Ile trwa oklejanie folią PPF?",
|
||||
content: "Czas realizacji zależy od wybranego pakietu – zazwyczaj od 2 do 5 dni roboczych.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Czy powłoka ceramiczna jest trwała?",
|
||||
content: "Tak, nasze powłoki wytrzymują od 12 do 36 miesięcy w zależności od eksploatacji.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Czy wymagacie wcześniejszego umówienia?",
|
||||
content: "Tak, ze względu na dużą liczbę zleceń prosimy o wcześniejszy kontakt telefoniczny.",
|
||||
},
|
||||
{ id: "1", title: "Ile trwa oklejanie folią PPF?", content: "Czas realizacji zależy od wybranego pakietu – zazwyczaj od 2 do 5 dni roboczych." },
|
||||
{ id: "2", title: "Czy powłoka ceramiczna jest trwała?", content: "Tak, nasze powłoki wytrzymują od 12 do 36 miesięcy w zależności od eksploatacji." },
|
||||
{ id: "3", title: "Czy wymagacie wcześniejszego umówienia?", content: "Tak, ze względu na dużą liczbę zleceń prosimy o wcześniejszy kontakt telefoniczny." }
|
||||
]}
|
||||
title="Najczęstsze pytania"
|
||||
description="Znajdź odpowiedzi na nurtujące Cię pytania dotyczące detailingu."
|
||||
faqsAnimation="blur-reveal"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193571.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193571.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -330,30 +149,11 @@ export default function LandingPage() {
|
||||
title="Skontaktuj się z nami"
|
||||
description="Zadzwoń, napisz lub odwiedź nas osobiście w naszym studio detailingowym."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Imię i nazwisko",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Numer telefonu",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "service",
|
||||
type: "text",
|
||||
placeholder: "Wybierz usługę",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Imię i nazwisko", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Numer telefonu", required: true },
|
||||
{ name: "service", type: "text", placeholder: "Wybierz usługę" }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Twoja wiadomość",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Twoja wiadomość", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-barber-with-latex-gloves-holding-water-spray-razor-blade_23-2148985746.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -363,32 +163,8 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-black-side-mirror-yellow-modern-sport-car_181624-23592.jpg"
|
||||
logoText="Gampart Detailing"
|
||||
columns={[
|
||||
{
|
||||
title: "Studio",
|
||||
items: [
|
||||
{
|
||||
label: "O nas",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Usługi",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Kontakt",
|
||||
items: [
|
||||
{
|
||||
label: "Zadzwoń: +48 123 456 789",
|
||||
href: "tel:+48123456789",
|
||||
},
|
||||
{
|
||||
label: "Email: studio@gampart.pl",
|
||||
href: "mailto:studio@gampart.pl",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Studio", items: [{ label: "O nas", href: "#about" }, { label: "Usługi", href: "#features" }] },
|
||||
{ title: "Kontakt", items: [{ label: "Zadzwoń: +48 123 456 789", href: "tel:+48123456789" }, { label: "Email: studio@gampart.pl", href: "mailto:studio@gampart.pl" }] }
|
||||
]}
|
||||
copyrightText="© 2025 Gampart Detailing"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user