Add src/app/booking/page.tsx
This commit is contained in:
95
src/app/booking/page.tsx
Normal file
95
src/app/booking/page.tsx
Normal file
@@ -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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user