Update src/app/page.tsx
This commit is contained in:
223
src/app/page.tsx
223
src/app/page.tsx
@@ -30,25 +30,15 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Bosh sahifa",
|
name: "Bosh sahifa", id: "/"},
|
||||||
id: "/",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Biz haqimizda",
|
name: "Biz haqimizda", id: "/about"},
|
||||||
id: "/about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Katalog",
|
name: "Katalog", id: "/catalog"},
|
||||||
id: "/catalog",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Mahsulotlar",
|
name: "Mahsulotlar", id: "/catalog"},
|
||||||
id: "/catalog",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Bog'lanish",
|
name: "Bog'lanish", id: "/contact"},
|
||||||
id: "/contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
logoSrc="http://img.b2bpic.net/free-photo/cyber-monday-celebration_23-2151835475.jpg"
|
logoSrc="http://img.b2bpic.net/free-photo/cyber-monday-celebration_23-2151835475.jpg"
|
||||||
logoAlt="Opto Go logo"
|
logoAlt="Opto Go logo"
|
||||||
@@ -59,63 +49,40 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboard
|
<HeroBillboard
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
|
||||||
title="Opto Go: Sizning qulay va ishonchli xaridlar makoni!"
|
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."
|
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={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Katalogga o'tish",
|
text: "Katalogga o'tish", href: "/catalog"},
|
||||||
href: "/catalog",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EPDqOTa7cUDnsssjhuE5lOe8kS/uploaded-1780497630876-tn0tvi1c.png?_wi=1"
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EPDqOTa7cUDnsssjhuE5lOe8kS/uploaded-1780497630876-tn0tvi1c.png"
|
||||||
imageAlt="Opto Go online market"
|
imageAlt="Opto Go online market"
|
||||||
mediaAnimation="opacity"
|
mediaAnimation="opacity"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "asset://hero-avatar-1",
|
src: "asset://hero-avatar-1", alt: "Mamnun mijoz Alisher Akramov"},
|
||||||
alt: "Mamnun mijoz Alisher Akramov",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "asset://hero-avatar-2",
|
src: "asset://hero-avatar-2", alt: "Optimistik mijoz Lola Saidova"},
|
||||||
alt: "Optimistik mijoz Lola Saidova",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "asset://hero-avatar-3",
|
src: "asset://hero-avatar-3", alt: "Faol xaridor Doniyor Olimov"},
|
||||||
alt: "Faol xaridor Doniyor Olimov",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "asset://hero-avatar-4",
|
src: "asset://hero-avatar-4", alt: "Qoniqarli mijoz Feruza Karimov"},
|
||||||
alt: "Qoniqarli mijoz Feruza Karimov",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "asset://hero-avatar-5",
|
src: "asset://hero-avatar-5", alt: "Yangi mijoz Jasur Ergashov"},
|
||||||
alt: "Yangi mijoz Jasur Ergashov",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatarText="20,000+ mamnun mijozlar"
|
avatarText="20,000+ mamnun mijozlar"
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Sifat kafolati"},
|
||||||
text: "Sifat kafolati",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Tez yetkazib berish"},
|
||||||
text: "Tez yetkazib berish",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Keng assortiment"},
|
||||||
text: "Keng assortiment",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Eng yaxshi narxlar"},
|
||||||
text: "Eng yaxshi narxlar",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Ishonchli xizmat"},
|
||||||
text: "Ishonchli xizmat",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
marqueeSpeed={40}
|
marqueeSpeed={40}
|
||||||
showMarqueeCard={true}
|
showMarqueeCard={true}
|
||||||
@@ -129,52 +96,22 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Uy-ro'zg'or buyumlari",
|
title: "Uy-ro'zg'or buyumlari", description: "Kundalik hayot uchun eng muhim mahsulotlar.", bentoComponent: "reveal-icon", icon: Home,
|
||||||
description: "Kundalik hayot uchun eng muhim mahsulotlar.",
|
|
||||||
bentoComponent: "reveal-icon",
|
|
||||||
icon: Home,
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xnpi0y&_wi=1",
|
|
||||||
imageAlt: "household goods icon",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Gadjetlar",
|
title: "Gadjetlar", description: "Eng so'nggi texnologiyalar va aqlli qurilmalar.", bentoComponent: "reveal-icon", icon: Smartphone,
|
||||||
description: "Eng so'nggi texnologiyalar va aqlli qurilmalar.",
|
|
||||||
bentoComponent: "reveal-icon",
|
|
||||||
icon: Smartphone,
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EPDqOTa7cUDnsssjhuE5lOe8kS/uploaded-1780497630876-tn0tvi1c.png?_wi=2",
|
|
||||||
imageAlt: "household goods icon",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Moda va kiyim-kechak",
|
title: "Moda va kiyim-kechak", description: "Erkaklar, ayollar va bolalar uchun zamonaviy kiyimlar.", bentoComponent: "reveal-icon", icon: Tag,
|
||||||
description: "Erkaklar, ayollar va bolalar uchun zamonaviy kiyimlar.",
|
|
||||||
bentoComponent: "reveal-icon",
|
|
||||||
icon: Tag,
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EPDqOTa7cUDnsssjhuE5lOe8kS/uploaded-1780497630876-3k159rpm.png?_wi=1",
|
|
||||||
imageAlt: "household goods icon",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Oziq-ovqat mahsulotlari",
|
title: "Oziq-ovqat mahsulotlari", description: "Har doim yangi va sifatli mahsulotlar assortimenti.", bentoComponent: "reveal-icon", icon: Utensils,
|
||||||
description: "Har doim yangi va sifatli mahsulotlar assortimenti.",
|
|
||||||
bentoComponent: "reveal-icon",
|
|
||||||
icon: Utensils,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-monday-celebration_23-2151835475.jpg?_wi=1",
|
|
||||||
imageAlt: "household goods icon",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Oshxona jihozlari",
|
title: "Oshxona jihozlari", description: "Oshxonangizni zamonaviy jihozlar bilan jihozlang.", bentoComponent: "reveal-icon", icon: Package,
|
||||||
description: "Oshxonangizni zamonaviy jihozlar bilan jihozlang.",
|
|
||||||
bentoComponent: "reveal-icon",
|
|
||||||
icon: Package,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-women-showing-skype-icon_53876-41330.jpg?_wi=1",
|
|
||||||
imageAlt: "household goods icon",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Boshqaruv elementlari",
|
title: "Boshqaruv elementlari", description: "Aqlli uy va boshqa qurilmalar uchun nazorat panellari.", bentoComponent: "reveal-icon", icon: Star,
|
||||||
description: "Aqlli uy va boshqa qurilmalar uchun nazorat panellari.",
|
|
||||||
bentoComponent: "reveal-icon",
|
|
||||||
icon: Star,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-doing-money-gesture_1298-476.jpg?_wi=1",
|
|
||||||
imageAlt: "household goods icon",
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Mahsulot kategoriyalari"
|
title="Mahsulot kategoriyalari"
|
||||||
@@ -190,47 +127,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "product-1",
|
id: "product-1", 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"},
|
||||||
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",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "product-2",
|
id: "product-2", 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"},
|
||||||
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",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "product-3",
|
id: "product-3", 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"},
|
||||||
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",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "product-4",
|
id: "product-4", 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"},
|
||||||
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",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "product-5",
|
id: "product-5", 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"},
|
||||||
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",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "product-6",
|
id: "product-6", 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"},
|
||||||
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",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Sotiladigan narsalar"
|
title="Sotiladigan narsalar"
|
||||||
description="Opto Go'ning keng mahsulotlar assortimentida o'zingizga kerakli narsani toping. Bizda 50 dan ortiq turdagi mahsulotlar mavjud!"
|
description="Opto Go'ning keng mahsulotlar assortimentida o'zingizga kerakli narsani toping. Bizda 50 dan ortiq turdagi mahsulotlar mavjud!"
|
||||||
@@ -245,25 +152,15 @@ export default function LandingPage() {
|
|||||||
author="Aliyev Rustam"
|
author="Aliyev Rustam"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/smiling-man-suit-looking-camera_23-2148112202.jpg",
|
src: "http://img.b2bpic.net/free-photo/smiling-man-suit-looking-camera_23-2148112202.jpg", alt: "Aliyev Rustam"},
|
||||||
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",
|
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"},
|
||||||
alt: "Fozilova Shahnoza",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-posing-yellow-dress-outside_23-2148728589.jpg",
|
src: "http://img.b2bpic.net/free-photo/smiley-woman-posing-yellow-dress-outside_23-2148728589.jpg", alt: "Karimov Sardor"},
|
||||||
alt: "Karimov Sardor",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-dark-skinned-girl-looks-joyfully_273609-28709.jpg",
|
src: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-dark-skinned-girl-looks-joyfully_273609-28709.jpg", alt: "Mirzayeva Gulnoza"},
|
||||||
alt: "Mirzayeva Gulnoza",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "asset://testimonial-avatar-5",
|
src: "asset://testimonial-avatar-5", alt: "Opto Go mijozasi Zaynab Salimova"},
|
||||||
alt: "Opto Go mijozasi Zaynab Salimova",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
ratingAnimation="slide-up"
|
ratingAnimation="slide-up"
|
||||||
avatarsAnimation="opacity"
|
avatarsAnimation="opacity"
|
||||||
@@ -273,8 +170,15 @@ export default function LandingPage() {
|
|||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactSplitForm
|
<ContactSplitForm
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-doing-money-gesture_1298-476.jpg?_wi=2"
|
imageSrc="http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-doing-money-gesture_1298-476.jpg"
|
||||||
imageAlt="fashion clothes icon apparel"
|
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={[
|
||||||
|
{ label: "Ism", type: "text", placeholder: "Ismingiz", name: "name", required: true },
|
||||||
|
{ label: "Email", type: "email", placeholder: "Emailingiz", name: "email", required: true },
|
||||||
|
{ label: "Xabar", type: "textarea", placeholder: "Xabaringizni yozing", name: "message", required: true }
|
||||||
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -282,50 +186,31 @@ export default function LandingPage() {
|
|||||||
<FooterBase
|
<FooterBase
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Kompaniya",
|
title: "Kompaniya", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Biz haqimizda",
|
label: "Biz haqimizda", href: "/about"},
|
||||||
href: "/about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Bog'lanish",
|
label: "Bog'lanish", href: "/contact"},
|
||||||
href: "/contact",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Katalog",
|
label: "Katalog", href: "/catalog"},
|
||||||
href: "/catalog",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Yordam",
|
title: "Yordam", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "FAQ",
|
label: "FAQ", href: "/faq"},
|
||||||
href: "/faq",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Yetkazib berish",
|
label: "Yetkazib berish", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "To'lov usullari",
|
label: "To'lov usullari", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Qonuniy",
|
title: "Qonuniy", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Maxfiylik siyosati",
|
label: "Maxfiylik siyosati", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Xizmat ko'rsatish shartlari",
|
label: "Xizmat ko'rsatish shartlari", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user