diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx index 197ae86..a0ec55e 100644 --- a/src/app/contact/page.tsx +++ b/src/app/contact/page.tsx @@ -1,58 +1,67 @@ "use client"; -import Link from "next/link"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; -import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen"; -import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery"; -import ContactText from "@/components/sections/contact/ContactText"; -import FaqBase from "@/components/sections/faq/FaqBase"; -import FooterSimple from "@/components/sections/footer/FooterSimple"; -import { HelpCircle, Mail, Phone, MapPin } from "lucide-react"; +import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; +import ContactCTA from '@/components/sections/contact/ContactCTA'; +import FooterSimple from '@/components/sections/footer/FooterSimple'; +import { Mail, Sparkles } from 'lucide-react'; +import { useState } from 'react'; + +export const metadata = { + title: "Contact Us - Book Face Painting & Body Art | Paintasy", description: "Professional face painting and body art services for parties, festivals, and events. Get in touch with Paintasy to book your face painter, request quotes, and discuss custom face painting designs.", keywords: "book face painter, face painting services, body art booking, contact face painter, professional face painting, request face painting quote"}; export default function ContactPage() { 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" }, + { name: "Home", id: "/" }, + { name: "Services", id: "/services" }, + { name: "Gallery", id: "/gallery" }, + { name: "Packages", id: "/" }, + { name: "About", id: "/" }, + { name: "Contact", id: "/contact" }, ]; + const [formData, setFormData] = useState({ + name: '', + email: '', + phone: '', + eventDate: '', + eventType: '', + message: '', + }); + const footerColumns = [ { - title: "Services", - items: [ + 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" }, + title: "Company", items: [ + { label: "About Us", href: "/" }, { label: "Gallery", href: "/gallery" }, - { label: "Packages", href: "/packages" }, + { label: "Packages", href: "/" }, + { label: "FAQ", href: "/" }, { label: "Contact", href: "/contact" }, ], }, { - title: "Connect", - items: [ + 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: [ + title: "Service Areas", items: [ { label: "Local Events", href: "/contact" }, { label: "Regional Coverage", href: "/contact" }, - { label: "Book Now", href: "/packages" }, + { label: "Book Now", href: "/contact" }, { label: "Get Quote", href: "/contact" }, ], }, @@ -73,113 +82,163 @@ export default function ContactPage() { >
-Tell us about your event and get a personalized quote from our team. We'll respond within 24 hours.
+ +