Merge version_1 into main #2
243
src/app/page.tsx
243
src/app/page.tsx
@@ -10,8 +10,8 @@ import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import { Palette, Scissors, Sparkles } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Главная",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "О нас",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Услуги",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Запись",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Главная", id: "#hero" },
|
||||
{ name: "О нас", id: "#about" },
|
||||
{ name: "Услуги", id: "#features" },
|
||||
{ name: "Запись", id: "#contact" }
|
||||
]}
|
||||
brandName="Lumina Salon"
|
||||
/>
|
||||
@@ -55,39 +43,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Lumina: Искусство вашего образа"
|
||||
description="Профессиональный уход, стильные стрижки и безупречное окрашивание в уютной атмосфере нашей студии."
|
||||
tag="Запишитесь уже сегодня"
|
||||
buttons={[
|
||||
{
|
||||
text: "Записаться онлайн",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Записаться онлайн", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-wintertime-luxury-ski-resort_482257-102290.jpg?_wi=1",
|
||||
imageAlt: "Salon Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-cutting-hair_23-2149220593.jpg",
|
||||
imageAlt: "Styling",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mirror-hairdressing-salon_23-2147670185.jpg",
|
||||
imageAlt: "Mirror in hairdressing salon",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/content-client-with-hair-dye_23-2147769778.jpg",
|
||||
imageAlt: "Content client with hair in dye",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-standing-front-mirror-barbershop_23-2148181953.jpg",
|
||||
imageAlt: "Customer standing in front of mirror at barbershop",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-wintertime-luxury-ski-resort_482257-102290.jpg", imageAlt: "Salon Interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-cutting-hair_23-2149220593.jpg", imageAlt: "Styling" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -114,21 +77,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Scissors,
|
||||
title: "Стрижки",
|
||||
description: "Женские, мужские и детские стрижки любой сложности.",
|
||||
},
|
||||
{
|
||||
icon: Palette,
|
||||
title: "Окрашивание",
|
||||
description: "Сложные техники, балаяж, мелирование и полное окрашивание.",
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Уход",
|
||||
description: "Восстанавливающие программы для блеска и силы волос.",
|
||||
},
|
||||
{ icon: Scissors, title: "Стрижки", description: "Женские, мужские и детские стрижки любой сложности." },
|
||||
{ icon: Palette, title: "Окрашивание", description: "Сложные техники, балаяж, мелирование и полное окрашивание." },
|
||||
{ icon: Sparkles, title: "Уход", description: "Восстанавливающие программы для блеска и силы волос." }
|
||||
]}
|
||||
title="Наши услуги"
|
||||
description="Широкий спектр профессиональных услуг для вашего преображения."
|
||||
@@ -142,42 +93,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Увлажняющий шампунь",
|
||||
price: "1200 ₽",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-care-products-basket_23-2149879630.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Восстанавливающая сыворотка",
|
||||
price: "1800 ₽",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-beauty-products-based-regenerative-agriculture_23-2150721475.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Мусс для объема",
|
||||
price: "950 ₽",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-woman-with-curly-hair_23-2151317391.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Маска для питания",
|
||||
price: "1500 ₽",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cream-containers-with-potted-plant_23-2148549168.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Эссенция для блеска",
|
||||
price: "1300 ₽",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-jojoba-oil-arrangement_23-2149047718.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Кондиционер для гладкости",
|
||||
price: "1100 ₽",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-towel-bottles-shampoo-conditioner-lie-table-with-green-leaf-aloe_8353-7049.jpg",
|
||||
},
|
||||
{ id: "1", name: "Увлажняющий шампунь", price: "1200 ₽", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-care-products-basket_23-2149879630.jpg" },
|
||||
{ id: "2", name: "Восстанавливающая сыворотка", price: "1800 ₽", imageSrc: "http://img.b2bpic.net/free-photo/still-life-beauty-products-based-regenerative-agriculture_23-2150721475.jpg" },
|
||||
{ id: "3", name: "Мусс для объема", price: "950 ₽", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-woman-with-curly-hair_23-2151317391.jpg" }
|
||||
]}
|
||||
title="Профессиональный уход"
|
||||
description="Средства для домашнего ухода от ведущих брендов."
|
||||
@@ -190,37 +108,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "g1",
|
||||
groupTitle: "Топ-мастера",
|
||||
members: [
|
||||
{
|
||||
id: "m1",
|
||||
title: "Елена",
|
||||
subtitle: "Арт-директор",
|
||||
detail: "Стаж 12 лет",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-female-barber-wearing-uniform-glasses-headband-looking-camera-showing-thumb-up-isolated-red-background_141793-137078.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Алексей",
|
||||
subtitle: "Ведущий стилист",
|
||||
detail: "Стаж 8 лет",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-hairdressing-salon_23-2147737029.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Марина",
|
||||
subtitle: "Стилист",
|
||||
detail: "Стаж 5 лет",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-posing-with-photo-tape-red-background_114579-60942.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-wintertime-luxury-ski-resort_482257-102290.jpg?_wi=2",
|
||||
imageAlt: "female hairstylist professional portrait",
|
||||
},
|
||||
id: "g1", groupTitle: "Топ-мастера", members: [
|
||||
{ id: "m1", title: "Елена", subtitle: "Арт-директор", detail: "Стаж 12 лет", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-female-barber-wearing-uniform-glasses-headband-looking-camera-showing-thumb-up-isolated-red-background_141793-137078.jpg" },
|
||||
{ id: "m2", title: "Алексей", subtitle: "Ведущий стилист", detail: "Стаж 8 лет", imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-hairdressing-salon_23-2147737029.jpg" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Наша команда"
|
||||
description="Профессионалы, которые любят свое дело."
|
||||
animationType="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -229,46 +125,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Прекрасный сервис",
|
||||
quote: "Лучшая парикмахерская в городе!",
|
||||
name: "Ольга",
|
||||
role: "Клиент",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardening-tools_23-2148013407.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Стильное место",
|
||||
quote: "Всегда ухожу довольной.",
|
||||
name: "Ирина",
|
||||
role: "Клиент",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-same-sisters-with-modern-tablet_329181-10604.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Мастерство",
|
||||
quote: "Спасибо за отличную стрижку.",
|
||||
name: "Анна",
|
||||
role: "Клиент",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229812.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Профессионалы",
|
||||
quote: "Рекомендую этот салон всем.",
|
||||
name: "Дарья",
|
||||
role: "Клиент",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-hairdresser-washing-man-s-hair_23-2150665396.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Уют",
|
||||
quote: "Приятная атмосфера и сервис.",
|
||||
name: "Наталья",
|
||||
role: "Клиент",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-getting-her-hair-done_23-2148108762.jpg",
|
||||
},
|
||||
{ id: "1", title: "Прекрасный сервис", quote: "Лучшая парикмахерская в городе!", name: "Ольга", role: "Клиент", imageSrc: "http://img.b2bpic.net/free-photo/gardening-tools_23-2148013407.jpg" },
|
||||
{ id: "2", title: "Стильное место", quote: "Всегда ухожу довольной.", name: "Ирина", role: "Клиент", imageSrc: "http://img.b2bpic.net/free-photo/two-same-sisters-with-modern-tablet_329181-10604.jpg" }
|
||||
]}
|
||||
title="Отзывы клиентов"
|
||||
description="Что говорят о нас гости."
|
||||
@@ -279,21 +137,8 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Как записаться?",
|
||||
content: "Позвоните нам или оставьте заявку на сайте.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Можно ли выбрать мастера?",
|
||||
content: "Да, при записи вы можете выбрать любимого специалиста.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Есть ли парковка?",
|
||||
content: "Да, рядом с салоном есть бесплатная парковка.",
|
||||
},
|
||||
{ id: "f1", title: "Как записаться?", content: "Позвоните нам или оставьте заявку на сайте." },
|
||||
{ id: "f2", title: "Можно ли выбрать мастера?", content: "Да, при записи вы можете выбрать любимого специалиста." }
|
||||
]}
|
||||
sideTitle="Частые вопросы"
|
||||
sideDescription="Узнайте больше о процессе записи."
|
||||
@@ -304,9 +149,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Запись"
|
||||
title="Записаться на услугу"
|
||||
description="Оставьте свой номер телефона, и наш администратор свяжется с вами в течение 15 минут."
|
||||
@@ -321,38 +164,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Главная",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "О нас",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Услуги",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Запись",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Политика конфиденциальности",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Главная", href: "#hero" }, { label: "О нас", href: "#about" }] },
|
||||
{ items: [{ label: "Услуги", href: "#features" }, { label: "Запись", href: "#contact" }] }
|
||||
]}
|
||||
logoText="Lumina Salon"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user