Update src/app/page.tsx
This commit is contained in:
278
src/app/page.tsx
278
src/app/page.tsx
@@ -9,7 +9,7 @@ import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { Award, Clock, Heart, Sparkles } from "lucide-react";
|
||||
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Услуги",
|
||||
id: "services",
|
||||
},
|
||||
name: "Услуги", id: "services"},
|
||||
{
|
||||
name: "Галерея",
|
||||
id: "gallery",
|
||||
},
|
||||
name: "Галерея", id: "gallery"},
|
||||
{
|
||||
name: "Отзывы",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Отзывы", id: "testimonials"},
|
||||
{
|
||||
name: "Контакты",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Контакты", id: "contact"},
|
||||
]}
|
||||
brandName="Mon Paris"
|
||||
/>
|
||||
@@ -56,45 +48,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Мон Пари — пространство красоты и заботы о себе"
|
||||
description="Премиальный салон красоты в Москве. Современные процедуры, опытные мастера и атмосфера настоящего комфорта."
|
||||
buttons={[
|
||||
{
|
||||
text: "Записаться онлайн",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Записаться онлайн", href: "#contact"},
|
||||
{
|
||||
text: "Посмотреть услуги",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Посмотреть услуги", href: "#services"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "c1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-rendering-interior-design_23-2151892490.jpg",
|
||||
},
|
||||
id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/elegant-rendering-interior-design_23-2151892490.jpg"},
|
||||
{
|
||||
id: "c2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-steel-elevator-lift-lobby-business-hotel-with-luxury-design_105762-2042.jpg",
|
||||
},
|
||||
id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-steel-elevator-lift-lobby-business-hotel-with-luxury-design_105762-2042.jpg"},
|
||||
{
|
||||
id: "c3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-natural-cosmetics_23-2148574917.jpg",
|
||||
},
|
||||
id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-natural-cosmetics_23-2148574917.jpg"},
|
||||
{
|
||||
id: "c4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-corridor-interior-entrance-hall-house-with-dramatic-background_9083-8110.jpg",
|
||||
},
|
||||
id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/empty-corridor-interior-entrance-hall-house-with-dramatic-background_9083-8110.jpg"},
|
||||
{
|
||||
id: "c5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-empty-room_23-2150528547.jpg",
|
||||
},
|
||||
id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/modern-empty-room_23-2150528547.jpg"},
|
||||
{
|
||||
id: "c6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lodge-wintertime-with-ski-gear_482257-76632.jpg",
|
||||
},
|
||||
id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/lodge-wintertime-with-ski-gear_482257-76632.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -105,26 +80,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Мастера",
|
||||
title: "Опытные профи",
|
||||
subtitle: "Top Level",
|
||||
description: "Мастера с 10-летним стажем и премиальным образованием.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-s-day-still-life-with-makeup-jewelry_23-2149263168.jpg",
|
||||
},
|
||||
tag: "Мастера", title: "Опытные профи", subtitle: "Top Level", description: "Мастера с 10-летним стажем и премиальным образованием.", imageSrc: "http://img.b2bpic.net/free-photo/women-s-day-still-life-with-makeup-jewelry_23-2149263168.jpg"},
|
||||
{
|
||||
tag: "Сервис",
|
||||
title: "Индивидуальный подход",
|
||||
subtitle: "Personal Care",
|
||||
description: "Персональный бьюти-план для каждого гостя салона.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-relaxing-with-face-massage-beauty-spa-while-lying_176532-7210.jpg",
|
||||
},
|
||||
tag: "Сервис", title: "Индивидуальный подход", subtitle: "Personal Care", description: "Персональный бьюти-план для каждого гостя салона.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-relaxing-with-face-massage-beauty-spa-while-lying_176532-7210.jpg"},
|
||||
{
|
||||
tag: "Безопасность",
|
||||
title: "Стерильность",
|
||||
subtitle: "Safe Beauty",
|
||||
description: "Строгие протоколы обработки инструментов и стерильности.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-having-coffee-bathroom_23-2148147484.jpg",
|
||||
},
|
||||
tag: "Безопасность", title: "Стерильность", subtitle: "Safe Beauty", description: "Строгие протоколы обработки инструментов и стерильности.", imageSrc: "http://img.b2bpic.net/free-photo/girl-having-coffee-bathroom_23-2148147484.jpg"},
|
||||
]}
|
||||
title="Почему выбирают нас"
|
||||
description="Мы создали идеальное пространство, где каждый визит превращается в праздник."
|
||||
@@ -132,66 +92,19 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<ProductCardTwo
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
carouselMode="buttons"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "s1",
|
||||
brand: "Уход",
|
||||
name: "Маникюр",
|
||||
price: "от 2 500 ₽",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-black-mask-sitting-front-table-working-with-her-nails-blue_140725-24246.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
brand: "Уход",
|
||||
name: "Педикюр",
|
||||
price: "от 3 000 ₽",
|
||||
rating: 5,
|
||||
reviewCount: "98",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-perfume-bottle-soft-light_23-2151992846.jpg",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
brand: "Волосы",
|
||||
name: "Окрашивание",
|
||||
price: "от 8 000 ₽",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chic-empty-room-authentic-interior-design_53876-111115.jpg",
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
brand: "Волосы",
|
||||
name: "Стрижка",
|
||||
price: "от 4 000 ₽",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1854.jpg",
|
||||
},
|
||||
{
|
||||
id: "s5",
|
||||
brand: "Лицо",
|
||||
name: "Косметология",
|
||||
price: "от 5 000 ₽",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-interior-with-served-decorated-tables-guests-restaurant_181624-53274.jpg",
|
||||
},
|
||||
{
|
||||
id: "s6",
|
||||
brand: "Уход",
|
||||
name: "Брови и ресницы",
|
||||
price: "от 2 000 ₽",
|
||||
rating: 5,
|
||||
reviewCount: "300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-creamy-white-foam-pattern-background_23-2148078852.jpg",
|
||||
},
|
||||
{ id: "s1", name: "Маникюр", price: "от 2 500 ₽", variant: "Уход", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-black-mask-sitting-front-table-working-with-her-nails-blue_140725-24246.jpg" },
|
||||
{ id: "s2", name: "Педикюр", price: "от 3 000 ₽", variant: "Уход", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-perfume-bottle-soft-light_23-2151992846.jpg" },
|
||||
{ id: "s3", name: "Окрашивание", price: "от 8 000 ₽", variant: "Волосы", imageSrc: "http://img.b2bpic.net/free-photo/chic-empty-room-authentic-interior-design_53876-111115.jpg" },
|
||||
{ id: "s4", name: "Стрижка", price: "от 4 000 ₽", variant: "Волосы", imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1854.jpg" },
|
||||
{ id: "s5", name: "Косметология", price: "от 5 000 ₽", variant: "Лицо", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-interior-with-served-decorated-tables-guests-restaurant_181624-53274.jpg" },
|
||||
{ id: "s6", name: "Брови и ресницы", price: "от 2 000 ₽", variant: "Уход", imageSrc: "http://img.b2bpic.net/free-photo/abstract-creamy-white-foam-pattern-background_23-2148078852.jpg" },
|
||||
]}
|
||||
title="Наши услуги"
|
||||
description="Премиальный уход для вашего совершенства."
|
||||
@@ -205,29 +118,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Sparkles,
|
||||
title: "Уютных залов",
|
||||
value: "2 ",
|
||||
},
|
||||
id: "m1", icon: Sparkles,
|
||||
title: "Уютных залов", value: "2 "},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Award,
|
||||
title: "Топ-мастеров",
|
||||
value: "5 ",
|
||||
},
|
||||
id: "m2", icon: Award,
|
||||
title: "Топ-мастеров", value: "5 "},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Heart,
|
||||
title: "Клиентов",
|
||||
value: "1000+",
|
||||
},
|
||||
id: "m3", icon: Heart,
|
||||
title: "Клиентов", value: "1000+"},
|
||||
{
|
||||
id: "m4",
|
||||
icon: Clock,
|
||||
title: "Процедур",
|
||||
value: "50+",
|
||||
},
|
||||
id: "m4", icon: Clock,
|
||||
title: "Процедур", value: "50+"},
|
||||
]}
|
||||
title="Атмосфера Мон Пари"
|
||||
description="Эстетика, комфорт и внимание к деталям в самом центре Москвы."
|
||||
@@ -239,14 +140,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"L'Oréal",
|
||||
"Wella",
|
||||
"Davines",
|
||||
"OPI",
|
||||
"Kerastase",
|
||||
"Goldwell",
|
||||
"Shiseido",
|
||||
]}
|
||||
"L'Oréal", "Wella", "Davines", "OPI", "Kerastase", "Goldwell", "Shiseido"]}
|
||||
title="Доверие экспертов"
|
||||
description="Нас выбирают лучшие бренды индустрии красоты."
|
||||
/>
|
||||
@@ -259,45 +153,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Елена",
|
||||
handle: "@elena_moscow",
|
||||
testimonial: "Потрясающий сервис! Маникюр держится неделями, а атмосфера просто космос.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-self-confident-blonde-woman-white-blouse-brown-pants-reads-newspaper-poses-dark-corridor_197531-23198.jpg",
|
||||
},
|
||||
id: "t1", name: "Елена", handle: "@elena_moscow", testimonial: "Потрясающий сервис! Маникюр держится неделями, а атмосфера просто космос.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-self-confident-blonde-woman-white-blouse-brown-pants-reads-newspaper-poses-dark-corridor_197531-23198.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Анна",
|
||||
handle: "@anna_beauty",
|
||||
testimonial: "Лучший салон в городе. Очень уютно, профессионально и эстетично.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg",
|
||||
},
|
||||
id: "t2", name: "Анна", handle: "@anna_beauty", testimonial: "Лучший салон в городе. Очень уютно, профессионально и эстетично.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Мария",
|
||||
handle: "@maria_style",
|
||||
testimonial: "Прихожу сюда за спокойствием и качественным окрашиванием. Рекомендую!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-model-posing-with-flowers_23-2148905659.jpg",
|
||||
},
|
||||
id: "t3", name: "Мария", handle: "@maria_style", testimonial: "Прихожу сюда за спокойствием и качественным окрашиванием. Рекомендую!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-model-posing-with-flowers_23-2148905659.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Юлия",
|
||||
handle: "@yulia_life",
|
||||
testimonial: "Всегда ухожу в восторге. Девочки — волшебницы!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-looking-young-beautiful-female-barber-uniform-holding-straight-razor-isolated-pink-wall_141793-105657.jpg",
|
||||
},
|
||||
id: "t4", name: "Юлия", handle: "@yulia_life", testimonial: "Всегда ухожу в восторге. Девочки — волшебницы!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-looking-young-beautiful-female-barber-uniform-holding-straight-razor-isolated-pink-wall_141793-105657.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Кристина",
|
||||
handle: "@kristi_msk",
|
||||
testimonial: "Очень высокий уровень сервиса, как в Париже.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-calm-caucasian-pretty-woman-with-towel-head-eye-mask-patches-face-face-skin-care-concept-female-relax-bed-home_343596-2112.jpg",
|
||||
},
|
||||
id: "t5", name: "Кристина", handle: "@kristi_msk", testimonial: "Очень высокий уровень сервиса, как в Париже.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-calm-caucasian-pretty-woman-with-towel-head-eye-mask-patches-face-face-skin-care-concept-female-relax-bed-home_343596-2112.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Отзывы клиентов"
|
||||
@@ -311,20 +180,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Как записаться?",
|
||||
content: "Записаться можно через WhatsApp или Telegram по ссылке ниже.",
|
||||
},
|
||||
id: "q1", title: "Как записаться?", content: "Записаться можно через WhatsApp или Telegram по ссылке ниже."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Где вы находитесь?",
|
||||
content: "Мы находимся в самом сердце Москвы. Детальную карту можно найти в разделе контактов.",
|
||||
},
|
||||
id: "q2", title: "Где вы находитесь?", content: "Мы находимся в самом сердце Москвы. Детальную карту можно найти в разделе контактов."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Работаете ли вы в праздники?",
|
||||
content: "Да, мы работаем ежедневно для вашего комфорта.",
|
||||
},
|
||||
id: "q3", title: "Работаете ли вы в праздники?", content: "Да, мы работаем ежедневно для вашего комфорта."},
|
||||
]}
|
||||
title="Подарите себе уход"
|
||||
description="Подарите себе уход, которого вы заслуживаете. Начните свое преображение сегодня."
|
||||
@@ -336,8 +196,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Контакты"
|
||||
title="Записаться онлайн"
|
||||
description="Свяжитесь с нами для выбора удобного времени."
|
||||
@@ -348,46 +207,29 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Мон Пари",
|
||||
items: [
|
||||
title: "Мон Пари", items: [
|
||||
{
|
||||
label: "О салоне",
|
||||
href: "#",
|
||||
},
|
||||
label: "О салоне", href: "#"},
|
||||
{
|
||||
label: "Карьера",
|
||||
href: "#",
|
||||
},
|
||||
label: "Карьера", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Услуги",
|
||||
items: [
|
||||
title: "Услуги", items: [
|
||||
{
|
||||
label: "Маникюр",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Маникюр", href: "#services"},
|
||||
{
|
||||
label: "Волосы",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Волосы", href: "#services"},
|
||||
{
|
||||
label: "SPA",
|
||||
href: "#services",
|
||||
},
|
||||
label: "SPA", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Контакты",
|
||||
items: [
|
||||
title: "Контакты", items: [
|
||||
{
|
||||
label: "Москва, ул. Красивая 1",
|
||||
href: "#",
|
||||
},
|
||||
label: "Москва, ул. Красивая 1", href: "#"},
|
||||
{
|
||||
label: "+7 (495) 000-00-00",
|
||||
href: "tel:+74950000000",
|
||||
},
|
||||
label: "+7 (495) 000-00-00", href: "tel:+74950000000"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -398,4 +240,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user