"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import TextAbout from '@/components/sections/about/TextAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="mediumLargeSizeMediumTitles"
        background="grid"
        cardStyle="outline"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="glass"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About Us",
          id: "#about",
        },
        {
          name: "Services",
          id: "#features",
        },
        {
          name: "Metrics",
          id: "#metrics",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="CV.DUA TANGAN"
    />
  </div>

  <div id="home" data-section="home">
      <HeroOverlayTestimonial
      title="Your Trusted Partner for Quality Work and Reliable Solutions"
      description="CV.DUA TANGAN delivers exceptional service and sustainable results. We're committed to excellence in every project, building on a foundation of trust and meticulous craftsmanship."
      testimonials={[
        {
          name: "Pajarakan Land",
          handle: "@pajarakanland",
          testimonial: "Info lowongan kerjanya dong bos",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-female-office-workers-thumbing-up-smiling-two-cheerful-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-success-cooperation-concept_74855-7378.jpg",
        },
        {
          name: "Yoga Syaifudin",
          handle: "@yogasyaifudin",
          testimonial: "Mantabb jayaa selallu all tim DT🤗",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/headshot-fashionable-young-man-with-laptop-computer-using-high-speed-internet-connection-lunch-cozy-cafe-interior_273609-1945.jpg",
        },
        {
          name: "Sakti Aja",
          handle: "@saktiaja",
          testimonial: "mantabbb owner.nya sangat andap asor dan tegas",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-happy-expression_1194-3549.jpg",
        },
        {
          name: "Michael Chen",
          handle: "@michaelc",
          testimonial: "CV.DUA TANGAN consistently exceeds expectations. Their dedication to client satisfaction is truly remarkable.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/two-happy-shopaholics-having-great-time-shopping-mall_1262-13056.jpg",
        },
        {
          name: "Emily Rodriguez",
          handle: "@emilyr",
          testimonial: "We've entrusted them with several key projects, and they always deliver on time and within budget. Highly recommend!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/business-woman-smiling-with-top-hat-thumbs-up_1187-1549.jpg",
        },
      ]}
      testimonialRotationInterval={5000}
      tag="Trusted Excellence"
      tagAnimation="slide-up"
      buttons={[
        {
          text: "Explore Services",
          href: "#features",
        },
        {
          text: "Contact Us",
          href: "#contact",
        },
      ]}
      buttonAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1674.jpg",
          alt: "Sarah Johnson",
        },
        {
          src: "http://img.b2bpic.net/free-photo/business-woman-working-home_23-2148162643.jpg",
          alt: "Michael Chen",
        },
        {
          src: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",
          alt: "Emily Rodriguez",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-female-mechanic-repair-garage_107420-95937.jpg",
          alt: "David Kim",
        },
        {
          src: "http://img.b2bpic.net/free-photo/bearded-grey-haired-elderly-man-wearing-formal-suit_273609-5594.jpg",
          alt: "Jessica Lee",
        },
      ]}
      avatarText="Join over 100+ satisfied clients!"
      imageSrc="http://img.b2bpic.net/free-photo/clients-realtor-touring-new-high-class-office-space_482257-90948.jpg"
      imageAlt="Diverse team working collaboratively on a project"
      showDimOverlay={false}
      showBlur={true}
      textPosition="bottom"
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      tag="About Us"
      tagAnimation="slide-up"
      title="A Legacy of Dedication and Quality Craftsmanship"
      buttons={[
        {
          text: "Learn More",
        },
      ]}
      buttonAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      carouselMode="buttons"
      features={[
        {
          title: "Expert Project Management",
          description: "Seamless execution from conception to completion, ensuring every detail is handled with precision and care.",
          imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-team-leader-gives-workers-tasks-after-troubleshooting_482257-119923.jpg",
          imageAlt: "Construction worker with helmet and blueprint",
        },
        {
          title: "Skilled Craftsmanship",
          description: "Our team comprises highly skilled professionals dedicated to delivering superior quality and durable results.",
          imageSrc: "http://img.b2bpic.net/free-photo/man-working-with-wood-workshop_23-2148898056.jpg",
          imageAlt: "Skilled craftsman working with wood",
        },
        {
          title: "Sustainable Solutions",
          description: "We integrate eco-friendly practices and materials, providing innovative solutions for a greener future.",
          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-asian-female-inspector-engineer-touching-checking-operation-photovoltaic-solar-panel-outdoor-station-holding-checking-list-board-with-smile-copy-space_1150-57307.jpg",
          imageAlt: "Worker installing solar panels on a roof",
        },
      ]}
      title="Our Core Services"
      description="We offer a diverse range of services, backed by expertise and a commitment to innovation and sustainability."
      tag="What We Do"
      tagAnimation="slide-up"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      carouselMode="buttons"
      metrics={[
        {
          id: "1",
          value: "100+",
          description: "Successful Projects Completed",
        },
        {
          id: "2",
          value: "15+",
          description: "Years of Industry Experience",
        },
        {
          id: "3",
          value: "4.9/5",
          description: "Average Client Satisfaction Rating",
        },
      ]}
      title="Achieving Excellence Together"
      description="Our proven track record speaks for itself. We're proud of the milestones we've achieved with our clients."
      tag="Our Impact"
      tagAnimation="slide-up"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Microsoft",
        "Google",
        "Apple",
        "Amazon",
        "Meta",
        "Netflix",
        "Tesla",
        "SpaceX",
        "OpenAI",
        "IBM",
      ]}
      title="Our Valued Partners"
      description="We collaborate with leading organizations to deliver top-tier solutions and drive innovation across industries."
      tag="Partnerships"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Sarah Johnson",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-excited-colleagues-celebrating-triumph-together_74855-4294.jpg",
        },
        {
          id: "2",
          name: "David Lee",
          imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-brown-suit-wearing-glasses-looking-camera-happy-joyful-smiling-cheerfully-showing-v-sign-standing-orange-background_141793-111057.jpg",
        },
        {
          id: "3",
          name: "Maria Garcia",
          imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-keys-just-bought-new-appartment_1303-28900.jpg",
        },
        {
          id: "4",
          name: "John Smith",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-with-donations_23-2149196126.jpg",
        },
        {
          id: "5",
          name: "Jessica Brown",
          imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12805.jpg",
        },
        {
          id: "6",
          name: "Daniel Wilson",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-queer-students-outdoors_23-2150405232.jpg",
        },
      ]}
      cardTitle="What Our Clients Say"
      cardTag="Client Success"
      buttons={[
        {
          text: "Read All Reviews",
        },
      ]}
      cardAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Get In Touch With Us"
      description="Have a question or need a quote? Reach out to our team, and we'll be happy to assist you."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Your Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Your Email",
          required: true,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Your Message",
        rows: 5,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-employees-working-together_23-2150152260.jpg"
      imageAlt="Customer support team working in an office"
      mediaAnimation="none"
      mediaPosition="right"
      buttonText="Send Message"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="CV.DUA TANGAN"
      columns={[
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Services",
              href: "#features",
            },
            {
              label: "Careers",
              href: "#",
            },
          ],
        },
        {
          title: "Resources",
          items: [
            {
              label: "Blog",
              href: "#",
            },
            {
              label: "FAQs",
              href: "#",
            },
            {
              label: "Support",
              href: "#contact",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 CV.DUA TANGAN. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
