"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Award, Building, Building2, Clock, Star, Users, Wrench } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="mediumLargeSizeLargeTitles"
        background="noise"
        cardStyle="subtle-shadow"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        { name: "Home", id: "hero" },
        { name: "About", id: "about" },
        { name: "Portfolio", id: "portfolio" },
        { name: "Contact", id: "contact" },
      ]}
      brandName="OK Yapı"
      button={{ text: "İletişime Geç", href: "#contact" }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogoBillboard
      background={{ variant: "rotated-rays-animated" }}
      logoText="OK Yapı Tasarım"
      description="Mimari ve İç Mimarlıkta Estetiği ve Fonksiyonu Birleştiriyoruz."
      buttons={[
        { text: "Projelerimizi İncele", href: "#portfolio" },
        { text: "İletişime Geç", href: "#contact" },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/modern-bridge_23-2148022782.jpg"
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="Hakkımızda"
      title="Mekânlarınızı Sanata Dönüştürüyoruz"
      description="OK Yapı, mimari ve iç mimarlık çözümlerinde yenilikçi yaklaşımıyla projelerinize ruh katıyor. Tasarımdan uygulamaya kadar her aşamada profesyonel ekibimizle yanınızdayız."
      subdescription="Her mekânın bir hikâyesi olduğuna inanıyor ve bu hikâyeyi en estetik şekilde yazıyoruz."
      imageSrc="http://img.b2bpic.net/free-photo/caucasian-ethnicity-business-people-manager-working-their-new-project-classroom_146671-16331.jpg"
      mediaAnimation="slide-up"
      icon={Building2}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureBento
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Mimari Proje",          description: "İhtiyaçlarınıza özel modern mimari yapılar tasarlıyoruz.",          bentoComponent: "reveal-icon",          icon: Building
        },
        {
          title: "İç Mimari",          description: "Fonksiyonel ve estetik mekân tasarımları geliştiriyoruz.",          bentoComponent: "reveal-icon",          icon: Star
        },
        {
          title: "Uygulama",          description: "Tasarım detaylarını gerçeğe dönüştüren kaliteli uygulama süreçleri.",          bentoComponent: "reveal-icon",          icon: Wrench
        },
      ]}
      title="Hizmetlerimiz"
      description="Mimari proje çiziminden, anahtar teslim iç mimari uygulamalarına kadar geniş kapsamlı hizmetler sunuyoruz."
    />
  </div>

  <div id="portfolio" data-section="portfolio">
      <ProductCardOne
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      animationType="slide-up"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",          name: "Modern Villa",          price: "Konut",          imageSrc: "http://img.b2bpic.net/free-photo/decorated-interior-christmas-beautiful-christmas-tree-near-modern-expensive-couch-big-clock-with-roman-numbers_132075-11378.jpg"
        },
        {
          id: "p2",          name: "Modern Ofis",          price: "Ticari",          imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-large-blue-sofa-large-coffee-table-with-large-window-that-says-room-is-decorated-with-large-plant_123827-23873.jpg"
        },
        {
          id: "p3",          name: "Lüks Daire",          price: "Konut",          imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-bedroom-interior_1048-7303.jpg"
        }
      ]}
      title="Seçkin Projelerimiz"
      description="Yakın zamanda tamamladığımız, vizyonumuzu yansıtan bazı seçkin projeler."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Ayşe Y.",          handle: "Konut Projesi",          testimonial: "Evi hayal ettiğimizden daha güzel bir hale getirdiler.",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-holding-book-close-up_23-2148396302.jpg"
        },
        {
          id: "2",          name: "Mehmet K.",          handle: "Ofis Projesi",          testimonial: "Profesyonel yaklaşım ve zamanında teslimat harikaydı.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-stylish-male-wearing-elegant-suit-dark-background_613910-11359.jpg"
        },
        {
          id: "3",          name: "Zeynep S.",          handle: "Restoran Tasarımı",          testimonial: "Detaylara verilen önem gerçekten çok etkileyiciydi.",          imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman_1098-14809.jpg"
        }
      ]}
      title="Mutlu Müşterilerimiz"
      description="Projelerimizi teslim ettiğimiz müşterilerimizin yorumları."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",          icon: Award,
          title: "Tamamlanan Proje",          value: "150+"
        },
        {
          id: "m2",          icon: Users,
          title: "Mutlu Müşteri",          value: "120+"
        },
        {
          id: "m3",          icon: Clock,
          title: "Yıllık Tecrübe",          value: "10+"
        }
      ]}
      title="Rakamlarla Başarımız"
      description="Yılların deneyimi ve tamamlanan yüzlerce proje."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",          title: "Proje süreci nasıl işliyor?",          content: "Ön görüşme ile ihtiyaçlarınızı belirliyor, ardından tasarım ve uygulama aşamasına geçiyoruz."
        },
        {
          id: "f2",          title: "Ücretsiz keşif hizmetiniz var mı?",          content: "Evet, projeleriniz için yerinde ücretsiz keşif hizmeti sunuyoruz."
        }
      ]}
      sideTitle="Sıkça Sorulan Sorular"
      faqsAnimation="blur-reveal"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{ variant: "rotated-rays-animated" }}
      text="Yeni projeleriniz için bize ulaşın. Mekânlarınızın dönüşüm sürecini birlikte planlayalım."
      buttons={[
        { text: "WhatsApp ile Yaz", href: "https://wa.me/905000000000" }
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="OK Yapı Tasarım"
      columns={[
        {
          title: "Kurumsal",          items: [
            { label: "Hakkımızda", href: "#about" },
            { label: "Projeler", href: "#portfolio" }
          ]
        },
        {
          title: "İletişim",          items: [
            { label: "WhatsApp", href: "https://wa.me/905000000000" },
            { label: "E-Posta", href: "mailto:info@okyapi.com" }
          ]
        }
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
