Add src/app/booking/page.tsx

2026-03-06 13:34:24 +00:00
parent e176a1ffc4
commit ac0ff2b8bd
1 changed files with 95 additions and 0 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>
+  );
+}