"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="mediumSizeLargeTitles"
        background="aurora"
        cardStyle="inset"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "Services",
          id: "services",
        },
        {
          name: "Projects",
          id: "projects",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Sanajaya Home"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      background={{
        variant: "plain",
      }}
      title="Membangun Rumah Impian Anda"
      description="Sanajaya Home hadir sebagai mitra terpercaya dalam jasa kontraktor, renovasi, dan pembangunan rumah berkualitas dengan standar ketelitian tinggi."
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/construction-site-thoughtful-man-safety-helmet-plaid-shirt-with-tablet-standing-looking-camera-workers-carrying-pipe-construction-site_259150-57632.jpg?_wi=1",
          imageAlt: "Konstruksi Profesional",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-with-wood-paneling-large-windows_23-2152016398.jpg?_wi=1",
          imageAlt: "Interior Mewah",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/lush-tropical-garden_1385-762.jpg?_wi=1",
          imageAlt: "Eksterior Modern",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-happy-old-man-showing-approval_23-2148269354.jpg",
          imageAlt: "Konstruksi Detail",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-beautiful-kitchen-studio_651396-1984.jpg",
          imageAlt: "Desain Ruang",
        },
      ]}
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="Komitmen Kualitas Terbaik"
      description="Sanajaya Home memiliki dedikasi penuh untuk menghadirkan hunian yang fungsional, estetis, dan tahan lama. Kami mengutamakan transparansi serta ketepatan waktu dalam setiap proyek."
      metrics={[
        {
          value: "100+",
          title: "Proyek Selesai",
        },
        {
          value: "10th",
          title: "Tahun Pengalaman",
        },
        {
          value: "98%",
          title: "Klien Puas",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/portrait-architect-thinking-about-his-project_1149-1746.jpg?_wi=1"
      imageAlt="Profil Perusahaan"
      mediaAnimation="slide-up"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardNineteen
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          tag: "Layanan 1",
          title: "Pembangunan Rumah",
          subtitle: "Dari nol hingga kunci",
          description: "Layanan pembangunan rumah menyeluruh mulai dari perencanaan, desain, hingga finishing berkualitas.",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-modern-building-modern-architecture_181624-21692.jpg",
        },
        {
          tag: "Layanan 2",
          title: "Renovasi Hunian",
          subtitle: "Transformasi ruang lama",
          description: "Ubah rumah lama Anda menjadi hunian yang lebih modern, luas, dan nyaman untuk keluarga.",
          imageSrc: "http://img.b2bpic.net/free-photo/home-repair-renovation-interior-design-concept_53876-125419.jpg",
        },
        {
          tag: "Layanan 3",
          title: "Desain Arsitektur",
          subtitle: "Rancang ide kreatif",
          description: "Tim arsitek kami siap membantu mewujudkan konsep hunian impian Anda dengan desain yang inovatif.",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-architect-working-his-project_23-2148242917.jpg",
        },
      ]}
      title="Layanan Kontraktor Kami"
      description="Berbagai solusi pembangunan rumah dan properti yang kami tawarkan dengan hasil maksimal."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          value: "500",
          description: "Material Berkualitas",
        },
        {
          id: "m2",
          value: "24/7",
          description: "Konsultasi Teknis",
        },
        {
          id: "m3",
          value: "100%",
          description: "Sesuai Standar",
        },
      ]}
      title="Pencapaian Kami"
      description="Kepercayaan klien adalah landasan kesuksesan kami selama bertahun-tahun di industri ini."
    />
  </div>

  <div id="projects" data-section="projects">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",
          brand: "Proyek A",
          name: "Modern Minimalist Home",
          price: "Selesai",
          rating: 5,
          reviewCount: "5",
          imageSrc: "http://img.b2bpic.net/free-photo/modern-building-clear-blue-sky_250224-204.jpg",
        },
        {
          id: "p2",
          brand: "Proyek B",
          name: "Renovasi Rumah Mewah",
          price: "Selesai",
          rating: 5,
          reviewCount: "8",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976526.jpg",
        },
        {
          id: "p3",
          brand: "Proyek C",
          name: "Pembangunan Villa",
          price: "Selesai",
          rating: 5,
          reviewCount: "3",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-panorama-green-city-park-dawn_1127-3213.jpg",
        },
        {
          id: "p4",
          brand: "Proyek D",
          name: "Rumah Keluarga",
          price: "Selesai",
          rating: 5,
          reviewCount: "4",
          imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-422.jpg",
        },
        {
          id: "p5",
          brand: "Proyek E",
          name: "Interior Klasik",
          price: "Selesai",
          rating: 5,
          reviewCount: "6",
          imageSrc: "http://img.b2bpic.net/free-photo/chic-modern-luxury-aesthetics-style-living-room-gray-tone_53876-132806.jpg",
        },
      ]}
      title="Portofolio Proyek"
      description="Intip beberapa hasil karya terbaik kami yang mencerminkan ketelitian dan dedikasi tim Sanajaya Home."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Budi Setiawan",
          date: "2023-01",
          title: "Renovasi Rumah",
          quote: "Proses renovasi sangat lancar, hasilnya jauh dari ekspektasi saya. Sangat profesional!",
          tag: "Sangat Puas",
          avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2148563421.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/construction-site-thoughtful-man-safety-helmet-plaid-shirt-with-tablet-standing-looking-camera-workers-carrying-pipe-construction-site_259150-57632.jpg?_wi=2",
          imageAlt: "happy homeowner portrait",
        },
        {
          id: "2",
          name: "Siti Aminah",
          date: "2023-05",
          title: "Bangun Rumah Baru",
          quote: "Tim Sanajaya sangat komunikatif dan jujur dengan biaya proyek.",
          tag: "Sangat Puas",
          avatarSrc: "http://img.b2bpic.net/free-photo/couple-handling-carpet-together-their-new-home_23-2149086838.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-with-wood-paneling-large-windows_23-2152016398.jpg?_wi=2",
          imageAlt: "happy homeowner portrait",
        },
        {
          id: "3",
          name: "Andi Pratama",
          date: "2023-08",
          title: "Pembangunan Villa",
          quote: "Bangunan sangat kokoh dan desainnya indah sekali, terima kasih Sanajaya Home.",
          tag: "Sangat Puas",
          avatarSrc: "http://img.b2bpic.net/free-photo/ai-generated-modern-styled-entryway_23-2150692241.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/lush-tropical-garden_1385-762.jpg?_wi=2",
          imageAlt: "happy homeowner portrait",
        },
        {
          id: "4",
          name: "Dewi Sartika",
          date: "2023-11",
          title: "Extension Rumah",
          quote: "Pekerjaan tepat waktu dan sangat rapi. Kualitasnya juara.",
          tag: "Sangat Puas",
          avatarSrc: "http://img.b2bpic.net/free-photo/serious-young-blonde-lady-outdoors_171337-19399.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-architect-thinking-about-his-project_1149-1746.jpg?_wi=2",
          imageAlt: "happy homeowner portrait",
        },
        {
          id: "5",
          name: "Rizky Firmansyah",
          date: "2024-02",
          title: "Renovasi Dapur",
          quote: "Sangat puas dengan hasilnya. Dapur saya jadi lebih modern dan fungsional.",
          tag: "Sangat Puas",
          avatarSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-354.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/empty-clipboard-blue-prints-with-copy-space_23-2148393127.jpg?_wi=1",
          imageAlt: "happy homeowner portrait",
        },
      ]}
      title="Apa Kata Klien Kami"
      description="Kepuasan klien adalah prioritas utama kami. Berikut adalah testimoni nyata dari mereka yang telah mempercayakan hunian mereka kepada kami."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "f1",
          title: "Berapa lama rata-rata durasi proyek?",
          content: "Durasi proyek sangat tergantung pada skala pembangunan, namun kami selalu berkomitmen pada jadwal yang disepakati.",
        },
        {
          id: "f2",
          title: "Apakah ada garansi setelah pengerjaan?",
          content: "Ya, kami memberikan garansi pemeliharaan untuk memastikan kualitas hasil kerja tetap terjaga setelah proyek selesai.",
        },
        {
          id: "f3",
          title: "Bagaimana sistem pembayaran?",
          content: "Kami menggunakan sistem termin pembayaran yang fleksibel sesuai dengan progres pekerjaan di lapangan.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/empty-clipboard-blue-prints-with-copy-space_23-2148393127.jpg?_wi=2"
      title="Pertanyaan Umum"
      description="Berikut adalah jawaban atas beberapa pertanyaan yang sering diajukan klien kami."
      faqsAnimation="slide-up"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Hubungi Kami"
      title="Siap Mewujudkan Hunian Impian?"
      description="Diskusikan rencana proyek Anda sekarang dengan tim ahli kami dan dapatkan penawaran gratis."
      buttons={[
        {
          text: "WhatsApp Sekarang",
          href: "#",
        },
        {
          text: "Kirim Pesan",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        {
          items: [
            {
              label: "Layanan",
              href: "#services",
            },
            {
              label: "Proyek",
              href: "#projects",
            },
            {
              label: "FAQ",
              href: "#faq",
            },
          ],
        },
        {
          items: [
            {
              label: "Kebijakan Privasi",
              href: "#",
            },
            {
              label: "Syarat & Ketentuan",
              href: "#",
            },
          ],
        },
        {
          items: [
            {
              label: "Instagram",
              href: "#",
            },
            {
              label: "Facebook",
              href: "#",
            },
            {
              label: "LinkedIn",
              href: "#",
            },
          ],
        },
      ]}
      logoText="Sanajaya Home"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
