"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import FeatureCardTwentyTwo from '@/components/sections/feature/FeatureCardTwentyTwo';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="large"
      background="aurora"
      cardStyle="solid"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Hear Me"
          button={{
            text: "Shop Now",
            href: "/products"
          }}
        />
      </div>

      <div id="features-about" data-section="features-about">
        <FeatureCardTwentyTwo
          title="Our Story & Innovation"
          description="Over 15 years of dedication to perfecting the art of audio engineering"
          features={[
            {
              id: "1",
              title: "Exceptional Comfort Engineering",
              category: ["Ergonomic Design", "All-Day Wear"],
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-attractive-young-woman-wireless-headphones-smiling-with-closed-eyes-relaxing-with_1258-201362.jpg",
              imageAlt: "Comfortable headphones design"
            },
            {
              id: "2",
              title: "Crystal Clear Sound Quality",
              category: ["High Fidelity", "Rich Bass"],
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-smiley-woman-listening-music-headphones_23-2148486228.jpg",
              imageAlt: "Sound quality visualization"
            },
            {
              id: "3",
              title: "Extended Battery Performance",
              category: ["40-Hour Battery", "Fast Charging"],
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-woman-wearing-headphones_23-2148897904.jpg",
              imageAlt: "Long battery life indicator"
            },
            {
              id: "4",
              title: "Seamless Connectivity",
              category: ["Multi-Device", "Bluetooth 5.3"],
              imageSrc: "https://img.b2bpic.net/free-photo/woman-listening-music-headphones_23-2148486226.jpg",
              imageAlt: "Bluetooth connectivity features"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics-about" data-section="metrics-about">
        <MetricCardTwo
          title="Our Achievements"
          description="Milestones that showcase our commitment to audio excellence"
          metrics={[
            {
              id: "1",
              value: "50K+",
              description: "Happy Customers Worldwide"
            },
            {
              id: "2",
              value: "98%",
              description: "Customer Satisfaction Rating"
            },
            {
              id: "3",
              value: "15+",
              description: "Years of Audio Innovation"
            },
            {
              id: "4",
              value: "200+",
              description: "Premium Products Available"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials-about" data-section="testimonials-about">
        <TestimonialCardThirteen
          title="What Makes Us Different"
          description="Our customers share their experiences with Hear Me headphones"
          testimonials={[
            {
              id: "1",
              name: "Marcus Chen",
              handle: "@audio_producer",
              testimonial: "As a professional music producer, these headphones are a game-changer. The sound accuracy is unmatched and the comfort during 10-hour sessions is incredible.",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
              imageAlt: "Marcus Chen"
            },
            {
              id: "2",
              name: "David Park",
              handle: "@corporate_executive",
              testimonial: "Premium build quality and professional aesthetic. They look as good as they sound. Perfect for business and pleasure.",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",
              imageAlt: "David Park"
            },
            {
              id: "3",
              name: "Lisa Anderson",
              handle: "@student_life",
              testimonial: "Great sound quality at an affordable price point. They've become my go-to for studying, music, and entertainment. Very happy!",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg",
              imageAlt: "Lisa Anderson"
            }
          ]}
          showRating={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal logoText="Hear Me" />
      </div>
    </ThemeProvider>
  );
}