"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import FeatureBento from "@/components/sections/feature/FeatureBento";
import MediaAbout from "@/components/sections/about/MediaAbout";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import {
  CheckCircle,
  Building2,
  BarChart3,
  Settings,
} from "lucide-react";

export default function ServicesPage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "Services", id: "/services" },
    { name: "Industries", id: "/industries" },
    { name: "About", id: "/about" },
    { name: "Contact", id: "/contact" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="mediumSizeLargeTitles"
      background="noiseDiagonalGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={navItems}
          brandName="LiftPlan"
          button={{
            text: "Get Consultation",
            href: "/contact",
          }}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureBento
          title="Our Comprehensive Elevator Planning Services"
          description="Leveraging Neufert standards and decades of expertise, we deliver precise vertical transportation solutions tailored to your building type and requirements."
          tag="Neufert-Based Services"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          features={[
            {
              title: "Population Calculation",
              description: "Precise occupant density analysis based on floor area and building type standards.",
              bentoComponent: "animated-bar-chart",
            },
            {
              title: "Traffic Analysis",
              description: "5-minute handling capacity and peak-hour demand calculations using Neufert data.",
              bentoComponent: "line-chart",
            },
            {
              title: "Interval Calculation",
              description: "Optimal elevator interval sizing to ensure efficient passenger handling and wait times.",
              bentoComponent: "animated-bar-chart",
            },
            {
              title: "Core Space Optimization",
              description: "Strategic shaft planning and core sizing to maximize usable floor space.",
              bentoComponent: "line-chart",
            },
            {
              title: "Sizing & Shaft Planning",
              description: "Precise car dimensions and shaft layouts for safety and operational efficiency.",
              bentoComponent: "animated-bar-chart",
            },
            {
              title: "Hospital Bed Lift Planning",
              description: "Specialized calculations for medical facilities with bed transport requirements.",
              bentoComponent: "line-chart",
            },
          ]}
        />
      </div>

      <div id="service-methodology" data-section="service-methodology">
        <MediaAbout
          tag="Our Methodology"
          title="Neufert Standards: The Foundation of Every Study"
          description="The Neufert Building Compendium is the architect's definitive reference for elevator planning. We apply these internationally recognized standards to ensure your vertical transportation system is optimized for efficiency, safety, and compliance. Every calculation is documented and traceable."
          imageSrc="http://img.b2bpic.net/free-photo/electric-radio-elements-printed-old-vintage-paper-as-background-education-electricity-industries-repair-footage-etc-selective-focus-with-depth-field_211682-173.jpg?_wi=2"
          imageAlt="Technical elevator planning methodology"
          buttons={[{ text: "Request a Study", href: "/contact" }]}
          useInvertedBackground={true}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="LiftPlan"
          columns={[
            {
              items: [
                { label: "Home", href: "/" },
                { label: "Services", href: "/services" },
                { label: "Calculator", href: "/calculator" },
                { label: "About", href: "/about" },
              ],
            },
            {
              items: [
                { label: "Contact", href: "/contact" },
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Sitemap", href: "#" },
              ],
            },
            {
              items: [
                { label: "Call: (555) 123-4567", href: "tel:+15551234567" },
                { label: "Email: info@liftplan.com", href: "mailto:info@liftplan.com" },
                { label: "WhatsApp", href: "https://wa.me/15551234567" },
                { label: "LinkedIn", href: "https://linkedin.com" },
              ],
            },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}