"use client";

import Link from "next/link";
import { Award, CheckCircle, Heart, Instagram, Facebook, Linkedin } from "lucide-react";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import FooterCard from '@/components/sections/footer/FooterCard';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="compact"
      sizing="medium"
      background="fluid"
      cardStyle="soft-shadow"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered 
          brandName="Milano Atelier"
          navItems={[
            { name: "Collections", id: "/collections" },
            { name: "About", id: "/about" },
            { name: "Craft", id: "/about" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{ text: "Shop Now", href: "/collections" }}
        />
      </div>

      <div id="about" data-section="about" className="py-20">
        <MediaAbout 
          title="Three Generations of Excellence"
          description="Milano Atelier was founded in 1975 by master tailor Giuseppe Milano in the fashion capital of the world. For nearly five decades, our family has preserved the ancient art of Italian tailoring while embracing innovation. Today, we continue this legacy with the same passion, precision, and commitment to excellence that has defined our brand since its inception."
          tag="Our Heritage"
          tagIcon={Award}
          tagAnimation="slide-up"
          imageSrc="https://img.b2bpic.net/free-photo/suitmaker-tailor-cutting-fabric_482257-78193.jpg?_wi=2"
          imageAlt="Milano Atelier workshop showcasing Italian craftsmanship"
          buttons={[{ text: "Visit Our Atelier", href: "/contact" }]}
          buttonAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="features" data-section="features" className="py-20">
        <FeatureCardTwelve 
          title="Our Craftsmanship Philosophy"
          description="Every piece we create embodies the principles that have guided us for generations"
          tag="Excellence"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          features={[
            {
              id: "materials",
              label: "Premium",
              title: "Finest Materials Selection",
              items: ["Italian silk and wool sourced from heritage mills", "Sustainably produced fabrics", "Exclusive and rare textiles"],
              buttons: [{ text: "Learn More", href: "#" }]
            },
            {
              id: "handcrafted",
              label: "Artisan",
              title: "Handcrafted Excellence",
              items: ["Master tailors with decades of experience", "Meticulous hand-finishing techniques", "Custom fitting and alterations"],
              buttons: [{ text: "Our Craft", href: "#" }]
            },
            {
              id: "heritage",
              label: "Legacy",
              title: "Timeless Design Philosophy",
              items: ["Three generations of sartorial expertise", "Designs that transcend seasonal trends", "Investment-worthy pieces"],
              buttons: [{ text: "Discover More", href: "#" }]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="testimonials" data-section="testimonials" className="py-20">
        <TestimonialCardTen 
          title="Stories from Our Clients"
          description="Hear from the discerning individuals who have made Milano Atelier part of their personal style journey"
          testimonials={[
            {
              id: "1",
              title: "A Wardrobe Investment That Pays Dividends",
              quote: "Every piece from Milano Atelier has become a cornerstone of my wardrobe. The quality, the fit, the attention to detail - it's simply unmatched.",
              name: "Francesca Rossi",
              role: "Fashion Editor",
              imageSrc: "https://img.b2bpic.net/free-photo/joyful-woman-black-jacket-liking-lip-posing-isolated-background-charming-lady-dark-suit-smiling-white-backdrop_197531-18516.jpg",
              imageAlt: "Francesca Rossi"
            },
            {
              id: "2",
              title: "Luxury That Respects My Values",
              quote: "Milano Atelier delivers exceptional craftsmanship while maintaining ethical practices. They are my go-to for special occasions.",
              name: "Elena Marchetti",
              role: "Entrepreneur",
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg",
              imageAlt: "Elena Marchetti"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <FooterCard 
        logoText="Milano Atelier"
        copyrightText="© 2025 Milano Atelier | Crafted with Excellence in Milan"
        socialLinks={[
          { icon: Instagram, href: "https://instagram.com/milanog-atelier", ariaLabel: "Instagram" },
          { icon: Facebook, href: "https://facebook.com/milanog-atelier", ariaLabel: "Facebook" },
          { icon: Linkedin, href: "https://linkedin.com/company/milano-atelier", ariaLabel: "LinkedIn" }
        ]}
      />
    </ThemeProvider>
  );
}