"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="medium"
      background="floatingGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal 
          brandName="Diana"
          button={{
            text: "Book Now",
            href: "/contact"
          }}
        />
      </div>

      <div id="about-story" data-section="about-story">
        <InlineImageSplitTextAbout 
          heading={[
            { type: "text", content: "Diana Flowers Studio - Where passion meets petals in every handcrafted arrangement" }
          ]}
          buttons={[
            { text: "View Our Work", href: "/flowers" },
            { text: "Book Consultation", href: "/contact" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="our-values" data-section="our-values">
        <FeatureCardMedia 
          title="Our Values & Approach"
          description="What makes Diana Flowers Studio special and our commitment to excellence"
          features={[
            {
              id: "1",
              title: "Handcrafted Excellence",
              description: "Every arrangement is meticulously crafted by hand with attention to the smallest details, ensuring each piece is a unique work of art.",
              tag: "Quality",
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-woman-making-flowers-arrangement_23-2148826773.jpg",
              imageAlt: "Handcrafted flower arrangement process"
            },
            {
              id: "2",
              title: "Fresh & Premium",
              description: "We source only the freshest, highest quality flowers from trusted growers to ensure beauty that lasts.",
              tag: "Freshness",
              imageSrc: "https://img.b2bpic.net/free-photo/woman-holding-bouquet-pink-white-flower-set-hand_114579-1999.jpg",
              imageAlt: "Fresh premium flowers"
            },
            {
              id: "3",
              title: "Personal Touch",
              description: "We listen to your vision and work closely with you to create arrangements that perfectly match your style and occasion.",
              tag: "Service",
              imageSrc: "https://img.b2bpic.net/free-photo/florist-makes-beautiful-bouquet-studio_1157-28388.jpg",
              imageAlt: "Personal consultation"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="team-testimonials" data-section="team-testimonials">
        <TestimonialCardTen 
          title="Meet Our Team"
          description="The passionate florists behind Diana Flowers Studio"
          testimonials={[
            {
              id: "1",
              title: "Master Florist & Founder",
              quote: "With over 15 years of experience in floral design, I founded Diana Flowers Studio to bring beauty and joy to life's most precious moments. Every arrangement tells a story.",
              name: "Diana Martinez",
              role: "Founder & Head Florist",
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-woman_23-2148574874.jpg",
              imageAlt: "Diana Martinez"
            },
            {
              id: "2",
              title: "Creative Designer",
              quote: "I specialize in contemporary floral designs that blend traditional techniques with modern aesthetics. My goal is to create arrangements that surprise and delight.",
              name: "Sofia Chen",
              role: "Senior Floral Designer",
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-attractive-african-american-woman-smiling-looking-happy-standing-yellow-background_1258-54850.jpg",
              imageAlt: "Sofia Chen"
            },
            {
              id: "3",
              title: "Wedding Specialist",
              quote: "Weddings are my passion. I work closely with couples to understand their vision and create floral designs that make their special day unforgettable.",
              name: "Emma Thompson",
              role: "Wedding Floral Specialist",
              imageSrc: "https://img.b2bpic.net/free-photo/positive-woman-smiling-sincerely-young-natural-looking-lady-student-age-wearing-blue-cotton-shirt_285396-4376.jpg",
              imageAlt: "Emma Thompson"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <FooterLogoReveal 
        logoText="Diana"
        logoLineHeight={1.1}
      />
    </ThemeProvider>
  );
}