From 726530fbcf4eb330fb3a6fb2897871b3ff07aea8 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 14 Mar 2026 05:38:55 +0000
Subject: [PATCH] Switch to version 4: remove src/app/booking/page.tsx

---
 src/app/booking/page.tsx | 332 ---------------------------------------
 1 file changed, 332 deletions(-)
 delete mode 100644 src/app/booking/page.tsx

diff --git a/src/app/booking/page.tsx b/src/app/booking/page.tsx
deleted file mode 100644
index a280845..0000000
--- a/src/app/booking/page.tsx
+++ /dev/null
@@ -1,332 +0,0 @@
-"use client";
-
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import { useState } from 'react';
-import { Calendar, Clock, Users, Palette, Phone, Mail } from 'lucide-react';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
-
-export default function BookingPage() {
-  const navItems = [
-    { name: "Home", id: "home" },
-    { name: "Services", id: "services" },
-    { name: "Gallery", id: "/gallery" },
-    { name: "Packages", id: "/packages" },
-    { name: "About", id: "about" },
-    { name: "Contact", id: "/contact" },
-  ];
-
-  const footerColumns = [
-    {
-      title: "Services",      items: [
-        { label: "Kids Party Face Painting", href: "/services" },
-        { label: "Festival Face Art", href: "/services" },
-        { label: "Corporate Events", href: "/services" },
-        { label: "Body Painting", href: "/services" },
-        { label: "Custom Designs", href: "/services" },
-      ],
-    },
-    {
-      title: "Company",      items: [
-        { label: "About Us", href: "/about" },
-        { label: "Gallery", href: "/gallery" },
-        { label: "Packages", href: "/packages" },
-        { label: "FAQ", href: "#faq" },
-        { label: "Contact", href: "/contact" },
-      ],
-    },
-    {
-      title: "Connect",      items: [
-        { label: "Instagram", href: "https://instagram.com" },
-        { label: "Facebook", href: "https://facebook.com" },
-        { label: "TikTok", href: "https://tiktok.com" },
-        { label: "Email", href: "mailto:paintasy@events.com" },
-        { label: "Phone", href: "tel:+15551234567" },
-      ],
-    },
-    {
-      title: "Service Areas",      items: [
-        { label: "Local Events", href: "/contact" },
-        { label: "Regional Coverage", href: "/contact" },
-        { label: "Book Now", href: "/packages" },
-        { label: "Get Quote", href: "/contact" },
-      ],
-    },
-  ];
-
-  const [formData, setFormData] = useState({
-    fullName: '',
-    email: '',
-    phone: '',
-    eventType: '',
-    eventDate: '',
-    eventTime: '',
-    guestCount: '',
-    serviceType: '',
-    additionalNotes: '',
-  });
-
-  const [submitted, setSubmitted] = useState(false);
-
-  const handleChange = (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>) => {
-    const { name, value } = e.target;
-    setFormData(prev => ({
-      ...prev,
-      [name]: value
-    }));
-  };
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault();
-    console.log('Form submitted:', formData);
-    setSubmitted(true);
-    setTimeout(() => {
-      setFormData({
-        fullName: '',
-        email: '',
-        phone: '',
-        eventType: '',
-        eventDate: '',
-        eventTime: '',
-        guestCount: '',
-        serviceType: '',
-        additionalNotes: '',
-      });
-      setSubmitted(false);
-    }, 3000);
-  };
-
-  return (
-    <ThemeProvider
-      defaultButtonVariant="shift-hover"
-      defaultTextAnimation="background-highlight"
-      borderRadius="rounded"
-      contentWidth="compact"
-      sizing="large"
-      background="none"
-      cardStyle="gradient-bordered"
-      primaryButtonStyle="flat"
-      secondaryButtonStyle="radial-glow"
-      headingFontWeight="extrabold"
-    >
-      <div id="nav" data-section="nav">
-        <NavbarStyleFullscreen
-          brandName="Paintasy"
-          navItems={navItems}
-          bottomLeftText="Creative Face & Body Art"
-          bottomRightText="paintasy@events.com"
-        />
-      </div>
-
-      <div id="booking-form" data-section="booking-form" className="mx-auto px-4 md:px-6 py-20 max-w-2xl">
-        <div className="mb-12">
-          <h1 className="text-4xl font-extrabold mb-4">Book Your Event</h1>
-          <p className="text-lg opacity-90 mb-8">Complete this form to request a booking for professional face and body art services at your event. We'll get back to you within 24 hours with availability and pricing details.</p>
-        </div>
-
-        {submitted && (
-          <div className="mb-6 p-4 bg-green-100 border border-green-300 rounded-lg text-green-800">
-            <p className="font-semibold">Thank you! Your booking request has been submitted. We'll contact you soon to confirm details.</p>
-          </div>
-        )}
-
-        <form onSubmit={handleSubmit} className="space-y-6">
-          {/* Contact Information Section */}
-          <div className="border-b pb-6">
-            <h2 className="text-2xl font-bold mb-4 flex items-center gap-2">
-              <Mail className="w-5 h-5" />
-              Contact Information
-            </h2>
-            
-            <div className="space-y-4">
-              <div>
-                <label htmlFor="fullName" className="block text-sm font-semibold mb-2">Full Name *</label>
-                <input
-                  id="fullName"
-                  type="text"
-                  name="fullName"
-                  value={formData.fullName}
-                  onChange={handleChange}
-                  required
-                  placeholder="Your full name"
-                  className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-blue-500"
-                />
-              </div>
-
-              <div>
-                <label htmlFor="email" className="block text-sm font-semibold mb-2">Email Address *</label>
-                <input
-                  id="email"
-                  type="email"
-                  name="email"
-                  value={formData.email}
-                  onChange={handleChange}
-                  required
-                  placeholder="your.email@example.com"
-                  className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-blue-500"
-                />
-              </div>
-
-              <div>
-                <label htmlFor="phone" className="block text-sm font-semibold mb-2">Phone Number *</label>
-                <input
-                  id="phone"
-                  type="tel"
-                  name="phone"
-                  value={formData.phone}
-                  onChange={handleChange}
-                  required
-                  placeholder="(555) 123-4567"
-                  className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-blue-500"
-                />
-              </div>
-            </div>
-          </div>
-
-          {/* Event Details Section */}
-          <div className="border-b pb-6">
-            <h2 className="text-2xl font-bold mb-4 flex items-center gap-2">
-              <Calendar className="w-5 h-5" />
-              Event Details
-            </h2>
-            
-            <div className="space-y-4">
-              <div>
-                <label htmlFor="eventType" className="block text-sm font-semibold mb-2">Event Type *</label>
-                <select
-                  id="eventType"
-                  name="eventType"
-                  value={formData.eventType}
-                  onChange={handleChange}
-                  required
-                  className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-blue-500"
-                >
-                  <option value="">Select an event type</option>
-                  <option value="birthday">Birthday Party</option>
-                  <option value="festival">Festival or Outdoor Event</option>
-                  <option value="corporate">Corporate Event</option>
-                  <option value="wedding">Wedding</option>
-                  <option value="school">School Event</option>
-                  <option value="other">Other</option>
-                </select>
-              </div>
-
-              <div className="grid grid-cols-2 gap-4">
-                <div>
-                  <label htmlFor="eventDate" className="block text-sm font-semibold mb-2">Event Date *</label>
-                  <input
-                    id="eventDate"
-                    type="date"
-                    name="eventDate"
-                    value={formData.eventDate}
-                    onChange={handleChange}
-                    required
-                    className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-blue-500"
-                  />
-                </div>
-
-                <div>
-                  <label htmlFor="eventTime" className="block text-sm font-semibold mb-2 flex items-center gap-1">
-                    <Clock className="w-4 h-4" />
-                    Event Time *
-                  </label>
-                  <input
-                    id="eventTime"
-                    type="time"
-                    name="eventTime"
-                    value={formData.eventTime}
-                    onChange={handleChange}
-                    required
-                    className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-blue-500"
-                  />
-                </div>
-              </div>
-
-              <div>
-                <label htmlFor="guestCount" className="block text-sm font-semibold mb-2 flex items-center gap-1">
-                  <Users className="w-4 h-4" />
-                  Expected Guest Count *
-                </label>
-                <input
-                  id="guestCount"
-                  type="number"
-                  name="guestCount"
-                  value={formData.guestCount}
-                  onChange={handleChange}
-                  required
-                  placeholder="e.g., 25"
-                  min="1"
-                  className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-blue-500"
-                />
-              </div>
-            </div>
-          </div>
-
-          {/* Service Selection Section */}
-          <div className="border-b pb-6">
-            <h2 className="text-2xl font-bold mb-4 flex items-center gap-2">
-              <Palette className="w-5 h-5" />
-              Service Selection
-            </h2>
-            
-            <div>
-              <label htmlFor="serviceType" className="block text-sm font-semibold mb-2">What service are you interested in? *</label>
-              <select
-                id="serviceType"
-                name="serviceType"
-                value={formData.serviceType}
-                onChange={handleChange}
-                required
-                className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-blue-500"
-              >
-                <option value="">Select a service</option>
-                <option value="face-painting">Face Painting Only</option>
-                <option value="body-painting">Body Painting</option>
-                <option value="both">Face & Body Painting</option>
-                <option value="custom">Custom Design Package</option>
-                <option value="unsure">Not sure - need consultation</option>
-              </select>
-            </div>
-          </div>
-
-          {/* Additional Notes Section */}
-          <div>
-            <label htmlFor="additionalNotes" className="block text-sm font-semibold mb-2">Additional Notes or Special Requests</label>
-            <textarea
-              id="additionalNotes"
-              name="additionalNotes"
-              value={formData.additionalNotes}
-              onChange={handleChange}
-              placeholder="Tell us about your vision, theme, any special requests, allergies, or other details that would help us serve you better."
-              rows={5}
-              className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-blue-500"
-            />
-          </div>
-
-          <div className="pt-6">
-            <button
-              type="submit"
-              className="w-full px-6 py-3 bg-blue-600 text-white font-semibold rounded-lg hover:bg-blue-700 transition-colors"
-            >
-              Submit Booking Request
-            </button>
-            <p className="text-xs text-gray-600 mt-3 text-center">We'll respond to your booking request within 24 hours with availability and pricing.</p>
-          </div>
-        </form>
-      </div>
-
-      <div id="footer-booking" data-section="footer-booking" className="mx-auto px-4 md:px-6">
-        <FooterSimple
-          columns={footerColumns}
-          bottomLeftText="© 2024 Paintasy Face and Body Art. All rights reserved."
-          bottomRightText="Professional Event Entertainment | Creative Services"
-          ariaLabel="Site footer with links"
-          containerClassName="gap-12"
-          columnsClassName="grid-cols-2 lg:grid-cols-4"
-          columnTitleClassName="font-extrabold text-lg"
-          columnItemClassName="hover:opacity-70 transition-opacity"
-        />
-      </div>
-    </ThemeProvider>
-  );
-}
\ No newline at end of file