"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import TextAbout from '@/components/sections/about/TextAbout';
import { Leaf, Lightbulb, Ruler, Shield, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="medium"
        background="noise"
        cardStyle="soft-shadow"
        primaryButtonStyle="flat"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "About Us",          id: "#about"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Partners",          id: "#partners"},
        {
          name: "Achievements",          id: "#metrics"},
        {
          name: "Team",          id: "#team"},
        {
          name: "Portfolio",          id: "#portfolio"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      logoSrc="http://img.b2bpic.net/free-photo/abstract-metallic-cube-shape-sculpture_23-2150979675.jpg"
      logoAlt="Silicon HiTech Engineering Logo"
      brandName="Silicon HiTech Engineering"
      button={{
        text: "Get a Quote",        href: "#contact"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitKpi
      background={{
        variant: "downward-rays-static"}}
      title="Engineering Excellence Built on Trust"
      description="Silicon HiTech delivers precision engineering solutions for complex industrial projects. Trusted by leading manufacturers and infrastructure developers worldwide."
      kpis={[
        {
          value: "25+",          label: "Years of Expertise"},
        {
          value: "98%",          label: "Client Satisfaction"},
        {
          value: "500+",          label: "Successful Projects"},
      ]}
      enableKpiAnimation={true}
      buttons={[
        {
          text: "View Our Portfolio",          href: "#portfolio"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-working-beer-factory_23-2150573906.jpg"
      imageAlt="Modern factory floor with robotic arms"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg",          alt: "Executive thinking of successful business"},
        {
          src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-3693.jpg",          alt: "Confident businessman"},
        {
          src: "http://img.b2bpic.net/free-photo/man-solar-panels-plant-using-laptop-improve-solar-cells-efficiency_482257-119894.jpg",          alt: "Pretty businesswoman"},
        {
          src: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371890.jpg",          alt: "Middle-aged man"},
        {
          src: "http://img.b2bpic.net/free-photo/close-up-shot-happy-cheerful-middle-aged-woman-surfing-internet-portable-computer-attractive-mature-businesswoman-elegant-shirt-working-remotely-laptop-people-age-technology_343059-2250.jpg",          alt: "Two young businessmen"},
      ]}
      avatarText="Trusted by industry leaders"
      marqueeItems={[
        {
          type: "text-icon",          text: "Innovation Drives Us",          icon: Lightbulb,
        },
        {
          type: "text-icon",          text: "Precision in Every Detail",          icon: Ruler,
        },
        {
          type: "text-icon",          text: "Unwavering Reliability",          icon: Shield,
        },
        {
          type: "text-icon",          text: "Optimized Efficiency",          icon: Zap,
        },
        {
          type: "text-icon",          text: "Sustainable Solutions",          icon: Leaf,
        },
      ]}
      marqueeSpeed={35}
      showMarqueeCard={true}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={true}
      tag="About Us"
      tagAnimation="slide-up"
      title="Your Trusted Partner in Industrial Engineering Solutions"
      buttons={[
        {
          text: "Learn More About Our Values",          href: "#"},
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyOne
      useInvertedBackground={false}
      title="Our Core Engineering Services"
      description="We specialize in a comprehensive range of engineering disciplines, tailored to meet the complex demands of modern industrial and infrastructure projects."
      accordionItems={[
        {
          id: "design-analysis",          title: "Precision Design & Advanced Analysis",          content: "Utilizing state-of-the-art CAD/CAE software, our experts deliver highly accurate designs and simulations, ensuring optimal performance and structural integrity before physical prototyping."},
        {
          id: "manufacturing-solutions",          title: "Advanced Manufacturing & Automation",          content: "From custom component fabrication to full-scale automated assembly lines, we provide cutting-edge manufacturing solutions that enhance efficiency, reduce costs, and improve product quality."},
        {
          id: "project-management",          title: "Infrastructure Project Management",          content: "Our seasoned project managers oversee complex infrastructure developments from conception to completion, ensuring adherence to timelines, budgets, and the highest safety standards."},
        {
          id: "consulting-expertise",          title: "Technical Consulting & Optimization",          content: "Leverage our deep industry knowledge for expert technical consulting, process optimization, and strategic planning, driving innovation and solving critical engineering challenges."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/futuristic-robotic-hummingbird_23-2151443795.jpg"
      imageAlt="Engineering simulation on screen"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="partners" data-section="partners">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Global Manufacturing Inc.",        "InfraSolutions Group",        "TechInnovate Corp.",        "UrbanBuild Developers",        "FutureTech Systems",        "Precision Robotics Ltd.",        "EcoWater Solutions",        "Quantum Energy Systems"]}
      title="Our Valued Industry Partners"
      description="We collaborate with leading organizations across various sectors, building strong relationships that drive innovation and deliver exceptional results on every project."
      tag="Partners"
      speed={35}
      showCard={false}
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="depth-3d"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",          value: "99.9%",          description: "Project Completion Rate On-Time"},
        {
          id: "m2",          value: "20+",          description: "Patented Innovations & Designs"},
        {
          id: "m3",          value: "ISO 9001",          description: "Certified Quality Management"},
        {
          id: "m4",          value: "100%",          description: "Safety Compliance Record"},
      ]}
      title="Unrivaled Performance, Measurable Impact"
      description="Our commitment to excellence is reflected in the tangible results we deliver, driving success for our clients and advancing industry standards."
      tag="Our Achievements"
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardSix
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      members={[
        {
          id: "t1",          name: "Dr. Alex Chen",          role: "Chief Executive Officer",          imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-using-digital-tablet-outside-office-building_107420-74334.jpg",          imageAlt: "Dr. Alex Chen, CEO"},
        {
          id: "t2",          name: "Maria Rodriguez",          role: "Lead Systems Engineer",          imageSrc: "http://img.b2bpic.net/free-photo/employee-working-innovative-startup-office-using-programming-languages_482257-125915.jpg",          imageAlt: "Maria Rodriguez, Lead Systems Engineer"},
        {
          id: "t3",          name: "David Johnson",          role: "Senior Project Manager",          imageSrc: "http://img.b2bpic.net/free-photo/office-worker-using-finance-graphs_23-2150408679.jpg",          imageAlt: "David Johnson, Senior Project Manager"},
        {
          id: "t4",          name: "Dr. Lena Khan",          role: "Director of R&D",          imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",          imageAlt: "Dr. Lena Khan, Director of R&D"},
      ]}
      title="Meet Our Expert Engineering Team"
      description="Our diverse team of highly skilled engineers and project leaders brings a wealth of experience and innovative thinking to every challenge."
      tag="Our Team"
    />
  </div>

  <div id="portfolio" data-section="portfolio">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",          name: "Automated Assembly Line Upgrade",          price: "Industrial Automation",          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-scene-with-high-tech-robot-used-construction-industry_23-2151329519.jpg",          imageAlt: "Automated assembly line robot arm"},
        {
          id: "p2",          name: "Smart City Infrastructure Development",          price: "Urban Engineering",          imageSrc: "http://img.b2bpic.net/free-photo/blurred-traffic-light-trails-road_1359-709.jpg",          imageAlt: "Futuristic smart city infrastructure"},
        {
          id: "p3",          name: "Renewable Energy Plant Construction",          price: "Sustainable Engineering",          imageSrc: "http://img.b2bpic.net/free-photo/view-wind-turbine-brown-farm-blue-sky-white-clouds_181624-32315.jpg",          imageAlt: "Renewable energy plant with solar panels"},
        {
          id: "p4",          name: "High-Precision Robotics Integration",          price: "Advanced Manufacturing",          imageSrc: "http://img.b2bpic.net/free-photo/view-tiny-music-boxes-collection_23-2150545652.jpg",          imageAlt: "High-precision robot for micro-components"},
        {
          id: "p5",          name: "Industrial IoT & Data Analytics Platform",          price: "Digital Transformation",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-photovoltaics-factory-expert-conducting-experiments-using-tablet_482257-117956.jpg",          imageAlt: "Industrial IoT dashboard"},
        {
          id: "p6",          name: "Advanced Water Treatment Facility Design",          price: "Environmental Solutions",          imageSrc: "http://img.b2bpic.net/free-photo/city-park-with-lake_1127-3982.jpg",          imageAlt: "Modern water treatment facility"},
      ]}
      title="Our Portfolio of Engineering Projects"
      description="Showcasing our precision and expertise in complex industrial solutions, from advanced automation to critical infrastructure."
      tag="Portfolio"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={true}
      testimonial="Silicon HiTech Engineering consistently delivers beyond expectation. Their meticulous attention to detail and proactive communication ensured our complex project was completed flawlessly and ahead of schedule."
      rating={5}
      author="Sarah Connor, Operations Director at Global Mfg. Inc."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg",          alt: "Sarah Connor"},
        {
          src: "http://img.b2bpic.net/free-photo/cheerful-business-man-greeting-colleague_74855-1519.jpg",          alt: "Michael Scott"},
        {
          src: "http://img.b2bpic.net/free-photo/coffee-time-me-please_329181-17310.jpg",          alt: "Emily Blunt"},
        {
          src: "http://img.b2bpic.net/free-photo/coworkers-sitting-desk-with-documents-gadgets_273609-41917.jpg",          alt: "David Lee"},
        {
          src: "http://img.b2bpic.net/free-photo/industrial-consultant-examines-high-tech-solar-energy-production-line_482257-125958.jpg",          alt: "Jessica Alba"},
      ]}
      ratingAnimation="blur-reveal"
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient"}}
      tag="Contact Us"
      tagAnimation="slide-up"
      title="Partner with Silicon HiTech Engineering Today"
      description="Ready to discuss your next industrial project? Our experts are here to provide precision engineering solutions that drive your success. Reach out for a consultation."
      buttons={[
        {
          text: "Get a Free Consultation",          href: "#"},
        {
          text: "Request a Quote",          href: "#"},
      ]}
      buttonAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Services",          items: [
            {
              label: "Design & Analysis",              href: "#services"},
            {
              label: "Manufacturing",              href: "#services"},
            {
              label: "Project Management",              href: "#services"},
            {
              label: "Consulting",              href: "#services"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Our Team",              href: "#team"},
            {
              label: "Portfolio",              href: "#portfolio"},
            {
              label: "Careers",              href: "#"},
          ],
        },
        {
          title: "Resources",          items: [
            {
              label: "Case Studies",              href: "#portfolio"},
            {
              label: "FAQs",              href: "#"},
            {
              label: "Support",              href: "#"},
          ],
        },
        {
          title: "Legal",          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
      bottomLeftText="© 2024 Silicon HiTech Engineering. All rights reserved."
      bottomRightText="Built with Precision."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
