"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Speaker, Zap, Sparkles } from "lucide-react";

export default function BuildPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="medium"
      sizing="largeSmall"
      background="radialGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="BASE"
          navItems={[
            { name: "Systems", id: "/systems" },
            { name: "Performance", id: "/performance" },
            { name: "Build", id: "/build" },
            { name: "Field Tests", id: "/field-tests" },
            { name: "Support", id: "/support" }
          ]}
          button={{ text: "Shop", href: "#shop" }}
          className="backdrop-blur-md border border-purple-600"
        />
      </div>

      <div id="build" data-section="build">
        <PricingCardNine
          title="Spec & Configure"
          description="Build your reference system with modular options. Real-time SKU generation and assembly lead-time estimates."
          plans={[
            {
              id: "compact",              title: "BASE One",              price: "$2,495",              period: "/unit",              features: [
                "Graphite, Aluminum, or Ceramic finishes",                "Mesh or solid grille",                "Neutral, Warm, or Analytical DSP profile",                "Status or Reactive LED lighting",                "Real-time SKU + 2–3 week lead time"
              ],
              button: { text: "Configure Base One", href: "#configure-one" },
              imageSrc: "https://images.unsplash.com/photo-1514525253161-7a46d19cd819?w=800&q=80",              imageAlt: "BASE One configuration"
            },
            {
              id: "reference",              title: "BASE Two",              price: "$4,295",              period: "/unit",              features: [
                "Graphite, Aluminum, or Ceramic finishes",                "Mesh or solid grille",                "Neutral, Warm, or Analytical DSP profile",                "Status or Reactive LED lighting",                "Real-time SKU + 3–4 week lead time"
              ],
              button: { text: "Configure Base Two", href: "#configure-two" },
              imageSrc: "https://images.unsplash.com/photo-1459749411175-04bf5292ceea?w=800&q=80",              imageAlt: "BASE Two configuration"
            },
            {
              id: "flagship",              title: "BASE Studio",              price: "$7,495",              period: "/unit",              features: [
                "Graphite, Aluminum, or Ceramic finishes",                "Mesh or solid grille",                "Neutral, Warm, or Analytical DSP profile",                "Status or Reactive LED lighting",                "Real-time SKU + 4–5 week lead time"
              ],
              button: { text: "Configure Base Studio", href: "#configure-studio" },
              imageSrc: "https://images.unsplash.com/photo-1493225457124-a3eb161ffa5f?w=800&q=80",              imageAlt: "BASE Studio configuration"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="quality" data-section="quality">
        <FeatureCardThree
          title="Quality Controlled"
          description="Built under control. Every step from materials sourcing to final calibration follows verified manufacturing standards."
          features={[
            {
              id: "materials",              title: "Materials Selection",              description: "Premium components sourced to tolerance specs. Supplier audits + batch testing. Traceability maintained.",              imageSrc: "https://images.unsplash.com/photo-1581092918056-0c4c3acd3789?w=800&q=80",              imageAlt: "Materials and component selection"
            },
            {
              id: "machining",              title: "Precision Machining",              description: "CNC tolerance ±0.05mm for critical dimensions. Real-time in-process verification. 100% cosmetic inspection.",              imageSrc: "https://images.unsplash.com/photo-1581092918056-0c4c3acd3789?w=800&q=80",              imageAlt: "CNC machining and precision manufacturing"
            },
            {
              id: "assembly",              title: "Assembly & Sealing",              description: "Controlled environment assembly. Damping material placement verified. All seams tested for acoustic integrity.",              imageSrc: "https://images.unsplash.com/photo-1581092918056-0c4c3acd3789?w=800&q=80",              imageAlt: "Assembly line quality control"
            },
            {
              id: "calibration",              title: "Final Calibration",              description: "Anechoic chamber measurement + response trim. DSP profile loading and verification. Certified before shipment.",              imageSrc: "https://images.unsplash.com/photo-1581092918056-0c4c3acd3789?w=800&q=80",              imageAlt: "Calibration laboratory testing"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          gridVariant="bento-grid"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://images.unsplash.com/photo-1478737270239-2f02b77fc618?w=800&q=80"
          imageAlt="BASE laboratory testing environment"
          logoText="BASE"
          copyrightText="© 2025 BASE Audio Systems. All rights reserved."
          columns={[
            {
              title: "Products",              items: [
                { label: "BASE One", href: "/systems" },
                { label: "BASE Two", href: "/systems" },
                { label: "BASE Studio", href: "/systems" },
                { label: "Configurator", href: "/build" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Measurement Reports", href: "/performance" },
                { label: "Quick Start", href: "/support" },
                { label: "Field Tests", href: "/field-tests" },
                { label: "Technical Specs", href: "/performance" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About", href: "/about" },
                { label: "Support", href: "/support" },
                { label: "Contact", href: "/contact" },
                { label: "Careers", href: "/careers" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
