Update src/app/page.tsx
This commit is contained in:
224
src/app/page.tsx
224
src/app/page.tsx
@@ -31,29 +31,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Start",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Start", id: "#hero"},
|
||||
{
|
||||
name: "O Nas",
|
||||
id: "#about",
|
||||
},
|
||||
name: "O Nas", id: "#about"},
|
||||
{
|
||||
name: "Usługi",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Usługi", id: "#services"},
|
||||
{
|
||||
name: "Zalety",
|
||||
id: "#advantages",
|
||||
},
|
||||
name: "Zalety", id: "#advantages"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Kontakt", id: "#contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/high-angle-arrangement-with-scissors_23-2149007425.jpg"
|
||||
logoAlt="New York Barbers Logo"
|
||||
@@ -64,45 +52,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="New York Barbers"
|
||||
description="Strzyżenie męskie, broda i klasyczne cięcia w spokojnym salonie przy Przasnyskiej 9/U4. Umów wizytę online albo zadzwoń: +48 608 011 629."
|
||||
buttons={[
|
||||
{
|
||||
text: "Umów wizytę online",
|
||||
href: "https://booksy.com/pl-pl/9299_new-york-barbers",
|
||||
},
|
||||
text: "Umów wizytę online", href: "https://booksy.com/pl-pl/9299_new-york-barbers"},
|
||||
{
|
||||
text: "Zadzwoń do nas",
|
||||
href: "tel:+48608011629",
|
||||
},
|
||||
text: "Zadzwoń do nas", href: "tel:+48608011629"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-fathers-day_23-2148101902.jpg?_wi=1",
|
||||
imageAlt: "Barbershop interior with classic chairs",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-fathers-day_23-2148101902.jpg", imageAlt: "Barbershop interior with classic chairs"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-near-blurred-barber_23-2147778874.jpg?_wi=1",
|
||||
imageAlt: "Barber giving a classic shave",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-near-blurred-barber_23-2147778874.jpg", imageAlt: "Barber giving a classic shave"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-getting-his-beard-trimmed_23-2148256868.jpg?_wi=1",
|
||||
imageAlt: "Barber cutting a client's hair with scissors",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-getting-his-beard-trimmed_23-2148256868.jpg", imageAlt: "Barber cutting a client's hair with scissors"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scissors-sketch-blackboard_1379-462.jpg?_wi=1",
|
||||
imageAlt: "Professional barbershop tools on a counter",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scissors-sketch-blackboard_1379-462.jpg", imageAlt: "Professional barbershop tools on a counter"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7378.jpg?_wi=1",
|
||||
imageAlt: "Client admiring a fresh haircut in the mirror",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7378.jpg", imageAlt: "Client admiring a fresh haircut in the mirror"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-wearing-protective-face-mask-make-haircut-european-bearded-brutal-man-beauty-salon_343596-4463.jpg",
|
||||
imageAlt: "Exterior view of New York Barbers",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-wearing-protective-face-mask-make-haircut-european-bearded-brutal-man-beauty-salon_343596-4463.jpg", imageAlt: "Exterior view of New York Barbers"},
|
||||
]}
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
@@ -129,106 +100,58 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Strzyżenie włosów",
|
||||
description: "Dopasowane do kształtu głowy i stylu klienta, z pełną konsultacją.",
|
||||
icon: Crop,
|
||||
title: "Strzyżenie włosów", description: "Dopasowane do kształtu głowy i stylu klienta, z pełną konsultacją.", icon: Crop,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-priest-thinking-pose_23-2149300848.jpg",
|
||||
imageAlt: "Stylish men's haircut",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-priest-thinking-pose_23-2149300848.jpg", imageAlt: "Stylish men's haircut"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-giving-himself-scalp-massage_23-2151307409.jpg",
|
||||
imageAlt: "Man getting hair washed",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-scissors_23-2149007425.jpg",
|
||||
imageAlt: "stylish mens haircut close up",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-giving-himself-scalp-massage_23-2151307409.jpg", imageAlt: "Man getting hair washed"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Combo włosy + broda",
|
||||
description: "Jedna wizyta, pełne odświeżenie: strzyżenie włosów i pielęgnacja brody.",
|
||||
icon: Activity,
|
||||
title: "Combo włosy + broda", description: "Jedna wizyta, pełne odświeżenie: strzyżenie włosów i pielęgnacja brody.", icon: Activity,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-man-model-wearing-white-clothes-posing-blue-sea_158538-2320.jpg",
|
||||
imageAlt: "Man with well groomed beard and hair",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-man-model-wearing-white-clothes-posing-blue-sea_158538-2320.jpg", imageAlt: "Man with well groomed beard and hair"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects_23-2148122031.jpg",
|
||||
imageAlt: "Barber applying hot towel to face",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-fathers-day_23-2148101902.jpg?_wi=2",
|
||||
imageAlt: "stylish mens haircut close up",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects_23-2148122031.jpg", imageAlt: "Barber applying hot towel to face"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Broda",
|
||||
description: "Skrócenie, kontur i profesjonalna pielęgnacja brody.",
|
||||
icon: Award,
|
||||
title: "Broda", description: "Skrócenie, kontur i profesjonalna pielęgnacja brody.", icon: Award,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-man-with-thin-beard-sketch-blackboard_1379-311.jpg",
|
||||
imageAlt: "Barber trimming a beard",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-man-with-thin-beard-sketch-blackboard_1379-311.jpg", imageAlt: "Barber trimming a beard"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-bearded-customer-looking-up_23-2148256859.jpg",
|
||||
imageAlt: "Beard oil products",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-near-blurred-barber_23-2147778874.jpg?_wi=2",
|
||||
imageAlt: "stylish mens haircut close up",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-bearded-customer-looking-up_23-2148256859.jpg", imageAlt: "Beard oil products"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Buzz Cut",
|
||||
description: "Krótkie, czyste cięcie maszynką, idealne dla minimalistów.",
|
||||
icon: Edit,
|
||||
title: "Buzz Cut", description: "Krótkie, czyste cięcie maszynką, idealne dla minimalistów.", icon: Edit,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/redhead-non-binary-person-with-copy-space_23-2148760581.jpg",
|
||||
imageAlt: "Man with a clean buzz cut",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/redhead-non-binary-person-with-copy-space_23-2148760581.jpg", imageAlt: "Man with a clean buzz cut"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-excited-young-man-shaving-his-beard_23-2149375004.jpg",
|
||||
imageAlt: "Hair clippers close up",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-getting-his-beard-trimmed_23-2148256868.jpg?_wi=2",
|
||||
imageAlt: "stylish mens haircut close up",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-excited-young-man-shaving-his-beard_23-2149375004.jpg", imageAlt: "Hair clippers close up"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Same boki",
|
||||
description: "Szybkie odświeżenie fryzury między pełnymi wizytami.",
|
||||
icon: History,
|
||||
title: "Same boki", description: "Szybkie odświeżenie fryzury między pełnymi wizytami.", icon: History,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7331.jpg",
|
||||
imageAlt: "Man getting a fade haircut",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7331.jpg", imageAlt: "Man getting a fade haircut"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-bathroom-spa-objects_23-2147999861.jpg",
|
||||
imageAlt: "Hair brush and comb on counter",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scissors-sketch-blackboard_1379-462.jpg?_wi=2",
|
||||
imageAlt: "stylish mens haircut close up",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-bathroom-spa-objects_23-2147999861.jpg", imageAlt: "Hair brush and comb on counter"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Konsultacja i stylizacja",
|
||||
description: "Profesjonalna pomoc w dobraniu cięcia i kosmetyków do Twojego typu włosów i stylu.",
|
||||
icon: MessageSquare,
|
||||
title: "Konsultacja i stylizacja", description: "Profesjonalna pomoc w dobraniu cięcia i kosmetyków do Twojego typu włosów i stylu.", icon: MessageSquare,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205920.jpg",
|
||||
imageAlt: "Barber talking to client in mirror",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205920.jpg", imageAlt: "Barber talking to client in mirror"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diary_23-2148015040.jpg",
|
||||
imageAlt: "Notebook with hairstyle sketches",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7378.jpg?_wi=2",
|
||||
imageAlt: "stylish mens haircut close up",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diary_23-2148015040.jpg", imageAlt: "Notebook with hairstyle sketches"},
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Dopasowane Cięcia i Pielęgnacja"
|
||||
@@ -242,10 +165,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Jasny cennik i rezerwacja online",
|
||||
"Lokalizacja na Żoliborzu, blisko osiedli i biur",
|
||||
"Portfolio i zdjęcia dostępne w profilu rezerwacyjnym",
|
||||
]}
|
||||
"Jasny cennik i rezerwacja online", "Lokalizacja na Żoliborzu, blisko osiedli i biur", "Portfolio i zdjęcia dostępne w profilu rezerwacyjnym"]}
|
||||
title="Nasze Przewagi"
|
||||
description="Wybierając New York Barbers, zyskujesz gwarancję jakości i komfortu."
|
||||
tag="Dlaczego my?"
|
||||
@@ -259,30 +179,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "Czy trzeba się umawiać?",
|
||||
content: "Najlepiej tak, przez Booksy albo telefonicznie. Zapewni to komfort i pewność wolnego terminu.",
|
||||
},
|
||||
id: "faq-1", title: "Czy trzeba się umawiać?", content: "Najlepiej tak, przez Booksy albo telefonicznie. Zapewni to komfort i pewność wolnego terminu."},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "Czy robicie brodę?",
|
||||
content: "Tak, oferujemy osobną usługę stylizacji brody oraz pakiet Combo włosy + broda dla pełnego odświeżenia.",
|
||||
},
|
||||
id: "faq-2", title: "Czy robicie brodę?", content: "Tak, oferujemy osobną usługę stylizacji brody oraz pakiet Combo włosy + broda dla pełnego odświeżenia."},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "Ile trwa strzyżenie?",
|
||||
content: "Zwykle strzyżenie trwa około godziny, ale czas może się różnić w zależności od wybranej usługi.",
|
||||
},
|
||||
id: "faq-3", title: "Ile trwa strzyżenie?", content: "Zwykle strzyżenie trwa około godziny, ale czas może się różnić w zależności od wybranej usługi."},
|
||||
{
|
||||
id: "faq-4",
|
||||
title: "Czy można pokazać zdjęcie fryzury?",
|
||||
content: "Oczywiście! Zdjęcia są bardzo pomocne w dokładnym ustaleniu oczekiwanego efektu i dopasowaniu cięcia.",
|
||||
},
|
||||
id: "faq-4", title: "Czy można pokazać zdjęcie fryzury?", content: "Oczywiście! Zdjęcia są bardzo pomocne w dokładnym ustaleniu oczekiwanego efektu i dopasowaniu cięcia."},
|
||||
{
|
||||
id: "faq-5",
|
||||
title: "Czy obsługujecie dłuższe włosy?",
|
||||
content: "Tak, nasza oferta obejmuje również stylizacje i strzyżenia dla dłuższych włosów, dopasowane do Twoich preferencji.",
|
||||
},
|
||||
id: "faq-5", title: "Czy obsługujecie dłuższe włosy?", content: "Tak, nasza oferta obejmuje również stylizacje i strzyżenia dla dłuższych włosów, dopasowane do Twoich preferencji."},
|
||||
]}
|
||||
sideTitle="Częste pytania"
|
||||
sideDescription="Znajdź odpowiedzi na najczęściej zadawane pytania dotyczące wizyty w New York Barbers."
|
||||
@@ -295,8 +200,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Rezerwacja i Kontakt"
|
||||
title="Chcesz odświeżyć fryzurę bez kombinowania?"
|
||||
description="Zarezerwuj termin i przyjdź z pomysłem albo bez. Pomożemy dobrać cięcie. Odwiedź nas przy Przasnyskiej 9/U4, 01-756 Warszawa, Żoliborz. Telefon: +48 608 011 629. Rezerwacja: Booksy."
|
||||
@@ -314,49 +218,31 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Start",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Start", href: "#hero"},
|
||||
{
|
||||
label: "O Nas",
|
||||
href: "#about",
|
||||
},
|
||||
label: "O Nas", href: "#about"},
|
||||
{
|
||||
label: "Usługi",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Usługi", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Zalety",
|
||||
href: "#advantages",
|
||||
},
|
||||
label: "Zalety", href: "#advantages"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Kontakt", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Booksy",
|
||||
href: "https://booksy.com/pl-pl/9299_new-york-barbers",
|
||||
},
|
||||
label: "Booksy", href: "https://booksy.com/pl-pl/9299_new-york-barbers"},
|
||||
{
|
||||
label: "Telefon",
|
||||
href: "tel:+48608011629",
|
||||
},
|
||||
label: "Telefon", href: "tel:+48608011629"},
|
||||
{
|
||||
label: "Adres",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Adres", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user