"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Award, Zap, CheckCircle } from 'lucide-react';

export default function AboutPage() {
  const navItems = [
    { name: "Home", id: "home" },
    { name: "Services", id: "services" },
    { name: "Portfolio", id: "portfolio" },
    { name: "Pricing", id: "pricing" },
    { name: "About", id: "about" },
    { name: "Contact", id: "contact" },
  ];

  const footerColumns = [
    {
      title: "Services",
      items: [
        { label: "Content Strategy", href: "/" },
        { label: "Community Management", href: "/" },
        { label: "Paid Social", href: "/" },
        { label: "Analytics & Reporting", href: "/" },
      ],
    },
    {
      title: "Company",
      items: [
        { label: "About Us", href: "/about" },
        { label: "Portfolio", href: "/" },
        { label: "Pricing", href: "/" },
        { label: "Contact", href: "/" },
      ],
    },
    {
      title: "Legal",
      items: [
        { label: "Privacy Policy", href: "#" },
        { label: "Terms of Service", href: "#" },
        { label: "Cookie Policy", href: "#" },
        { label: "Disclaimer", href: "#" },
      ],
    },
    {
      title: "Connect",
      items: [
        { label: "Instagram", href: "https://instagram.com" },
        { label: "LinkedIn", href: "https://linkedin.com" },
        { label: "Twitter", href: "https://twitter.com" },
        { label: "TikTok", href: "https://tiktok.com" },
      ],
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="large"
      background="noise"
      cardStyle="soft-shadow"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="SocialPeak"
          navItems={navItems}
        />
      </div>

      <div id="about-hero" data-section="about-hero">
        <MediaAbout
          title="Our Journey in Social Excellence"
          description="SocialPeak was founded with a mission: to help premium brands tell their stories and build meaningful connections with their audiences. Over the years, we've evolved into a powerhouse of creative strategists, content creators, and community builders who are passionate about driving real business impact through social media."
          tag="Our Mission"
          tagIcon={Award}
          tagAnimation="slide-up"
          buttons={[{ text: "View Our Work", href: "/" }]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/group-business-partners-meeting-discussing-company-profits-making-research-looking-through-ompetieours-work-laptop-business-teamwork-concept_176420-8292.jpg"
          imageAlt="Our Creative Team"
          useInvertedBackground={false}
        />
      </div>

      <div id="values" data-section="values">
        <FeatureCardEight
          title="Our Core Values"
          description="These principles guide everything we do and define how we work with our clients."
          tag="What Drives Us"
          tagIcon={Zap}
          tagAnimation="slide-up"
          features={[
            {
              id: 1,
              title: "Strategic Excellence",
              description: "We combine data-driven insights with creative innovation to develop strategies that deliver measurable business results and long-term brand growth.",
              imageSrc: "http://img.b2bpic.net/free-photo/male-consultant-presents-business-analytics_482257-121129.jpg",
              imageAlt: "Strategic Planning",
            },
            {
              id: 2,
              title: "Creative Authenticity",
              description: "Our team creates authentic, compelling narratives that resonate with audiences and strengthen brand loyalty through genuine storytelling and engaging content.",
              imageSrc: "http://img.b2bpic.net/free-photo/vlogger-recording-testimonial-about-mini-trepied-subscribers-professional-studio-video-photo-equipment-technology-work-photo-studio-social-media-star-influencer_482257-3924.jpg",
              imageAlt: "Creative Content",
            },
            {
              id: 3,
              title: "Client Partnership",
              description: "We treat every client as a true partner, investing deeply in understanding their goals, challenges, and vision to deliver tailored solutions that exceed expectations.",
              imageSrc: "http://img.b2bpic.net/free-photo/office-worker-looks-greenscreen_482257-76595.jpg",
              imageAlt: "Team Collaboration",
            },
          ]}
          textboxLayout="default"
          useInvertedBackground={true}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="team-testimonials" data-section="team-testimonials">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",
              name: "Strategic Thinkers",
              imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-crossed-arms-smiling_23-2148095677.jpg",
              imageAlt: "Strategic Thinkers",
            },
            {
              id: "2",
              name: "Creative Innovators",
              imageSrc: "http://img.b2bpic.net/free-photo/closeup-serious-handsome-middle-aged-boss_1262-4837.jpg",
              imageAlt: "Creative Innovators",
            },
            {
              id: "3",
              name: "Community Builders",
              imageSrc: "http://img.b2bpic.net/free-photo/woman-with-crossed-arms_23-2147574179.jpg",
              imageAlt: "Community Builders",
            },
            {
              id: "4",
              name: "Results Driven",
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-suit_23-2149705918.jpg",
              imageAlt: "Results Driven",
            },
          ]}
          cardTitle="Our Team of Specialists"
          cardTag="Experts in Social Media Excellence"
          cardTagIcon={CheckCircle}
          cardAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="SocialPeak"
          copyrightText="© 2025 SocialPeak. All rights reserved."
          columns={footerColumns}
        />
      </div>
    </ThemeProvider>
  );
}