"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Award, Heart, Shield, Sparkles, Image, Users, MessageCircle } from "lucide-react";

export default function AestheticGracePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="largeSizeMediumTitles"
      background="floatingGradient"
      cardStyle="elevated"
      primaryButtonStyle="flat"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Aesthetic Grace"
          navItems={[
            { name: "About", id: "about" },
            { name: "Services", id: "services" },
            { name: "Gallery", id: "gallery" },
            { name: "Team", id: "team" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Transform Your Natural Beauty"
          description="Award-winning plastic surgery clinic in San Diego specializing in personalized cosmetic procedures that enhance your confidence and bring out your best self."
          tag="Board-Certified Excellence"
          tagIcon={Award}
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Schedule Consultation", href: "#contact" },
            { text: "View Our Work", href: "#gallery" }
          ]}
          carouselItems={[
            {
              id: "carousel-1",              imageSrc: "https://img.b2bpic.net/free-photo/before-after-portrait-mature-woman-retouched_23-2149121638.jpg",              imageAlt: "Transformation result 1"
            },
            {
              id: "carousel-2",              imageSrc: "https://img.b2bpic.net/free-photo/antiaging-beauty-treatment_23-2149123622.jpg",              imageAlt: "Transformation result 2"
            },
            {
              id: "carousel-3",              imageSrc: "https://img.b2bpic.net/free-photo/antiaging-beauty-treatment_23-2149123619.jpg",              imageAlt: "Transformation result 3"
            },
            {
              id: "carousel-4",              imageSrc: "https://img.b2bpic.net/free-photo/antiaging-beauty-treatment_23-2149123614.jpg",              imageAlt: "Transformation result 4"
            },
            {
              id: "carousel-5",              imageSrc: "https://img.b2bpic.net/free-photo/before-after-portrait-mature-woman-retouched_23-2149121634.jpg",              imageAlt: "Transformation result 5"
            },
            {
              id: "carousel-6",              imageSrc: "https://img.b2bpic.net/free-photo/rhinoplasty-surgery-concept-with-woman-model_23-2150036921.jpg",              imageAlt: "Transformation result 6"
            }
          ]}
          autoPlay={true}
          autoPlayInterval={5000}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="Discover the Beauty of Aesthetic Grace"
          description="At Aesthetic Grace, we are dedicated to enhancing your natural beauty through personalized and innovative surgical solutions. Our team of expert surgeons and aestheticians is committed to providing you with the highest quality care and the most beautiful results."
          tag="About Us"
          bulletPoints={[
            { title: "Expert Surgeons", description: "Our team includes board-certified plastic and reconstructive surgeons with over 20 years of experience." },
            { title: "Personalized Care", description: "We offer customized treatment plans to meet your unique needs and goals." },
            { title: "State-of-the-Art Facilities", description: "Our clinic is equipped with the latest technology to ensure safe and effective procedures." },
            { title: "Patient Satisfaction", description: "We prioritize your comfort and satisfaction throughout your journey with us." }
          ]}
          imageSrc="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80"
          imageAlt="Aesthetic Grace clinic interior with modern equipment"
          imagePosition="left"
          textboxLayout="stacked"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentyThree
          title="Our Comprehensive Services"
          description="We offer a full spectrum of cosmetic and reconstructive procedures tailored to your unique goals and aesthetic vision."
          tag="Premium Procedures"
          tagIcon={Sparkles}
          features={[
            {
              id: "service-1",              title: "Facelift & Facial Rejuvenation",              tags: ["Surgical", "Anti-Aging"],
              imageSrc: "https://img.b2bpic.net/free-photo/before-after-portrait-mature-woman-retouched_23-2149121638.jpg",              imageAlt: "Facelift results showcasing natural lift and rejuvenation"
            },
            {
              id: "service-2",              title: "Rhinoplasty (Nose Surgery)",              tags: ["Surgical", "Refinement"],
              imageSrc: "https://img.b2bpic.net/free-photo/antiaging-beauty-treatment_23-2149123619.jpg",              imageAlt: "Rhinoplasty transformation with balanced proportions"
            },
            {
              id: "service-3",              title: "Breast Augmentation",              tags: ["Surgical", "Enhancement"],
              imageSrc: "https://img.b2bpic.net/free-photo/antiaging-beauty-treatment_23-2149123614.jpg",              imageAlt: "Breast augmentation showcasing natural-looking enhancement"
            },
            {
              id: "service-4",              title: "Body Contouring & Liposuction",              tags: ["Surgical", "Body"],
              imageSrc: "https://img.b2bpic.net/free-photo/before-after-portrait-mature-woman-retouched_23-2149121634.jpg",              imageAlt: "Body contouring results with sculpted silhouette"
            },
            {
              id: "service-5",              title: "Non-Surgical Skin Treatments",              tags: ["Non-Invasive", "Maintenance"],
              imageSrc: "https://img.b2bpic.net/free-photo/rhinoplasty-surgery-concept-with-woman-model_23-2150036921.jpg",              imageAlt: "Skin rejuvenation treatment results"
            },
            {
              id: "service-6",              title: "Reconstructive Surgery",              tags: ["Surgical", "Restoration"],
              imageSrc: "https://img.b2bpic.net/free-photo/doctor-taking-notes-about-patient_23-2148757365.jpg",              imageAlt: "Advanced surgical reconstruction techniques"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          carouselMode="buttons"
        />
      </div>

      <div id="gallery" data-section="gallery">
        <ProductCardTwo
          title="Before & After Gallery"
          description="Stunning transformation results from our satisfied patients. Each case represents our commitment to natural-looking, beautiful outcomes."
          tag="Patient Results"
          tagIcon={Image}
          products={[
            {
              id: "result-1",              brand: "Facelift",              name: "Comprehensive Facial Rejuvenation",              price: "Results Speak",              rating: 5,
              reviewCount: "98%",              imageSrc: "https://img.b2bpic.net/free-photo/before-after-portrait-mature-woman-retouched_23-2149121638.jpg",              imageAlt: "Before and after facelift transformation"
            },
            {
              id: "result-2",              brand: "Rhinoplasty",              name: "Natural Profile Enhancement",              price: "Confidence Restored",              rating: 5,
              reviewCount: "96%",              imageSrc: "https://img.b2bpic.net/free-photo/antiaging-beauty-treatment_23-2149123619.jpg",              imageAlt: "Rhinoplasty transformation with balanced nasal proportions"
            },
            {
              id: "result-3",              brand: "Breast Surgery",              name: "Proportionate Enhancement",              price: "Beautifully Balanced",              rating: 5,
              reviewCount: "97%",              imageSrc: "https://img.b2bpic.net/free-photo/antiaging-beauty-treatment_23-2149123614.jpg",              imageAlt: "Breast augmentation with natural appearance"
            },
            {
              id: "result-4",              brand: "Body Contouring",              name: "Sculpted Silhouette",              price: "Transformation Complete",              rating: 5,
              reviewCount: "99%",              imageSrc: "https://img.b2bpic.net/free-photo/before-after-portrait-mature-woman-retouched_23-2149121634.jpg",              imageAlt: "Body contouring results with refined contours"
            },
            {
              id: "result-5",              brand: "Skin Rejuvenation",              name: "Youthful Radiance",              price: "Glowing Complexion",              rating: 5,
              reviewCount: "94%",              imageSrc: "https://img.b2bpic.net/free-photo/rhinoplasty-surgery-concept-with-woman-model_23-2150036921.jpg",              imageAlt: "Skin rejuvenation showing improved texture and tone"
            },
            {
              id: "result-6",              brand: "Facial Procedures",              name: "Refined Features",              price: "Subtle Excellence",              rating: 5,
              reviewCount: "95%",              imageSrc: "https://img.b2bpic.net/free-photo/antiaging-beauty-treatment_23-2149123622.jpg",              imageAlt: "Facial refinement showcasing subtle enhancements"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          carouselMode="buttons"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardSix
          title="Meet Our Expert Team"
          description="Board-certified surgeons and compassionate medical professionals dedicated to your safety and beautiful results."
          tag="Experienced Surgeons"
          tagIcon={Users}
          members={[
            {
              id: "member-1",              name: "Dr. Elena Martinez",              role: "Founder & Lead Surgeon, MD FACS",              imageSrc: "https://img.b2bpic.net/free-photo/serious-confident-doctor-looking-aside-holding-hands-folded_171337-5809.jpg",              imageAlt: "Dr. Elena Martinez, board-certified plastic surgeon"
            },
            {
              id: "member-2",              name: "Dr. James Richardson",              role: "Reconstructive Specialist, MD FACS",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-smiley-nurse-with-stethoscope_23-2149308271.jpg",              imageAlt: "Dr. James Richardson, reconstructive surgery expert"
            },
            {
              id: "member-3",              name: "Sarah Thompson, NP-C",              role: "Nurse Practitioner & Patient Coordinator",              imageSrc: "https://img.b2bpic.net/free-photo/serious-doctor-medical-mask-cap-looking_171337-5807.jpg",              imageAlt: "Sarah Thompson, experienced nurse practitioner"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="What Our Patients Say"
          description="Real stories from real patients who trusted us with their aesthetic goals. Your satisfaction is our greatest reward."
          tag="Patient Testimonials"
          tagIcon={MessageCircle}
          testimonials={[
            {
              id: "testimonial-1",              name: "Jessica Wong",              role: "San Diego, CA",              testimonial: "Dr. Martinez exceeded all my expectations. The results look natural and beautiful. I feel confident again. The entire staff made me feel comfortable throughout the process.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-woman-posing-white-shirt_23-2149021840.jpg",              imageAlt: "Jessica Wong, satisfied patient"
            },
            {
              id: "testimonial-2",              name: "Michelle Adams",              role: "San Diego, CA",              testimonial: "This was the best decision I've made for myself. Dr. Martinez's expertise and attention to detail are unmatched. I highly recommend Aesthetic Grace to anyone considering cosmetic surgery.",              imageSrc: "https://img.b2bpic.net/free-photo/young-girl-thinks_93675-133075.jpg",              imageAlt: "Michelle Adams, happy patient"
            },
            {
              id: "testimonial-3",              name: "Amanda Sterling",              role: "San Diego, CA",              testimonial: "The transformation is incredible, but what impressed me most was the care and professionalism. Every question was answered, and I felt supported every step of the way.",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-smiley-woman-clinic_23-2149103560.jpg",              imageAlt: "Amanda Sterling, satisfied client"
            },
            {
              id: "testimonial-4",              name: "Rachel Johnson",              role: "San Diego, CA",              testimonial: "I was nervous about surgery, but Dr. Martinez and the team put my mind at ease. My results look amazing and feel natural. I couldn't be happier!",              imageSrc: "https://img.b2bpic.net/free-photo/big-happiness-beautiful-woman_329181-1147.jpg",              imageAlt: "Rachel Johnson, happy customer"
            },
            {
              id: "testimonial-5",              name: "Christina Bennett",              role: "San Diego, CA",              testimonial: "From consultation to post-care, everything was seamless. Dr. Martinez is truly gifted. My new look has boosted my confidence tremendously.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-young-pleasant-girl-smiling-looking-friendly-happy-cute-face-expression-smile-white-teeth-standing-casual-blouse-against-white-background_176420-47612.jpg",              imageAlt: "Christina Bennett, satisfied patient"
            },
            {
              id: "testimonial-6",              name: "Lauren Martinez",              role: "San Diego, CA",              testimonial: "Best investment in myself ever! The results exceeded my wildest dreams. Dr. Martinez is a true artist. I recommend Aesthetic Grace to all my friends!",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-woman-laughing_23-2148860638.jpg",              imageAlt: "Lauren Martinez, happy patient"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          carouselMode="buttons"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to begin your transformation journey? Schedule your private consultation with Dr. Martinez today. Let's create the beautiful, natural results you deserve."
          animationType="background-highlight"
          background={{ variant: "plain" }}
          buttons={[
            { text: "Schedule Consultation", href: "tel:+16195551234" },
            { text: "Send Message", href: "mailto:info@aestheticgracesd.com" }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Services",              items: [
                { label: "Facelift", href: "services" },
                { label: "Rhinoplasty", href: "services" },
                { label: "Breast Surgery", href: "services" },
                { label: "Body Contouring", href: "services" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Our Team", href: "team" },
                { label: "Gallery", href: "gallery" },
                { label: "Contact", href: "contact" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "San Diego, CA", href: "#" },
                { label: "(619) 555-1234", href: "tel:+16195551234" },
                { label: "info@aestheticgracesd.com", href: "mailto:info@aestheticgracesd.com" },
                { label: "Mon - Fri: 9AM - 6PM", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Aesthetic Grace. All rights reserved. Board-Certified Excellence in Cosmetic Surgery."
        />
      </div>
    </ThemeProvider>
  );
}