"use client";

import Link from "next/link";
import { Award, CheckCircle } from "lucide-react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";

const navItems = [
  { name: "Home", id: "home" },
  { name: "Services", id: "services" },
  { name: "About", id: "about" },
  { name: "Contact", id: "contact" },
  { name: "WhatsApp", id: "https://wa.me/94769344607" },
];

const footerColumns = [
  {
    items: [
      { label: "Home", href: "/" },
      { label: "Services", href: "/services" },
      { label: "About", href: "/about" },
    ],
  },
  {
    items: [
      { label: "Contact Us", href: "/contact" },
      { label: "WhatsApp", href: "https://wa.me/94769344607" },
      { label: "Call Now", href: "tel:+94714099975" },
    ],
  },
  {
    items: [
      { label: "Privacy Policy", href: "#" },
      { label: "Terms & Conditions", href: "#" },
      { label: "Sitemap", href: "#" },
    ],
  },
  {
    items: [
      { label: "Nalanda Ellawala", href: "#" },
      { label: "Kuruwita, Sri Lanka", href: "#" },
      { label: "Est. 2003", href: "#" },
    ],
  },
];

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="small"
      sizing="largeSmall"
      background="none"
      cardStyle="inset"
      primaryButtonStyle="flat"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={navItems}
          button={{ text: "Call Now", href: "tel:+94714099975" }}
          brandName="Paramount Export"
        />
      </div>

      <div id="about-story" data-section="about-story">
        <FeatureCardTwentyFour
          title="Our Journey to Excellence"
          description="For over two decades, Paramount Export Industries has been synonymous with quality craftsmanship, innovation, and reliable timber supply in Sri Lanka"
          tag="Our Story"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          features={[
            {
              id: "1",
              title: "Founded with Vision",
              author: "2003",
              description:
                "Established in 2003 with a commitment to delivering premium woodworking and timber products. Our founders combined traditional craftsmanship with modern innovation to create something extraordinary.",
              tags: ["Foundation", "Vision", "Legacy"],
              imageSrc:
                "http://img.b2bpic.net/free-photo/production-manufacture-sightseeing-excursion-interior-ceramic-tile-manufacturing-plant-ceramic-tile-manufacturing-plant-with-conveyer-belt_645730-195.jpg",
              imageAlt: "Our industrial facility",
            },
            {
              id: "2",
              title: "Modern Technology Integration",
              author: "Innovation",
              description:
                "Invested in state-of-the-art CNC machinery and processing equipment while maintaining the artisanal values that define true craftsmanship. Technology serves craftsmanship, never the reverse.",
              tags: ["Technology", "CNC", "Innovation"],
              imageSrc:
                "http://img.b2bpic.net/free-photo/carpenter-operating-stationary-power-planer-processing-wooden-plank-making-sawdust_1163-3150.jpg?_wi=2",
              imageAlt: "Advanced woodworking machinery",
            },
            {
              id: "3",
              title: "Export Leadership",
              author: "Global Reach",
              description:
                "Became a trusted supplier for international markets, meeting export standards and building relationships with customers across multiple countries. Quality without compromise is our hallmark.",
              tags: ["Export", "Quality", "Global"],
              imageSrc:
                "http://img.b2bpic.net/free-photo/woodworking-plant-with-wood-sawing-machine-poster-about-woodworking-manufacturing_166373-9094.jpg?_wi=2",
              imageAlt: "Professional production operations",
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="About our journey section"
        />
      </div>

      <div id="about-metrics" data-section="about-metrics">
        <MetricCardSeven
          title="Paramount Export by the Numbers"
          description="Key achievements that reflect our commitment to excellence and customer satisfaction"
          tag="Our Achievements"
          tagIcon={Award}
          tagAnimation="slide-up"
          metrics={[
            {
              id: "1",
              value: "20+",
              title: "Years of Continuous Operation",
              items: [
                "Since 2003",
                "Trusted partner",
                "Industry veteran",
              ],
            },
            {
              id: "2",
              value: "500+",
              title: "Projects Successfully Completed",
              items: [
                "Residential & commercial",
                "Diverse applications",
                "Satisfied clients",
              ],
            },
            {
              id: "3",
              value: "5.0/5",
              title: "Customer Satisfaction Rating",
              items: [
                "Verified reviews",
                "Quality assurance",
                "Professional service",
              ],
            },
            {
              id: "4",
              value: "4",
              title: "Core Product Categories",
              items: [
                "Seasoned hardwoods",
                "Treated timbers",
                "Custom services",
              ],
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Achievements and metrics section"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          columns={footerColumns}
          logoText="Paramount Export"
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}