"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroBillboardDashboard from "@/components/sections/hero/HeroBillboardDashboard";
import FeatureBento from "@/components/sections/feature/FeatureBento";
import MediaAbout from "@/components/sections/about/MediaAbout";
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import {
  Zap,
  CheckCircle,
  Building2,
  Award,
  Star,
  Phone,
  BarChart3,
  Settings,
  Home,
  Hotel,
  CircleDollarSign,
  ArrowLeftRight,
  Send,
} from "lucide-react";

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

  const handleNavClick = (id: string) => {
    if (id === "/") {
      window.location.href = "/";
    } else if (id.startsWith("/")) {
      window.location.href = id;
    } else {
      const element = document.getElementById(id);
      if (element) {
        element.scrollIntoView({ behavior: "smooth" });
      }
    }
  };

  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="hero" data-section="hero">
        <HeroBillboardDashboard
          title="Accurate Elevator Planning Based on Neufert Standards"
          description="Professional vertical transportation calculations for offices, residential towers, hotels, hospitals, and mixed-use developments. Expert consultancy grounded in internationally recognized engineering standards."
          tag="Vertical Transportation Experts"
          tagIcon={Zap}
          tagAnimation="slide-up"
          buttons={[
            { text: "Call Now", href: "tel:+1234567890" },
            { text: "Request Study", href: "/contact" },
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "radial-gradient" }}
          dashboard={{
            title: "Elevator Planning Metrics",
            logoIcon: Building2,
            imageSrc: "http://img.b2bpic.net/free-photo/escalator-modern-building_1232-2355.jpg",
            searchPlaceholder: "Analyze your building...",
            buttons: [
              { text: "View Methods", href: "/services" },
              { text: "Get Quote", href: "/contact" },
            ],
            sidebarItems: [
              { icon: Building2, active: true },
              { icon: BarChart3 },
              { icon: Settings },
            ],
            stats: [
              {
                title: "Projects Completed",
                values: [145, 162, 189],
                description: "Successful studies delivered",
              },
              {
                title: "Buildings Analyzed",
                values: [287, 342, 418],
                description: "Properties optimized",
              },
              {
                title: "Floors Calculated",
                values: [2450, 3120, 3850],
                description: "Comprehensive planning",
              },
            ],
            chartTitle: "Project Growth",
            chartData: [
              { value: 45 },
              { value: 62 },
              { value: 78 },
              { value: 89 },
              { value: 95 },
            ],
            listTitle: "Recent Studies",
            listItems: [
              {
                icon: Building2,
                title: "Office Complex - 45 floors",
                status: "Completed",
              },
              {
                icon: Home,
                title: "Residential Tower - 60 floors",
                status: "In Progress",
              },
              {
                icon: Hotel,
                title: "Hotel Tower - 35 floors",
                status: "Completed",
              },
            ],
          }}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureBento
          title="Comprehensive Elevator Planning Services"
          description="We provide detailed technical analysis based on Neufert methodology to optimize vertical transportation in your building."
          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="why-choose-us" data-section="why-choose-us">
        <MediaAbout
          tag="Why LiftPlan"
          title="Engineering Excellence Grounded in Proven Methodology"
          description="We combine international best practices with deep local expertise. Every calculation is built on Neufert standards—the architect's reference for vertical transportation planning. Fast turnaround, accurate results, designed specifically for architects and developers."
          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=1"
          imageAlt="Technical elevator planning diagram"
          buttons={[{ text: "Learn Our Process", href: "/services" }]}
          useInvertedBackground={true}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="Our Track Record"
          description="Proven expertise in vertical transportation planning across the region."
          tag="Credentials"
          tagIcon={Award}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          metrics={[
            {
              id: "1",
              value: "200+",
              description: "Projects Completed Successfully",
            },
            {
              id: "2",
              value: "25+",
              description: "Years of Combined Expertise",
            },
            {
              id: "3",
              value: "98%",
              description: "Client Satisfaction Rate",
            },
            {
              id: "4",
              value: "48-72 hrs",
              description: "Average Project Turnaround",
            },
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Industry Professionals Say"
          description="Trusted by architects, developers, and building owners across the region."
          tag="Client Testimonials"
          tagIcon={Star}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "1",
              name: "Sarah Mitchell, Principal Architect at MitchellDesign",
              date: "Date: 15 November 2024",
              title: "Precise Calculations, Fast Delivery",
              quote: "LiftPlan provided exact elevator calculations for our 42-story residential tower. Their Neufert-based analysis was thorough and delivered within 48 hours. We've recommended them to colleagues.",
              tag: "Residential Development",
              avatarSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",
              avatarAlt: "Sarah Mitchell",
              imageSrc: "http://img.b2bpic.net/free-photo/cross-stitch-pattern_23-2148145972.jpg?_wi=1",
              imageAlt: "Residential tower project",
            },
            {
              id: "2",
              name: "James Chen, Director of Development at Urban Properties",
              date: "Date: 08 November 2024",
              title: "Technical Accuracy We Can Trust",
              quote: "We've used LiftPlan for multiple mixed-use developments. Their elevator planning methodology is rigorous and based on solid engineering principles. Professional team, reliable results.",
              tag: "Mixed-Use Development",
              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",
              avatarAlt: "James Chen",
              imageSrc: "http://img.b2bpic.net/free-vector/building-collection-concept_23-2147906873.jpg?_wi=1",
              imageAlt: "Mixed-use development",
            },
            {
              id: "3",
              name: "Dr. Lisa Patel, Hospital Planning Director",
              date: "Date: 01 November 2024",
              title: "Expert in Healthcare Facility Planning",
              quote: "For our new medical facility, LiftPlan's specialized bed lift planning was invaluable. They understood the unique requirements of healthcare buildings and delivered a comprehensive solution.",
              tag: "Healthcare Facility",
              avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",
              avatarAlt: "Dr. Lisa Patel",
              imageSrc: "http://img.b2bpic.net/free-vector/hospital-flat-banner-set_1284-10889.jpg?_wi=1",
              imageAlt: "Hospital facility design",
            },
            {
              id: "4",
              name: "Robert Taylor, Senior Developer at Continental Real Estate",
              date: "Date: 25 October 2024",
              title: "Saved Us Time and Ensured Compliance",
              quote: "LiftPlan's calculations helped us optimize our hotel tower design while ensuring full compliance with all standards. Their attention to detail and quick turnaround were impressive.",
              tag: "Hospitality Development",
              avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg",
              avatarAlt: "Robert Taylor",
              imageSrc: "http://img.b2bpic.net/free-photo/wooden-sauna-with-mountain-view-panoramic-calm_169016-70823.jpg?_wi=1",
              imageAlt: "Hotel design project",
            },
            {
              id: "5",
              name: "Maria Rodriguez, Project Manager at BuildRight Consultants",
              date: "Date: 18 October 2024",
              title: "Professional and Knowledgeable Team",
              quote: "Working with LiftPlan was seamless. They answered all our technical questions and provided detailed documentation. This is the kind of partner every developer needs.",
              tag: "Commercial Office",
              avatarSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",
              avatarAlt: "Maria Rodriguez",
              imageSrc: "http://img.b2bpic.net/free-vector/building-collection-concept_23-2147906873.jpg?_wi=2",
              imageAlt: "Commercial office project",
            },
            {
              id: "6",
              name: "Thomas Anderson, Owner of Anderson Building Group",
              date: "Date: 12 October 2024",
              title: "Elevated Our Project from Start to Finish",
              quote: "From initial consultation through final delivery, LiftPlan was professional, accurate, and responsive. Their elevator planning expertise made all the difference in our project's success.",
              tag: "Building Owner",
              avatarSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-posing-near-office-building_1262-21023.jpg",
              avatarAlt: "Thomas Anderson",
              imageSrc: "http://img.b2bpic.net/free-photo/cross-stitch-pattern_23-2148145972.jpg?_wi=2",
              imageAlt: "Completed residential project",
            },
          ]}
        />
      </div>

      <div id="contact-cta" data-section="contact-cta">
        <ContactCTA
          tag="Ready to Optimize Your Building?"
          tagIcon={Phone}
          tagAnimation="slide-up"
          title="Get Your Elevator Study in 24-48 Hours"
          description="Professional vertical transportation analysis from certified elevator planning experts. Contact us today for a consultation or submit your project details for a customized quote."
          buttons={[
            { text: "Call Now", href: "tel:+1234567890" },
            { text: "Request Consultation", href: "/contact" },
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "radial-gradient" }}
          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>
  );
}