233 lines
10 KiB
TypeScript
233 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import { Home, Package, Smartphone, Star, Tag, 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="hero" data-section="hero">
|
|
<HeroBillboard
|
|
background={{
|
|
variant: "plain"}}
|
|
title="Opto Go: Sizning qulay va ishonchli xaridlar makoni!"
|
|
description="Eng yaxshi narxlarda sifatli mahsulotlarning keng assortimenti. Uy-ro'zg'or buyumlaridan tortib, eng so'nggi gadjetlargacha - Opto Go'da hamma narsa bor."
|
|
buttons={[
|
|
{
|
|
text: "Katalogga o'tish", href: "/catalog"},
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EPDqOTa7cUDnsssjhuE5lOe8kS/uploaded-1780497630876-tn0tvi1c.png"
|
|
imageAlt="Opto Go online market"
|
|
mediaAnimation="opacity"
|
|
avatars={[
|
|
{
|
|
src: "asset://hero-avatar-1", alt: "Mamnun mijoz Alisher Akramov"},
|
|
{
|
|
src: "asset://hero-avatar-2", alt: "Optimistik mijoz Lola Saidova"},
|
|
{
|
|
src: "asset://hero-avatar-3", alt: "Faol xaridor Doniyor Olimov"},
|
|
{
|
|
src: "asset://hero-avatar-4", alt: "Qoniqarli mijoz Feruza Karimov"},
|
|
{
|
|
src: "asset://hero-avatar-5", alt: "Yangi mijoz Jasur Ergashov"},
|
|
]}
|
|
avatarText="20,000+ mamnun mijozlar"
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "Sifat kafolati"},
|
|
{
|
|
type: "text", text: "Tez yetkazib berish"},
|
|
{
|
|
type: "text", text: "Keng assortiment"},
|
|
{
|
|
type: "text", text: "Eng yaxshi narxlar"},
|
|
{
|
|
type: "text", text: "Ishonchli xizmat"},
|
|
]}
|
|
marqueeSpeed={40}
|
|
showMarqueeCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="categories" data-section="categories">
|
|
<FeatureBento
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Uy-ro'zg'or buyumlari", description: "Kundalik hayot uchun eng muhim mahsulotlar.", bentoComponent: "reveal-icon", icon: Home,
|
|
},
|
|
{
|
|
title: "Gadjetlar", description: "Eng so'nggi texnologiyalar va aqlli qurilmalar.", bentoComponent: "reveal-icon", icon: Smartphone,
|
|
},
|
|
{
|
|
title: "Moda va kiyim-kechak", description: "Erkaklar, ayollar va bolalar uchun zamonaviy kiyimlar.", bentoComponent: "reveal-icon", icon: Tag,
|
|
},
|
|
{
|
|
title: "Oziq-ovqat mahsulotlari", description: "Har doim yangi va sifatli mahsulotlar assortimenti.", bentoComponent: "reveal-icon", icon: Utensils,
|
|
},
|
|
{
|
|
title: "Oshxona jihozlari", description: "Oshxonangizni zamonaviy jihozlar bilan jihozlang.", bentoComponent: "reveal-icon", icon: Package,
|
|
},
|
|
{
|
|
title: "Boshqaruv elementlari", description: "Aqlli uy va boshqa qurilmalar uchun nazorat panellari.", bentoComponent: "reveal-icon", icon: Star,
|
|
},
|
|
]}
|
|
title="Mahsulot kategoriyalari"
|
|
description="O'zingizga kerakli mahsulotlarni topish uchun kategoriyalar bo'yicha qidiruvdan foydalaning."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products-home" data-section="products-home">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "product-1", brand: "Samsung", name: "Smart TV 55 dyuym", price: "4,500,000 so'm", imageSrc: "http://img.b2bpic.net/free-photo/man-playing-space-shooter-game-tv_482257-76104.jpg", imageAlt: "Smart TV 55 dyuym", rating: 4.5, reviewCount: "123"
|
|
},
|
|
{
|
|
id: "product-2", brand: "Xiaomi", name: "Ko'p funksiyali multivarka", price: "980,000 so'm", imageSrc: "http://img.b2bpic.net/free-photo/view-modern-air-fryer-with-food_23-2151737031.jpg", imageAlt: "Ko'p funksiyali multivarka", rating: 4.0, reviewCount: "89"
|
|
},
|
|
{
|
|
id: "product-3", brand: "Artel", name: "Oshxona mebeli to'plami", price: "8,800,000 so'm", imageSrc: "http://img.b2bpic.net/free-photo/delicious-decorated-cake_23-2151931868.jpg", imageAlt: "Oshxona mebeli", rating: 3.8, reviewCount: "45"
|
|
},
|
|
{
|
|
id: "product-4", brand: "LG", name: "Smart TV 65 dyuym", price: "7,200,000 so'm", imageSrc: "http://img.b2bpic.net/free-photo/desk-with-chair-tv-hotel-room_23-2149304100.jpg", imageAlt: "Smart TV 65 dyuym", rating: 4.7, reviewCount: "201"
|
|
},
|
|
{
|
|
id: "product-5", brand: "JBL", name: "Simsiz quloqchinlar", price: "350,000 so'm", imageSrc: "http://img.b2bpic.net/free-photo/image-modern-woman-beautiful-girl-enjoys-listening-music-has-black-wireless-headphones-sits_1258-201807.jpg", imageAlt: "Simsiz quloqchinlar", rating: 4.2, reviewCount: "150"
|
|
},
|
|
{
|
|
id: "product-6", brand: "Canon", name: "Professional kamera", price: "12,000,000 so'm", imageSrc: "http://img.b2bpic.net/free-photo/photographer-holding-professional-camera-looks-photos-outdoors_8353-6515.jpg", imageAlt: "Professional kamera", rating: 4.9, reviewCount: "78"
|
|
},
|
|
]}
|
|
title="Sotiladigan narsalar"
|
|
description="Opto Go'ning keng mahsulotlar assortimentida o'zingizga kerakli narsani toping. Bizda 50 dan ortiq turdagi mahsulotlar mavjud!"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
useInvertedBackground={true}
|
|
testimonial="Opto Go do'koni eng yaxshi xizmatni taqdim etadi! Mahsulotlar sifatli, yetkazib berish tez va narxlar juda maqbul. Doim shu yerdan xarid qilaman!"
|
|
rating={5}
|
|
author="Aliyev Rustam"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/smiling-man-suit-looking-camera_23-2148112202.jpg", alt: "Aliyev Rustam"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-beautiful-brunette-girl-looking-happy-smiling-camera-outdoor-human-emotion-concept_574295-2802.jpg", alt: "Fozilova Shahnoza"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/smiley-woman-posing-yellow-dress-outside_23-2148728589.jpg", alt: "Karimov Sardor"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-dark-skinned-girl-looks-joyfully_273609-28709.jpg", alt: "Mirzayeva Gulnoza"},
|
|
{
|
|
src: "asset://testimonial-avatar-5", alt: "Opto Go mijozasi Zaynab Salimova"},
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-doing-money-gesture_1298-476.jpg"
|
|
imageAlt="fashion clothes icon apparel"
|
|
title="Biz bilan bog'laning"
|
|
description="Savollaringiz bormi? Quyidagi shaklni to'ldiring va biz siz bilan tez orada bog'lanamiz."
|
|
inputs={[
|
|
{ type: "text", placeholder: "Ismingiz", name: "name", required: true },
|
|
{ type: "email", placeholder: "Emailingiz", name: "email", required: true },
|
|
{ type: "textarea", placeholder: "Xabaringizni yozing", name: "message", required: true }
|
|
]}
|
|
/>
|
|
</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>
|
|
);
|
|
}
|