Merge version_3 into main

Update src/app/page.tsx
2026-03-06 13:34:29 +00:00 · 2026-03-06 13:34:25 +00:00 · 2026-03-06 13:34:24 +00:00 · 2026-03-06 13:27:32 +00:00
2 changed files with 123 additions and 64 deletions
--- a/src/app/booking/page.tsx
+++ b/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>
+  );
+}
--- a/src/app/page.tsx
+++ b/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: "Гарантирано" },
@@ -91,17 +89,13 @@ export default function LandingPage() {
          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" },
              ],
            },
            {
Author	SHA1	Message	Date
bender	0e844ce4b8	Merge version_3 into main Merge version_3 into main	2026-03-06 13:34:29 +00:00
bender	2102bf3286	Update src/app/page.tsx	2026-03-06 13:34:25 +00:00
bender	ac0ff2b8bd	Add src/app/booking/page.tsx	2026-03-06 13:34:24 +00:00
bender	e176a1ffc4	Merge version_2 into main Merge version_2 into main	2026-03-06 13:27:32 +00:00