232 lines
7.5 KiB
TypeScript
232 lines
7.5 KiB
TypeScript
"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>
|
|
);
|
|
}
|