313 lines
20 KiB
TypeScript
313 lines
20 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||
import HeroBillboardDashboard from "@/components/sections/hero/HeroBillboardDashboard";
|
||
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
||
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
|
||
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
|
||
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
|
||
import ContactText from "@/components/sections/contact/ContactText";
|
||
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
||
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
||
import { Sparkles, Heart, CheckCircle, Shield, Award, Camera, Building, HelpCircle, Star } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="icon-arrow"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="soft"
|
||
contentWidth="smallMedium"
|
||
sizing="largeSizeMediumTitles"
|
||
background="none"
|
||
cardStyle="gradient-mesh"
|
||
primaryButtonStyle="gradient"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="medium"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
brandName="Ателие 21"
|
||
navItems={[
|
||
{ name: "Услуги", id: "services" },
|
||
{ name: "Защо Ни Избирате", id: "why-us" },
|
||
{ name: "Галерия", id: "gallery" },
|
||
{ name: "Отзиви", id: "testimonials" },
|
||
{ name: "Контакт", id: "contact" },
|
||
]}
|
||
button={{ text: "Запази час", href: "#booking" }}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardDashboard
|
||
title="Перфектен маникюр във Варна"
|
||
description="Прецизност, внимание и дълготраен резултат – защото заслужавате най-доброто. Ателие 21 Маникюр е място, където красотата на ръцете се съчетава с индивидуален подход и професионализъм."
|
||
tag="Премиум Студио за Красота"
|
||
tagIcon={Sparkles}
|
||
background={{ variant: "plain" }}
|
||
buttons={[
|
||
{ text: "Запази час", href: "#booking" },
|
||
{ text: "Обади се", href: "tel:+359-xxx-xxx-xxx" },
|
||
]}
|
||
dashboard={{
|
||
title: "Нашите Услуги", logoIcon: Heart,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-hands-holding-sangria-drink_23-2149380885.jpg", searchPlaceholder: "Търси услуга...", sidebarItems: [
|
||
{ icon: Sparkles, active: true },
|
||
{ icon: Heart },
|
||
{ icon: Star },
|
||
],
|
||
buttons: [
|
||
{ text: "Галерия", href: "#gallery" },
|
||
{ text: "Контакт", href: "#contact" },
|
||
],
|
||
stats: [
|
||
{
|
||
title: "Задоволени Клиенти", values: [500, 750, 1000],
|
||
description: "От основаването"
|
||
},
|
||
{
|
||
title: "Маникюри Месечно", values: [150, 200, 250],
|
||
description: "Постоянни клиенти"
|
||
},
|
||
{
|
||
title: "Средна Оценка", values: [4.8, 4.9, 5],
|
||
valueSuffix: "/5", description: "От клиентски отзиви"
|
||
},
|
||
],
|
||
listTitle: "Защо да ни посетите", listItems: [
|
||
{ icon: CheckCircle, title: "Прецизна работа", status: "Гарантирано" },
|
||
{ icon: Shield, title: "Висока хигиена", status: "Стандартно" },
|
||
{ icon: Award, title: "Дълготраен резултат", status: "Перфектно" },
|
||
],
|
||
}}
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<ProductCardOne
|
||
title="Нашите Услуги"
|
||
description="Професионални услуги за маникюр, разработени специално за вашите нужди. От класически маникюр до креативен nail art."
|
||
products={[
|
||
{
|
||
id: "1", name: "Класически Маникюр", price: "От 25 лв", imageSrc: "http://img.b2bpic.net/free-photo/nail-care-manicure-process_23-2149130314.jpg", imageAlt: "Класически маникюр"
|
||
},
|
||
{
|
||
id: "2", name: "Гел Лак", price: "От 40 лв", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-different-shades-lip-gloss-arrangement_23-2149681554.jpg", imageAlt: "Гел лак маникюр"
|
||
},
|
||
{
|
||
id: "3", name: "Nail Art & Декорации", price: "От 35 лв", imageSrc: "http://img.b2bpic.net/free-psd/flat-design-nail-salon-facebook-template_23-2150628792.jpg", imageAlt: "Nail art дизайн"
|
||
},
|
||
{
|
||
id: "4", name: "Поддръжка на Гел", price: "От 20 лв", imageSrc: "http://img.b2bpic.net/free-photo/nail-care-manicure-process_23-2149130314.jpg", imageAlt: "Поддръжка"
|
||
},
|
||
]}
|
||
gridVariant="two-columns-alternating-heights"
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="why-us" data-section="why-us">
|
||
<MetricSplitMediaAbout
|
||
tag="Избирайте Ни"
|
||
tagIcon={Heart}
|
||
title="Защо Клиентите Ни Избират"
|
||
description="Ателие 21 Маникюр предлага комбинация от професионализъм, хигиена и индивидуално внимание. Всеки клиент е специален и всеки маникюр е създаден с перфекционизъм."
|
||
metrics={[
|
||
{ value: "1000+", title: "Задоволени Клиенти" },
|
||
{ value: "5.0/5", title: "Средна Оценка" },
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349195.jpg"
|
||
imageAlt="Ателие 21 Маникюр салон интериор"
|
||
mediaAnimation="slide-up"
|
||
metricsAnimation="slide-up"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="gallery" data-section="gallery">
|
||
<FeatureCardNineteen
|
||
title="Портфолио Галерия"
|
||
description="Вижте примери от нашата работа - всеки маникюр е произведение на изкуството, създано с любов и внимание към детайлите."
|
||
tag="Галерия"
|
||
tagIcon={Camera}
|
||
features={[
|
||
{
|
||
id: 1,
|
||
tag: "Класически", title: "Нежен Минимализъм", subtitle: "Елегантен и простен дизайн", description: "Класически маникюр с нежни цветове - идеален за всеки ден. Перфектна хигиена и прецизна работа.", imageSrc: "http://img.b2bpic.net/free-photo/graceful-thin-fingers-girl-with-trendy-pastel-nude-manicure-fluffy-soft-sweater-cute-silver-ring-bow_343596-7953.jpg", imageAlt: "Нежен класически маникюр"
|
||
},
|
||
{
|
||
id: 2,
|
||
tag: "Декоративен", title: "Луксозен Дизайн", subtitle: "С камъни и блясък", description: "Креативен nail art със стъкла и декорации - за специални случаи или когато искате да блеснете.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-flower_23-2148749794.jpg", imageAlt: "Луксозен маникюр със декорации"
|
||
},
|
||
{
|
||
id: 3,
|
||
tag: "Модерен", title: "Геометричен Стил", subtitle: "Съвременни форми и цветове", description: "Модерни геометрични дизайни с актуални цветови комбинации - за тези, които обичат тенденциите.", imageSrc: "http://img.b2bpic.net/free-photo/charming-black-haired-girl-posing-with-surprised-smile-attractive-young-woman-with-dark-hair-laughing_197531-14009.jpg", imageAlt: "Модерен геометричен маникюр"
|
||
},
|
||
{
|
||
id: 4,
|
||
tag: "Специален", title: "Романтичен Маникюр", subtitle: "За специални моменти", description: "Елегантен дизайн за сватби, годеци и други важни събития - прецизна работа и внимание.", imageSrc: "http://img.b2bpic.net/free-photo/extreme-close-up-grater-background_23-2148722058.jpg", imageAlt: "Романтичен маникюр за специален случай"
|
||
},
|
||
]}
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardSixteen
|
||
title="Отзиви от Нашите Клиенти"
|
||
description="Чувайте какво казват нашите постоянни клиенти за опита си в Ателие 21 Маникюр."
|
||
tag="Отзиви"
|
||
tagIcon={Star}
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Миглена Тодорова", role: "Клиент", company: "Варна", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/positive-woman-holding-clipboard-with-smiley-face_23-2148538758.jpg", imageAlt: "Миглена Тодорова"
|
||
},
|
||
{
|
||
id: "2", name: "Kristina Zdravcheva", role: "Постоянна Клиентка", company: "Варна", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-young-woman-wearing-against-gray-loft-wall_8353-6186.jpg", imageAlt: "Kristina Zdravcheva"
|
||
},
|
||
{
|
||
id: "3", name: "Rosica Minkova", role: "Клиент", company: "Варна", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-walks-summer-city-with-cup-coffee_1157-36225.jpg", imageAlt: "Rosica Minkova"
|
||
},
|
||
{
|
||
id: "4", name: "Елена Петрова", role: "Редовна Клиентка", company: "Варна", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/successful-woman-drink-coffee-smiling_176420-16239.jpg", imageAlt: "Елена Петрова"
|
||
},
|
||
]}
|
||
kpiItems={[
|
||
{ value: "180+", label: "Задоволени клиенти" },
|
||
{ value: "96%", label: "Препоръчват ни приятели" },
|
||
{ value: "5.0", label: "Google рейтинг звезди" },
|
||
]}
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<FeatureCardNineteen
|
||
title="За Ателие 21 Маникюр"
|
||
description="Местен бизнес във Варна, посветен на красотата и благополучието на ръцете ви. Ние вярваме, че грижата за себе си е инвестиция, а не лукс."
|
||
tag="За Нас"
|
||
tagIcon={Building}
|
||
features={[
|
||
{
|
||
id: 1,
|
||
tag: "Прецизност", title: "Внимание към Детайлите", subtitle: "Всеки маникюр е произведение на изкуството", description: "Работим с професионално внимание, като всеки детайл е важен. Нашите маникюристи имат години опит и любов към своето занятие.", imageSrc: "http://img.b2bpic.net/free-photo/nail-care-manicure-process_23-2149130314.jpg", imageAlt: "Прецизна работа в студиото"
|
||
},
|
||
{
|
||
id: 2,
|
||
tag: "Хигиена", title: "Висока Чистота и Безопасност", subtitle: "Вашето здраве е наша приоритет", description: "Използваме санитарни инструменти и професионални стерилизирани материали. Всеки клиент получава чисти и дезинфекцирани материали.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-different-shades-lip-gloss-arrangement_23-2149681554.jpg", imageAlt: "Хигиенни стандарти"
|
||
},
|
||
{
|
||
id: 3,
|
||
tag: "Качество", title: "Премиум Продукти", subtitle: "Само най-добрите материали", description: "Работим само с професионални гел лакове и продукти от проверени производители. Качеството е гарантирано.", imageSrc: "http://img.b2bpic.net/free-psd/flat-design-nail-salon-facebook-template_23-2150628792.jpg", imageAlt: "Качествени продукти"
|
||
},
|
||
]}
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="booking" data-section="booking">
|
||
<ContactText
|
||
text="Готови ли сте за пръв клас маникюр? Запазете своя час днес и открийте разликата в нашето студио."
|
||
animationType="entrance-slide"
|
||
buttons={[
|
||
{ text: "Запази час", href: "#booking-form" },
|
||
{ text: "Обади се: +359-xxx-xxx-xxx", href: "tel:+359-xxx-xxx-xxx" },
|
||
]}
|
||
background={{ variant: "plain" }}
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<FaqSplitMedia
|
||
title="Често Задавани Въпроси"
|
||
description="Намерете отговори на вашите въпроси относно нашите услуги, цени и работен процес."
|
||
tag="Поддържка"
|
||
tagIcon={HelpCircle}
|
||
faqs={[
|
||
{
|
||
id: "1", title: "Колко дълго издържа гел лакът?", content: "Гел лакът обикновено издържа 3-4 седмици, в зависимост от растежа на натуралния нокът. Препоръчваме редовна поддръжка всеки 3 седмици."
|
||
},
|
||
{
|
||
id: "2", title: "Какви материали използвате?", content: "Използваме само професионални гел лакове от проверени марки и стерилизирани инструменти. Всички материали са безопасни и хипоалергенни."
|
||
},
|
||
{
|
||
id: "3", title: "Какъв е работният ви график?", content: "Работим от вторник до неделя. Точния график е публикуван на нашата страница. Препоръчваме предварително запазване."
|
||
},
|
||
{
|
||
id: "4", title: "Предлагате ли отстъпки за постоянни клиенти?", content: "Да! Имаме карта за лоялност и специални предложения за постоянни клиенти. Питайте нас при следващото посещение."
|
||
},
|
||
{
|
||
id: "5", title: "Какво ако не съм доволна от резултата?", content: "Вашата удовлетвореност е наша приоритет. Ако имате проблем, свържете се с нас незабавно и ще намерим решение."
|
||
},
|
||
{
|
||
id: "6", title: "Имам алергия - какво мога да направя?", content: "Моля, информирайте ни за всякакви алергии преди сеанса. Имаме хипоалергенни опции и ще подберем подходящите материали за вас."
|
||
},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/elements-person-traveling_23-2148195172.jpg"
|
||
imageAlt="Локация в Варна"
|
||
mediaAnimation="slide-up"
|
||
mediaPosition="right"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
faqsAnimation="slide-up"
|
||
animationType="smooth"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseCard
|
||
logoText="Ателие 21"
|
||
columns={[
|
||
{
|
||
title: "Услуги", items: [
|
||
{ label: "Класически маникюр", href: "#services" },
|
||
{ label: "Гел лак", href: "#services" },
|
||
{ label: "Nail Art", href: "#services" },
|
||
{ label: "Поддръжка на гел", href: "#services" },
|
||
],
|
||
},
|
||
{
|
||
title: "Компания", items: [
|
||
{ label: "За Нас", href: "#about" },
|
||
{ label: "Галерия", href: "#gallery" },
|
||
{ label: "Отзиви", href: "#testimonials" },
|
||
{ label: "Контакт", href: "#booking" },
|
||
],
|
||
},
|
||
{
|
||
title: "Контакт", items: [
|
||
{ label: "Телефон: +359-xxx-xxx-xxx", href: "tel:+359-xxx-xxx-xxx" },
|
||
{ label: "Email: info@atelie21.bg", href: "mailto:info@atelie21.bg" },
|
||
{ label: "Адрес: Варна, България", href: "#" },
|
||
{ label: "Google Maps", href: "#" },
|
||
],
|
||
},
|
||
{
|
||
title: "Социални Медии", items: [
|
||
{ label: "Instagram", href: "https://instagram.com" },
|
||
{ label: "Facebook", href: "https://facebook.com" },
|
||
{ label: "WhatsApp", href: "https://wa.me" },
|
||
{ label: "Google Мой Бизнес", href: "https://google.com/business" },
|
||
],
|
||
},
|
||
]}
|
||
copyrightText="© 2025 Ателие 21 Маникюр. Всички права запазени."
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
}
|