"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="compact"
      sizing="mediumSizeLargeTitles"
      background="floatingGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen 
          brandName="Marketing Pro"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Services", id: "/services" },
            { name: "Work", id: "/work" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" }
          ]}
          bottomLeftText="Strategy & Growth"
          bottomRightText="hello@marketingpro.com"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="What Our Clients Say"
          description="Real feedback from businesses we've helped grow and transform. Your success is our measure of success."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="opacity"
          testimonials={[
            {
              id: "1",
              name: "Jennifer Chen",
              role: "Founder & CEO",
              testimonial: "Marketing Pro transformed our go-to-market strategy. Within a year, we went from struggling startups to Series B-ready. Their strategic insights were invaluable.",
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
              imageAlt: "Jennifer Chen, CEO of TechVenture"
            },
            {
              id: "2",
              name: "Marcus Thompson",
              role: "Chief Marketing Officer",
              testimonial: "The team's creative approach to social media completely revolutionized our brand presence. Our engagement metrics tripled in just 6 months.",
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",
              imageAlt: "Marcus Thompson, CMO of StyleHub"
            },
            {
              id: "3",
              name: "Sarah Rodriguez",
              role: "VP of Operations",
              testimonial: "Professional, responsive, and results-driven. Marketing Pro understood our mission and amplified our message to exactly the right audience.",
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",
              imageAlt: "Sarah Rodriguez, VP of Operations at EcoGoods"
            },
            {
              id: "4",
              name: "David Kim",
              role: "Head of Growth",
              testimonial: "Exceptional strategy combined with flawless execution. They don't just talk about results—they deliver them consistently and transparently.",
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
              imageAlt: "David Kim, Head of Growth at FinanceFlow"
            },
            {
              id: "5",
              name: "Emily Patterson",
              role: "Marketing Director",
              testimonial: "The most collaborative and thoughtful marketing partner we've worked with. They truly became an extension of our team.",
              imageSrc: "https://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",
              imageAlt: "Emily Patterson, Marketing Director at HealthTech Solutions"
            },
            {
              id: "6",
              name: "Thomas Williams",
              role: "Business Owner",
              testimonial: "From brand strategy to campaign execution, every detail was handled with excellence. Our ROI exceeded all expectations.",
              imageSrc: "https://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
              imageAlt: "Thomas Williams, Owner of RetailMax"
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Services",
              items: [
                { label: "Strategy", href: "/services" },
                { label: "Digital Marketing", href: "/services" },
                { label: "Content Creation", href: "/services" },
                { label: "Brand Development", href: "/services" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "/about" },
                { label: "Our Work", href: "/work" },
                { label: "Blog", href: "/blog" },
                { label: "Careers", href: "/careers" }
              ]
            },
            {
              title: "Connect",
              items: [
                { label: "Contact", href: "/contact" },
                { label: "LinkedIn", href: "https://linkedin.com" },
                { label: "Twitter", href: "https://twitter.com" },
                { label: "Instagram", href: "https://instagram.com" }
              ]
            }
          ]}
          copyrightText="© 2025 Marketing Pro Agency. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}