Merge version_2 into main #1
255
src/app/page.tsx
255
src/app/page.tsx
@@ -33,21 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Start",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Start", id: "hero"},
|
||||
{
|
||||
name: "Usługi",
|
||||
id: "services",
|
||||
},
|
||||
name: "Usługi", id: "services"},
|
||||
{
|
||||
name: "Zaufanie",
|
||||
id: "about",
|
||||
},
|
||||
name: "Zaufanie", id: "about"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Rezerwacja", id: "booking"},
|
||||
{
|
||||
name: "Kontakt", id: "contact"},
|
||||
]}
|
||||
brandName="Premio Rembecki"
|
||||
/>
|
||||
@@ -56,67 +50,42 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Serwis, któremu możesz zaufać. Na każdy kilometr."
|
||||
description="Transparentne naprawy. Fachowa diagnostyka. Pełna opieka od początku do końca."
|
||||
buttons={[
|
||||
{
|
||||
text: "Umów wizytę",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Umów wizytę", href: "#booking"},
|
||||
{
|
||||
text: "Zapytaj o wycenę",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Zapytaj o wycenę", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-traveling-streets-japan_23-2149297265.jpg"
|
||||
imageAlt="Mechanik w nowoczesnym warsztacie"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-mechanic-servicing-car_1170-1401.jpg",
|
||||
alt: "Female mechanic servicing a car",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/female-mechanic-servicing-car_1170-1401.jpg", alt: "Female mechanic servicing a car"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/car-repair-maintenance-theme-mechanic-uniform-working-auto-service_627829-3951.jpg",
|
||||
alt: "Mechanic in uniform",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/car-repair-maintenance-theme-mechanic-uniform-working-auto-service_627829-3951.jpg", alt: "Mechanic in uniform"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-auto-repairer-working-shop-car_23-2150169994.jpg",
|
||||
alt: "Female auto repairer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/female-auto-repairer-working-shop-car_23-2150169994.jpg", alt: "Female auto repairer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-mechanic-working-shop-car_23-2150170058.jpg",
|
||||
alt: "Male mechanic working",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/male-mechanic-working-shop-car_23-2150170058.jpg", alt: "Male mechanic working"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/auto-mechanic-looking-selection-spanners_23-2147897821.jpg",
|
||||
alt: "Mechanic selecting spanners",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/auto-mechanic-looking-selection-spanners_23-2147897821.jpg", alt: "Mechanic selecting spanners"},
|
||||
]}
|
||||
avatarText="Zaufali nam setki kierowców"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Certyfikowany warsztat",
|
||||
},
|
||||
type: "text", text: "Certyfikowany warsztat"},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Pomoc drogowa",
|
||||
},
|
||||
type: "text", text: "24/7 Pomoc drogowa"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Diagnostyka komputerowa",
|
||||
},
|
||||
type: "text", text: "Diagnostyka komputerowa"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Gwarancja na usługi",
|
||||
},
|
||||
type: "text", text: "Gwarancja na usługi"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Oryginalne części",
|
||||
},
|
||||
type: "text", text: "Oryginalne części"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -126,10 +95,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Dlaczego wybierasz Premio Rembecki?"
|
||||
description={[
|
||||
"Transparentność: Zdjęcia z napraw, jasne kosztorysy i decyzja po Twojej stronie.",
|
||||
"Opieka: Pomoc w nagłych sytuacjach i indywidualne podejście do każdego klienta.",
|
||||
"Profesjonalizm: Nowoczesny sprzęt, doświadczony zespół i najwyższa jakość usług.",
|
||||
"Transparentność: Zdjęcia z napraw, jasne kosztorysy i decyzja po Twojej stronie.", "Opieka: Pomoc w nagłych sytuacjach i indywidualne podejście do każdego klienta.", "Profesjonalizm: Nowoczesny sprzęt, doświadczony zespół i najwyższa jakość usług."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="booking" data-section="booking">
|
||||
<ContactCTA
|
||||
tag="Rezerwacja"
|
||||
title="Umów się na serwis w 2 minuty"
|
||||
description="Wybierz dogodny termin wizyty w naszym warsztacie przez formularz online."
|
||||
buttons={[
|
||||
{
|
||||
text: "Przejdź do rezerwacji", href: "#contact"
|
||||
}
|
||||
]}
|
||||
background={{
|
||||
variant: "sparkles-gradient"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -140,26 +122,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Transparentność",
|
||||
description: "Zdjęcia z napraw i jasny kosztorys przed startem prac.",
|
||||
tag: "Standard",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lot-old-instruments-tool-box_146671-19093.jpg",
|
||||
},
|
||||
id: "f1", title: "Transparentność", description: "Zdjęcia z napraw i jasny kosztorys przed startem prac.", tag: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/lot-old-instruments-tool-box_146671-19093.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Pełna Opieka",
|
||||
description: "Pomagamy w sytuacjach awaryjnych i dbamy o komfort naszych klientów.",
|
||||
tag: "Standard",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workshop-tanner_1098-16255.jpg",
|
||||
},
|
||||
id: "f2", title: "Pełna Opieka", description: "Pomagamy w sytuacjach awaryjnych i dbamy o komfort naszych klientów.", tag: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/workshop-tanner_1098-16255.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Nowoczesny Sprzęt",
|
||||
description: "Dysponujemy profesjonalnymi narzędziami do każdej marki auta.",
|
||||
tag: "Standard",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-examining-car-engine-with-help-laptop_1170-1531.jpg",
|
||||
},
|
||||
id: "f3", title: "Nowoczesny Sprzęt", description: "Dysponujemy profesjonalnymi narzędziami do każdej marki auta.", tag: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-examining-car-engine-with-help-laptop_1170-1531.jpg"},
|
||||
]}
|
||||
title="Nasze Standardy"
|
||||
description="Jakość i zaufanie to fundament naszej pracy."
|
||||
@@ -174,59 +141,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "s1",
|
||||
brand: "Serwis",
|
||||
name: "Wymiana Opon",
|
||||
price: "Od 150 PLN",
|
||||
rating: 5,
|
||||
reviewCount: "120+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-is-posing-photographer-while-sitting-dark-auto-service-holding-pneumatic-drill_613910-3789.jpg",
|
||||
},
|
||||
id: "s1", brand: "Serwis", name: "Wymiana Opon", price: "Od 150 PLN", rating: 5,
|
||||
reviewCount: "120+", imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-is-posing-photographer-while-sitting-dark-auto-service-holding-pneumatic-drill_613910-3789.jpg"},
|
||||
{
|
||||
id: "s2",
|
||||
brand: "Diagnostyka",
|
||||
name: "Geometria Kół",
|
||||
price: "Od 200 PLN",
|
||||
rating: 5,
|
||||
reviewCount: "85+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-mechanic-using-contemporary-technology-work_329181-11876.jpg",
|
||||
},
|
||||
id: "s2", brand: "Diagnostyka", name: "Geometria Kół", price: "Od 200 PLN", rating: 5,
|
||||
reviewCount: "85+", imageSrc: "http://img.b2bpic.net/free-photo/professional-mechanic-using-contemporary-technology-work_329181-11876.jpg"},
|
||||
{
|
||||
id: "s3",
|
||||
brand: "Serwis",
|
||||
name: "Klimatyzacja",
|
||||
price: "Od 250 PLN",
|
||||
rating: 5,
|
||||
reviewCount: "95+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-interior_23-2148194118.jpg",
|
||||
},
|
||||
id: "s3", brand: "Serwis", name: "Klimatyzacja", price: "Od 250 PLN", rating: 5,
|
||||
reviewCount: "95+", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-interior_23-2148194118.jpg"},
|
||||
{
|
||||
id: "s4",
|
||||
brand: "Mechanika",
|
||||
name: "Naprawy Główne",
|
||||
price: "Indywidualnie",
|
||||
rating: 5,
|
||||
reviewCount: "200+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-mechanical-screws-kit_23-2148557969.jpg",
|
||||
},
|
||||
id: "s4", brand: "Mechanika", name: "Naprawy Główne", price: "Indywidualnie", rating: 5,
|
||||
reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-mechanical-screws-kit_23-2148557969.jpg"},
|
||||
{
|
||||
id: "s5",
|
||||
brand: "Serwis",
|
||||
name: "Diagnostyka",
|
||||
price: "Od 150 PLN",
|
||||
rating: 5,
|
||||
reviewCount: "150+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-repairing-car-engine_23-2148327590.jpg",
|
||||
},
|
||||
id: "s5", brand: "Serwis", name: "Diagnostyka", price: "Od 150 PLN", rating: 5,
|
||||
reviewCount: "150+", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-repairing-car-engine_23-2148327590.jpg"},
|
||||
{
|
||||
id: "s6",
|
||||
brand: "Pomoc",
|
||||
name: "Pomoc Awaryjna",
|
||||
price: "24/7",
|
||||
rating: 5,
|
||||
reviewCount: "50+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-sitting-car-workshop_23-2147897990.jpg",
|
||||
},
|
||||
id: "s6", brand: "Pomoc", name: "Pomoc Awaryjna", price: "24/7", rating: 5,
|
||||
reviewCount: "50+", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-sitting-car-workshop_23-2147897990.jpg"},
|
||||
]}
|
||||
title="Nasze Usługi"
|
||||
description="Kompleksowa obsługa Twojego pojazdu w jednym miejscu."
|
||||
@@ -240,34 +171,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "Komfort",
|
||||
title: "Strefa Klienta",
|
||||
items: [
|
||||
"Wygodne fotele",
|
||||
"Darmowa kawa",
|
||||
"Dostęp do TV",
|
||||
],
|
||||
id: "m1", value: "Komfort", title: "Strefa Klienta", items: [
|
||||
"Wygodne fotele", "Darmowa kawa", "Dostęp do TV"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Rodzina",
|
||||
title: "Strefa Dziecka",
|
||||
items: [
|
||||
"Kącik z zabawkami",
|
||||
"Bezpieczna przestrzeń",
|
||||
"Strefa kreatywna",
|
||||
],
|
||||
id: "m2", value: "Rodzina", title: "Strefa Dziecka", items: [
|
||||
"Kącik z zabawkami", "Bezpieczna przestrzeń", "Strefa kreatywna"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Szybkość",
|
||||
title: "Czas Obsługi",
|
||||
items: [
|
||||
"Priorytetowe terminy",
|
||||
"Szybki feedback",
|
||||
"Zdjęcia z napraw",
|
||||
],
|
||||
id: "m3", value: "Szybkość", title: "Czas Obsługi", items: [
|
||||
"Priorytetowe terminy", "Szybki feedback", "Zdjęcia z napraw"],
|
||||
},
|
||||
]}
|
||||
title="Dbamy o Ciebie"
|
||||
@@ -281,20 +194,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Czy otrzymam zdjęcia z naprawy?",
|
||||
content: "Tak, zawsze przesyłamy dokumentację fotograficzną wymienianych części.",
|
||||
},
|
||||
id: "q1", title: "Czy otrzymam zdjęcia z naprawy?", content: "Tak, zawsze przesyłamy dokumentację fotograficzną wymienianych części."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Czy mogę liczyć na pomoc w awarii?",
|
||||
content: "Oczywiście, dysponujemy wsparciem dla naszych klientów w nagłych przypadkach.",
|
||||
},
|
||||
id: "q2", title: "Czy mogę liczyć na pomoc w awarii?", content: "Oczywiście, dysponujemy wsparciem dla naszych klientów w nagłych przypadkach."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Jak umawiam wizytę?",
|
||||
content: "Możesz skorzystać z formularza na stronie lub zadzwonić bezpośrednio do naszego warsztatu.",
|
||||
},
|
||||
id: "q3", title: "Jak umawiam wizytę?", content: "Możesz skorzystać z formularza na stronie lub zadzwonić bezpośrednio do naszego warsztatu."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-woman-talking_23-2150171292.jpg"
|
||||
title="Często zadawane pytania"
|
||||
@@ -311,25 +215,15 @@ export default function LandingPage() {
|
||||
author="Marek Kowalski"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bike-shop-with-shop-assistant_23-2148138710.jpg",
|
||||
alt: "Klient 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/bike-shop-with-shop-assistant_23-2148138710.jpg", alt: "Klient 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-working-car-service_23-2148826534.jpg",
|
||||
alt: "Klient 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-working-car-service_23-2148826534.jpg", alt: "Klient 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-female-office_1301-649.jpg",
|
||||
alt: "Klient 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-female-office_1301-649.jpg", alt: "Klient 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-family-with-kids-travelling-by-car-stopped-field_1303-22458.jpg",
|
||||
alt: "Klient 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-family-with-kids-travelling-by-car-stopped-field_1303-22458.jpg", alt: "Klient 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-man-posing-with-coffee-cup_23-2148486199.jpg",
|
||||
alt: "Klient 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-man-posing-with-coffee-cup_23-2148486199.jpg", alt: "Klient 5"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -340,20 +234,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Kontakt"
|
||||
title="Sprawdź, jak powinien wyglądać dobry serwis"
|
||||
description="Niezależnie czy to rutynowy serwis czy nagła sytuacja — jesteśmy gotowi pomóc. Zapraszamy do kontaktu!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Umów wizytę",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Umów wizytę", href: "#booking"},
|
||||
{
|
||||
text: "Zadzwoń: 555-000-000",
|
||||
href: "tel:555000000",
|
||||
},
|
||||
text: "Zadzwoń: 555-000-000", href: "tel:555000000"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -365,18 +254,14 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "#", ariaLabel: "Facebook"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user