215 lines
15 KiB
TypeScript
215 lines
15 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||
import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
|
||
import AboutMetric from "@/components/sections/about/AboutMetric";
|
||
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
|
||
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
|
||
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||
import { Award, MapPin, Star, Users } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="bounce-effect"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="pill"
|
||
contentWidth="mediumSmall"
|
||
sizing="largeSmallSizeMediumTitles"
|
||
background="floatingGradient"
|
||
cardStyle="gradient-mesh"
|
||
primaryButtonStyle="double-inset"
|
||
secondaryButtonStyle="solid"
|
||
headingFontWeight="extrabold"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleFullscreen
|
||
brandName="Jadore Style"
|
||
navItems={[
|
||
{ name: "Про нас", id: "about" },
|
||
{ name: "Послуги", id: "services" },
|
||
{ name: "Відгуки", id: "testimonials" },
|
||
{ name: "Контакти", id: "contact" }
|
||
]}
|
||
bottomLeftText="Красота у кожній деталі"
|
||
bottomRightText="097 137 9913"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardRotatedCarousel
|
||
title="Jadore Style"
|
||
description="Салон красоти у Львові, де кожна жінка знаходить затишок, професійний сервіс та чарівні трансформації. Запишіся на процедуру прямо зараз."
|
||
tag="Ми відкриємо у понеділок о 10:00"
|
||
tagAnimation="slide-up"
|
||
buttons={[
|
||
{ text: "Записатися", href: "#contact" },
|
||
{ text: "Зателефонувати", href: "tel:+380971379913" },
|
||
{ text: "Instagram", href: "https://instagram.com" }
|
||
]}
|
||
buttonAnimation="blur-reveal"
|
||
background={{ variant: "radial-gradient" }}
|
||
carouselItems={[
|
||
{
|
||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-purple-flower-mirror_23-2149446789.jpg", imageAlt: "Елегантний інтер'єр салону Jadore Style"
|
||
},
|
||
{
|
||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-with-mobile-phone-getting-her-hair-done_23-2148108788.jpg", imageAlt: "Професійні послуги красоти"
|
||
},
|
||
{
|
||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-hair-salon_23-2150668423.jpg", imageAlt: "Сучасні методи догляду волосся"
|
||
},
|
||
{
|
||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/skin-care-concept-with-beautiful-woman_23-2148131190.jpg", imageAlt: "Спеціалізовані процедури краси"
|
||
},
|
||
{
|
||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-white-doctor-uniform_141793-260.jpg", imageAlt: "СПА-процедури розслаблення"
|
||
},
|
||
{
|
||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/make-up-brushes-with-bottle-water-beauty-salon_627829-10772.jpg", imageAlt: "Манікюр та педикюр високої якості"
|
||
}
|
||
]}
|
||
autoPlay={true}
|
||
autoPlayInterval={5000}
|
||
ariaLabel="Салон красоти Jadore Style — Львів"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<AboutMetric
|
||
title="Про Jadore Style"
|
||
metrics={[
|
||
{ icon: Star, label: "Рейтинг салону", value: "4.4 / 5" },
|
||
{ icon: Users, label: "Задоволених клієнтів", value: "105+" },
|
||
{ icon: MapPin, label: "Років у Львові", value: "Центр міста" },
|
||
{ icon: Award, label: "Професійні майстри", value: "Команда експертів" }
|
||
]}
|
||
metricsAnimation="blur-reveal"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureCardMedia
|
||
title="Наші послуги"
|
||
description="Широкий спектр б'юті-послуг від професійних майстрів салону. Кожна послуга виконується з використанням найкращих матеріалів та технік."
|
||
tag="Всі процедури розраховані на вас"
|
||
tagAnimation="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
animationType="scale-rotate"
|
||
features={[
|
||
{
|
||
id: "1", title: "Стрижки та укладки", description: "Сучасні стрижки, креативні укладки та перетворення вашого образу від досвідчених перукарів.", tag: "Волосся", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-hair-salon_23-2150668423.jpg", imageAlt: "Стрижка та укладка волосся"
|
||
},
|
||
{
|
||
id: "2", title: "Фарбування волосся", description: "Професійне фарбування, тонування та мелірування з гарантією якості та здоров'я волосся.", tag: "Колір", imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-with-mobile-phone-getting-her-hair-done_23-2148108788.jpg", imageAlt: "Фарбування волосся"
|
||
},
|
||
{
|
||
id: "3", title: "Доглядові процедури", description: "Маски, кератин-терапія та復復 процедури для здорового виду та силі вашого волосся.", tag: "Здоров'я", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-purple-flower-mirror_23-2149446789.jpg", imageAlt: "Доглядові процедури для волосся"
|
||
},
|
||
{
|
||
id: "4", title: "Манікюр та педикюр", description: "Класичні, гельові та витончені дизайни ногтів. Ніжна обробка та бездоганний результат.", tag: "Ногті", imageSrc: "http://img.b2bpic.net/free-photo/make-up-brushes-with-bottle-water-beauty-salon_627829-10772.jpg", imageAlt: "Манікюр та педикюр"
|
||
},
|
||
{
|
||
id: "5", title: "Брови та вії", description: "Архітектура брів, ламінування і нарощування вій для виразного та елегантного погляду.", tag: "Очі", imageSrc: "http://img.b2bpic.net/free-photo/skin-care-concept-with-beautiful-woman_23-2148131190.jpg", imageAlt: "Брови та вії послуги"
|
||
},
|
||
{
|
||
id: "6", title: "СПА-процедури", description: "Релаксуючі спа-комплекси для обличчя та тіла. Повна розслабленість та омолодження.", tag: "Розслаблення", imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-white-doctor-uniform_141793-260.jpg", imageAlt: "СПА-процедури красоти"
|
||
}
|
||
]}
|
||
buttons={[
|
||
{ text: "Дізнатися більше", href: "#contact" }
|
||
]}
|
||
buttonAnimation="blur-reveal"
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardTwo
|
||
title="Що говорять наші клієнти"
|
||
description="Реальні відгуки від жінок, які довіряють нам свою красу. 105 задоволених клієнтів дають нам 4.4 із 5 зірок."
|
||
tag="Відгуки клієнтів"
|
||
tagAnimation="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
animationType="blur-reveal"
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Марія Петренко", role: "Клієнтка", testimonial: "Салон Jadore Style — моє улюблене місце! Команда дійсно професіональна, атмосфера затишна і гостинна. Завжди виходжу з хорошим настроєм.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-cute-smiling-blond-teenager-model-without-makeup-summer-hipster-white-dress-posing-street-background-touching-her-face_158538-12845.jpg", imageAlt: "Марія Петренко"
|
||
},
|
||
{
|
||
id: "2", name: "Оксана Коваленко", role: "Постійна клієнтка", testimonial: "Робила манікюр — просто чудово! Обслуговування на найвищому рівні. Спеціалісти знають свою справу і ставляться до кожної клієнтки з любов'ю.", imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-black-dress-medium-shot_23-2149697975.jpg", imageAlt: "Оксана Коваленко"
|
||
},
|
||
{
|
||
id: "3", name: "Ірина Іванівна", role: "Нова клієнтка", testimonial: "Знайшла цей салон випадково, але тепер ходжу сюди регулярно. Чудові результати, чистота, професіоналізм — все на рівні преміум-класу!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-gesticulating_273609-40415.jpg", imageAlt: "Ірина Іванівна"
|
||
},
|
||
{
|
||
id: "4", name: "Світлана Бондаренко", role: "VIP клієнтка", testimonial: "Послуги спа абсолютно захоплили мене. Дійсно релаксуючо, а персонал дуже уважний і гарно розуміє, що потрібно клієнтці.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashion-model-posing-photo-studio-sensitive-sensual-lady-with-long-brown-hair-hugging-herself_549566-813.jpg", imageAlt: "Світлана Бондаренко"
|
||
},
|
||
{
|
||
id: "5", name: "Емілія Франко", role: "Постійна клієнтка", testimonial: "Фарбування волосся — шедевр! Колір вийшов якраз таким, яким я мріяла. Команда прислухається до кожного пажадання клієнтки.", imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-styling-clients-hair_107420-94689.jpg", imageAlt: "Емілія Франко"
|
||
},
|
||
{
|
||
id: "6", name: "Анна Мацюк", role: "Клієнтка", testimonial: "Стрижка і укладка вийшли ідеальними. Я давно не бачила себе такою красивою! Буду ходити в салон Jadore Style постійно.", imageSrc: "http://img.b2bpic.net/free-photo/woman-s-portrait-about-ideal-skin-straight-healthy-shiny-hair_633478-1302.jpg", imageAlt: "Анна Мацюк"
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplitForm
|
||
title="Запишіться на процедуру"
|
||
description="Вкажіть свої контакти, вибіріть послугу та напишіть коментар. Ми передзвоним вам протягом години."
|
||
useInvertedBackground={true}
|
||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-purple-flower-mirror_23-2149446789.jpg"
|
||
imageAlt="Інтер'єр салону Jadore Style"
|
||
mediaAnimation="opacity"
|
||
mediaPosition="right"
|
||
inputs={[
|
||
{ name: "fullName", type: "text", placeholder: "Ваше ім'я" },
|
||
{ name: "phone", type: "tel", placeholder: "Ваш телефон", required: true },
|
||
{ name: "service", type: "text", placeholder: "Обрана послуга" }
|
||
]}
|
||
textarea={{
|
||
name: "message", placeholder: "Додатковий коментар", rows: 4
|
||
}}
|
||
buttonText="Записатися"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterSimple
|
||
columns={[
|
||
{
|
||
title: "Про салон", items: [
|
||
{ label: "Про нас", href: "#about" },
|
||
{ label: "Послуги", href: "#services" },
|
||
{ label: "Відгуки", href: "#testimonials" }
|
||
]
|
||
},
|
||
{
|
||
title: "Контакти", items: [
|
||
{ label: "097 137 9913", href: "tel:+380971379913" },
|
||
{ label: "вул. Окуневського, 3", href: "https://maps.google.com/?q=Okunchnskogo+3+Lviv" },
|
||
{ label: "Instagram", href: "https://instagram.com" }
|
||
]
|
||
},
|
||
{
|
||
title: "Час роботи", items: [
|
||
{ label: "Пн-Пт: 10:00 - 20:00", href: "#" },
|
||
{ label: "Сб-Нд: 11:00 - 19:00", href: "#" },
|
||
{ label: "Записатися", href: "#contact" }
|
||
]
|
||
}
|
||
]}
|
||
bottomLeftText="© 2024 Jadore Style. Усі права захищені."
|
||
bottomRightText="Салон краси у Львові • Професіональне обслуговування"
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
}
|