"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import SplitAbout from "@/components/sections/about/SplitAbout";
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import { Phone } from "lucide-react";

const navItems = [
  { name: "Home", id: "/" },
  { name: "Services", id: "#services" },
  { name: "Projects", id: "/projects" },
  { name: "About", id: "/about" },
];

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="largeSizeMediumTitles"
      background="circleGradient"
      cardStyle="glass-depth"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Sri Mani Bala"
          navItems={navItems}
          button={{
            text: "Get Free Consultation",
            href: "#contact",
          }}
          animateOnLoad={true}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="Our Simple Interior Design Process"
          description="From consultation to completion, we follow a structured process to ensure your dream interior comes to life perfectly"
          tag="Our Process"
          tagAnimation="slide-up"
          bulletPoints={[
            {
              title: "1. Consultation",
              description: "Discuss your ideas, budget, and requirements with our expert team",
            },
            {
              title: "2. Design Planning",
              description: "Create the best design solution tailored to your space and style",
            },
            {
              title: "3. Craft & Build",
              description: "Our skilled team carefully builds and installs everything with precision",
            },
            {
              title: "4. Perfect Delivery",
              description: "Beautiful finishing and installation ensuring complete satisfaction",
            },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/colleagues-having-discussion-about-project-planning-marketing-strategy-working-together-business-man-woman-doing-teamwork-with-laptop-papers-design-presentation_482257-40028.jpg?_wi=2"
          imageAlt="Interior design process workflow"
          mediaAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          imagePosition="left"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="Why We Stand Out"
          description="Sri Mani Bala Interiors brings decades of experience, premium craftsmanship, and customer-focused service to every project"
          tag="Our Achievements"
          tagAnimation="slide-up"
          metrics={[
            {
              id: "experience",
              value: "45+",
              title: "Years of Expertise",
              description: "Generations of traditional and modern craftsmanship combined",
              imageSrc: "http://img.b2bpic.net/free-photo/millennial-man-choosing-skilled-labor-trades_1163-3107.jpg?_wi=2",
              imageAlt: "experienced craftsman working",
            },
            {
              id: "clients",
              value: "23+",
              title: "Satisfied Clients",
              description: "Each project completed with dedication and perfection",
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-resting_171337-3998.jpg?_wi=2",
              imageAlt: "happy satisfied customer",
            },
            {
              id: "quality",
              value: "Premium",
              title: "Quality Materials",
              description: "Only the finest finishes and materials for luxury results",
              imageSrc: "http://img.b2bpic.net/free-photo/artisan-doing-woodcutting_23-2150600764.jpg?_wi=2",
              imageAlt: "premium finishing detail",
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Get in Touch"
          tagIcon={Phone}
          tagAnimation="slide-up"
          title="Start Your Interior Transformation Today"
          description="We're ready to bring your interior design dreams to life. Reach out to schedule a free consultation with our expert team and explore the possibilities for your space."
          buttons={[
            {
              text: "Call Now",
              href: "tel:+919876543210",
            },
            {
              text: "Get Free Quote",
              href: "#contact-form",
            },
          ]}
          buttonAnimation="slide-up"
          background={{
            variant: "circleGradient",
          }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Quick Links",
              items: [
                {
                  label: "Home",
                  href: "/",
                },
                {
                  label: "Services",
                  href: "#services",
                },
                {
                  label: "Projects",
                  href: "/projects",
                },
                {
                  label: "About",
                  href: "/about",
                },
              ],
            },
            {
              title: "Services",
              items: [
                {
                  label: "Modular Kitchen",
                  href: "#services",
                },
                {
                  label: "TV Units",
                  href: "#services",
                },
                {
                  label: "Wardrobes",
                  href: "#services",
                },
                {
                  label: "Wooden Work",
                  href: "#services",
                },
              ],
            },
            {
              title: "Contact",
              items: [
                {
                  label: "📍 Thanjavur, Tamil Nadu",
                  href: "#",
                },
                {
                  label: "📞 +91-XXXX-XXXX-XX",
                  href: "tel:+919876543210",
                },
                {
                  label: "🕒 Open till 9:30 PM",
                  href: "#",
                },
                {
                  label: "📧 Email Us",
                  href: "mailto:info@srimanibala.com",
                },
              ],
            },
          ]}
          copyrightText="© 2025 Sri Mani Bala Interiors & Traders | All Rights Reserved"
        />
      </div>
    </ThemeProvider>
  );
}