"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Instagram, Facebook, Twitter, Linkedin } from 'lucide-react';

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="mediumSizeLargeTitles"
      background="none"
      cardStyle="elevated"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Sarancha"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Shop", id: "/shop" },
            { name: "About", id: "/about" },
            { name: "Collections", id: "/collections" },
            { name: "Contact", id: "/contact" }
          ]}
        />
      </div>

      <div id="about-story" data-section="about-story">
        <MediaAbout
          title="Our Story & Passion"
          description="Founded on the belief that flowers have the power to transform moments into memories, Sarancha began as a small family business with big dreams. Today, we combine traditional floral artistry with modern design principles to create arrangements that speak to the heart."
          tag="About Sarancha"
          imageSrc="https://img.b2bpic.net/free-photo/medium-shot-blonde-woman-arranging-bouquet_23-2148377319.jpg"
          imageAlt="Our master florist at work"
          buttons={[
            { text: "View Our Work", href: "/collections" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="about-process" data-section="about-process">
        <FeatureCardNine
          title="Our Craftsmanship Process"
          description="From sourcing to delivery, every step reflects our commitment to excellence"
          tag="How We Work"
          textboxLayout="default"
          showStepNumbers={true}
          features={[
            {
              id: 1,
              title: "Careful Sourcing",
              description: "We partner directly with premium growers who share our commitment to quality, ensuring each bloom meets our exacting standards for freshness and beauty.",
              phoneOne: { imageSrc: "https://img.b2bpic.net/free-photo/view-natural-blurry-flower_23-2149454600.jpg" },
              phoneTwo: { imageSrc: "https://img.b2bpic.net/free-photo/flower-shop-exposing-selling-different-kinds-roses_114579-1887.jpg" }
            },
            {
              id: 2,
              title: "Expert Design",
              description: "Our team of certified florists brings decades of experience to each arrangement, combining artistic vision with deep knowledge of color, texture, and seasonal beauty.",
              phoneOne: { imageSrc: "https://img.b2bpic.net/free-photo/vase-with-fresh-summer-flowers-female-hands-white-background_169016-36190.jpg" },
              phoneTwo: { imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-blonde-woman-arranging-bouquet_23-2148377319.jpg" }
            }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="about-testimonials" data-section="about-testimonials">
        <TestimonialCardFive
          title="What Makes Us Special"
          description="Hear from the customers and partners who trust Sarancha with their most important moments"
          tag="Client Stories"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              name: "Sarah Mitchell, Wedding Planner",
              date: "Date: 15 January 2025",
              title: "Trusted Wedding Partner",
              quote: "I've worked with Sarancha on over 50 weddings. Their consistency, creativity, and ability to execute even the most complex floral visions makes them my go-to partner for luxury events.",
              tag: "Wedding Professional",
              avatarSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",
              avatarAlt: "Sarah Mitchell",
              imageSrc: "https://img.b2bpic.net/free-photo/vertical-closeup-shot-beautiful-wedding-bouquet-with-gorgeous-white-roses_181624-15923.jpg",
              imageAlt: "Wedding ceremony flowers"
            },
            {
              id: "2",
              name: "David Thompson, Florist",
              date: "Date: 28 December 2024",
              title: "Exceptional Quality Standards",
              quote: "As a fellow professional in the industry, I can appreciate the level of care Sarancha puts into every arrangement. Their sourcing and design work sets the standard for premium floral artistry.",
              tag: "Industry Professional",
              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-young-smiling-pretty-girl-plaid-shirt-posing_114579-70643.jpg",
              avatarAlt: "David Thompson",
              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-blonde-woman-arranging-bouquet_23-2148377319.jpg",
              imageAlt: "Professional arrangement process"
            },
            {
              id: "3",
              name: "Elena Rodriguez, Frequent Customer",
              date: "Date: 2 January 2025",
              title: "Consistently Beautiful Results",
              quote: "Whether it's a birthday, anniversary, or just because, Sarancha never fails to deliver something extraordinary. The quality and attention to detail in every arrangement is remarkable.",
              tag: "Loyal Customer",
              avatarSrc: "https://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg",
              avatarAlt: "Elena Rodriguez",
              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-flowers_23-2149591592.jpg",
              imageAlt: "Happy customer with flowers"
            }
          ]}
        />
      </div>

      <FooterCard
        logoText="Sarancha"
        copyrightText="© 2025 Sarancha. All rights reserved. Crafting beauty, one bloom at a time."
        socialLinks={[
          { icon: Instagram, href: "https://instagram.com/sarancha", ariaLabel: "Instagram" },
          { icon: Facebook, href: "https://facebook.com/sarancha", ariaLabel: "Facebook" },
          { icon: Twitter, href: "https://twitter.com/sarancha", ariaLabel: "Twitter" },
          { icon: Linkedin, href: "https://linkedin.com/company/sarancha", ariaLabel: "LinkedIn" }
        ]}
      />
    </ThemeProvider>
  );
}