"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import ContactText from '@/components/sections/contact/ContactText';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Palette, Sparkles, Heart, Award, Star, DollarSign } from 'lucide-react';

export const metadata = {
  title: "About Paintasy - Professional Face Painting Artists",  description: "Learn about Paintasy's professional face painters and body art specialists. Discover our story, expertise, and commitment to creating unforgettable events."};

export default function AboutPage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "Services", id: "services" },
    { name: "Gallery", id: "/gallery" },
    { name: "About", id: "/about" },
    { name: "Packages", id: "packages" },
    { 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-section" },
        { label: "FAQ", href: "#faq-section" },
        { 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: "#booking-section" },
        { label: "Get Quote", href: "/contact" },
      ],
    },
  ];

  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="about-section" data-section="about-section" className="mx-auto px-4 md:px-6 min-h-screen flex items-center">
        <MetricSplitMediaAbout
          title="About Paintasy Face and Body Art"
          description="Paintasy was founded with a passion for bringing joy and creativity to celebrations. Our team of professional artists combines traditional face painting techniques with modern artistic flair, creating stunning designs that delight clients of all ages. With over a decade of experience in event entertainment, we've perfected our craft and built a reputation for reliability, creativity, and exceptional customer service. Every event is an opportunity to create magic, and we take pride in making each client's vision come to life."
          tag="Our Story"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/portrait-smiling-adult-man-his-30s-that-is-painting-big-canvas-with-lot-brushes-palette-while-sitting-floor-art-studio_662251-323.jpg?_wi=1"
          imageAlt="Professional face painter creating art"
          mediaAnimation="blur-reveal"
          metrics={[
            { value: "10+", title: "Years of Experience" },
            { value: "500+", title: "Events Completed" },
            { value: "1000+", title: "Happy Clients" },
            { value: "100%", title: "Satisfaction Rate" },
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={false}
          ariaLabel="About section with company story"
          containerClassName="gap-12"
          titleClassName="text-4xl font-extrabold"
          descriptionClassName="text-lg opacity-90 max-w-2xl"
        />
      </div>

      <div id="values-section" data-section="values-section" className="mx-auto px-4 md:px-6">
        <FeatureCardTen
          title="Our Values & Expertise"
          description="We believe in delivering exceptional service grounded in creativity, professionalism, and customer satisfaction."
          tag="Why Choose Us"
          tagIcon={Award}
          tagAnimation="slide-up"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={true}
          features={[
            {
              id: "value-1",              title: "Professional Quality",              description: "All our artists are trained professionals with years of experience. We use only high-quality, safe materials and maintain strict hygiene standards.",              media: {
                imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-brush-close-up_23-2148966902.jpg?_wi=1",                imageAlt: "Professional face painting supplies"},
              items: [
                { icon: Palette, text: "Expert techniques" },
                { icon: Heart, text: "Passion for art" },
                { icon: Star, text: "Quality materials" },
              ],
              reverse: false,
            },
            {
              id: "value-2",              title: "Custom Creativity",              description: "Every event is unique, and so are our designs. We work with clients to create custom artwork that perfectly matches their theme and vision.",              media: {
                imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-women-with-all-kinds-body_23-2149159242.jpg?_wi=1",                imageAlt: "Creative custom body art designs"},
              items: [
                { icon: Sparkles, text: "Bespoke designs" },
                { icon: Star, text: "Artistic excellence" },
                { icon: Heart, text: "Client collaboration" },
              ],
              reverse: true,
            },
            {
              id: "value-3",              title: "Reliable Service",              description: "Punctuality and professionalism are guaranteed. We show up prepared, ready to deliver, and committed to exceeding your expectations.",              media: {
                imageSrc: "http://img.b2bpic.net/free-photo/fun-portrait-with-decorations-face_23-2150749319.jpg?_wi=1",                imageAlt: "Professional event setup and service"},
              items: [
                { icon: Award, text: "On-time delivery" },
                { icon: Palette, text: "Professional conduct" },
                { icon: Sparkles, text: "Excellence commitment" },
              ],
              reverse: false,
            },
          ]}
          buttons={[{ text: "Book Now", href: "/contact" }]}
          buttonAnimation="blur-reveal"
          ariaLabel="Values and expertise section"
          containerClassName="gap-12"
          itemClassName=""
        />
      </div>

      <div id="testimonials-section" data-section="testimonials-section" className="mx-auto px-4 md:px-6">
        <TestimonialCardTwo
          title="Client Success Stories"
          description="Hear from clients who've experienced the Paintasy difference at their events."
          tag="Client Reviews"
          tagIcon={Star}
          tagAnimation="slide-up"
          textboxLayout="default"
          animationType="blur-reveal"
          useInvertedBackground={true}
          carouselMode="buttons"
          testimonials={[
            {
              id: "testimonial-1",              name: "Sarah Johnson",              role: "Parent, Birthday Party Host",              testimonial: "Paintasy transformed our daughter's birthday party! The artist was incredibly talented and genuinely wonderful with the kids. We can't recommend them enough.",              imageSrc: "http://img.b2bpic.net/free-photo/family-portrait-surprised-father-has-yellow-face-from-paints-cheerful-two-daughters-shows-palms-dirty-with-watercolours-paint-picture-pastime-isolated-lilac-wall-this-is-art_273609-26128.jpg?_wi=1",              imageAlt: "Happy birthday party attendees",              icon: Heart,
            },
            {
              id: "testimonial-2",              name: "Marcus Chen",              role: "Festival Director",              testimonial: "Professionalism, creativity, and reliability - Paintasy delivers on all fronts. The crowd absolutely loved them, and they handled high volume without losing quality.",              imageSrc: "http://img.b2bpic.net/free-photo/man-covered-different-colors-holi_23-2148337991.jpg?_wi=1",              imageAlt: "Festival attendees with face painting",              icon: Star,
            },
            {
              id: "testimonial-3",              name: "Emily Rodriguez",              role: "Corporate Event Planner",              testimonial: "For our company's annual celebration, Paintasy added the perfect element of fun and artistry. Every detail was flawless, and the feedback from employees was outstanding.",              imageSrc: "http://img.b2bpic.net/free-photo/group-young-friends-celebrating-new-year_23-2147720468.jpg",              imageAlt: "Corporate team celebrating",              icon: Award,
            },
            {
              id: "testimonial-4",              name: "David Kim",              role: "School Principal",              testimonial: "Our school carnival was a huge success thanks to Paintasy. Safe, professional, and engaging - exactly what we needed to delight our students and families.",              imageSrc: "http://img.b2bpic.net/free-photo/family-portrait-surprised-father-has-yellow-face-from-paints-cheerful-two-daughters-shows-palms-dirty-with-watercolours-paint-picture-pastime-isolated-lilac-wall-this-is-art_273609-26128.jpg?_wi=2",              imageAlt: "School carnival attendees",              icon: Sparkles,
            },
            {
              id: "testimonial-5",              name: "Jessica Martinez",              role: "Wedding Coordinator",              testimonial: "Adding Paintasy to our children's wedding activities was a masterstroke. Professional, safe, and created such joyful memories for our young guests.",              imageSrc: "http://img.b2bpic.net/free-photo/family-portrait-surprised-father-has-yellow-face-from-paints-cheerful-two-daughters-shows-palms-dirty-with-watercolours-paint-picture-pastime-isolated-lilac-wall-this-is-art_273609-26128.jpg?_wi=3",              imageAlt: "Wedding reception guests",              icon: Heart,
            },
            {
              id: "testimonial-6",              name: "Thomas Wilson",              role: "Event Management Director",              testimonial: "Year after year, Paintasy consistently delivers excellence. Their dedication to the craft and customer service sets them apart in the industry.",              imageSrc: "http://img.b2bpic.net/free-photo/man-covered-different-colors-holi_23-2148337991.jpg?_wi=2",              imageAlt: "Community event success",              icon: Star,
            },
          ]}
          buttons={[{ text: "Book Now", href: "/contact" }]}
          buttonAnimation="blur-reveal"
          ariaLabel="Client testimonials section"
          containerClassName="gap-12"
          textBoxTitleClassName="text-4xl font-extrabold"
          textBoxDescriptionClassName="text-lg opacity-90 max-w-3xl"
        />
      </div>

      <div id="booking-section" data-section="booking-section" className="mx-auto px-4 md:px-6">
        <ContactText
          text="Ready to book Paintasy for your next event? We're here to make your celebration unforgettable. Whether it's a small birthday gathering or a large corporate event, our professional team is prepared to deliver exceptional face and body art. Contact us today to discuss your event details, get a quote, or ask any questions. We look forward to bringing creativity and joy to your special occasion."
          animationType="background-highlight"
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
          buttons={[
            { text: "Get a Quote", href: "/contact" },
            { text: "Call Us", href: "tel:+15551234567" },
          ]}
          ariaLabel="Contact and booking section"
          containerClassName="py-16"
          contentClassName="max-w-3xl mx-auto"
          textClassName="text-4xl font-extrabold text-center"
          buttonContainerClassName="flex flex-col sm:flex-row gap-4 justify-center mt-8"
        />
      </div>

      <div id="footer" data-section="footer" 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>
  );
}