"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Facebook, Linkedin, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="compact"
        sizing="mediumLargeSizeLargeTitles"
        background="noise"
        cardStyle="layered-gradient"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "About Us",          id: "#about"},
        {
          name: "Solutions",          id: "#solutions"},
        {
          name: "Results",          id: "#metrics"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Dicoa Automatizacion"
      button={{
        text: "Get a Quote",        href: "#contact"}}
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardGallery
      background={{
        variant: "sparkles-gradient"}}
      title="Dicoa Automatizacion: Revolutionizing Industry with Intelligent Solutions"
      description="Unlock unparalleled efficiency and innovation with our advanced automation technologies. We empower businesses to achieve peak performance and sustainable growth."
      tag="Innovate. Automate. Elevate."
      buttons={[
        {
          text: "Explore Solutions",          href: "#solutions"},
        {
          text: "Get a Free Consultation",          href: "#contact"},
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/industrial-robot-automated-packaging-process_23-2151994432.jpg",          imageAlt: "Robotic arm on an automated production line"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-admin-office-sing-tablet-design-machine-learning-algorithms_482257-112941.jpg",          imageAlt: "Data analytics dashboard for automated system"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-plant-engineers-talking-brainstorming-ways-optimize-efficiency_482257-125229.jpg",          imageAlt: "Engineers collaborating on a holographic automation blueprint"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-industry-40-concept_23-2149408311.jpg",          imageAlt: "Autonomous guided vehicles on a production line"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/engineer-cooperation-male-female-technician-maintenance-control-relay-robot-arm-system-welding-with-tablet-laptop-control-quality-operate-process-work-heavy-industry-40-manufacturing-factory_609648-769.jpg",          imageAlt: "Worker interacting with a human-robot collaboration system"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-scene-with-high-tech-robot-used-construction-industry_23-2151329499.jpg",          imageAlt: "IoT ecosystem for industrial automation"},
      ]}
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="Empowering Your Future with Smart Automation"
      description={[
        "At Dicoa Automatizacion, we are pioneers in crafting bespoke automation solutions that drive efficiency, enhance productivity, and foster innovation across various industries.",        "Our expertise spans from intelligent robotics and industrial IoT to advanced data analytics, ensuring your operations are not just optimized but future-proof. Partner with us to transform challenges into strategic advantages."]}
      buttons={[
        {
          text: "Learn More About Us",          href: "#"},
      ]}
    />
  </div>

  <div id="solutions" data-section="solutions">
      <FeatureCardTwentyThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          id: "f1",          title: "Intelligent Robotics & Cobots",          tags: [
            "Robotics",            "Cobots"],
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-manager-supervising-admin-integrating-ai-automation-data-center_482257-123359.jpg",          imageAlt: "Industrial robot performing precise task"},
        {
          id: "f2",          title: "Industrial IoT & Connectivity",          tags: [
            "IoT",            "Sensors"],
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-using-tablet-design-solar-panels-factory-layouts_482257-126176.jpg",          imageAlt: "Digital transformation with data streams"},
        {
          id: "f3",          title: "Predictive Maintenance & AI",          tags: [
            "AI",            "Maintenance"],
          imageSrc: "http://img.b2bpic.net/free-photo/augmented-reality-engineer-examining-holographic-machine_23-2152006121.jpg",          imageAlt: "Machine with holographic diagnostic data"},
      ]}
      title="Our Cutting-Edge Automation Solutions"
      description="We deliver a comprehensive suite of services designed to integrate seamlessly into your existing infrastructure, propelling your business towards a more automated and efficient future."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      animationType="slide-up"
      metrics={[
        {
          id: "m1",          value: "30%",          description: "Average increase in operational efficiency for our clients."},
        {
          id: "m2",          value: "99.9%",          description: "System uptime reliability across all implemented solutions."},
        {
          id: "m3",          value: "24/7",          description: "Continuous support and monitoring for optimal performance."},
      ]}
      title="Quantifiable Impact, Proven Results"
      description="Our commitment to excellence is reflected in the tangible improvements our clients experience daily. See how Dicoa Automatizacion drives real-world success."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",          name: "Maria Rodriguez",          handle: "@TechSolutions",          testimonial: "Dicoa Automatizacion transformed our entire production line. Their robotic solutions are incredibly precise and reliable, leading to a significant boost in output and quality.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/business-team-office_23-2147626270.jpg",          imageAlt: "Maria Rodriguez"},
        {
          id: "t2",          name: "Javier Garcia",          handle: "@GlobalInnovate",          testimonial: "The predictive maintenance system implemented by Dicoa has saved us countless hours and resources. We now proactively address issues before they impact our operations.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-3695.jpg",          imageAlt: "Javier Garcia"},
        {
          id: "t3",          name: "Elena Sanchez",          handle: "@FutureWorks",          testimonial: "Their expertise in Industrial IoT allowed us to gain unprecedented insights into our factory floor. Data-driven decisions are now standard, thanks to Dicoa.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12785.jpg",          imageAlt: "Elena Sanchez"},
        {
          id: "t4",          name: "Pablo Fernandez",          handle: "@AdvancedMfg",          testimonial: "Working with Dicoa was seamless from start to finish. Their team understood our complex needs and delivered a tailor-made automation solution that exceeded expectations.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-male-worker-with-digital-tablet-factory_107420-96050.jpg",          imageAlt: "Pablo Fernandez"},
        {
          id: "t5",          name: "Andrea Lopez",          handle: "@NextGenSystems",          testimonial: "Dicoa Automatizacion is more than a service provider; they are a strategic partner. Their innovative approach to automation continues to keep us ahead in a competitive market.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/bearded-modern-male-using-smartphone-room-with-loft-interior_613910-13689.jpg",          imageAlt: "Andrea Lopez"},
      ]}
      showRating={true}
      title="What Our Clients Say"
      description="Hear directly from industry leaders who have experienced the transformative power of Dicoa Automatizacion's solutions."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "InnovateCorp",        "Global Dynamics",        "FutureTech Industries",        "Pinnacle Manufacturing",        "Quantum Systems",        "Apex Automation Group",        "Synergy Robotics",        "Elite Engineering Solutions"]}
      title="Trusted by Industry Leaders Worldwide"
      description="We are proud to partner with leading organizations, helping them achieve their automation goals and set new benchmarks for efficiency and innovation."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "q1",          title: "What types of industries do you serve?",          content: "Dicoa Automatizacion proudly serves a wide range of industries including manufacturing, logistics, automotive, aerospace, and energy, providing tailored automation solutions for each sector's unique demands."},
        {
          id: "q2",          title: "How long does an automation project typically take?",          content: "Project timelines vary significantly based on complexity and scope. After an initial consultation and assessment, we provide a detailed project plan with clear milestones and estimated timelines, ensuring transparency throughout the process."},
        {
          id: "q3",          title: "What is your approach to post-implementation support?",          content: "We offer comprehensive post-implementation support packages, including ongoing maintenance, remote monitoring, software updates, and dedicated technical assistance to ensure your systems run smoothly and efficiently long-term."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/flowchart-information-methodology-operation-icon_53876-133778.jpg"
      imageAlt="Illustration of automation simplifying a complex problem"
      mediaAnimation="slide-up"
      mediaPosition="right"
      title="Frequently Asked Questions"
      description="Find quick answers to common inquiries about our services, processes, and the benefits of partnering with Dicoa Automatizacion."
      faqsAnimation="blur-reveal"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient"}}
      tag="Ready to Automate?"
      title="Let's Build Your Automated Future"
      description="Connect with Dicoa Automatizacion today to discuss your automation needs and discover how our intelligent solutions can drive your business forward."
      buttons={[
        {
          text: "Schedule a Consultation",          href: "#"},
        {
          text: "Call Us Now",          href: "tel:+1234567890"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Dicoa Automatizacion"
      copyrightText="© 2024 Dicoa Automatizacion. All rights reserved."
      socialLinks={[
        {
          icon: Facebook,
          href: "https://facebook.com/dicoa",          ariaLabel: "Facebook"},
        {
          icon: Twitter,
          href: "https://twitter.com/dicoa",          ariaLabel: "Twitter"},
        {
          icon: Linkedin,
          href: "https://linkedin.com/company/dicoa",          ariaLabel: "LinkedIn"},
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
