"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { CheckCircle, Lightbulb } from "lucide-react";

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

  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSmallSizeLargeTitles"
      background="none"
      cardStyle="gradient-mesh"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={navItems}
          brandName="WindowFlow"
          bottomLeftText="Streamline Operations"
          bottomRightText="hello@windowflow.com"
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Our Story"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          title="Built by Industry Veterans for Window Treatment Professionals"
          description="WindowFlow was created by people who spent years in the window furnishing industry. We understand the unique challenges of managing measurements, inventory, installations, and customer expectations."
          subdescription="Our mission is to eliminate operational bottlenecks so you can deliver exceptional service and grow your business sustainably."
          icon={Lightbulb}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB1l1c7xNTHi2gGoCUeRPx9S5j/modern-office-space-with-team-members-co-1773947897915-4b3b6b10.png?_wi=2"
          imageAlt="WindowFlow team collaborating"
          mediaAnimation="blur-reveal"
          useInvertedBackground={false}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardFourteen
          title="Our Impact and Growth"
          tag="Building Together"
          tagAnimation="slide-up"
          metrics={[
            { id: "team", value: "50+", description: "Team Members Worldwide" },
            { id: "years", value: "100+", description: "Combined Industry Experience" },
            { id: "customers", value: "500+", description: "Satisfied Customers" },
            { id: "support", value: "24/7", description: "Customer Support Available" },
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          names={[
            "Premium Blinds & Shades Co.",
            "Elite Window Solutions",
            "Custom Window Treatments LLC",
            "Thompson Home Furnishings",
            "Window Dreams Inc.",
            "Advanced Window Systems",
            "Luxury Blinds Studio",
            "Professional Window Coverings",
          ]}
          logos={[
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB1l1c7xNTHi2gGoCUeRPx9S5j/professional-logo-for-a-window-blinds-co-1773947897200-388b86b9.png",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB1l1c7xNTHi2gGoCUeRPx9S5j/professional-logo-for-elite-window-solut-1773947896946-c70f4d07.png",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB1l1c7xNTHi2gGoCUeRPx9S5j/professional-logo-for-custom-window-trea-1773947898564-e7e9b5ce.png",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB1l1c7xNTHi2gGoCUeRPx9S5j/professional-logo-for-thompson-home-furn-1773947897320-591faf51.png",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB1l1c7xNTHi2gGoCUeRPx9S5j/professional-logo-for-window-dreams-inc--1773947896715-b0a1aa60.png",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB1l1c7xNTHi2gGoCUeRPx9S5j/professional-logo-for-advanced-window-sy-1773947898186-a2ca7629.png",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB1l1c7xNTHi2gGoCUeRPx9S5j/professional-logo-for-luxury-blinds-stud-1773947897636-c01996fc.png",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB1l1c7xNTHi2gGoCUeRPx9S5j/professional-logo-for-professional-windo-1773947896630-a61d28f7.png",
          ]}
          title="Trusted by Leading Window Furnishing Businesses"
          description="WindowFlow partners with hundreds of window treatment companies across North America."
          textboxLayout="default"
          useInvertedBackground={false}
          speed={50}
          showCard={true}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB1l1c7xNTHi2gGoCUeRPx9S5j/professional-footer-image-showing-window-1773947897833-cc57e18c.png?_wi=1"
          imageAlt="Professional footer image showing window installation completion"
          logoText="WindowFlow"
          copyrightText="© 2025 WindowFlow. All rights reserved."
          columns={[
            {
              title: "Product",
              items: [
                { label: "Features", href: "/#features" },
                { label: "Pricing", href: "/#pricing" },
                { label: "Security", href: "#" },
                { label: "Roadmap", href: "#" },
              ],
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "/about" },
                { label: "Blog", href: "#" },
                { label: "Careers", href: "#" },
                { label: "Contact", href: "#" },
              ],
            },
            {
              title: "Resources",
              items: [
                { label: "Help Center", href: "#" },
                { label: "API Docs", href: "#" },
                { label: "Status Page", href: "#" },
                { label: "Support", href: "#" },
              ],
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookie Policy", href: "#" },
                { label: "Compliance", href: "#" },
              ],
            },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}