Merge version_1 into main #2
144
src/app/page.tsx
144
src/app/page.tsx
@@ -29,47 +29,25 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Tizim",
|
||||
id: "process",
|
||||
},
|
||||
{
|
||||
name: "Rayonlar",
|
||||
id: "territory",
|
||||
},
|
||||
{
|
||||
name: "Fleet",
|
||||
id: "fleet",
|
||||
},
|
||||
{
|
||||
name: "KPI",
|
||||
id: "kpi",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Tizim", id: "process" },
|
||||
{ name: "Rayonlar", id: "territory" },
|
||||
{ name: "Fleet", id: "fleet" },
|
||||
{ name: "KPI", id: "kpi" },
|
||||
]}
|
||||
brandName="COCA-COLA UZ"
|
||||
button={{ text: "Tizimga Kirish", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="COCA-COLA O'ZBEKISTON | DISTRIBYUTOR TIZIMI"
|
||||
description="Zavod — Distribyutor — Iste'molchi zanjirini birlashtiruvchi zamonaviy boshqaruv tizimi. Yuqori samaradorlik va aniqlik."
|
||||
buttons={[
|
||||
{
|
||||
text: "Tizimga Kirish",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Qo'llanma",
|
||||
href: "#process",
|
||||
},
|
||||
{ text: "Tizimga Kirish", href: "#" },
|
||||
{ text: "Qo'llanma", href: "#process" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWvLkKQ4o0aKoF1oveNqoOwptu/dark-moody-background-for-a-coca-cola-di-1774617625864-0ced4894.png"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -83,31 +61,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Building2,
|
||||
title: "Zavod",
|
||||
description: "Coca-Cola mahsulotlarini ishlab chiqarish va qadoqlash.",
|
||||
},
|
||||
{
|
||||
icon: Building,
|
||||
title: "Distribyutor",
|
||||
description: "Rayonlar bo'yicha mahsulotni qabul qilish va saqlash.",
|
||||
},
|
||||
{
|
||||
icon: Car,
|
||||
title: "Sotuv Agentlari",
|
||||
description: "Do'konlarga tashrif buyurib buyurtmalar olish.",
|
||||
},
|
||||
{
|
||||
icon: Box,
|
||||
title: "Sklad",
|
||||
description: "Mahsulotlarni terib tayyorlash va logistikaga topshirish.",
|
||||
},
|
||||
{
|
||||
icon: Truck,
|
||||
title: "Yetkazib Berish",
|
||||
description: "Dokonlarga o'z vaqtida mahsulot yetkazib berish.",
|
||||
},
|
||||
{ icon: Building2, title: "Zavod", description: "Coca-Cola mahsulotlarini ishlab chiqarish va qadoqlash." },
|
||||
{ icon: Building, title: "Distribyutor", description: "Rayonlar bo'yicha mahsulotni qabul qilish va saqlash." },
|
||||
{ icon: Car, title: "Sotuv Agentlari", description: "Do'konlarga tashrif buyurib buyurtmalar olish." },
|
||||
{ icon: Box, title: "Sklad", description: "Mahsulotlarni terib tayyorlash va logistikaga topshirish." },
|
||||
{ icon: Truck, title: "Yetkazib Berish", description: "Dokonlarga o'z vaqtida mahsulot yetkazib berish." },
|
||||
]}
|
||||
title="Tizim Qanday Ishlaydi?"
|
||||
description="Mahsulot zavoddan chiqib, iste'molchi qo'liga yetib borguncha bo'lgan 5 bosqichli jarayon."
|
||||
@@ -119,35 +77,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Chevrolet Cobalt",
|
||||
price: "Sotuv",
|
||||
variant: "Agentlar uchun",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWvLkKQ4o0aKoF1oveNqoOwptu/red-chevrolet-cobalt-small-sedan-parked--1774617624154-b4c3d14e.png",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Isuzu Trucks",
|
||||
price: "Yetkazish",
|
||||
variant: "Katta yuklar",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWvLkKQ4o0aKoF1oveNqoOwptu/isuzu-medium-duty-delivery-truck-white-c-1774617624368-db2c54df.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "GAZelle Next",
|
||||
price: "Yetkazish",
|
||||
variant: "Lokal hududlar",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWvLkKQ4o0aKoF1oveNqoOwptu/gazelle-next-delivery-van-parked-on-city-1774617624875-669056a4.png",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Kama Heavy",
|
||||
price: "Logistika",
|
||||
variant: "Og'ir yuklar",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWvLkKQ4o0aKoF1oveNqoOwptu/isuzu-medium-duty-delivery-truck-white-c-1774617624368-db2c54df.png?_wi=2",
|
||||
},
|
||||
{ id: "1", name: "Chevrolet Cobalt", price: "Sotuv", variant: "Agentlar uchun", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWvLkKQ4o0aKoF1oveNqoOwptu/red-chevrolet-cobalt-small-sedan-parked--1774617624154-b4c3d14e.png" },
|
||||
{ id: "2", name: "Isuzu Trucks", price: "Yetkazish", variant: "Katta yuklar", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWvLkKQ4o0aKoF1oveNqoOwptu/isuzu-medium-duty-delivery-truck-white-c-1774617624368-db2c54df.png" },
|
||||
{ id: "3", name: "GAZelle Next", price: "Yetkazish", variant: "Lokal hududlar", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWvLkKQ4o0aKoF1oveNqoOwptu/gazelle-next-delivery-van-parked-on-city-1774617624875-669056a4.png" },
|
||||
{ id: "4", name: "Kama Heavy", price: "Logistika", variant: "Og'ir yuklar", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWvLkKQ4o0aKoF1oveNqoOwptu/isuzu-medium-duty-delivery-truck-white-c-1774617624368-db2c54df.png" },
|
||||
]}
|
||||
title="Avtomobil Parki"
|
||||
description="Bizning distribyutorlik faoliyatimizda foydalaniladigan maxsus transport vositalari."
|
||||
@@ -161,26 +96,10 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1,250",
|
||||
description: "Kunlik sotuv (bottle)",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "98%",
|
||||
description: "Yetkazib berish foizi",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "450",
|
||||
description: "Aktiv do'konlar",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "0.5%",
|
||||
description: "Qaytarma foizi",
|
||||
},
|
||||
{ id: "m1", value: "1,250", description: "Kunlik sotuv (bottle)" },
|
||||
{ id: "m2", value: "98%", description: "Yetkazib berish foizi" },
|
||||
{ id: "m3", value: "450", description: "Aktiv do'konlar" },
|
||||
{ id: "m4", value: "0.5%", description: "Qaytarma foizi" },
|
||||
]}
|
||||
title="KPI Dashboard"
|
||||
description="Distribyutorlik samaradorligini real vaqtda kuzatish."
|
||||
@@ -194,26 +113,15 @@ export default function LandingPage() {
|
||||
title="Hamkorlarimiz"
|
||||
description="Coca-Cola Uzbekistan distribyutorlik tarmog'idagi ishonchli hamkorlar."
|
||||
names={[
|
||||
"Coca-Cola HBC",
|
||||
"Uzbekistan Retail Group",
|
||||
"Logistics Pro",
|
||||
"City Distribution",
|
||||
"Regional Sales Hub",
|
||||
]}
|
||||
"Coca-Cola HBC", "Uzbekistan Retail Group", "Logistics Pro", "City Distribution", "Regional Sales Hub"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="COCA-COLA UZ 2025"
|
||||
leftLink={{
|
||||
text: "Maxfiylik siyosati",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Tizim haqida",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Maxfiylik siyosati", href: "#" }}
|
||||
rightLink={{ text: "Tizim haqida", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user