"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: "Beranda",          id: "#home"},
        {
          name: "Tentang Kami",          id: "#about"},
        {
          name: "Layanan",          id: "#features"},
        {
          name: "Pencapaian",          id: "#metrics"},
        {
          name: "Testimoni",          id: "#testimonials"},
        {
          name: "Kontak",          id: "#contact"},
      ]}
      brandName="CV.DUA TANGAN"
    />
  </div>

  <div id="home" data-section="home">
      <HeroOverlayTestimonial
      title="Mitra Terpercaya Anda untuk Pekerjaan Berkualitas dan Solusi Andal"
      description="CV.DUA TANGAN memberikan layanan luar biasa dan hasil berkelanjutan. Kami berkomitmen pada keunggulan di setiap proyek, membangun di atas fondasi kepercayaan dan pengerjaan yang teliti."
      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 secara konsisten melebihi harapan. Dedikasi mereka terhadap kepuasan klien benar-benar luar biasa.",          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: "Kami telah mempercayakan beberapa proyek penting kepada mereka, dan mereka selalu menyelesaikannya tepat waktu dan sesuai anggaran. Sangat direkomendasikan!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/business-woman-smiling-with-top-hat-thumbs-up_1187-1549.jpg"},
      ]}
      testimonialRotationInterval={5000}
      tag="Keunggulan Terpercaya"
      tagAnimation="slide-up"
      buttons={[
        {
          text: "Jelajahi Layanan",          href: "#features"},
        {
          text: "Hubungi Kami",          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="Bergabunglah dengan lebih dari 100+ klien yang puas!"
      imageSrc="https://img.b2bpic.net/free-photo/aquaculture-worker-feeding-shrimps-pond_329181-19655.jpg"
      imageAlt="Pemandangan tambak udang yang luas dengan pekerja"
      showDimOverlay={false}
      showBlur={true}
      textPosition="bottom"
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      tag="Tentang Kami"
      tagAnimation="slide-up"
      title="Warisan Dedikasi dan Kualitas Pengerjaan"
      buttons={[
        {
          text: "Pelajari Lebih Lanjut"},
      ]}
      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: "Manajemen Proyek Ahli",          description: "Pelaksanaan yang mulus dari konsep hingga penyelesaian, memastikan setiap detail ditangani dengan presisi dan hati-hati.",          imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-team-leader-gives-workers-tasks-after-troubleshooting_482257-119923.jpg",          imageAlt: "Pekerja konstruksi dengan helm dan cetak biru"},
        {
          title: "Keahlian Tukang Terampil",          description: "Tim kami terdiri dari para profesional yang sangat terampil yang berdedikasi untuk memberikan kualitas unggul dan hasil yang tahan lama.",          imageSrc: "http://img.b2bpic.net/free-photo/man-working-with-wood-workshop_23-2148898056.jpg",          imageAlt: "Tukang terampil bekerja dengan kayu"},
        {
          title: "Solusi Berkelanjutan",          description: "Kami mengintegrasikan praktik dan material ramah lingkungan, menyediakan solusi inovatif untuk masa depan yang lebih hijau.",          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: "Pekerja memasang panel surya di atap"},
      ]}
      title="Layanan Inti Kami"
      description="Kami menawarkan beragam layanan, didukung oleh keahlian dan komitmen terhadap inovasi dan keberlanjutan."
      tag="Apa yang Kami Lakukan"
      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: "Proyek Berhasil Diselesaikan"},
        {
          id: "2",          value: "15+",          description: "Tahun Pengalaman Industri"},
        {
          id: "3",          value: "4.9/5",          description: "Rata-rata Peringkat Kepuasan Klien"},
      ]}
      title="Mencapai Keunggulan Bersama"
      description="Rekam jejak kami yang terbukti berbicara dengan sendirinya. Kami bangga dengan pencapaian yang telah kami raih bersama klien kami."
      tag="Dampak Kami"
      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="Mitra Berharga Kami"
      description="Kami berkolaborasi dengan organisasi terkemuka untuk memberikan solusi terbaik dan mendorong inovasi di berbagai industri."
      tag="Kemitraan"
    />
  </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="Apa Kata Klien Kami"
      cardTag="Keberhasilan Klien"
      buttons={[
        {
          text: "Baca Semua Ulasan"},
      ]}
      cardAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Hubungi Kami"
      description="Punya pertanyaan atau butuh penawaran? Hubungi tim kami, dan kami akan dengan senang hati membantu Anda."
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Nama Anda",          required: true,
        },
        {
          name: "email",          type: "email",          placeholder: "Email Anda",          required: true,
        },
      ]}
      textarea={{
        name: "message",        placeholder: "Pesan Anda",        rows: 5,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-employees-working-together_23-2150152260.jpg"
      imageAlt="Tim dukungan pelanggan bekerja di kantor"
      mediaAnimation="none"
      mediaPosition="right"
      buttonText="Kirim Pesan"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="CV.DUA TANGAN"
      columns={[
        {
          title: "Perusahaan",          items: [
            {
              label: "Tentang Kami",              href: "#about"},
            {
              label: "Layanan",              href: "#features"},
            {
              label: "Karir",              href: "#"},
          ],
        },
        {
          title: "Sumber Daya",          items: [
            {
              label: "Blog",              href: "#"},
            {
              label: "FAQ",              href: "#"},
            {
              label: "Dukungan",              href: "#contact"},
          ],
        },
        {
          title: "Hukum",          items: [
            {
              label: "Kebijakan Privasi",              href: "#"},
            {
              label: "Ketentuan Layanan",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 CV.DUA TANGAN. Semua hak dilindungi undang-undang."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}