Merge version_1 into main #2
310
src/app/page.tsx
310
src/app/page.tsx
@@ -32,74 +32,31 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Start",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Usługi",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Zespół",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "Opinie",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Start", id: "hero" },
|
||||
{ name: "Usługi", id: "pricing" },
|
||||
{ name: "Zespół", id: "team" },
|
||||
{ name: "Opinie", id: "testimonials" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="Barber Chełm"
|
||||
button={{
|
||||
text: "Rezerwuj",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Rezerwuj", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Barbershop w Chełmie, gdzie wracasz nie tylko po fryzurę"
|
||||
description="Profesjonalna ekipa, precyzyjne cięcie i atmosfera bez zbędnego spinania. Sprawdź dlaczego lokalni mieszkańcy wybrali właśnie nas."
|
||||
tag="Najlepszy barber w mieście"
|
||||
buttons={[
|
||||
{
|
||||
text: "Zadzwoń teraz",
|
||||
href: "tel:785153934",
|
||||
},
|
||||
{
|
||||
text: "Zarezerwuj online",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Zadzwoń teraz", href: "tel:785153934" },
|
||||
{ text: "Zarezerwuj online", href: "#contact" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-18295.jpg?_wi=1",
|
||||
imageAlt: "Wnętrze barbershopu w Chełmie",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-barber-s-instruments-shop_23-2149186524.jpg",
|
||||
imageAlt: "Stanowisko pracy barbera",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hipster-man-barber-shop-professional-hairdresser-uses-brush-almost-finished-hairstyle_613910-3886.jpg",
|
||||
imageAlt: "Hipster man in a barber shop. Professional hairdresser uses a brush, almost finished hairstyle.",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-master-barber-does-haircut-client-men-s-haircut-barbershop-styling-hair-with-comb_613910-19929.jpg",
|
||||
imageAlt: "A stylish Master barber does a haircut to the client. Men's haircut in a barbershop. Styling hair with a comb.",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-body-portrait-stylish-male-who-himself-shaving-while-sitting-barber-chair-hairdressing-salon_613910-18655.jpg",
|
||||
imageAlt: "Full body portrait of a stylish male who himself shaving while sitting on a barber chair in a hairdressing salon.",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-18295.jpg", imageAlt: "Wnętrze barbershopu w Chełmie" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-barber-s-instruments-shop_23-2149186524.jpg", imageAlt: "Stanowisko pracy barbera" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -112,46 +69,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Świetny klimat",
|
||||
quote: "Świetna, luźna atmosfera — zero spięcia. Polecam każdemu!",
|
||||
name: "Marek P.",
|
||||
role: "Stały klient",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Profesjonaliści",
|
||||
quote: "Ogromna precyzja i profesjonalizm. Wracam za każdym razem.",
|
||||
name: "Tomasz K.",
|
||||
role: "Klient",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-hair-salon-facing-camera_23-2148242763.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Czystość",
|
||||
quote: "Sprzęt zawsze czysty, a obsługa na najwyższym poziomie.",
|
||||
name: "Adam S.",
|
||||
role: "Klient",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-home_23-2149122066.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Super ekipa",
|
||||
quote: "Najlepsza obsługa w Chełmie. Luźno, zabawnie i na temat.",
|
||||
name: "Michał W.",
|
||||
role: "Stały klient",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-gray-checkered-suit_158538-4243.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Polecam!",
|
||||
quote: "Ekipa do której się wraca. Mega zadowolony z brody.",
|
||||
name: "Piotr R.",
|
||||
role: "Klient",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-sitting-chair_23-2149220530.jpg",
|
||||
},
|
||||
{ id: "1", title: "Świetny klimat", quote: "Świetna, luźna atmosfera — zero spięcia. Polecam każdemu!", name: "Marek P.", role: "Stały klient", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg" },
|
||||
{ id: "2", title: "Profesjonaliści", quote: "Ogromna precyzja i profesjonalizm. Wracam za każdym razem.", name: "Tomasz K.", role: "Klient", imageSrc: "http://img.b2bpic.net/free-photo/man-hair-salon-facing-camera_23-2148242763.jpg" },
|
||||
{ id: "3", title: "Czystość", quote: "Sprzęt zawsze czysty, a obsługa na najwyższym poziomie.", name: "Adam S.", role: "Klient", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-home_23-2149122066.jpg" },
|
||||
{ id: "4", title: "Super ekipa", quote: "Najlepsza obsługa w Chełmie. Luźno, zabawnie i na temat.", name: "Michał W.", role: "Stały klient", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-gray-checkered-suit_158538-4243.jpg" },
|
||||
{ id: "5", title: "Polecam!", quote: "Ekipa do której się wraca. Mega zadowolony z brody.", name: "Piotr R.", role: "Klient", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-sitting-chair_23-2149220530.jpg" }
|
||||
]}
|
||||
title="Co mówią o nas klienci?"
|
||||
description="Nasza atmosfera i profesjonalizm to coś, co wyróżnia nas na mapie Chełma."
|
||||
@@ -164,57 +86,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "strzyzenie",
|
||||
tag: "Popularne",
|
||||
price: "70 zł",
|
||||
period: "45 min",
|
||||
description: "Klasyczne strzyżenie dopasowane do kształtu twarzy.",
|
||||
button: {
|
||||
text: "Rezerwuj",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Obejmuje:",
|
||||
features: [
|
||||
"Konsultacja",
|
||||
"Mycie",
|
||||
"Stylizacja",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "broda",
|
||||
tag: "Najlepszy",
|
||||
price: "50 zł",
|
||||
period: "30 min",
|
||||
description: "Profesjonalne modelowanie i pielęgnacja brody.",
|
||||
button: {
|
||||
text: "Rezerwuj",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Obejmuje:",
|
||||
features: [
|
||||
"Strzyżenie brody",
|
||||
"Gorący ręcznik",
|
||||
"Pielęgnacja",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "combo",
|
||||
tag: "Zestaw",
|
||||
price: "110 zł",
|
||||
period: "75 min",
|
||||
description: "Pełny pakiet dla Twojej głowy i brody.",
|
||||
button: {
|
||||
text: "Rezerwuj",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Obejmuje:",
|
||||
features: [
|
||||
"Strzyżenie",
|
||||
"Modelowanie brody",
|
||||
"Pielęgnacja",
|
||||
],
|
||||
},
|
||||
{ id: "strzyzenie", tag: "Popularne", price: "70 zł", period: "45 min", description: "Klasyczne strzyżenie dopasowane do kształtu twarzy.", button: { text: "Rezerwuj", href: "#contact" }, featuresTitle: "Obejmuje:", features: ["Konsultacja", "Mycie", "Stylizacja"] },
|
||||
{ id: "broda", tag: "Najlepszy", price: "50 zł", period: "30 min", description: "Profesjonalne modelowanie i pielęgnacja brody.", button: { text: "Rezerwuj", href: "#contact" }, featuresTitle: "Obejmuje:", features: ["Strzyżenie brody", "Gorący ręcznik", "Pielęgnacja"] },
|
||||
{ id: "combo", tag: "Zestaw", price: "110 zł", period: "75 min", description: "Pełny pakiet dla Twojej głowy i brody.", button: { text: "Rezerwuj", href: "#contact" }, featuresTitle: "Obejmuje:", features: ["Strzyżenie", "Modelowanie brody", "Pielęgnacja"] }
|
||||
]}
|
||||
title="Nasze usługi"
|
||||
description="Wybierz coś dla siebie i wbijaj na fotel."
|
||||
@@ -225,11 +99,7 @@ export default function LandingPage() {
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="O nas – Barber Chełm"
|
||||
description={[
|
||||
"Jesteśmy lokalną ekipą, dla której barbering to pasja, a nie tylko zawód.",
|
||||
"Stawiamy na higienę, wysoką jakość usług i klimat, w którym każdy poczuje się dobrze.",
|
||||
"Wpadnij na Gdańską 9, napij się kawy i zadbaj o swój wygląd wyluzowanej atmosferze.",
|
||||
]}
|
||||
description={["Jesteśmy lokalną ekipą, dla której barbering to pasja, a nie tylko zawód.", "Stawiamy na higienę, wysoką jakość usług i klimat, w którym każdy poczuje się dobrze.", "Wpadnij na Gdańską 9, napij się kawy i zadbaj o swój wygląd wyluzowanej atmosferze."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -240,27 +110,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Bartek",
|
||||
role: "Senior Barber",
|
||||
description: "Mistrz fade'a z 5-letnim doświadczeniem.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-furious-blonde-male-barber-uniform-crosses-hands-holding-scissors-comb_141793-31563.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Kuba",
|
||||
role: "Barber",
|
||||
description: "Specjalista od brody i klasyki.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-tattoo-his-face-with-crossed-arms-dressed-white-shirt-grey-background_613910-8120.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mateusz",
|
||||
role: "Barber",
|
||||
description: "Pasjonat detali i nowoczesnych cięć.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-putting-shaving-cream-elderly-client-beauty-salon_23-2148182015.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Bartek", role: "Senior Barber", description: "Mistrz fade'a z 5-letnim doświadczeniem.", imageSrc: "http://img.b2bpic.net/free-photo/young-furious-blonde-male-barber-uniform-crosses-hands-holding-scissors-comb_141793-31563.jpg" },
|
||||
{ id: "t2", name: "Kuba", role: "Barber", description: "Specjalista od brody i klasyki.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-tattoo-his-face-with-crossed-arms-dressed-white-shirt-grey-background_613910-8120.jpg" },
|
||||
{ id: "t3", name: "Mateusz", role: "Barber", description: "Pasjonat detali i nowoczesnych cięć.", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-putting-shaving-cream-elderly-client-beauty-salon_23-2148182015.jpg" }
|
||||
]}
|
||||
title="Poznaj naszą ekipę"
|
||||
description="Najlepsi barberzy w mieście, gotowi by zadbać o Twój styl."
|
||||
@@ -273,42 +125,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Fade",
|
||||
description: "Idealne przejścia.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-barber-trimming-hair_23-2148298297.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-bearded-male-violet-sunglasses-dressed-purple-jacket_613910-2957.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-18295.jpg?_wi=2",
|
||||
imageAlt: "fade haircut detail side",
|
||||
},
|
||||
{
|
||||
title: "Broda",
|
||||
description: "Zawsze na ostro.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-beard-golden-sparkles_23-2147990024.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-arranging-his-beard-with-shaving-machine_23-2148298347.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg?_wi=2",
|
||||
imageAlt: "fade haircut detail side",
|
||||
},
|
||||
{
|
||||
title: "Salon",
|
||||
description: "Klimat miejsca.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326535.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scissors-towel-beauty-salon_23-2148181999.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-hair-salon-facing-camera_23-2148242763.jpg?_wi=2",
|
||||
imageAlt: "fade haircut detail side",
|
||||
},
|
||||
{ title: "Fade", description: "Idealne przejścia.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/back-view-barber-trimming-hair_23-2148298297.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/fashionable-bearded-male-violet-sunglasses-dressed-purple-jacket_613910-2957.jpg" } },
|
||||
{ title: "Broda", description: "Zawsze na ostro.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/man-beard-golden-sparkles_23-2147990024.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/young-man-arranging-his-beard-with-shaving-machine_23-2148298347.jpg" } },
|
||||
{ title: "Salon", description: "Klimat miejsca.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326535.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/scissors-towel-beauty-salon_23-2148181999.jpg" } }
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="Nasze efekty"
|
||||
@@ -323,27 +142,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "Gdańska 9",
|
||||
title: "Adres",
|
||||
description: "Lokalny punkt w Chełmie",
|
||||
icon: MapPin,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "10:00 - 20:00",
|
||||
title: "Godziny",
|
||||
description: "Poniedziałek - Sobota",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "785 153 934",
|
||||
title: "Telefon",
|
||||
description: "Zadzwoń po termin",
|
||||
icon: Phone,
|
||||
},
|
||||
{ id: "m1", value: "Gdańska 9", title: "Adres", description: "Lokalny punkt w Chełmie", icon: MapPin },
|
||||
{ id: "m2", value: "10:00 - 20:00", title: "Godziny", description: "Poniedziałek - Sobota", icon: Clock },
|
||||
{ id: "m3", value: "785 153 934", title: "Telefon", description: "Zadzwoń po termin", icon: Phone }
|
||||
]}
|
||||
title="Gdzie nas znajdziesz?"
|
||||
description="Gdańska 9, Chełm – czekamy na Ciebie!"
|
||||
@@ -353,19 +154,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Wbij na fotel i poczuj klimat Chełma – zarezerwuj wizytę już teraz!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Zadzwoń",
|
||||
href: "tel:785153934",
|
||||
},
|
||||
{
|
||||
text: "Rezerwuj online",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Zadzwoń", href: "tel:785153934" },
|
||||
{ text: "Rezerwuj online", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -374,42 +167,21 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Kontakt",
|
||||
items: [
|
||||
{
|
||||
label: "785 153 934",
|
||||
href: "tel:785153934",
|
||||
},
|
||||
{
|
||||
label: "Gdańska 9, Chełm",
|
||||
href: "#",
|
||||
},
|
||||
title: "Kontakt", items: [
|
||||
{ label: "785 153 934", href: "tel:785153934" },
|
||||
{ label: "Gdańska 9, Chełm", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
title: "Social", items: [
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "Facebook", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Wizyty",
|
||||
items: [
|
||||
{
|
||||
label: "Rezerwacje",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Regulamin",
|
||||
href: "#",
|
||||
},
|
||||
title: "Wizyty", items: [
|
||||
{ label: "Rezerwacje", href: "#contact" },
|
||||
{ label: "Regulamin", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user