"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="small"
        sizing="large"
        background="aurora"
        cardStyle="soft-shadow"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "About",
          id: "about",
        },
        {
          name: "Features",
          id: "features",
        },
        {
          name: "Services",
          id: "products",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Nexus Soft"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogo
      logoText="Nexus Software"
      description="Crafting the next generation of scalable enterprise solutions with high-velocity code and intuitive design."
      buttons={[
        {
          text: "Start Project",
          href: "#contact",
        },
        {
          text: "View Solutions",
          href: "#products",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/global-communication-background-business-network-design_53876-160250.jpg"
      imageAlt="Abstract digital network tech background"
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={true}
      title="Engineering Excellence"
      description={[
        "Nexus Software is a team of industry veterans dedicated to pushing the boundaries of what is possible in the digital space.",
        "We leverage cutting-edge tech stacks and agile methodologies to deliver value-driven solutions for ambitious global enterprises.",
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSix
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          title: "Infrastructure",
          description: "Cloud-native, scalable architectures built for maximum uptime and performance.",
          imageSrc: "http://img.b2bpic.net/free-photo/pie-chart-presentation-infographic-business-marketing-financial-analysis-concept-background-3d-illustration_56104-1696.jpg",
          imageAlt: "Infrastructure feature",
        },
        {
          title: "AI & Analytics",
          description: "Advanced data models and machine learning pipelines integrated directly into your operations.",
          imageSrc: "http://img.b2bpic.net/free-photo/data-network-abstract-concept_23-2152004105.jpg",
          imageAlt: "AI feature",
        },
        {
          title: "Cybersecurity",
          description: "Robust, zero-trust security frameworks to protect your data integrity and enterprise assets.",
          imageSrc: "http://img.b2bpic.net/free-photo/file-folder-document-paper-ui-icon-sign-symbol-3d-rendering_56104-1927.jpg",
          imageAlt: "Security feature",
        },
      ]}
      title="Our Core Capabilities"
      description="Comprehensive suite of services designed for the modern technology enterprise."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="asymmetric-60-wide-40-narrow"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",
          name: "Nexus Mobile",
          price: "$15k",
          imageSrc: "http://img.b2bpic.net/free-photo/minimal-laptop-black-white-workspace-calm-tech-backdrop_169016-70803.jpg",
        },
        {
          id: "p2",
          name: "Cloud Flow",
          price: "$25k",
          imageSrc: "http://img.b2bpic.net/free-vector/meditation-app-screens-collection_23-2148628455.jpg",
        },
        {
          id: "p3",
          name: "DataVault",
          price: "$45k",
          imageSrc: "http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg",
        },
        {
          id: "p4",
          name: "API Bridge",
          price: "$12k",
          imageSrc: "http://img.b2bpic.net/free-photo/website-development-layout-sketch-drawing_53876-124188.jpg",
        },
        {
          id: "p5",
          name: "ReportPro",
          price: "$30k",
          imageSrc: "http://img.b2bpic.net/free-photo/digital-dashboard_23-2151957114.jpg",
        },
        {
          id: "p6",
          name: "Security Guard",
          price: "$50k",
          imageSrc: "http://img.b2bpic.net/free-photo/government-agency-general-headquarters-empty-command-post_482257-89051.jpg",
        },
      ]}
      title="Featured Solutions"
      description="A curated set of products driving innovation across industries."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="depth-3d"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          value: "150+",
          description: "Successful projects",
        },
        {
          id: "m2",
          value: "20+",
          description: "Global clients",
        },
        {
          id: "m3",
          value: "99.9%",
          description: "System uptime",
        },
      ]}
      title="Impact at Scale"
      description="Driving real-world results for our partners."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",
          name: "Alex Smith",
          role: "CTO",
          company: "Innovate",
          rating: 5,
          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",
        },
        {
          id: "t2",
          name: "Sarah Lee",
          role: "Product",
          company: "FlowCo",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/pretty-businesswoman-looking-tablet_23-2147787727.jpg",
        },
        {
          id: "t3",
          name: "David Zhou",
          role: "Dev Lead",
          company: "Techy",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-handsome-man-holding-tablet-computer-looking-straight-front_342744-405.jpg",
        },
        {
          id: "t4",
          name: "Emma White",
          role: "PM",
          company: "GrowIT",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/blond-female-dressed-white-shirt-eyeglasses-holds-tablet-pc-grey-background_613910-3579.jpg",
        },
        {
          id: "t5",
          name: "John Doe",
          role: "CTO",
          company: "StartUp",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136873.jpg",
        },
      ]}
      kpiItems={[
        {
          value: "4.9/5",
          label: "Client Rating",
        },
        {
          value: "2.5x",
          label: "Speed Increase",
        },
        {
          value: "100%",
          label: "Project Delivery",
        },
      ]}
      title="Trusted by Leaders"
      description="See why top industry professionals trust Nexus with their technical operations."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Let's Build Together"
      description="Reach out to start a conversation about your technical project needs."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Email",
          required: true,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "What are you building?",
        rows: 4,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/3d-abstract-background-with-gray-cubes_1048-12368.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        {
          items: [
            {
              label: "About",
              href: "#about",
            },
            {
              label: "Features",
              href: "#features",
            },
          ],
        },
        {
          items: [
            {
              label: "Legal",
              href: "#",
            },
            {
              label: "Privacy",
              href: "#",
            },
          ],
        },
        {
          items: [
            {
              label: "Twitter",
              href: "https://twitter.com",
            },
            {
              label: "LinkedIn",
              href: "https://linkedin.com",
            },
          ],
        },
      ]}
      logoText="Nexus Software"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
