"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="medium"
        sizing="largeSmallSizeMediumTitles"
        background="blurBottom"
        cardStyle="gradient-radial"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="solid"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",          id: "/en"},
        {
          name: "Vision",          id: "/en#vision"},
        {
          name: "Services",          id: "/en#services"},
        {
          name: "Portfolio",          id: "/en#portfolio"},
        {
          name: "Clients",          id: "/en#clients"},
        {
          name: "Contact",          id: "/en#contact"},
      ]}
      brandName="Enkidu Soft"
      button={{
        text: "Get in Touch",        href: "/en#contact"}}
      animateOnLoad={true}
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={false}
      imageSrc="http://img.b2bpic.net/free-photo/network-connections_1048-7667.jpg"
      imageAlt="Network connections"
      title="Our Story & Mission"
      description="We are a company dedicated to innovation and excellence, striving to deliver cutting-edge solutions for our clients."
      bulletPoints={[
        { title: "Innovation driven", description: "Driving innovation across all our solutions." },
        { title: "Client-focused", description: "Prioritizing client needs and delivering tailored results." },
        { title: "Excellence in execution", description: "Committing to high-quality execution in every project." }
      ]}
    />
  </div>

  <div id="portfolio" data-section="portfolio">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      title="Our Portfolio Showcase"
      description="Discover our diverse projects and the impact we've made."
      products={[
        { id: "p1", name: "Enterprise CRM", price: "Software Development", imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg", imageAlt: "Enterprise CRM project" },
        { id: "p2", name: "AI-Powered Analytics", price: "AI & Data Science", imageSrc: "http://img.b2bpic.net/free-photo/network-connections_1048-7667.jpg", imageAlt: "AI-Powered Analytics project" },
        { id: "p3", name: "Fintech Platform", price: "Fintech Solutions", imageSrc: "http://img.b2bpic.net/free-photo/geometric-abstract-background-technology-concept-connecting-dots-design_53876-153353.jpg", imageAlt: "Fintech Platform project" },
        { id: "p4", name: "Mobile E-commerce App", price: "Mobile Development", imageSrc: "http://img.b2bpic.net/free-photo/close-up-of-business-man-using-laptop_1048-18305.jpg", imageAlt: "Mobile E-commerce App project" }
      ]}
    />
  </div>

  <div id="clients" data-section="clients">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      title="Trusted by Industry Leaders"
      description="We partner with leading organizations to drive innovation and growth."
      names={[
        "TechCorp",        "Innovate Global",        "Future Solutions",        "Dynamic Systems",        "Quantum Leap",        "Synergy Corp",        "Global Dynamics"
      ]}
      showCard={false}
      speed={30}
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      title="Meet Our Team"
      description="A dedicated group of professionals passionate about technology and innovation."
      members={[
        {
          id: "john-doe",          name: "John Doe",          role: "CEO",          imageSrc: "http://img.b2bpic.net/free-photo/focused-woman-working-with-ai-chatbot-her-desktop-computer_482257-120813.jpg",          imageAlt: "John Doe, CEO", description: "Leading our company with vision and expertise."
        },
        {
          id: "jane-smith",          name: "Jane Smith",          role: "CTO",          imageSrc: "http://img.b2bpic.net/free-photo/african-american-software-developer-does-visual-coding-creating-software_482257-127024.jpg",          imageAlt: "Jane Smith, CTO", description: "Pioneering our technological advancements."
        }
      ]}
    />
  </div>

  <div id="testimonial" data-section="testimonial">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="Working with this team has been a game-changer for our business. Their expertise and dedication are unmatched."
      rating={5}
      ratingAnimation="slide-up"
      author="Alice Johnson"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/focused-woman-working-with-ai-chatbot-her-desktop-computer_482257-120813.jpg",          alt: "Alice Johnson"}
      ]}
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      title="Partner with Us"
      description="Ready to transform your enterprise? Get in touch with our experts today."
      inputs={[
        { name: "name", type: "text", placeholder: "Your Name", required: true },
        { name: "email", type: "email", placeholder: "Your Email", required: true },
        { name: "company", type: "text", placeholder: "Your Company" }
      ]}
      textarea={{ name: "message", placeholder: "Your message...", rows: 5, required: false }}
      buttonText="Send Message"
      imageSrc="http://img.b2bpic.net/free-photo/contact-us-customer-service-concept-man-using-laptop_23-2149454178.jpg"
      imageAlt="Contact us"
      useInvertedBackground={false}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
