"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterBase from '@/components/sections/footer/FooterBase';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import { FileText, Laptop, Package, ShoppingCart, Star, Utensils } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="small"
        sizing="mediumLargeSizeMediumTitles"
        background="grid"
        cardStyle="inset"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Bosh sahifa",
          id: "/",
        },
        {
          name: "Biz haqimizda",
          id: "/about",
        },
        {
          name: "Katalog",
          id: "/catalog",
        },
        {
          name: "Mahsulotlar",
          id: "/catalog",
        },
        {
          name: "Bog'lanish",
          id: "/contact",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-photo/cyber-monday-celebration_23-2151835475.jpg"
      logoAlt="Opto Go logo"
      brandName="Opto Go"
    />
  </div>

  <div id="catalog-categories" data-section="catalog-categories">
      <FeatureBento
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Elektronika",
          description: "Telefonlar, televizorlar, aqlli soatlar va boshqalar.",
          bentoComponent: "reveal-icon",
          icon: Laptop,
          imageSrc: "http://img.b2bpic.net/free-photo/young-women-showing-skype-icon_53876-41330.jpg?_wi=2",
          imageAlt: "gadgets icon smartphone laptop",
        },
        {
          title: "Maishiy texnika",
          description: "Muzlatgichlar, pechlar, konditsionerlar.",
          bentoComponent: "reveal-icon",
          icon: Package,
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EPDqOTa7cUDnsssjhuE5lOe8kS/uploaded-1780497630876-tn0tvi1c.png?_wi=3",
          imageAlt: "gadgets icon smartphone laptop",
        },
        {
          title: "Oshxona jihozlari",
          description: "Multivarkalar, choynaklar, idish-tovoqlar.",
          bentoComponent: "reveal-icon",
          icon: Utensils,
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EPDqOTa7cUDnsssjhuE5lOe8kS/uploaded-1780497630876-3k159rpm.png?_wi=3",
          imageAlt: "gadgets icon smartphone laptop",
        },
        {
          title: "Uy va interyer",
          description: "Mebel, yoritish, gilamlar va boshqa dekor buyumlari.",
          bentoComponent: "reveal-icon",
          icon: Star,
          imageSrc: "http://img.b2bpic.net/free-photo/cyber-monday-celebration_23-2151835475.jpg?_wi=2",
          imageAlt: "gadgets icon smartphone laptop",
        },
        {
          title: "Moda va kiyim-kechak",
          description: "Erkaklar, ayollar, bolalar uchun zamonaviy kiyimlar.",
          bentoComponent: "reveal-icon",
          icon: FileText,
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xnpi0y&_wi=2",
          imageAlt: "gadgets icon smartphone laptop",
        },
        {
          title: "Oziq-ovqat",
          description: "Asosiy mahsulotlar, ichimliklar, bulk food.",
          bentoComponent: "reveal-icon",
          icon: ShoppingCart,
          imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-doing-money-gesture_1298-476.jpg?_wi=3",
          imageAlt: "gadgets icon smartphone laptop",
        },
      ]}
      title="Barcha toifalar"
      description="Mahsul"
    />
  </div>

  <div id="products-catalog" data-section="products-catalog">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "catalog-product-1",
          name: "Zamonaviy Smart TV",
          price: "6,500,000 so'm",
          imageSrc: "http://img.b2bpic.net/free-photo/modern-monitor-elegant-table_23-2150706503.jpg",
          imageAlt: "Zamonaviy Smart TV",
        },
        {
          id: "catalog-product-2",
          name: "Katta Muzlatgich",
          price: "5,800,000 so'm",
          imageSrc: "http://img.b2bpic.net/free-photo/small-kitchen-space-with-modern-design_23-2150710551.jpg",
          imageAlt: "Katta Muzlatgich",
        },
        {
          id: "catalog-product-3",
          name: "Kir yuvish mashinasi",
          price: "3,200,000 so'm",
          imageSrc: "http://img.b2bpic.net/free-photo/washing-machine-minimal-laundry-room-interior-design_53876-145501.jpg",
          imageAlt: "Kir yuvish mashinasi",
        },
        {
          id: "catalog-product-4",
          name: "Mikroto'lqinli pech",
          price: "1,100,000 so'm",
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-learns-cook-holding-deco-with-homemade-cookies_291650-1343.jpg",
          imageAlt: "Mikroto'lqinli pech",
        },
        {
          id: "catalog-product-5",
          name: "Elektr blender",
          price: "450,000 so'm",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-preparing-her-juice-recipe_23-2149257560.jpg",
          imageAlt: "Elektr blender",
        },
        {
          id: "catalog-product-6",
          name: "Robot changyutgich",
          price: "2,100,000 so'm",
          imageSrc: "http://img.b2bpic.net/free-photo/close-upon-robot-vacuum-cleaner-indoors_23-2150830008.jpg",
          imageAlt: "Robot changyutgich",
        },
      ]}
      title="Katalogdagi Mahsulotlar"
      description="Bizning to'liq katalogimizdagi barcha mahsulotlarni ko'rib chiqing. Sizga kerakli bo'lgan hamma narsa shu yerda!"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Kompaniya",
          items: [
            {
              label: "Biz haqimizda",
              href: "/about",
            },
            {
              label: "Bog'lanish",
              href: "/contact",
            },
            {
              label: "Katalog",
              href: "/catalog",
            },
          ],
        },
        {
          title: "Yordam",
          items: [
            {
              label: "FAQ",
              href: "/faq",
            },
            {
              label: "Yetkazib berish",
              href: "#",
            },
            {
              label: "To'lov usullari",
              href: "#",
            },
          ],
        },
        {
          title: "Qonuniy",
          items: [
            {
              label: "Maxfiylik siyosati",
              href: "#",
            },
            {
              label: "Xizmat ko'rsatish shartlari",
              href: "#",
            },
          ],
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-photo/cyber-monday-celebration_23-2151835475.jpg"
      logoAlt="Opto Go logo"
      logoText="Opto Go"
      copyrightText="© 2024 Opto Go. Barcha huquqlar himoyalangan."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}