Merge version_2 into main #1
208
src/app/page.tsx
208
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Usługi",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Usługi", id: "#services"},
|
||||
{
|
||||
name: "Ekipa",
|
||||
id: "#team",
|
||||
},
|
||||
name: "Ekipa", id: "#team"},
|
||||
{
|
||||
name: "Opinie",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Opinie", id: "#testimonials"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Kontakt", id: "#contact"},
|
||||
]}
|
||||
brandName="Barber&Studio"
|
||||
/>
|
||||
@@ -53,19 +45,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "rotated-rays-static-grid",
|
||||
}}
|
||||
variant: "rotated-rays-static-grid"}}
|
||||
title="Najlepsze cięcie i brzmienie w Poznaniu."
|
||||
description="Barber shop i studio nagrań, w którym wychodzisz lepszą wersją siebie."
|
||||
buttons={[
|
||||
{
|
||||
text: "🔥 Umów wizytę",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "🔥 Umów wizytę", href: "#contact"},
|
||||
{
|
||||
text: "🎙️ Zarezerwuj studio",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "🎙️ Zarezerwuj studio", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-lifestyle-concept-picture-gloomy-serious-young-red-haired-male-wearing-white-shirt-sitting-dark-room_343059-2951.jpg"
|
||||
imageAlt="barber shop interior dark moody"
|
||||
@@ -79,21 +66,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Barber",
|
||||
description: "Strzyżenie męskie, broda i profesjonalne doradztwo w stylu. Wychodzisz lepszy niż wszedłeś.",
|
||||
tag: "Look",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7242.jpg",
|
||||
imageAlt: "Handsome bearded man at the barbershop barber at work",
|
||||
},
|
||||
id: "f1", title: "Barber", description: "Strzyżenie męskie, broda i profesjonalne doradztwo w stylu. Wychodzisz lepszy niż wszedłeś.", tag: "Look", imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7242.jpg", imageAlt: "Handsome bearded man at the barbershop barber at work"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Studio Nagrań",
|
||||
description: "Nagrania wokalu, mixing i mastering Twoich numerów. Profesjonalny sound.",
|
||||
tag: "Sound",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/musician-producer-work-soundboard-pads-professional-studio_482257-122100.jpg",
|
||||
imageAlt: "Musician and producer work on soundboard pads at professional studio",
|
||||
},
|
||||
id: "f2", title: "Studio Nagrań", description: "Nagrania wokalu, mixing i mastering Twoich numerów. Profesjonalny sound.", tag: "Sound", imageSrc: "http://img.b2bpic.net/free-photo/musician-producer-work-soundboard-pads-professional-studio_482257-122100.jpg", imageAlt: "Musician and producer work on soundboard pads at professional studio"},
|
||||
]}
|
||||
title="Co robimy"
|
||||
description="Profesjonalna opieka nad Twoim wyglądem i dźwiękiem."
|
||||
@@ -108,33 +83,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Alicja",
|
||||
role: "Barber",
|
||||
description: "Perfekcja w detalach. Klienci wracają latami.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-customer-checking-his-beard_23-2148298299.jpg",
|
||||
},
|
||||
id: "m1", name: "Alicja", role: "Barber", description: "Perfekcja w detalach. Klienci wracają latami.", imageSrc: "http://img.b2bpic.net/free-photo/back-view-customer-checking-his-beard_23-2148298299.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Maja",
|
||||
role: "Barber",
|
||||
description: "Najczęściej nazywana najlepszą barberką w Poznaniu.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-beautiful-female-barber-uniform-holding-winner-cup-with-hair-clippers-showing-look-gesture-isolated-blue-wall_141793-105678.jpg",
|
||||
},
|
||||
id: "m2", name: "Maja", role: "Barber", description: "Najczęściej nazywana najlepszą barberką w Poznaniu.", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-beautiful-female-barber-uniform-holding-winner-cup-with-hair-clippers-showing-look-gesture-isolated-blue-wall_141793-105678.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Kate",
|
||||
role: "Barber",
|
||||
description: "Specjalistka od dłuższych włosów i naturalnego stylu.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-hairstylist-looking-camera_23-2147839834.jpg",
|
||||
},
|
||||
id: "m3", name: "Kate", role: "Barber", description: "Specjalistka od dłuższych włosów i naturalnego stylu.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-hairstylist-looking-camera_23-2147839834.jpg"},
|
||||
{
|
||||
id: "m4",
|
||||
name: "Szymon",
|
||||
role: "Realizator",
|
||||
description: "Realizator, który wyciąga z artysty 200%.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sound-designer-relaxing-studio-chair-after-mixing-mastering-tracks_482257-115999.jpg",
|
||||
},
|
||||
id: "m4", name: "Szymon", role: "Realizator", description: "Realizator, który wyciąga z artysty 200%.", imageSrc: "http://img.b2bpic.net/free-photo/sound-designer-relaxing-studio-chair-after-mixing-mastering-tracks_482257-115999.jpg"},
|
||||
]}
|
||||
title="Nasza Ekipa"
|
||||
description="Ludzie, którzy tworzą ten klimat."
|
||||
@@ -147,45 +102,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Barber",
|
||||
quote: "Najlepszy barber u jakiego byłem w życiu",
|
||||
name: "Marcin",
|
||||
role: "Klient",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-holding-hair-dryer_23-2149220573.jpg",
|
||||
},
|
||||
id: "t1", title: "Barber", quote: "Najlepszy barber u jakiego byłem w życiu", name: "Marcin", role: "Klient", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-holding-hair-dryer_23-2149220573.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Studio",
|
||||
quote: "Efekt piorunujący – numer brzmi jak profesjonalny release",
|
||||
name: "Kuba",
|
||||
role: "Artysta",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/musician-playing-electric-guitar-music-studio_23-2152014021.jpg",
|
||||
},
|
||||
id: "t2", title: "Studio", quote: "Efekt piorunujący – numer brzmi jak profesjonalny release", name: "Kuba", role: "Artysta", imageSrc: "http://img.b2bpic.net/free-photo/musician-playing-electric-guitar-music-studio_23-2152014021.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Barber",
|
||||
quote: "Nie wyobrażam sobie zmienić barbera",
|
||||
name: "Piotr",
|
||||
role: "Klient",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-laboratory-robes-talk-each-other-standing-greenhouse_8353-7139.jpg",
|
||||
},
|
||||
id: "t3", title: "Barber", quote: "Nie wyobrażam sobie zmienić barbera", name: "Piotr", role: "Klient", imageSrc: "http://img.b2bpic.net/free-photo/man-woman-laboratory-robes-talk-each-other-standing-greenhouse_8353-7139.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Barber",
|
||||
quote: "Zawsze wychodzę 100% zadowolony",
|
||||
name: "Adam",
|
||||
role: "Klient",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-smiling-showing-ok-sign_141793-37412.jpg",
|
||||
},
|
||||
id: "t4", title: "Barber", quote: "Zawsze wychodzę 100% zadowolony", name: "Adam", role: "Klient", imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-smiling-showing-ok-sign_141793-37412.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Studio",
|
||||
quote: "Najlepsza atmosfera do tworzenia tracków",
|
||||
name: "Michał",
|
||||
role: "Artysta",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-artists-collaborating-editing-recorded-tracks-with-audio-software_482257-93644.jpg",
|
||||
},
|
||||
id: "t5", title: "Studio", quote: "Najlepsza atmosfera do tworzenia tracków", name: "Michał", role: "Artysta", imageSrc: "http://img.b2bpic.net/free-photo/team-artists-collaborating-editing-recorded-tracks-with-audio-software_482257-93644.jpg"},
|
||||
]}
|
||||
title="Co mówią ludzie"
|
||||
description="Najlepsi klienci, najlepsze opinie."
|
||||
@@ -198,25 +123,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "1. Konsultacja",
|
||||
content: "Krótka rozmowa o Twoich oczekiwaniach.",
|
||||
},
|
||||
id: "q1", title: "1. Konsultacja", content: "Krótka rozmowa o Twoich oczekiwaniach."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "2. Propozycja",
|
||||
content: "Barber lub realizator proponuje najlepsze rozwiązanie.",
|
||||
},
|
||||
id: "q2", title: "2. Propozycja", content: "Barber lub realizator proponuje najlepsze rozwiązanie."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "3. Realizacja",
|
||||
content: "Praca na najwyższym poziomie detali.",
|
||||
},
|
||||
id: "q3", title: "3. Realizacja", content: "Praca na najwyższym poziomie detali."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "4. Efekt",
|
||||
content: "Wychodzisz lepszy niż wszedłeś.",
|
||||
},
|
||||
id: "q4", title: "4. Efekt", content: "Wychodzisz lepszy niż wszedłeś."},
|
||||
]}
|
||||
title="Proces wizyty"
|
||||
description="Jak sprawiamy, że wyglądasz i brzmisz lepiej?"
|
||||
@@ -231,21 +144,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "a1",
|
||||
title: "Nagraj numer",
|
||||
description: "Profesjonalna sesja nagraniowa w naszym studio.",
|
||||
tag: "Studio",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-sound-producer-editing-tracks-audio-software-console_482257-121910.jpg",
|
||||
imageAlt: "African american sound producer editing tracks on audio software and console",
|
||||
},
|
||||
id: "a1", title: "Nagraj numer", description: "Profesjonalna sesja nagraniowa w naszym studio.", tag: "Studio", imageSrc: "http://img.b2bpic.net/free-photo/african-american-sound-producer-editing-tracks-audio-software-console_482257-121910.jpg", imageAlt: "African american sound producer editing tracks on audio software and console"},
|
||||
{
|
||||
id: "a2",
|
||||
title: "Fresh Look",
|
||||
description: "Zadbaj o wizerunek przed sesją zdjęciową czy teledyskiem.",
|
||||
tag: "Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94766.jpg",
|
||||
imageAlt: "Man getting his beard shaved with razor",
|
||||
},
|
||||
id: "a2", title: "Fresh Look", description: "Zadbaj o wizerunek przed sesją zdjęciową czy teledyskiem.", tag: "Barber", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94766.jpg", imageAlt: "Man getting his beard shaved with razor"},
|
||||
]}
|
||||
title="Dla Artystów"
|
||||
description="Połączenie, którego potrzebujesz."
|
||||
@@ -259,29 +160,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "w1",
|
||||
title: "Personalne podejście",
|
||||
description: "Nie pracujemy na taśmie. Słuchamy Ciebie.",
|
||||
tag: "Jakość",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/client-barber-greeting-each-other-barbershop_23-2148181951.jpg",
|
||||
imageAlt: "Client and barber greeting each other at barbershop",
|
||||
},
|
||||
id: "w1", title: "Personalne podejście", description: "Nie pracujemy na taśmie. Słuchamy Ciebie.", tag: "Jakość", imageSrc: "http://img.b2bpic.net/free-photo/client-barber-greeting-each-other-barbershop_23-2148181951.jpg", imageAlt: "Client and barber greeting each other at barbershop"},
|
||||
{
|
||||
id: "w2",
|
||||
title: "Top Barberzy",
|
||||
description: "Najlepsi specjaliści w Poznaniu.",
|
||||
tag: "Eksperci",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-barber-hair-salon_23-2148242782.jpg",
|
||||
imageAlt: "Full shot of barber at hair salon",
|
||||
},
|
||||
id: "w2", title: "Top Barberzy", description: "Najlepsi specjaliści w Poznaniu.", tag: "Eksperci", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-barber-hair-salon_23-2148242782.jpg", imageAlt: "Full shot of barber at hair salon"},
|
||||
{
|
||||
id: "w3",
|
||||
title: "Studio na miejscu",
|
||||
description: "Wszystko pod ręką.",
|
||||
tag: "Wygoda",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-people-sound-mixer-station_53876-47001.jpg",
|
||||
imageAlt: "Group of people at a sound mixer station",
|
||||
},
|
||||
id: "w3", title: "Studio na miejscu", description: "Wszystko pod ręką.", tag: "Wygoda", imageSrc: "http://img.b2bpic.net/free-photo/group-people-sound-mixer-station_53876-47001.jpg", imageAlt: "Group of people at a sound mixer station"},
|
||||
]}
|
||||
title="Dlaczego my?"
|
||||
description="Konkrety, które budują zaufanie."
|
||||
@@ -292,10 +175,9 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Rezerwacja"
|
||||
title="Umów się już dziś"
|
||||
title="Zarezerwuj Wizytę w Studiu lub Barberze"
|
||||
description="Terminy znikają szybko. Nie zwlekaj."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/brown-vintage-leather-chair-stylish-barber-shop_627829-6180.jpg"
|
||||
imageAlt="barber shop interior dark moody"
|
||||
@@ -307,37 +189,23 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Nawigacja",
|
||||
items: [
|
||||
title: "Nawigacja", items: [
|
||||
{
|
||||
label: "Usługi",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Usługi", href: "#services"},
|
||||
{
|
||||
label: "Ekipa",
|
||||
href: "#team",
|
||||
},
|
||||
label: "Ekipa", href: "#team"},
|
||||
{
|
||||
label: "Opinie",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Opinie", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Kontakt",
|
||||
items: [
|
||||
title: "Kontakt", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Rezerwacje",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Rezerwacje", href: "#contact"},
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Kontakt", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -348,4 +216,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user