"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
import Link from "next/link";
import {
  MessageCircle,
  Lightbulb,
  Layers,
  Palette,
  Code,
  Smartphone,
  MessageSquare,
} from "lucide-react";

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

  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="largeSmallSizeLargeTitles"
      background="circleGradient"
      cardStyle="subtle-shadow"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={navItems}
          brandName="BuildTrades"
          bottomLeftText="Websites for Contractors"
          bottomRightText="hello@buildtrades.com"
        />
      </div>

      <div id="about-process" data-section="about-process">
        <FeatureCardTen
          title="Our Story & Mission"
          description="BuildTrades was founded with a simple mission: to help contractors and service professionals build beautiful, high-converting websites without the complexity and cost typically associated with web design. We understand the trades industry because we've worked closely with it for years."
          tag="About Us"
          tagIcon={MessageCircle}
          tagAnimation="slide-up"
          features={[
            {
              id: "1",              title: "Who We Are",              description:
                "We're a team of web designers, developers, and digital marketing specialists who've dedicated ourselves to understanding and serving the contractor and trades industry. We believe that great web design shouldn't require extensive technical knowledge or prohibitive costs.",              media: {
                imageSrc:
                  "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-team-of-web-designers-and-1772524381824-5e8170ca.png?_wi=2"},
              items: [
                { icon: MessageCircle, text: "Industry expertise" },
                { icon: Lightbulb, text: "Innovative solutions" },
                { icon: Layers, text: "Attention to detail" },
              ],
              reverse: false,
            },
            {
              id: "2",              title: "Our Values",              description:
                "We're committed to transparency, quality, and your success. Every website we build is crafted with care and optimized to deliver real business results. We measure our success by your success—the leads you generate and the growth your business achieves.",              media: {
                imageSrc:
                  "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-consultation-meeting-betw-1772524380781-b8f17974.png?_wi=2"},
              items: [
                { icon: Palette, text: "Quality over everything" },
                { icon: Code, text: "Transparent pricing" },
                { icon: Smartphone, text: "Your success first" },
              ],
              reverse: true,
            },
            {
              id: "3",              title: "Why Contractors Love Us",              description:
                "We've built 200+ websites for contractors and service professionals across North America. Our clients report on average a 35% increase in qualified leads within the first 3 months. We don't just build websites—we build relationships and long-term partnerships.",              media: {
                imageSrc:
                  "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-beautiful-home-renovation-website-feat-1772524385305-8eee5654.png?_wi=3"},
              items: [
                { icon: MessageCircle, text: "Dedicated support" },
                { icon: Lightbulb, text: "Proven results" },
                { icon: Layers, text: "Industry knowledge" },
              ],
              reverse: false,
            },
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="about-testimonials" data-section="about-testimonials">
        <TestimonialCardTwo
          title="Why Contractors Trust BuildTrades"
          description="Hear directly from the contractors and service professionals who've transformed their business with our websites."
          tag="Our Clients"
          tagIcon={MessageSquare}
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "1",              name: "John Martinez",              role: "Owner, Martinez Home Services",              testimonial:
                "BuildTrades understood our business immediately. They built a website that actually brings us leads. Within 3 months, we had 40% more inquiries. Highly recommend!",              imageSrc:
                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-headshot-of-a-satisfied-c-1772524380165-667bbd23.png?_wi=2",              imageAlt: "John Martinez - Home Services Owner"},
            {
              id: "2",              name: "Sarah Chen",              role: "CEO, ProBuild Renovations",              testimonial:
                "The portfolio gallery feature is incredible. Our before-and-afters really sell our work. The team was responsive and made the process smooth from start to finish.",              imageSrc:
                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-headshot-of-a-female-cont-1772524381105-64a95cff.png?_wi=2",              imageAlt: "Sarah Chen - Renovation Company CEO"},
            {
              id: "3",              name: "Mike Thompson",              role: "Owner, Thompson Electric",              testimonial:
                "Best decision we made for the business. The website looks professional, loads fast, and I've gotten several high-quality leads from it. Worth every penny.",              imageSrc:
                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-headshot-of-a-male-small--1772524380697-ec133f7c.png?_wi=2",              imageAlt: "Mike Thompson - Electrical Contractor"},
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="BuildTrades"
          columns={[
            {
              title: "Company",              items: [
                { label: "About Us", href: "/about" },
                { label: "Our Process", href: "#services" },
                { label: "Portfolio", href: "#portfolio" },
                { label: "Pricing", href: "/pricing" },
              ],
            },
            {
              title: "Services",              items: [
                { label: "Website Design", href: "#" },
                { label: "SEO Services", href: "#" },
                { label: "Lead Generation", href: "#" },
                { label: "Website Maintenance", href: "#" },
              ],
            },
            {
              title: "Resources",              items: [
                { label: "Blog", href: "#" },
                { label: "Case Studies", href: "#" },
                { label: "FAQ", href: "#faq" },
                { label: "Contact Us", href: "#contact" },
              ],
            },
            {
              title: "Connect",              items: [
                { label: "Facebook", href: "https://facebook.com" },
                { label: "LinkedIn", href: "https://linkedin.com" },
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Email Us", href: "mailto:hello@buildtrades.com" },
              ],
            },
          ]}
          copyrightText="© 2025 BuildTrades. Professional Websites for Contractors & Trades Professionals."
          onPrivacyClick={() => {
            console.log("Privacy policy clicked");
          }}
        />
      </div>
    </ThemeProvider>
  );
}