Update src/app/page.tsx
This commit is contained in:
201
src/app/page.tsx
201
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "О нас",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Услуги",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Команда",
|
||||
id: "#team",
|
||||
},
|
||||
{
|
||||
name: "Запись",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "О нас", id: "#about" },
|
||||
{ name: "Услуги", id: "#services" },
|
||||
{ name: "Команда", id: "#team" },
|
||||
{ name: "Запись", id: "#contact" },
|
||||
]}
|
||||
brandName="ХАСЛ"
|
||||
/>
|
||||
@@ -54,61 +42,25 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="ХАСЛ ТВОЙ СТИЛЬ: БЕЗ КОМПРОМИССОВ."
|
||||
description="Премиальный уход для тех, кто знает цену своему стилю в Самаре."
|
||||
buttons={[
|
||||
{
|
||||
text: "ЗАПИСАТЬСЯ НА ХАСЛ СТРИЖКУ 🔥",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "ЗАПИСАТЬСЯ НА ХАСЛ СТРИЖКУ 🔥" }]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DZxVOjF59iKThfDlVVDB0ADxtp/uploaded-1778503507616-x4st2xz5.png"
|
||||
imageAlt="ХАСЛ Барбершоп Логотип"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg",
|
||||
alt: "Барбер 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-successful-bearded-south-asian-young-indian-freelancer-blue-jeans-shirt-standing-night-club-stairs_627829-5106.jpg",
|
||||
alt: "Барбер 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94764.jpg",
|
||||
alt: "Барбер 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/retro-theatre-scene-celebrate-world-theatre-day_23-2151211458.jpg",
|
||||
alt: "Барбер 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-bearded-black-male-with-tattoo-cross-arms-dressed-white-shirt_613910-15917.jpg",
|
||||
alt: "Барбер 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg", alt: "Барбер 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-handsome-successful-bearded-south-asian-young-indian-freelancer-blue-jeans-shirt-standing-night-club-stairs_627829-5106.jpg", alt: "Барбер 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94764.jpg", alt: "Барбер 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/retro-theatre-scene-celebrate-world-theatre-day_23-2151211458.jpg", alt: "Барбер 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/positive-bearded-black-male-with-tattoo-cross-arms-dressed-white-shirt_613910-15917.jpg", alt: "Барбер 5" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "СТРИЖКА",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "БРИТЬЕ",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "СТИЛЬ",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "ХАСЛ",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "МУЖСКАЯ ТЕРРИТОРИЯ",
|
||||
},
|
||||
{ type: "text", text: "СТРИЖКА" },
|
||||
{ type: "text", text: "БРИТЬЕ" },
|
||||
{ type: "text", text: "СТИЛЬ" },
|
||||
{ type: "text", text: "ХАСЛ" },
|
||||
{ type: "text", text: "МУЖСКАЯ ТЕРРИТОРИЯ" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -132,34 +84,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "s1",
|
||||
badge: "Стандарт",
|
||||
price: "2000₽",
|
||||
subtitle: "Классика или тренд",
|
||||
features: [
|
||||
"60 минут работы",
|
||||
"Высококлассный сервис",
|
||||
],
|
||||
id: "s1", badge: "Стандарт", price: "2000₽", subtitle: "Классика или тренд", features: ["60 минут работы", "Высококлассный сервис"]
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
badge: "Уход",
|
||||
price: "1400₽",
|
||||
subtitle: "Идеальные контуры",
|
||||
features: [
|
||||
"45 минут работы",
|
||||
"Бритва и ножницы",
|
||||
],
|
||||
id: "s2", badge: "Уход", price: "1400₽", subtitle: "Идеальные контуры", features: ["45 минут работы", "Бритва и ножницы"]
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
badge: "Хастлер",
|
||||
price: "3000₽",
|
||||
subtitle: "Полный апгрейд",
|
||||
features: [
|
||||
"90 минут работы",
|
||||
"Стрижка + Борода",
|
||||
],
|
||||
id: "s3", badge: "Хастлер", price: "3000₽", subtitle: "Полный апгрейд", features: ["90 минут работы", "Стрижка + Борода"]
|
||||
},
|
||||
]}
|
||||
title="УСЛУГИ ХАСЛ"
|
||||
@@ -170,23 +101,12 @@ export default function LandingPage() {
|
||||
<div id="gallery" data-section="gallery">
|
||||
<FeatureCardSeven
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Интерьер",
|
||||
description: "Лофт в каждой детали",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chair-stylish-barber-shop_627829-6180.jpg",
|
||||
},
|
||||
{
|
||||
title: "Процесс",
|
||||
description: "Работаем как профи",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-male-with-tattoos-his-crossed-arms_613910-9495.jpg",
|
||||
},
|
||||
{
|
||||
title: "Результат",
|
||||
description: "Стиль, который заметен",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-barber-styling-beard-man_23-2147778888.jpg",
|
||||
},
|
||||
{ title: "Интерьер", description: "Лофт в каждой детали", imageSrc: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chair-stylish-barber-shop_627829-6180.jpg" },
|
||||
{ title: "Процесс", description: "Работаем как профи", imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-male-with-tattoos-his-crossed-arms_613910-9495.jpg" },
|
||||
{ title: "Результат", description: "Стиль, который заметен", imageSrc: "http://img.b2bpic.net/free-photo/side-view-barber-styling-beard-man_23-2147778888.jpg" },
|
||||
]}
|
||||
title="СЕТКА ХАСЛА"
|
||||
description="Атмосфера, стиль, характер."
|
||||
@@ -200,24 +120,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Сергей",
|
||||
role: "Senior Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-with-tattooed-arm-wearing-white-shirt_613910-1888.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Дмитрий",
|
||||
role: "Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-man-getting-ready_1153-1518.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Алексей",
|
||||
role: "Master",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-tattooed-hipster-male-holds-beer-bottle-grey-background-with-two-vintage-wooden-ladders_613910-1303.jpg",
|
||||
},
|
||||
{ id: "m1", name: "Сергей", role: "Senior Barber", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-with-tattooed-arm-wearing-white-shirt_613910-1888.jpg" },
|
||||
{ id: "m2", name: "Дмитрий", role: "Barber", imageSrc: "http://img.b2bpic.net/free-photo/attractive-man-getting-ready_1153-1518.jpg" },
|
||||
{ id: "m3", name: "Алексей", role: "Master", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-tattooed-hipster-male-holds-beer-bottle-grey-background-with-two-vintage-wooden-ladders_613910-1303.jpg" },
|
||||
]}
|
||||
title="МАСТЕРА ХАСЛ"
|
||||
description="Только профи, только стиль"
|
||||
@@ -231,26 +136,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Алексей В."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-male-with-tattoos-his-crossed-arms_613910-9532.jpg",
|
||||
alt: "Клиент 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1522.jpg",
|
||||
alt: "Клиент 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-pensive-man-with-receive-moustache-beard-trimming-procedure-barbershop_613910-15042.jpg",
|
||||
alt: "Клиент 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/groomed-bearded-man-with-tattooes-is-posing-dark-photo-studio_613910-3659.jpg",
|
||||
alt: "Клиент 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-bearded-blond-male-dressed-waistcoat_613910-11225.jpg",
|
||||
alt: "Клиент 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-male-with-tattoos-his-crossed-arms_613910-9532.jpg", alt: "Клиент 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1522.jpg", alt: "Клиент 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-pensive-man-with-receive-moustache-beard-trimming-procedure-barbershop_613910-15042.jpg", alt: "Клиент 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/groomed-bearded-man-with-tattooes-is-posing-dark-photo-studio_613910-3659.jpg", alt: "Клиент 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/stylish-bearded-blond-male-dressed-waistcoat_613910-11225.jpg", alt: "Клиент 5" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -263,21 +153,10 @@ export default function LandingPage() {
|
||||
title="ЗАПИСЬ НА СТРИЖКУ"
|
||||
description="Забронируй место уже сегодня"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Твое имя",
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Телефон",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Твое имя" },
|
||||
{ name: "phone", type: "tel", placeholder: "Телефон" },
|
||||
]}
|
||||
textarea={{
|
||||
name: "note",
|
||||
placeholder: "Пожелания",
|
||||
}}
|
||||
textarea={{ name: "note", placeholder: "Пожелания" }}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/metal-handcuffs-realistic-set_1284-71804.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -288,16 +167,8 @@ export default function LandingPage() {
|
||||
logoText="ХАСЛ"
|
||||
copyrightText="© 2025 | ХАСЛ Барбершоп"
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Send,
|
||||
href: "https://t.me/khasl",
|
||||
ariaLabel: "Telegram",
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{ icon: Send, href: "https://t.me/khasl", ariaLabel: "Telegram" },
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user