Merge version_3 into main

Merge version_3 into main

src/app/booking/page.tsx

@@ -0,0 +1,95 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import ContactCTA from "@/components/sections/contact/ContactCTA";
+import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
+import { Calendar, Clock, User } from "lucide-react";
+
+export default function BookingPage() {
+  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: "/booking" },
+            { name: "Контакт", id: "contact" },
+          ]}
+          button={{ text: "Запази час", href: "/booking" }}
+        />
+      </div>
+
+      <div id="booking-hero" data-section="booking-hero">
+        <ContactCTA
+          tag="Запазване на Час"
+          tagIcon={Calendar}
+          title="Резервирайте Вашата Красота"
+          description="Изберете удобно време за вашия маникюр. Нашите опитни маникюристи ще ви дадат индивидуално внимание и ще създадат перфектния дизайн, който желаете."
+          buttons={[
+            { text: "Запази онлайн", href: "https://www.google.com/calendar" },
+            { text: "Обади се: +359-xxx-xxx-xxx", href: "tel:+359-xxx-xxx-xxx" },
+          ]}
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
+        />
+      </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: "#contact" },
+              ],
+            },
+            {
+              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>
+  );
+}

src/app/layout.tsx

@@ -1,58 +1,21 @@
 import type { Metadata } from "next";
-import { Halant } from "next/font/google";
 import { Inter } from "next/font/google";
-import { Inter_Tight } from "next/font/google";
 import "./globals.css";
-import { ServiceWrapper } from "@/components/ServiceWrapper";
-import Tag from "@/tag/Tag";
 
-const halant = Halant({
-  variable: "--font-halant",  subsets: ["latin"],
-  weight: ["300", "400", "500", "600", "700"],
-});
-
-const inter = Inter({
-  variable: "--font-inter",  subsets: ["latin"],
-});
-
-const interTight = Inter_Tight({
-  variable: "--font-inter-tight",  subsets: ["latin"],
-  weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
-});
+const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
-  title: "Ателие 21 Маникюр - Салон за Маникюр Варна",  description: "Премиум салон за маникюр във Варна с гел лак, класически маникюр и nail art. Запазете час онлайн или обадете се. Висока хигиена и професионализъм.",  keywords: "маникюр Варна, гел лак Варна, салон за маникюр, nail art, красота ръце",  metadataBase: new URL("https://atelie21.bg"),
-  alternates: {
-    canonical: "https://atelie21.bg"},
-  openGraph: {
-    title: "Ателие 21 Маникюр - Премиум Салон във Варна",    description: "Descobrire elegan manicure in Varna. Servicii profesionale, higuena inalta si atentie personala.",    url: "https://atelie21.bg",    siteName: "Ателие 21 Маникюр",    type: "website",    images: [
-      {
-        url: "http://img.b2bpic.net/free-photo/front-view-hands-holding-sangria-drink_23-2149380885.jpg",        alt: "Ателие 21 Маникюр - Премиум Салон"},
-    ],
-  },
-  twitter: {
-    card: "summary_large_image",    title: "Ателие 21 Маникюр - Варна",    description: "Професионален маникюр с гел лак и nail art във Варна",    images: ["http://img.b2bpic.net/free-photo/front-view-hands-holding-sangria-drink_23-2149380885.jpg"],
-  },
-  robots: {
-    index: true,
-    follow: true,
-  },
-};
+  title: "Ателие 21 Маникюр - Премиум Студио за Красота във Варна",  description:
+    "Професионален маникюр и nail art услуги във Варна. Прецизност, висока хигиена и дълготраен резултат. Запази час сега!"};
 
 export default function RootLayout({
   children,
-}: Readonly<{
+}: {
   children: React.ReactNode;
-}>) {
+}) {
   return (
-    <html lang="en" suppressHydrationWarning>
-      <ServiceWrapper>
-        <body
-          className={`${halant.variable} ${inter.variable} ${interTight.variable} antialiased`}
-        >
-          <Tag />
-          {children}
-        
+    <html lang="bg">
+      <body className={inter.className}>{children}
         <script
           dangerouslySetInnerHTML={{
             __html: `
@@ -1420,7 +1383,6 @@ export default function RootLayout({
           }}
         />
       </body>
-      </ServiceWrapper>
     </html>
   );
 }

src/app/page.tsx

@@ -34,9 +34,10 @@ export default function LandingPage() {
             { name: "Защо Ни Избирате", id: "why-us" },
             { name: "Галерия", id: "gallery" },
             { name: "Отзиви", id: "testimonials" },
+            { name: "Запази час", id: "/booking" },
             { name: "Контакт", id: "contact" },
           ]}
-          button={{ text: "Запази час", href: "#booking" }}
+          button={{ text: "Запази час", href: "/booking" }}
         />
       </div>
 
@@ -48,7 +49,7 @@ export default function LandingPage() {
           tagIcon={Sparkles}
           background={{ variant: "plain" }}
           buttons={[
-            { text: "Запази час", href: "#booking" },
+            { text: "Запази час", href: "/booking" },
             { text: "Обади се", href: "tel:+359-xxx-xxx-xxx" },
           ]}
           dashboard={{
@@ -65,16 +66,13 @@ export default function LandingPage() {
             stats: [
               {
                 title: "Задоволени Клиенти",                values: [500, 750, 1000],
-                description: "От основаването"
-              },
+                description: "От основаването"},
               {
                 title: "Маникюри Месечно",                values: [150, 200, 250],
-                description: "Постоянни клиенти"
-              },
+                description: "Постоянни клиенти"},
               {
                 title: "Средна Оценка",                values: [4.8, 4.9, 5],
-                valueSuffix: "/5",                description: "От клиентски отзиви"
-              },
+                valueSuffix: "/5",                description: "От клиентски отзиви"},
             ],
             listTitle: "Защо да ни посетите",            listItems: [
               { icon: CheckCircle, title: "Прецизна работа", status: "Гарантирано" },
@@ -88,20 +86,16 @@ export default function LandingPage() {
       <div id="services" data-section="services">
         <ProductCardOne
           title="Нашите Услуги"
-          description="Професионални услуги за маникюр, разработени специално за вашите нужди. От класически маникюр до креативен nail art."
+          description="Цени от 20 до 40 лв. Професионални услуги за маникюр, разработени специално за вашите нужди. От класически маникюр до креативен nail art."
           products={[
             {
-              id: "1",              name: "Класически Маникюр",              price: "От 25 лв",              imageSrc: "http://img.b2bpic.net/free-photo/nail-care-manicure-process_23-2149130314.jpg?_wi=1",              imageAlt: "Класически маникюр"
-            },
+              id: "1",              name: "Класически Маникюр",              price: "От 25 лв",              imageSrc: "http://img.b2bpic.net/free-photo/nail-care-manicure-process_23-2149130314.jpg?_wi=1",              imageAlt: "Класически маникюр"},
             {
-              id: "2",              name: "Гел Лак",              price: "От 40 лв",              imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-different-shades-lip-gloss-arrangement_23-2149681554.jpg?_wi=1",              imageAlt: "Гел лак маникюр"
-            },
+              id: "2",              name: "Гел Лак",              price: "От 40 лв",              imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-different-shades-lip-gloss-arrangement_23-2149681554.jpg?_wi=1",              imageAlt: "Гел лак маникюр"},
             {
-              id: "3",              name: "Nail Art & Декорации",              price: "От 35 лв",              imageSrc: "http://img.b2bpic.net/free-psd/flat-design-nail-salon-facebook-template_23-2150628792.jpg?_wi=1",              imageAlt: "Nail art дизайн"
-            },
+              id: "3",              name: "Nail Art & Декорации",              price: "От 35 лв",              imageSrc: "http://img.b2bpic.net/free-psd/flat-design-nail-salon-facebook-template_23-2150628792.jpg?_wi=1",              imageAlt: "Nail art дизайн"},
             {
-              id: "4",              name: "Поддръжка на Гел",              price: "От 20 лв",              imageSrc: "http://img.b2bpic.net/free-photo/nail-care-manicure-process_23-2149130314.jpg?_wi=2",              imageAlt: "Поддръжка"
-            },
+              id: "4",              name: "Поддръжка на Гел",              price: "От 20 лв",              imageSrc: "http://img.b2bpic.net/free-photo/nail-care-manicure-process_23-2149130314.jpg?_wi=2",              imageAlt: "Поддръжка"},
           ]}
           gridVariant="two-columns-alternating-heights"
           animationType="slide-up"
@@ -137,20 +131,16 @@ export default function LandingPage() {
           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: "Нежен класически маникюр"
-            },
+              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: "Луксозен маникюр със декорации"
-            },
+              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: "Модерен геометричен маникюр"
-            },
+              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: "Романтичен маникюр за специален случай"
-            },
+              tag: "Специален",              title: "Романтичен Маникюр",              subtitle: "За специални моменти",              description: "Елегантен дизайн за сватби, годеци и други важни събития - прецизна работа и внимание.",              imageSrc: "http://img.b2bpic.net/free-photo/extreme-close-up-grater-background_23-2148722058.jpg",              imageAlt: "Романтичен маникюр за специален случай"},
           ]}
           textboxLayout="default"
           useInvertedBackground={false}
@@ -166,20 +156,16 @@ export default function LandingPage() {
           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: "Миглена Тодорова"
-            },
+              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"
-            },
+              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"
-            },
+              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: "Елена Петрова"
-            },
+              imageSrc: "http://img.b2bpic.net/free-photo/successful-woman-drink-coffee-smiling_176420-16239.jpg",              imageAlt: "Елена Петрова"},
           ]}
           kpiItems={[
             { value: "180+", label: "Задоволени клиенти" },
@@ -201,35 +187,19 @@ export default function LandingPage() {
           features={[
             {
               id: 1,
-              tag: "Прецизност",              title: "Внимание към Детайлите",              subtitle: "Всеки маникюр е произведение на изкуството",              description: "Работим с професионално внимание, като всеки детайл е важен. Нашите маникюристи имат години опит и любов към своето занятие.",              imageSrc: "http://img.b2bpic.net/free-photo/nail-care-manicure-process_23-2149130314.jpg?_wi=3",              imageAlt: "Прецизна работа в студиото"
-            },
+              tag: "Прецизност",              title: "Внимание към Детайлите",              subtitle: "Всеки маникюр е произведение на изкуството",              description: "Работим с професионално внимание, като всеки детайл е важен. Нашите маникюристи имат години опит и любов към своето занятие.",              imageSrc: "http://img.b2bpic.net/free-photo/nail-care-manicure-process_23-2149130314.jpg?_wi=3",              imageAlt: "Прецизна работа в студиото"},
             {
               id: 2,
-              tag: "Хигиена",              title: "Висока Чистота и Безопасност",              subtitle: "Вашето здраве е наша приоритет",              description: "Използваме санитарни инструменти и професионални стерилизирани материали. Всеки клиент получава чисти и дезинфекцирани материали.",              imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-different-shades-lip-gloss-arrangement_23-2149681554.jpg?_wi=2",              imageAlt: "Хигиенни стандарти"
-            },
+              tag: "Хигиена",              title: "Висока Чистота и Безопасност",              subtitle: "Вашето здраве е наша приоритет",              description: "Използваме санитарни инструменти и професионални стерилизирани материали. Всеки клиент получава чисти и дезинфекцирани материали.",              imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-different-shades-lip-gloss-arrangement_23-2149681554.jpg?_wi=2",              imageAlt: "Хигиенни стандарти"},
             {
               id: 3,
-              tag: "Качество",              title: "Премиум Продукти",              subtitle: "Само най-добрите материали",              description: "Работим само с професионални гел лакове и продукти от проверени производители. Качеството е гарантирано.",              imageSrc: "http://img.b2bpic.net/free-psd/flat-design-nail-salon-facebook-template_23-2150628792.jpg?_wi=2",              imageAlt: "Качествени продукти"
-            },
+              tag: "Качество",              title: "Премиум Продукти",              subtitle: "Само най-добрите материали",              description: "Работим само с професионални гел лакове и продукти от проверени производители. Качеството е гарантирано.",              imageSrc: "http://img.b2bpic.net/free-psd/flat-design-nail-salon-facebook-template_23-2150628792.jpg?_wi=2",              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="Често Задавани Въпроси"
@@ -238,23 +208,17 @@ export default function LandingPage() {
           tagIcon={HelpCircle}
           faqs={[
             {
-              id: "1",              title: "Колко дълго издържа гел лакът?",              content: "Гел лакът обикновено издържа 3-4 седмици, в зависимост от растежа на натуралния нокът. Препоръчваме редовна поддръжка всеки 3 седмици."
-            },
+              id: "1",              title: "Колко дълго издържа гел лакът?",              content: "Гел лакът обикновено издържа 3-4 седмици, в зависимост от растежа на натуралния нокът. Препоръчваме редовна поддръжка всеки 3 седмици."},
             {
-              id: "2",              title: "Какви материали използвате?",              content: "Използваме само професионални гел лакове от проверени марки и стерилизирани инструменти. Всички материали са безопасни и хипоалергенни."
-            },
+              id: "2",              title: "Какви материали използвате?",              content: "Използваме само професионални гел лакове от проверени марки и стерилизирани инструменти. Всички материали са безопасни и хипоалергенни."},
             {
-              id: "3",              title: "Какъв е работният ви график?",              content: "Работим от вторник до неделя. Точния график е публикуван на нашата страница. Препоръчваме предварително запазване."
-            },
+              id: "3",              title: "Какъв е работният ви график?",              content: "Работим от вторник до неделя. Точния график е публикуван на нашата страница. Препоръчваме предварително запазване."},
             {
-              id: "4",              title: "Предлагате ли отстъпки за постоянни клиенти?",              content: "Да! Имаме карта за лоялност и специални предложения за постоянни клиенти. Питайте нас при следващото посещение."
-            },
+              id: "4",              title: "Предлагате ли отстъпки за постоянни клиенти?",              content: "Да! Имаме карта за лоялност и специални предложения за постоянни клиенти. Питайте нас при следващото посещение."},
             {
-              id: "5",              title: "Какво ако не съм доволна от резултата?",              content: "Вашата удовлетвореност е наша приоритет. Ако имате проблем, свържете се с нас незабавно и ще намерим решение."
-            },
+              id: "5",              title: "Какво ако не съм доволна от резултата?",              content: "Вашата удовлетвореност е наша приоритет. Ако имате проблем, свържете се с нас незабавно и ще намерим решение."},
             {
-              id: "6",              title: "Имам алергия - какво мога да направя?",              content: "Моля, информирайте ни за всякакви алергии преди сеанса. Имаме хипоалергенни опции и ще подберем подходящите материали за вас."
-            },
+              id: "6",              title: "Имам алергия - какво мога да направя?",              content: "Моля, информирайте ни за всякакви алергии преди сеанса. Имаме хипоалергенни опции и ще подберем подходящите материали за вас."},
           ]}
           imageSrc="http://img.b2bpic.net/free-photo/elements-person-traveling_23-2148195172.jpg"
           imageAlt="Локация в Варна"
@@ -284,7 +248,7 @@ export default function LandingPage() {
                 { label: "За Нас", href: "#about" },
                 { label: "Галерия", href: "#gallery" },
                 { label: "Отзиви", href: "#testimonials" },
-                { label: "Контакт", href: "#booking" },
+                { label: "Контакт", href: "#contact" },
               ],
             },
             {