bender/764b9458-4ef3-41fe-8db8-110b7d5c7687
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-26 16:23:26 +00:00
Conversation 0 Commits 1 Files Changed 1 +60 -293
1 changed files with 60 additions and 293 deletions
Download Patch File Download Diff File Expand all files Collapse all files

353
src/app/page.tsx
View File

@@ -32,26 +32,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Domů",
id: "hero",
},
{
name: "O nás",
id: "about",
},
{
name: "Služby",
id: "features",
},
{
name: "Ceník",
id: "pricing",
},
{
name: "Kontakt",
id: "contact",
},
{ name: "Domů", id: "hero" },
{ name: "O nás", id: "about" },
{ name: "Služby", id: "features" },
{ name: "Ceník", id: "pricing" },
{ name: "Kontakt", id: "contact" },
]}
brandName="Hanoi Barber Shop"
/>
@@ -59,95 +44,38 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Mistrovství v každém střihu"
description="Vítejte v Hanoi Barber Shop, kde se setkává tradiční řemeslo s moderním luxusem. Zažijte prvotřídní péči o vaše vlasy a vousy."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/comb-brush-soap-cosmetic-jars-dark-background-space-text_185193-161817.jpg?_wi=1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/vintage-salon-tools-jobs-career-concept_53876-127080.jpg?_wi=1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/barber-doing-haircut-bearded-aged-client-hair-salon_23-2148182013.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/client-getting-beard-shaving-barber-shop_1163-2028.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/black-neodymium-magnet-phenomenon_23-2148253601.jpg",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/comb-brush-soap-cosmetic-jars-dark-background-space-text_185193-161817.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/vintage-salon-tools-jobs-career-concept_53876-127080.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/barber-doing-haircut-bearded-aged-client-hair-salon_23-2148182013.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/client-getting-beard-shaving-barber-shop_1163-2028.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/black-neodymium-magnet-phenomenon_23-2148253601.jpg" }
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-washing-hair-bearded-man_23-2147778782.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/dog-lifestyle-care-with-owner_23-2149150804.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-washing-hair-barber-shop_23-2148298320.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-having-haircut_23-2148506372.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-work-with-hair-hairdresser-with-client_1157-43571.jpg",
},
]}
buttons={[
{
text: "Rezervovat termín",
href: "#contact",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-washing-hair-bearded-man_23-2147778782.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/dog-lifestyle-care-with-owner_23-2149150804.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-washing-hair-barber-shop_23-2148298320.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-having-haircut_23-2148506372.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/man-work-with-hair-hairdresser-with-client_1157-43571.jpg" }
]}
buttons={[ { text: "Rezervovat termín", href: "#contact" } ]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg",
alt: "Barber 1",
},
{
src: "http://img.b2bpic.net/free-photo/various-trimmers-dressing-table_107420-94767.jpg",
alt: "Barber 2",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-stylish-male-who-himself-shaving-while-sitting-barber-chair-hairdressing-salon_613910-18629.jpg",
alt: "Barber 3",
},
{
src: "http://img.b2bpic.net/free-photo/luxury-coffee-shop-table-inside-barista-bar-generated-by-ai_188544-29280.jpg",
alt: "Barber 4",
},
{
src: "http://img.b2bpic.net/free-photo/hairstylist-looking-client-mirror_23-2148242870.jpg",
alt: "Barber 5",
},
{ src: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg", alt: "Barber 1" },
{ src: "http://img.b2bpic.net/free-photo/various-trimmers-dressing-table_107420-94767.jpg", alt: "Barber 2" },
{ src: "http://img.b2bpic.net/free-photo/portrait-stylish-male-who-himself-shaving-while-sitting-barber-chair-hairdressing-salon_613910-18629.jpg", alt: "Barber 3" },
{ src: "http://img.b2bpic.net/free-photo/luxury-coffee-shop-table-inside-barista-bar-generated-by-ai_188544-29280.jpg", alt: "Barber 4" },
{ src: "http://img.b2bpic.net/free-photo/hairstylist-looking-client-mirror_23-2148242870.jpg", alt: "Barber 5" }
]}
avatarText="Již více než 1 000 spokojených pánů"
marqueeItems={[
{
type: "text",
text: "PRECISNOST",
},
{
type: "text",
text: "LUXUS",
},
{
type: "text",
text: "TRADICE",
},
{
type: "text",
text: "STYL",
},
{
type: "text",
text: "POHODA",
},
{ type: "text", text: "PRECISNOST" },
{ type: "text", text: "LUXUS" },
{ type: "text", text: "TRADICE" },
{ type: "text", text: "STYL" },
{ type: "text", text: "POHODA" }
]}
/>
</div>
@@ -159,20 +87,11 @@ export default function LandingPage() {
title="Umění holičství v srdci Prahy"
description="Naším cílem je poskytnout nejen střih, ale i zážitek. V Hanoi Barber Shop věříme v preciznost, detaily a osobní přístup, který z každého muže udělá gentlemana."
bulletPoints={[
{
title: "Tradice",
description: "Klasické metody v moderním pojetí.",
},
{
title: "Kvalita",
description: "Používáme jen nejlepší kosmetiku.",
},
{
title: "Atmosféra",
description: "Místo, kde vypnete a odpočinete si.",
},
{ title: "Tradice", description: "Klasické metody v moderním pojetí." },
{ title: "Kvalita", description: "Používáme jen nejlepší kosmetiku." },
{ title: "Atmosféra", description: "Místo, kde vypnete a odpočinete si." }
]}
imageSrc="http://img.b2bpic.net/free-photo/side-view-old-couple-with-cute-dog_23-2149614016.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/side-view-old-couple-with-cute-dog_23-2149614016.jpg"
mediaAnimation="slide-up"
/>
</div>
@@ -184,53 +103,20 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Pánský střih",
description: "Precizní střih podle vašich přání.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/brave-enough-brutal-lumberjack-cutting-wood-sharp-blade-brutality-masculinity-bearded-lumberjack-lumberjack-style-man-with-axe-bearded-man-hold-axe-isolated-white-danger-concept_231208-8923.jpg",
},
items: [
{
icon: Scissors,
text: "Střih nůžkami",
},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/comb-brush-soap-cosmetic-jars-dark-background-space-text_185193-161817.jpg?_wi=2",
imageAlt: "professional straight razor shave",
title: "Pánský střih", description: "Precizní střih podle vašich přání.", media: { imageSrc: "http://img.b2bpic.net/free-photo/brave-enough-brutal-lumberjack-cutting-wood-sharp-blade-brutality-masculinity-bearded-lumberjack-lumberjack-style-man-with-axe-bearded-man-hold-axe-isolated-white-danger-concept_231208-8923.jpg" },
items: [ { icon: Scissors, text: "Střih nůžkami" } ],
reverse: false
},
{
title: "Úprava vousů",
description: "Dokonalý tvar a kontury vašich vousů.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-practicing-skincare_23-2150283291.jpg",
},
items: [
{
icon: Sparkles,
text: "Hot towel",
},
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/vintage-salon-tools-jobs-career-concept_53876-127080.jpg?_wi=2",
imageAlt: "professional straight razor shave",
title: "Úprava vousů", description: "Dokonalý tvar a kontury vašich vousů.", media: { imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-practicing-skincare_23-2150283291.jpg" },
items: [ { icon: Sparkles, text: "Hot towel" } ],
reverse: true
},
{
title: "Královské holení",
description: "Tradiční holení břitvou pro hladký výsledek.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/closeup-business-man_53876-14991.jpg",
},
items: [
{
icon: Shield,
text: "Ošetření pleti",
},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-old-couple-with-cute-dog_23-2149614016.jpg?_wi=2",
imageAlt: "professional straight razor shave",
},
title: "Královské holení", description: "Tradiční holení břitvou pro hladký výsledek.", media: { imageSrc: "http://img.b2bpic.net/free-photo/closeup-business-man_53876-14991.jpg" },
items: [ { icon: Shield, text: "Ošetření pleti" } ],
reverse: false
}
]}
title="Naše exkluzivní služby"
description="Nabízíme komplexní péči, která podtrhne váš styl."
@@ -243,39 +129,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "p1",
badge: "Populární",
price: "690 Kč",
subtitle: "Základní střih",
features: [
"Střih",
"Mytí",
"Styling",
],
},
{
id: "p2",
badge: "Premium",
price: "1 290 Kč",
subtitle: "Kompletní péče",
features: [
"Střih",
"Vousy",
"Masáž",
],
},
{
id: "p3",
badge: "VIP",
price: "1 890 Kč",
subtitle: "Celková relaxace",
features: [
"Střih",
"Vousy",
"Pleťová maska",
],
},
{ id: "p1", badge: "Populární", price: "690 Kč", subtitle: "Základní střih", features: ["Střih", "Mytí", "Styling"] },
{ id: "p2", badge: "Premium", price: "1 290 Kč", subtitle: "Kompletní péče", features: ["Střih", "Vousy", "Masáž"] },
{ id: "p3", badge: "VIP", price: "1 890 Kč", subtitle: "Celková relaxace", features: ["Střih", "Vousy", "Pleťová maska"] }
]}
title="Ceník služeb"
description="Vyberte si službu, která vám vyhovuje."
@@ -289,46 +145,11 @@ export default function LandingPage() {
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Petr Novák",
role: "Podnikatel",
company: "TechCorp",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-holding-juice-while-getting-haircut_613910-5727.jpg",
},
{
id: "2",
name: "Jan Svoboda",
role: "Architekt",
company: "DesignStudio",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/elegant-women-with-little-dog-city_1157-26780.jpg",
},
{
id: "3",
name: "Tomáš Dvořák",
role: "Manager",
company: "GrowthGroup",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-6221.jpg",
},
{
id: "4",
name: "Marek Černý",
role: "Expert",
company: "Consulting",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/mid-section-barber-wiping-clients-face-with-hot-towel_107420-94798.jpg",
},
{
id: "5",
name: "Lukáš Kučera",
role: "Umělec",
company: "CreativeArt",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-blank-speech-bubble-sign-scissors-looking-scissors-amazed-standing-orange-wall_141793-96380.jpg",
},
{ id: "1", name: "Petr Novák", role: "Podnikatel", company: "TechCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-holding-juice-while-getting-haircut_613910-5727.jpg" },
{ id: "2", name: "Jan Svoboda", role: "Architekt", company: "DesignStudio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elegant-women-with-little-dog-city_1157-26780.jpg" },
{ id: "3", name: "Tomáš Dvořák", role: "Manager", company: "GrowthGroup", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-6221.jpg" },
{ id: "4", name: "Marek Černý", role: "Expert", company: "Consulting", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mid-section-barber-wiping-clients-face-with-hot-towel_107420-94798.jpg" },
{ id: "5", name: "Lukáš Kučera", role: "Umělec", company: "CreativeArt", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-blank-speech-bubble-sign-scissors-looking-scissors-amazed-standing-orange-wall_141793-96380.jpg" }
]}
title="Co říkají naši klienti"
description="Vaše spokojenost je naší vizitkou."
@@ -341,24 +162,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
team={[
{
id: "t1",
name: "David",
role: "Master Barber",
imageSrc: "http://img.b2bpic.net/free-photo/barber-customer-giving-high-five_23-2147737094.jpg",
},
{
id: "t2",
name: "Martin",
role: "Senior Stylist",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506315.jpg",
},
{
id: "t3",
name: "Alex",
role: "Barber",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-tattoo-his-face-with-crossed-arms-dressed-white-shirt-grey-background_613910-1374.jpg",
},
{ id: "t1", name: "David", role: "Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/barber-customer-giving-high-five_23-2147737094.jpg" },
{ id: "t2", name: "Martin", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506315.jpg" },
{ id: "t3", name: "Alex", role: "Barber", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-tattoo-his-face-with-crossed-arms-dressed-white-shirt-grey-background_613910-1374.jpg" }
]}
title="Poznejte naše mistry"
description="Profesionálové, kteří svou práci milují."
@@ -369,21 +175,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "Musím se objednat předem?",
content: "Doporučujeme rezervaci termínu online.",
},
{
id: "f2",
title: "Přijímáte platby kartou?",
content: "Ano, přijímáme hotovost i karty.",
},
{
id: "f3",
title: "Jak dlouho trvá střih?",
content: "Standardně počítejte s 45 minutami.",
},
{ id: "f1", title: "Musím se objednat předem?", content: "Doporučujeme rezervaci termínu online." },
{ id: "f2", title: "Přijímáte platby kartou?", content: "Ano, přijímáme hotovost i karty." },
{ id: "f3", title: "Jak dlouho trvá střih?", content: "Standardně počítejte s 45 minutami." }
]}
sideTitle="Časté dotazy"
faqsAnimation="slide-up"
@@ -393,46 +187,19 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Kontakt"
title="Rezervujte si své místo"
description="Neváhejte a dopřejte si luxusní zážitek ještě dnes."
buttons={[
{
text: "Rezervovat online",
href: "#",
},
]}
buttons={[ { text: "Rezervovat online", href: "#" } ]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Navigace",
items: [
{
label: "Domů",
href: "#hero",
},
{
label: "Služby",
href: "#features",
},
],
},
{
title: "Právní",
items: [
{
label: "Ochrana soukromí",
href: "#",
},
],
},
{ title: "Navigace", items: [ { label: "Domů", href: "#hero" }, { label: "Služby", href: "#features" } ] },
{ title: "Právní", items: [ { label: "Ochrana soukromí", href: "#" } ] }
]}
logoText="Hanoi Barber Shop"
/>
@@ -440,4 +207,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}