"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Cloud, Code, Database, Lock, Server, Shield, Smartphone } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="largeSmallSizeLargeTitles"
        background="floatingGradient"
        cardStyle="glass-elevated"
        primaryButtonStyle="flat"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Services",
          id: "#services",
        },
        {
          name: "Metrics",
          id: "#metrics",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Siyaphambili Systems"
      button={{
        text: "Get Started",
        href: "#contact",
      }}
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardRotatedCarousel
      background={{
        variant: "rotated-rays-animated",
      }}
      title="Innovating the Future of IT Systems"
      description="Siyaphambili Systems Pvt Ltd provides cutting-edge IT solutions, driving efficiency and growth for businesses. Experience seamless integration and robust performance with our expert team."
      carouselItems={[
        {
          id: "carousel-item-1",
          imageSrc: "http://img.b2bpic.net/free-photo/data-center-with-server-racks-corridor-room-3d-render-digital-data-cloud-technology_482257-27722.jpg?_wi=1",
          imageAlt: "Futuristic server room",
        },
        {
          id: "carousel-item-2",
          imageSrc: "http://img.b2bpic.net/free-photo/city-architecture-landscape-digital-art_23-2151065641.jpg?_wi=1",
          imageAlt: "Global data network",
        },
        {
          id: "carousel-item-3",
          imageSrc: "http://img.b2bpic.net/free-photo/executive-manager-analyzing-marketing-statistics-working-late-night-project-strategy-startup-office-businessman-planning-business-investment-help-increase-company-profit_482257-63809.jpg?_wi=1",
          imageAlt: "IT professionals collaborating",
        },
        {
          id: "carousel-item-4",
          imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-digital-security-concept_23-2151998498.jpg",
          imageAlt: "Secure cloud interface",
        },
        {
          id: "carousel-item-5",
          imageSrc: "http://img.b2bpic.net/free-photo/businessman-working-futuristic-office_23-2151003754.jpg",
          imageAlt: "Digital transformation graphic",
        },
        {
          id: "carousel-item-6",
          imageSrc: "http://img.b2bpic.net/free-photo/spectacular-sci-fi-landscape_23-2151954455.jpg",
          imageAlt: "Holographic network interface",
        },
      ]}
      autoPlay={true}
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={true}
      title="About Siyaphambili Systems"
      description="We are a leading IT systems provider dedicated to transforming businesses through technology. Our comprehensive solutions empower organizations to achieve their strategic goals with unparalleled reliability and innovation."
      bulletPoints={[
        {
          title: "Expert Team",
          description: "Our certified professionals bring years of experience and deep industry knowledge to every project.",
        },
        {
          title: "Innovative Solutions",
          description: "We leverage the latest technologies to deliver forward-thinking and effective IT strategies.",
        },
        {
          title: "Client-Centric Approach",
          description: "Your business goals are our priority; we tailor solutions to meet your unique needs and challenges.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/joyful-entrepreneur-talking-with-remote-coworker-online-videocall_482257-77697.jpg"
      imageAlt="Modern IT office interior"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Cloud Solutions",
          description: "Migrate and manage your infrastructure on secure cloud platforms for unparalleled scalability and access.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/cloud-computing-electronic-chip-board-cloud-computer-is-system-transfer-data-information-upload-download-application-technology-transformation-concept_616485-59.jpg",
            imageAlt: "Cloud data storage",
          },
          items: [
            {
              icon: Cloud,
              text: "Scalable Infrastructure",
            },
            {
              icon: Server,
              text: "Managed Services",
            },
            {
              icon: Database,
              text: "Data Migration",
            },
          ],
          reverse: false,
          imageSrc: "http://img.b2bpic.net/free-photo/data-center-with-server-racks-corridor-room-3d-render-digital-data-cloud-technology_482257-27722.jpg?_wi=2",
          imageAlt: "cloud data storage abstract",
        },
        {
          title: "Cybersecurity",
          description: "Protect your digital assets from evolving threats with our advanced security protocols and monitoring services.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-data-center_23-2151997031.jpg",
            imageAlt: "Cybersecurity shield",
          },
          items: [
            {
              icon: Shield,
              text: "Threat Detection",
            },
            {
              icon: Lock,
              text: "Endpoint Protection",
            },
            {
              icon: Fingerprint,
              text: "Identity Management",
            },
          ],
          reverse: true,
          imageSrc: "http://img.b2bpic.net/free-photo/city-architecture-landscape-digital-art_23-2151065641.jpg?_wi=2",
          imageAlt: "cloud data storage abstract",
        },
        {
          title: "Software Development",
          description: "Custom software solutions tailored to your business needs, from enterprise applications to mobile development.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/multiracial-workers-using-laptop-device-write-emails-solving-tasks_482257-123663.jpg",
            imageAlt: "Agile software development",
          },
          items: [
            {
              icon: Code,
              text: "Custom Applications",
            },
            {
              icon: Smartphone,
              text: "Mobile Development",
            },
            {
              icon: GitBranch,
              text: "DevOps & Integration",
            },
          ],
          reverse: false,
          imageSrc: "http://img.b2bpic.net/free-photo/executive-manager-analyzing-marketing-statistics-working-late-night-project-strategy-startup-office-businessman-planning-business-investment-help-increase-company-profit_482257-63809.jpg?_wi=2",
          imageAlt: "cloud data storage abstract",
        },
      ]}
      title="Our Core IT Solutions"
      description="From cloud infrastructure to cybersecurity, we offer a diverse range of services designed to optimize your operations and secure your digital assets."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="depth-3d"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",
          value: "99.9%",
          description: "Uptime Reliability",
        },
        {
          id: "m2",
          value: "24/7",
          description: "Support Availability",
        },
        {
          id: "m3",
          value: "150+",
          description: "Successful Projects",
        },
      ]}
      title="Driving Success with Data"
      description="Our commitment to excellence is reflected in the tangible results and growth our clients achieve through our reliable IT systems."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          name: "Sarah Johnson",
          handle: "@TechInnovate",
          testimonial: "Siyaphambili Systems transformed our outdated infrastructure into a seamless, high-performance environment. Their expertise is unmatched!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-businessman_1163-3880.jpg",
          imageAlt: "Sarah Johnson",
        },
        {
          id: "t2",
          name: "Michael Chen",
          handle: "@GlobalTech",
          testimonial: "The cybersecurity solutions provided by Siyaphambili Systems gave us peace of mind. Their proactive approach saved us from potential threats.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-entrepreneur-sitting-workspace-looking-camera_482257-8143.jpg",
          imageAlt: "Michael Chen",
        },
        {
          id: "t3",
          name: "Emily Rodriguez",
          handle: "@GrowthCorp",
          testimonial: "Our custom software project was delivered on time and exceeded expectations. The team's communication and dedication were exceptional.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/blonde-businesswoman_23-2147626494.jpg",
          imageAlt: "Emily Rodriguez",
        },
        {
          id: "t4",
          name: "David Kim",
          handle: "@StartupGenius",
          testimonial: "As a startup, we needed reliable IT support without breaking the bank. Siyaphambili provided exactly that, allowing us to focus on innovation.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg",
          imageAlt: "David Kim",
        },
        {
          id: "t5",
          name: "Jessica Lee",
          handle: "@FutureForward",
          testimonial: "Their cloud migration strategy was flawless. We experienced zero downtime and a significant boost in operational efficiency.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-man-indicating-up_23-2148320014.jpg",
          imageAlt: "Jessica Lee",
        },
      ]}
      showRating={true}
      title="What Our Clients Say"
      description="Hear from businesses that have experienced significant transformation and success with Siyaphambili Systems Pvt Ltd."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq1",
          title: "What kind of IT solutions do you offer?",
          content: "We offer a comprehensive range of IT solutions including cloud computing, cybersecurity, custom software development, IT infrastructure management, and technical support services.",
        },
        {
          id: "faq2",
          title: "How can Siyaphambili Systems help my business grow?",
          content: "Our solutions are designed to optimize your operations, enhance security, improve scalability, and drive innovation, directly contributing to your business growth and competitive edge.",
        },
        {
          id: "faq3",
          title: "Do you provide 24/7 technical support?",
          content: "Yes, we offer 24/7 technical support to ensure your systems are always running smoothly and any issues are addressed promptly, minimizing downtime.",
        },
        {
          id: "faq4",
          title: "What is your approach to cybersecurity?",
          content: "We employ a multi-layered security approach, including threat detection, endpoint protection, identity management, and regular security audits to safeguard your digital assets.",
        },
        {
          id: "faq5",
          title: "Can you develop custom software for specific business needs?",
          content: "Absolutely. Our expert software development team specializes in creating bespoke applications tailored to your unique operational requirements and strategic objectives.",
        },
        {
          id: "faq6",
          title: "How do you handle data migration to the cloud?",
          content: "We follow a meticulous, phased approach to cloud data migration, ensuring minimal disruption, data integrity, and optimal performance in the new cloud environment.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Find answers to common questions about our services, support, and partnership opportunities."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      tag="Contact Us"
      title="Get in Touch with Siyaphambili"
      description="Ready to elevate your IT infrastructure? Contact us today to discuss your project and discover how we can help."
      inputPlaceholder="Your Email Address"
      buttonText="Send Message"
      termsText="By submitting your details, you agree to our Privacy Policy and Terms of Service."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Solutions",
          items: [
            {
              label: "Cloud Services",
              href: "#services",
            },
            {
              label: "Cybersecurity",
              href: "#services",
            },
            {
              label: "Software Development",
              href: "#services",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Clients",
              href: "#testimonials",
            },
            {
              label: "Careers",
              href: "#",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "FAQ",
              href: "#faq",
            },
            {
              label: "Contact",
              href: "#contact",
            },
            {
              label: "Service Status",
              href: "#",
            },
          ],
        },
      ]}
      logoText="Siyaphambili Systems"
      copyrightText="© 2024 Siyaphambili Systems Pvt Ltd. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
