"use client";

import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="mediumSizeLargeTitles"
      background="none"
      cardStyle="soft-shadow"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Kirans Tattoos & Piercings"
          navItems={[
            { name: "Home", id: "#hero" },
            { name: "Highlights", id: "#highlights" },
            { name: "Portfolio", id: "#portfolio" },
            { name: "About", id: "#about" },
            { name: "FAQ", id: "#faq" },
            { name: "Book Now", id: "#contact" }
          ]}
        />
      </div>
      <div id="hero" data-section="hero">
        <HeroSplitTestimonial
          title="Kiran Sir: Punjab's Award-Winning Tattoo Artist"
          description="Specializing in custom creative designs, artistic styling, super clean line work, and vibrant colors. Experience artistry that defines you."
          background={{ variant: "radial-gradient" }}
          testimonials={[
            { id: "1", name: "Priya Sharma", handle: "@priyasharma", testimonial: "Amazing artistry, super clean lines, and vibrant colors at an affordable price! Kiran Sir is truly a master with a friendly approach.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-man-bachelor-party-laughing_23-2149275479.jpg", imageAlt: "Priya Sharma" },
            { id: "2", name: "Samikshya Dash", handle: "@samikshya_dash", testimonial: "Many many thank you Kiran Tattoo… tattoos are awesome from selecting to grafting everything were awesome. Your behaviour was cool towards us.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-making-call-me-gesture-looking-camera_1262-18690.jpg", imageAlt: "Samikshya Dash" },
            { id: "3", name: "Arjuna Majhi", handle: "@arjun_majhi", testimonial: "I wanted a simple name tattoo... searched for the best and visited Kirana Tattoos. Really a great experience. Kiran bhaina did a super fine tattoo in his own artistic style.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3650.jpg", imageAlt: "Arjuna Majhi" },
            { id: "4", name: "Kunal Saha", handle: "@kunalsaha", testimonial: "Professionalism, patience, and meticulousness were traits of the artist. The studio was spotless, sanitary, and really made me feel at ease.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/serious-old-man_1122-924.jpg", imageAlt: "Kunal Saha" },
            { id: "5", name: "Sneha Reddy", handle: "@sneha_r", testimonial: "Absolutely thrilled with my new piercing! The process was smooth, professional, and the aftercare advice was incredibly helpful. Highly recommend Kiran's!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-smiling-woman_93675-133805.jpg", imageAlt: "Sneha Reddy" }
          ]}
          testimonialRotationInterval={5000}
          useInvertedBackground={false}
          buttons={[
            { text: "Book Your Session", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/professional-female-tattoo-artist-makes-black-white-tattoo-bearded-male-torso-salon_613910-12227.jpg"
          imageAlt="Kiran Sir working on a tattoo"
          mediaAnimation="slide-up"
          fixedMediaHeight={true}
          imagePosition="right"
        />
      </div>
      <div id="highlights" data-section="highlights">
        <FeatureCardSixteen
          title="Why Choose Kirans Tattoos & Piercings?"
          description="Experience the difference with an award-winning artist who prioritizes your vision, safety, and satisfaction. Our studio stands for unparalleled quality and artistic integrity."
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground={false}
          negativeCard={{
            items: [
              "Outdated designs & techniques",              "Compromised hygiene standards",              "Generic, uninspired work",              "Poor aftercare support",              "Rushed, impersonal sessions"
            ]
          }}
          positiveCard={{
            items: [
              "Award-winning artistry & skill",              "Custom creative design philosophy",              "Sterile, state-of-the-art studio",              "Meticulous, super clean line work",              "Vibrant, long-lasting colors",              "Personalized consultation & aftercare"
            ]
          }}
        />
      </div>
      <div id="portfolio" data-section="portfolio">
        <ProductCardFour
          title="Our Masterpieces: A Gallery of Artistry"
          description="Explore our diverse portfolio of custom tattoos and artistic piercings, showcasing unparalleled skill and creativity across various styles."
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground={false}
          textboxLayout="default"
          products={[
            { id: "p1", name: "Realism Portrait", price: "Custom Pricing", variant: "Tattoo Art", imageSrc: "http://img.b2bpic.net/free-photo/tortoise-desert-landscape_23-2152002268.jpg", imageAlt: "Detailed realism portrait tattoo" },
            { id: "p2", name: "Fine Line & Script", price: "Custom Pricing", variant: "Tattoo Art", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-decorative-elegant-sketch-flower-design_1055-10030.jpg", imageAlt: "Delicate fine line floral and script tattoo" },
            { id: "p3", name: "Custom Lettering", price: "Custom Pricing", variant: "Tattoo Art", imageSrc: "http://img.b2bpic.net/free-vector/vintage-tattoo-studio-label_225004-1374.jpg", imageAlt: "Elegant custom lettering tattoo" },
            { id: "p4", name: "Artistic Piercings", price: "Custom Pricing", variant: "Body Piercing", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-blue-vibrator_23-2149339122.jpg", imageAlt: "Variety of artistic ear piercings" },
            { id: "p5", name: "Vibrant Colorwork", price: "Custom Pricing", variant: "Tattoo Art", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-tattooed-fit-woman-jean-shorts-plaid-shirt-sit-stairs-sunset-light-holding-longboard_343596-2826.jpg", imageAlt: "Bold and colorful custom tattoo design" },
            { id: "p6", name: "Blackwork & Geometric", price: "Custom Pricing", variant: "Tattoo Art", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-mandala-lotus-flower-drawing_23-2149359077.jpg", imageAlt: "Intricate blackwork geometric pattern tattoo" }
          ]}
        />
      </div>
      <div id="about" data-section="about">
        <TextAbout
          title="About Kiran Sir & The Studio"
          description="Kiran Sir, also known as Kiran Bhaina, is an acclaimed, award-winning tattoo artist from Punjab, renowned for his artistic prowess and meticulous craftsmanship. At Kirans Tattoos & Piercings (କିରାନ ଟାଟୁସ & ପିର୍ସିଙ୍ଗସ) in Rayagada, Odisha, we are dedicated to transforming your vision into stunning, permanent art. Our studio, located Near Swagath Hotel, Ram Temple Complex, In Front of HDFC Bank, New Colony, Rayagada, Odisha 765001, is a haven of creativity, hygiene, and personalized service, ensuring every client leaves with a masterpiece they'll cherish. We specialize in custom tattoo designs, artistic styling, super clean line work, vibrant colors, and professional piercings. Contact us via WhatsApp at +919853547700."
          useInvertedBackground={false}
        />
      </div>
      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Your Questions, Our Answers"
          sideDescription="Find quick answers to common questions about our services, booking process, aftercare, and more."
          faqsAnimation="slide-up"
          useInvertedBackground={false}
          textPosition="left"
          faqs={[
            { id: "faq1", title: "How do I book a consultation or appointment?", content: "You can initiate your booking by filling out the form in our 'Book Consultation' section. Once submitted, your details will be sent directly to our WhatsApp for a seamless and personalized booking experience." },
            { id: "faq2", title: "What kind of tattoo styles do you specialize in?", content: "Kiran Sir specializes in custom creative designs, artistic styling, super clean line work, vibrant colors, realism, portraits, fine line, and script tattoos. We bring your unique vision to life." },
            { id: "faq3", title: "What are your hygiene and safety standards?", content: "Our studio maintains the highest standards of cleanliness and sterilization. We use single-use needles and equipment, and follow strict protocols to ensure a safe and hygienic environment for all our clients." },
            { id: "faq4", title: "Do you offer piercing services?", content: "Yes, we offer a range of professional piercing services, ensuring precision, hygiene, and proper aftercare guidance for every client." },
            { id: "faq5", title: "What is the aftercare process like for tattoos and piercings?", content: "We provide detailed aftercare instructions tailored to your specific tattoo or piercing to ensure optimal healing and longevity of your new art. Follow-up support is always available for any questions." }
          ]}
        />
      </div>
      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Ready for Ink?"
          title="Initiate Your Masterpiece: Book a Consultation"
          description="Fill out the details below to receive a personalized WhatsApp booking slip for your custom tattoo or piercing session with Kiran Sir.\n\n--- Consultation Form ---\n\n1.  **Full Name:** (Text Input)\n2.  **WhatsApp Number:** (Tel Input)\n3.  **Desired Service:** (Dropdown: Custom Tattoo Design, Artistic Font/Script, Piercing Session)\n4.  **Body Placement Area:** (Dropdown/Text: Arm, Forearm, Wrist, Shoulder, Leg, Custom)\n5.  **Size Estimate:** (Dropdown: Small 2-3 inches, Medium 4-6 inches, Large Custom Piece)\n6.  **Design Idea/Reference Notes:** (Textarea)\n7.  **Preferred Appointment Date:** (Date Picker)\n\nUpon clicking 'Generate WhatsApp Booking Slip', your details will be formatted and sent directly to Kiran Sir's WhatsApp (+919853547700) for a seamless booking experience. The message will be structured as:\n\"Hello Kiran Bhai, I want to book a professional session at your Rayagada studio. Here are my design details:\n- Name: [Full Name]\n- Phone: [WhatsApp Number]\n- Service: [Desired Service]\n- Placement: [Body Placement Area]\n- Estimated Size: [Size Estimate]\n- Notes/Idea: [Design Idea/Reference Notes]\n- Desired Date: [Preferred Appointment Date]\""
          buttons={[
            { text: "Generate WhatsApp Booking Slip" }
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterSimple
          bottomLeftText="© 2024 Kirans Tattoos & Piercings. All rights reserved."
          bottomRightText="Made with passion & precision."
          columns={[
            { title: "Services", items: [{ label: "Custom Tattoos", href: "#portfolio" }, { label: "Artistic Piercings", href: "#portfolio" }, { label: "Cover-Up Tattoos", href: "#portfolio" }] },
            { title: "Studio", items: [{ label: "About Us", href: "#about" }, { label: "Portfolio", href: "#portfolio" }, { label: "Testimonials", href: "#hero" }] },
            { title: "Contact", items: [{ label: "Book Now", href: "#contact" }, { label: "Location", href: "https://www.google.com/maps/search/Kirans+Tattoos+&++Piercings+Near+Swagath+Hotel,+Ram+Temple+Complex,+In+Front+of+HDFC+Bank,+New+Colony,+Rayagada,+Odisha+765001" }, { label: "WhatsApp: +919853547700", href: "https://wa.me/919853547700" }] }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
