Merge version_1 into main #3
@@ -1,13 +1,14 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import Link from "next/link";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
||||
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
|
||||
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
|
||||
import FooterCard from "@/components/sections/footer/FooterCard";
|
||||
import { MessageCircle, Instagram, Phone, Heart, Shield } from "lucide-react";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import Link from 'next/link';
|
||||
import { Quote, Briefcase, Users, Heart, Shield, TrendingUp, MessageCircle, Instagram, Phone } from 'lucide-react';
|
||||
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
@@ -17,136 +18,154 @@ export default function AboutPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="noise"
|
||||
background="circleGradient"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
<NavbarStyleApple
|
||||
brandName="Dehkonbozor"
|
||||
navItems={[
|
||||
{ name: "Smartfonlar", id: "smartphones" },
|
||||
{ name: "Noutbuklar", id: "laptops" },
|
||||
{ name: "Aksessuarlar", id: "accessories" },
|
||||
{ name: "Muddatli to'lov", id: "installment" },
|
||||
{ name: "Biz haqimizda", id: "/about" },
|
||||
{ name: "Biz haqimizda", id: "/about" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-story" data-section="about-story">
|
||||
<TestimonialAboutCard
|
||||
<div id="about-hero" data-section="about-hero">
|
||||
<TestimonialAboutCard
|
||||
tag="Bizning Hikoya"
|
||||
title="Dehkonbozor — O'zbekistonda ishonch va sifat bilan buyurtma qiling"
|
||||
description="10 yildan ortiq tajriba"
|
||||
subdescription="Original mahsulotlar va shodlik bilan xizmat"
|
||||
icon={Heart}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-business-team-lying-floor-circle_1262-1962.jpg?_wi=1"
|
||||
imageAlt="Dehkonbozor team at work"
|
||||
title="Dehkonbozor — O'zbekistonda ishonchli raqamsal texnika bazaarining lider"
|
||||
description="O'n yildan beri biz mahsulotlar va xizmatlarni ta'minlashda yuqori standartni saqlaymiz"
|
||||
subdescription="Eng yaxshi narx, rasmiy kafolat, tez yetkazib berish — hammasi bir joyda"
|
||||
icon={Quote}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-business-team-lying-floor-circle_1262-1962.jpg"
|
||||
imageAlt="Dehkonbozor jamiyati"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-dehkonbozor" data-section="why-dehkonbozor">
|
||||
<FeatureCardOne
|
||||
title="Nima uchun Dehkonbozor tanlash kerak?"
|
||||
description="Biz O'zbekistonda premium texnikani eng yaxshi narxda va shartlarda taqdim etamiz"
|
||||
tag="Bizning Qiymatlar"
|
||||
tagIcon={Shield}
|
||||
tagAnimation="slide-up"
|
||||
<div id="our-mission" data-section="our-mission">
|
||||
<FeatureCardOne
|
||||
features={[
|
||||
{
|
||||
title: "100% Original Mahsulotlar",
|
||||
description: "Faqat rasmiy distribyutorlardан, sertifikat va kafolat bilan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5200.jpg?_wi=16",
|
||||
imageAlt: "Original smartphone product"
|
||||
title: "Ishonch", description: "Har bir mahsulot asl, sertifikatlashtirilgan va kafolatli", imageSrc: "http://img.b2bpic.net/free-vector/extended-warranty-security-tag-with-protection-shield-sign_1017-56486.jpg", imageAlt: "Ishonch", button: {
|
||||
text: "Batafsil", href: "/"
|
||||
}
|
||||
},
|
||||
{
|
||||
title: "Muddatli To'lov — Foiziz",
|
||||
description: "3, 6 yoki 12 oylik to'lov rejasi, hech qanday yashirin haq yo'q",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-strategy-corporation-enterprise-startup-concept_53876-121255.jpg?_wi=4",
|
||||
imageAlt: "Payment plan illustration"
|
||||
title: "Shaffoflik", description: "Barcha narhlar va shartlar oldindan aniqlangan, yashirin to'lov yo'q", imageSrc: "http://img.b2bpic.net/free-photo/business-strategy-corporation-enterprise-startup-concept_53876-121255.jpg", imageAlt: "Shaffoflik", button: {
|
||||
text: "Batafsil", href: "/"
|
||||
}
|
||||
},
|
||||
{
|
||||
title: "Tez Yetkazib Berish",
|
||||
description: "O'zbekiston bo'ylab 24-48 soat ichida, track raqami bilan kuzatish",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/house-moving-services-landing-page-template_23-2148654179.jpg?_wi=2",
|
||||
imageAlt: "Delivery tracking"
|
||||
title: "Tezlik", description: "O'zbekiston bo'ylab 24-48 soat ichida yetkazib berish", imageSrc: "http://img.b2bpic.net/free-vector/house-moving-services-landing-page-template_23-2148654179.jpg", imageAlt: "Tezlik", button: {
|
||||
text: "Batafsil", href: "/"
|
||||
}
|
||||
},
|
||||
{
|
||||
title: "Qo'llab-quvvatlash", description: "24/7 xodimlar sizga maslahat va yordam berish uchun tayyor", imageSrc: "http://img.b2bpic.net/free-vector/call-center-avatar-pack_23-2147947188.jpg", imageAlt: "Qo'llab-quvvatlash", button: {
|
||||
text: "Batafsil", href: "/"
|
||||
}
|
||||
}
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
title="Bizning Qadriyatlarimiz"
|
||||
description="Dehkonbozorda har bir xizmat bizning asosiy qadriyatlar orqali ishlab chiqiladi"
|
||||
tag="Asosiy Qadriyatlar"
|
||||
tagIcon={Heart}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
buttons={[
|
||||
{
|
||||
text: "Katalogni Ko'ring",
|
||||
href: "/catalog"
|
||||
}
|
||||
]}
|
||||
useInvertedBackground={true}
|
||||
containerClassName="max-w-screen-2xl"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
buttons={[]}
|
||||
useInvertedBackground={false}
|
||||
containerClassName="max-w-screen-2xl mx-auto px-4 md:px-6"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-metrics" data-section="about-metrics">
|
||||
<MetricCardTwo
|
||||
title="Biz Butun Oʻzbekistonda"
|
||||
description="Qat'iy raqamlar, haqiqiy natijalar"
|
||||
tag="Statistika"
|
||||
tagIcon={Shield}
|
||||
tagAnimation="slide-up"
|
||||
<div id="numbers" data-section="numbers">
|
||||
<MetricCardTwo
|
||||
title="Dehkonbozor Statistikasi"
|
||||
description="Biz O'zbekistonda raqamlar bilan baraka qilamiz"
|
||||
tag="Raqamlar"
|
||||
tagIcon={TrendingUp}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "50,000+",
|
||||
description: "Baxtli Mijozlar"
|
||||
id: "1", value: "500K+", description: "Xursand mijozlar"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "10+",
|
||||
description: "Yil Tajriba"
|
||||
id: "2", value: "10+", description: "Yillik tajriba"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "24/7",
|
||||
description: "Qoʻllab-Quvvatlash"
|
||||
id: "3", value: "100%", description: "Asl mahsulotlar"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "100%",
|
||||
description: "Original Texnika"
|
||||
id: "4", value: "24/7", description: "Qo'llab-quvvatlash"
|
||||
}
|
||||
]}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
containerClassName="max-w-screen-2xl"
|
||||
containerClassName="max-w-screen-2xl mx-auto px-4 md:px-6"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team-testimonials" data-section="team-testimonials">
|
||||
<TestimonialCardOne
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Alisher Mahmudov", role: "IT Oqituvchisi", company: "Tech Academy Tashkent", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-office-2_1262-1488.jpg", imageAlt: "Alisher Mahmudov"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Gulnora Abdullayeva", role: "Buxgalter", company: "Marketing Agentlik", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg", imageAlt: "Gulnora Abdullayeva"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Javlon Shodmonov", role: "Grafik Dizayner", company: "Creative Studio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-outdoor-businessman_23-2148763884.jpg", imageAlt: "Javlon Shodmonov"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Sevara Raxmatova", role: "Sotuvchi", company: "Fashion Boutique", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-suffering-from-schizophrenia_23-2149332551.jpg", imageAlt: "Sevara Raxmatova"
|
||||
}
|
||||
]}
|
||||
title="Bizning Mijozlar Nima Deyishadi?"
|
||||
description="Haqiqiy foydalanuvchilardан haqiqiy fikrlar"
|
||||
tag="Mijozlar Fikri"
|
||||
tagIcon={Quote}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
containerClassName="max-w-screen-2xl mx-auto px-4 md:px-6"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
<FooterCard
|
||||
logoText="Dehkonbozor"
|
||||
copyrightText="© 2025 Dehkonbozor. Barcha huquqlar himoyalangan. O'zbekistonda original texnika."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: MessageCircle,
|
||||
href: "https://t.me/dehkonbozor",
|
||||
ariaLabel: "Telegram"
|
||||
href: "https://t.me/dehkonbozor", ariaLabel: "Telegram"
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com/dehkonbozor",
|
||||
ariaLabel: "Instagram"
|
||||
href: "https://instagram.com/dehkonbozor", ariaLabel: "Instagram"
|
||||
},
|
||||
{
|
||||
icon: Phone,
|
||||
href: "tel:+998712095555",
|
||||
ariaLabel: "Call Us"
|
||||
href: "tel:+998712095555", ariaLabel: "Call Us"
|
||||
}
|
||||
]}
|
||||
containerClassName="bg-background"
|
||||
|
||||
@@ -1,13 +1,10 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import FooterCard from "@/components/sections/footer/FooterCard";
|
||||
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
|
||||
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
|
||||
import { MessageCircle, Instagram, Phone, TrendingUp, Users, ShoppingCart } from "lucide-react";
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import { BarChart3, TrendingUp } from 'lucide-react';
|
||||
|
||||
export default function AdminAnalyticsPage() {
|
||||
export default function AnalyticsPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
@@ -15,230 +12,95 @@ export default function AdminAnalyticsPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="noise"
|
||||
background="circleGradient"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Dehkonbozor Admin"
|
||||
navItems={[
|
||||
{ name: "Content", id: "/admin/content" },
|
||||
{ name: "Analytics", id: "/admin/analytics" },
|
||||
{ name: "Store", id: "/" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="admin-analytics-hero" data-section="admin-analytics-hero" className="mx-auto px-4 md:px-6 py-16 md:py-24">
|
||||
<div className="max-w-screen-2xl mx-auto">
|
||||
<div className="text-center mb-16">
|
||||
<h1 className="text-5xl md:text-6xl font-extrabold leading-tight mb-6 text-foreground">
|
||||
Tahlil va Statistika
|
||||
</h1>
|
||||
<p className="text-xl md:text-2xl text-foreground/80 max-w-3xl mx-auto">
|
||||
Dehkonbozor sotuvlari, foydalanuvchilar va faoliyatining real vaqt tahlili
|
||||
</p>
|
||||
</div>
|
||||
<div className="p-8">
|
||||
<h1 className="text-3xl font-bold mb-8">Analytics Dashboard</h1>
|
||||
|
||||
<div id="sales-metrics" data-section="sales-metrics">
|
||||
<MetricCardTwo
|
||||
title="Sales Metrics"
|
||||
description="Current sales performance and trends"
|
||||
tag="Sales"
|
||||
tagIcon={TrendingUp}
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "$125K", description: "Total Revenue"
|
||||
},
|
||||
{
|
||||
id: "2", value: "2.5K", description: "Orders Completed"
|
||||
},
|
||||
{
|
||||
id: "3", value: "98%", description: "Customer Satisfaction"
|
||||
},
|
||||
{
|
||||
id: "4", value: "12.5%", description: "Growth Rate"
|
||||
}
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="admin-sales-metrics" data-section="admin-sales-metrics">
|
||||
<MetricCardTwo
|
||||
title="Asosiy Sotuvlar Ko'rsatkichlari"
|
||||
description="Bu oy uchun eng muhim raqamlar"
|
||||
tag="Sales"
|
||||
tagIcon={ShoppingCart}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "2,547",
|
||||
description: "Jami Buyurtmalar",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "$487.2K",
|
||||
description: "Jami Daromad",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "89.4%",
|
||||
description: "O'rtacha Konversiya",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "4.8/5",
|
||||
description: "O'rtacha Reyting",
|
||||
},
|
||||
]}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
containerClassName="max-w-screen-2xl"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="admin-user-metrics" data-section="admin-user-metrics">
|
||||
<MetricCardTwo
|
||||
title="Foydalanuvchi Faoliyati"
|
||||
description="Tizimda faol foydalanuvchilar va ularning harakatlar"
|
||||
tag="Users"
|
||||
tagIcon={Users}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "12,847",
|
||||
description: "Faol Foydalanuvchilar",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "3,291",
|
||||
description: "Yangi Ro'yxatdan O'tganlar",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "7,534",
|
||||
description: "Buyurtma Berganlar",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "58.2%",
|
||||
description: "Qayta Buyurtma Qilganlar",
|
||||
},
|
||||
]}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
containerClassName="max-w-screen-2xl"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="admin-analytics-reports" data-section="admin-analytics-reports">
|
||||
<FeatureCardOne
|
||||
title="Batafsil Hisobotlar"
|
||||
description="Sotuvlar, foydalanuvchilar va mahsulotlar haqidagi detalili tahlilni ko'ring"
|
||||
tag="Reports"
|
||||
tagIcon={TrendingUp}
|
||||
features={[
|
||||
{
|
||||
title: "Sotuvlar Hisoboti",
|
||||
description: "Kunlik, haftalik va oylik sotuvlarni tekshiring, trendlarni tahlil qiling",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-strategy-corporation-enterprise-startup-concept_53876-121255.jpg?_wi=14",
|
||||
imageAlt: "Sales report",
|
||||
button: {
|
||||
text: "Hisobotni Ko'rish",
|
||||
href: "/admin/analytics/sales-report",
|
||||
<div id="product-metrics" className="mt-12" data-section="product-metrics">
|
||||
<MetricCardTwo
|
||||
title="Product Metrics"
|
||||
description="Product performance and inventory status"
|
||||
tag="Products"
|
||||
tagIcon={BarChart3}
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "542", description: "Active Products"
|
||||
},
|
||||
},
|
||||
{
|
||||
title: "Mahsulot Performance",
|
||||
description: "Eng ko'p sotilgan mahsulotlar, kam sotilganlar va trendlarga qarab tasvir",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5200.jpg?_wi=28",
|
||||
imageAlt: "Product performance",
|
||||
button: {
|
||||
text: "Performance",
|
||||
href: "/admin/analytics/product-performance",
|
||||
{
|
||||
id: "2", value: "89", description: "Low Stock Items"
|
||||
},
|
||||
},
|
||||
{
|
||||
title: "Foydalanuvchi Tahlili",
|
||||
description: "Foydalanuvchilarning harakatlar, sayt o'tish oraqlari, konversiya funeli",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/call-center-avatar-pack_23-2147947188.jpg?_wi=4",
|
||||
imageAlt: "User analytics",
|
||||
button: {
|
||||
text: "Tahlili",
|
||||
href: "/admin/analytics/user-analytics",
|
||||
{
|
||||
id: "3", value: "4.8", description: "Average Rating"
|
||||
},
|
||||
},
|
||||
{
|
||||
title: "Marketing Kanallar",
|
||||
description: "Qaysi kanallardan maksimal traffic va konversiya kelib turibgani tekshiring",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall_1203-7915.jpg?_wi=4",
|
||||
imageAlt: "Marketing channels",
|
||||
button: {
|
||||
text: "Kanallarni Ko'rish",
|
||||
href: "/admin/analytics/channels",
|
||||
},
|
||||
},
|
||||
]}
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
buttons={[
|
||||
{
|
||||
text: "Eksport Qilish",
|
||||
href: "/admin/analytics/export",
|
||||
},
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
containerClassName="max-w-screen-2xl"
|
||||
/>
|
||||
</div>
|
||||
{
|
||||
id: "4", value: "156K", description: "Total Sales Units"
|
||||
}
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="admin-conversion-metrics" data-section="admin-conversion-metrics">
|
||||
<MetricCardTwo
|
||||
title="Konversiya va ROI"
|
||||
description="Reklama va marketing qo'llab-quvvatlagichning samaradorligi"
|
||||
tag="Performance"
|
||||
tagIcon={TrendingUp}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "3.45%",
|
||||
description: "Sayt Konversiyasi",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "$12.50",
|
||||
description: "O'rtacha Buyurtma Qiymati",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "245%",
|
||||
description: "ROI",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "2.1K",
|
||||
description: "Tashrif Sanasi",
|
||||
},
|
||||
]}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
containerClassName="max-w-screen-2xl"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Dehkonbozor Admin"
|
||||
copyrightText="© 2025 Dehkonbozor Admin Panel. Barcha huquqlar himoyalangan."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: MessageCircle,
|
||||
href: "https://t.me/dehkonbozor",
|
||||
ariaLabel: "Telegram",
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com/dehkonbozor",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Phone,
|
||||
href: "tel:+998712095555",
|
||||
ariaLabel: "Call Us",
|
||||
},
|
||||
]}
|
||||
containerClassName="bg-background"
|
||||
cardClassName="bg-card rounded-soft shadow-subtle-shadow"
|
||||
/>
|
||||
<div id="engagement-metrics" className="mt-12" data-section="engagement-metrics">
|
||||
<MetricCardTwo
|
||||
title="Engagement Metrics"
|
||||
description="User engagement and activity metrics"
|
||||
tag="Engagement"
|
||||
tagIcon={TrendingUp}
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "45.2K", description: "Active Users"
|
||||
},
|
||||
{
|
||||
id: "2", value: "3.2M", description: "Page Views"
|
||||
},
|
||||
{
|
||||
id: "3", value: "2m 34s", description: "Avg. Session Time"
|
||||
},
|
||||
{
|
||||
id: "4", value: "65%", description: "Return Visitors"
|
||||
}
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -1,20 +1,10 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import FooterCard from "@/components/sections/footer/FooterCard";
|
||||
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
|
||||
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
|
||||
import { MessageCircle, Instagram, Phone, Package, BarChart3, Settings } from "lucide-react";
|
||||
import Link from "next/link";
|
||||
|
||||
export default function AdminContentPage() {
|
||||
const navItems = [
|
||||
{ name: "Content", id: "/admin/content" },
|
||||
{ name: "Analytics", id: "/admin/analytics" },
|
||||
{ name: "Back to Store", id: "/" },
|
||||
];
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import { FileText, MessageSquare, AlertCircle } from 'lucide-react';
|
||||
|
||||
export default function ContentPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
@@ -22,215 +12,42 @@ export default function AdminContentPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="noise"
|
||||
background="circleGradient"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Dehkonbozor Admin"
|
||||
navItems={[
|
||||
{ name: "Content", id: "/admin/content" },
|
||||
{ name: "Analytics", id: "/admin/analytics" },
|
||||
{ name: "Store", id: "/" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="admin-hero" data-section="admin-hero" className="mx-auto px-4 md:px-6 py-16 md:py-24">
|
||||
<div className="max-w-screen-2xl mx-auto">
|
||||
<div className="text-center mb-16">
|
||||
<h1 className="text-5xl md:text-6xl font-extrabold leading-tight mb-6 text-foreground">
|
||||
Kontent Boshqaruvi
|
||||
</h1>
|
||||
<p className="text-xl md:text-2xl text-foreground/80 max-w-3xl mx-auto">
|
||||
Dehkonbozor omborining mahsulotlarini, kategoriyalarini va promosyonlarini boshqaring
|
||||
</p>
|
||||
</div>
|
||||
<div className="p-8">
|
||||
<h1 className="text-3xl font-bold mb-8">Content Management</h1>
|
||||
|
||||
<div id="content-metrics" data-section="content-metrics">
|
||||
<MetricCardTwo
|
||||
title="Content Metrics"
|
||||
description="Content management and performance"
|
||||
tag="Content"
|
||||
tagIcon={FileText}
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "2,847", description: "Published Articles"
|
||||
},
|
||||
{
|
||||
id: "2", value: "534", description: "Pending Review"
|
||||
},
|
||||
{
|
||||
id: "3", value: "89", description: "Drafts"
|
||||
},
|
||||
{
|
||||
id: "4", value: "1.2M", description: "Total Views"
|
||||
}
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="admin-management" data-section="admin-management">
|
||||
<FeatureCardOne
|
||||
title="Mahsulot Boshqaruvi"
|
||||
description="Yangi mahsulotlar qo'shing, narxlarni o'zgartiing va inventarini kuzatib turing"
|
||||
tag="Admin Tools"
|
||||
tagIcon={Package}
|
||||
features={[
|
||||
{
|
||||
title: "Mahsulot Qo'shish",
|
||||
description: "Yangi mahsulotlar qo'shing, rasmlar yuklang va tafsilotlarni kiriting",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/startup-employees-hand-packing-products-warehouse-shipping-area_482257-131446.jpg?_wi=4",
|
||||
imageAlt: "Product management",
|
||||
button: {
|
||||
text: "Mahsulot Qo'shish",
|
||||
href: "/admin/content/products/new",
|
||||
},
|
||||
},
|
||||
{
|
||||
title: "Kategoriyalar",
|
||||
description: "Smartfonlar, Noutbuklar, Aksessuarlar va boshqalar uchun kategoriyalar boshqaring",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smartphone-desk-with-headphones_23-2149404198.jpg?_wi=9",
|
||||
imageAlt: "Categories management",
|
||||
button: {
|
||||
text: "Kategoriyalar",
|
||||
href: "/admin/content/categories",
|
||||
},
|
||||
},
|
||||
{
|
||||
title: "Narxlar va Diskontar",
|
||||
description: "Mahsulot narxlarini o'zgartiring, promosyonlar va aksiyalar yarating",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-strategy-corporation-enterprise-startup-concept_53876-121255.jpg?_wi=12",
|
||||
imageAlt: "Pricing management",
|
||||
button: {
|
||||
text: "Narxlarni Boshqarish",
|
||||
href: "/admin/content/pricing",
|
||||
},
|
||||
},
|
||||
{
|
||||
title: "Inventar",
|
||||
description: "Qolgan qolmalarni kuzatib turing, zaxiralarni qayta to'ldiring va boshqarish",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/book-cup-tea-floor-living-room-top-view_169016-48945.jpg?_wi=14",
|
||||
imageAlt: "Inventory management",
|
||||
button: {
|
||||
text: "Inventar Boshqaruvi",
|
||||
href: "/admin/content/inventory",
|
||||
},
|
||||
},
|
||||
]}
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
buttons={[
|
||||
{
|
||||
text: "Barcha Mahsulotlarni Ko'rish",
|
||||
href: "/admin/content/products",
|
||||
},
|
||||
]}
|
||||
useInvertedBackground={true}
|
||||
containerClassName="max-w-screen-2xl"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="admin-content-stats" data-section="admin-content-stats">
|
||||
<MetricCardTwo
|
||||
title="Kontentning Holatini Ko'rish"
|
||||
description="Omborning joriy holati va boshqarish indekslari"
|
||||
tag="Stats"
|
||||
tagIcon={BarChart3}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "487",
|
||||
description: "Faol Mahsulotlar",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "23",
|
||||
description: "Aktiv Promosyonlar",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "98%",
|
||||
description: "Inventar Zangligi",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "12",
|
||||
description: "Kategoriyalar",
|
||||
},
|
||||
]}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
containerClassName="max-w-screen-2xl"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="admin-settings" data-section="admin-settings">
|
||||
<FeatureCardOne
|
||||
title="Tizim Sozlamalari"
|
||||
description="Dehkonbozor platformasining asosiy sozlamalarini boshqaring"
|
||||
tag="Configuration"
|
||||
tagIcon={Settings}
|
||||
features={[
|
||||
{
|
||||
title: "Sayt Sozlamalari",
|
||||
description: "Saytning nomi, hozirgi manzil, telefon raqam va boshqa ma'lumotlarni o'zgartiring",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall_1203-7915.jpg?_wi=3",
|
||||
imageAlt: "Site settings",
|
||||
button: {
|
||||
text: "Sozlamalar",
|
||||
href: "/admin/content/settings",
|
||||
},
|
||||
},
|
||||
{
|
||||
title: "Muddatli To'lov Shartlari",
|
||||
description: "Muddatli to'lovning shartlarini, foizlarini va muddatlarini sozlang",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-strategy-corporation-enterprise-startup-concept_53876-121255.jpg?_wi=13",
|
||||
imageAlt: "Payment settings",
|
||||
button: {
|
||||
text: "To'lov Sozlamalari",
|
||||
href: "/admin/content/payment-settings",
|
||||
},
|
||||
},
|
||||
{
|
||||
title: "Email Shablonlari",
|
||||
description: "Buyurtma, yetkazib berish va qaytarish emaillarining shablonlarini o'zgartiring",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5200.jpg?_wi=27",
|
||||
imageAlt: "Email templates",
|
||||
button: {
|
||||
text: "Shablonlar",
|
||||
href: "/admin/content/email-templates",
|
||||
},
|
||||
},
|
||||
{
|
||||
title: "Yetkazib Berish Metodlari",
|
||||
description: "Yetkazib berish variantlarini, shartlarini va narxlarini boshqaring",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/house-moving-services-landing-page-template_23-2148654179.jpg?_wi=5",
|
||||
imageAlt: "Shipping methods",
|
||||
button: {
|
||||
text: "Yetkazib Berish",
|
||||
href: "/admin/content/shipping",
|
||||
},
|
||||
},
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
containerClassName="max-w-screen-2xl"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Dehkonbozor Admin"
|
||||
copyrightText="© 2025 Dehkonbozor Admin Panel. Barcha huquqlar himoyalangan."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: MessageCircle,
|
||||
href: "https://t.me/dehkonbozor",
|
||||
ariaLabel: "Telegram",
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com/dehkonbozor",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Phone,
|
||||
href: "tel:+998712095555",
|
||||
ariaLabel: "Call Us",
|
||||
},
|
||||
]}
|
||||
containerClassName="bg-background"
|
||||
cardClassName="bg-card rounded-soft shadow-subtle-shadow"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -1,23 +1,10 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import Link from "next/link";
|
||||
import { MessageCircle, Instagram, Phone, Users, Shield } from "lucide-react";
|
||||
|
||||
export default function AdminCustomersPage() {
|
||||
const navItems = [
|
||||
{ name: "Smartfonlar", id: "/" },
|
||||
{ name: "Noutbuklar", id: "/" },
|
||||
{ name: "Aksessuarlar", id: "/" },
|
||||
{ name: "Muddatli to'lov", id: "/" },
|
||||
{ name: "Biz haqimizda", id: "/" }
|
||||
];
|
||||
import { Users, ShoppingCart, Heart } from 'lucide-react';
|
||||
|
||||
export default function CustomersPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
@@ -25,179 +12,42 @@ export default function AdminCustomersPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="noise"
|
||||
background="circleGradient"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Dehkonbozor"
|
||||
navItems={navItems}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="admin-customers-overview" data-section="admin-customers-overview" className="mx-auto px-4 md:px-6 py-12">
|
||||
<div className="max-w-screen-2xl mx-auto mb-12">
|
||||
<h1 className="text-4xl md:text-5xl font-extrabold leading-tight mb-4">
|
||||
Mijozlar Boshqaruvi
|
||||
</h1>
|
||||
<p className="text-lg md:text-xl text-foreground/80">
|
||||
Barcha mijozlarni boshqarib, ularning buyurtmaları va profillarini kuzatib boring
|
||||
</p>
|
||||
<div className="p-8">
|
||||
<h1 className="text-3xl font-bold mb-8">Customer Management</h1>
|
||||
|
||||
<div id="customer-metrics" data-section="customer-metrics">
|
||||
<MetricCardTwo
|
||||
title="Customer Metrics"
|
||||
description="Customer base and engagement data"
|
||||
tag="Customers"
|
||||
tagIcon={Users}
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "15.8K", description: "Total Customers"
|
||||
},
|
||||
{
|
||||
id: "2", value: "8.2K", description: "Active Customers"
|
||||
},
|
||||
{
|
||||
id: "3", value: "4.5", description: "Avg. Orders per Customer"
|
||||
},
|
||||
{
|
||||
id: "4", value: "$245", description: "Avg. Customer Lifetime Value"
|
||||
}
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="customers-metrics" data-section="customers-metrics" className="mx-auto px-4 md:px-6">
|
||||
<MetricCardTwo
|
||||
title="Mijozlar Statistikasi"
|
||||
description="Joriy davrdagi mijozlar va buyurtmalar ko'rsatkichlari"
|
||||
tag="Admin Paneli"
|
||||
tagIcon={Users}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "8,542",
|
||||
description: "Jami Ro'yxatdan O'tgan Mijozlar"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "3,267",
|
||||
description: "Faol Mijozlar"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "5,275",
|
||||
description: "Jami Buyurtmalar"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "42.8M so'm",
|
||||
description: "Jami Savdo Hajmi"
|
||||
}
|
||||
]}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="customers-features" data-section="customers-features" className="mx-auto px-4 md:px-6 py-12">
|
||||
<FeatureCardOne
|
||||
title="Mijozlarni Boshqarish Vositalari"
|
||||
description="Mijozlarning hisob-kitoblarini kuzatib borish, buyurtmaları tahlil qilish va qo'llab-quvvatlash xizmati"
|
||||
tag="Admin Funktiyalari"
|
||||
tagIcon={Shield}
|
||||
features={[
|
||||
{
|
||||
title: "Mijozlar Katalogi",
|
||||
description: "Barcha ro'yxatdan o'tgan mijozlarning to'liq ma'lumotlari va buyurtma tarixlari",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-team-lying-floor-circle_1262-1962.jpg?_wi=2",
|
||||
button: {
|
||||
text: "Katalogga O'tish",
|
||||
href: "#"
|
||||
}
|
||||
},
|
||||
{
|
||||
title: "Buyurtma Boshqaruvi",
|
||||
description: "Barcha buyurtmalarni ko'rib, holati o'zgartirib, yetkazib berish ma'lumotlarini yangilash",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/startup-employees-hand-packing-products-warehouse-shipping-area_482257-131446.jpg?_wi=3",
|
||||
button: {
|
||||
text: "Buyurtmalarni Ko'rish",
|
||||
href: "#"
|
||||
}
|
||||
},
|
||||
{
|
||||
title: "Mijoz Tahlili",
|
||||
description: "Mijozning xarid faoliyati, saviyligi va xizmat sifati ratingi",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-strategy-corporation-enterprise-startup-concept_53876-121255.jpg?_wi=11",
|
||||
button: {
|
||||
text: "Tahlilga O'tish",
|
||||
href: "#"
|
||||
}
|
||||
}
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
buttons={[
|
||||
{
|
||||
text: "Yangi Mijozni Qo'shish",
|
||||
href: "#"
|
||||
}
|
||||
]}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="customers-faq" data-section="customers-faq" className="mx-auto px-4 md:px-6 py-12">
|
||||
<FaqSplitText
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Mijozning profilini qanday ko'rib chiqam?",
|
||||
content: "Mijozlar ro'yxatida mijozning ismini yoki ID raqamini tanlang. Profil sahifasida uning barcha ma'lumotlari, buyurtmalari va to'lovlari ko'rsatiladi."
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Mijozni sistemadan o'chirib tashlash mumkinmi?",
|
||||
content: "Ha, lekin faqat tarixiy ma'lumot sifatida saqlash uchun o'chirib tashlash tavsiya etiladi. To'liq o'chirish ba'zi tarixiy ma'lumotlarni yo'q qiladi."
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Buyurtma holatini qanday o'zgartiraman?",
|
||||
content: "Buyurtma ro'yxatida buyurtmani tanlang va 'Holat' menyudan yangi holat (Kutayotgan, Yuborilgan, Yetkazilgan, Bekor Qilingan) ni tanlang."
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Mijozga qo'llab-quvvatlash xabari qanday yuboram?",
|
||||
content: "Profil sahifasida 'Xabar Yuborish' tugmasini bosing. Xabar email yoki SMS orqali yuboriladi, MI mijozning aloqa usuliga qarab."
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Mijozlar hisobotini qanday yuklab olam?",
|
||||
content: "Admin panelining 'Hisobotlar' bo'limida 'Mijozlar Ro'yxati' hisobotini tanlang. CSV, Excel yoki PDF formatida yuklab olish mumkin."
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
title: "Mijozning buying qilish faoliyatini qanday analiz qilam?",
|
||||
content: "Profil sahifasida 'Tahlil' bo'limi mavjud. Bu yerda mijozning o'rtacha haridi, eng ko'p xarid qilgan mahsulotlar va xarqlar ko'rsatiladi."
|
||||
}
|
||||
]}
|
||||
sideTitle="Mijozlar Boshqaruvi Uchun Tez-Tez So'raladigan Savollar"
|
||||
sideDescription="Mijozlar panelini ishlatish bo'yicha barcha savollarning javoblari"
|
||||
textPosition="left"
|
||||
faqsAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
animationType="smooth"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer" className="mx-auto px-4 md:px-6 py-20">
|
||||
<FooterCard
|
||||
logoText="Dehkonbozor"
|
||||
copyrightText="© 2025 Dehkonbozor. Barcha huquqlar himoyalangan. O'zbekistonda original texnika."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: MessageCircle,
|
||||
href: "https://t.me/dehkonbozor",
|
||||
ariaLabel: "Telegram"
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com/dehkonbozor",
|
||||
ariaLabel: "Instagram"
|
||||
},
|
||||
{
|
||||
icon: Phone,
|
||||
href: "tel:+998712095555",
|
||||
ariaLabel: "Call Us"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -1,22 +1,10 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
|
||||
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
|
||||
import FooterCard from "@/components/sections/footer/FooterCard";
|
||||
import Link from "next/link";
|
||||
import { MessageCircle, Instagram, Phone } from "lucide-react";
|
||||
|
||||
export default function AdminDashboardPage() {
|
||||
const navItems = [
|
||||
{ name: "Smartfonlar", id: "/admin/dashboard" },
|
||||
{ name: "Noutbuklar", id: "admin-orders" },
|
||||
{ name: "Aksessuarlar", id: "admin-products" },
|
||||
{ name: "Muddatli to'lov", id: "admin-payments" },
|
||||
{ name: "Biz haqimizda", id: "/about" },
|
||||
];
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import { BarChart2, TrendingUp } from 'lucide-react';
|
||||
|
||||
export default function DashboardPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
@@ -24,125 +12,41 @@ export default function AdminDashboardPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="noise"
|
||||
background="circleGradient"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Dehkonbozor"
|
||||
navItems={navItems}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="admin-metrics" data-section="admin-metrics">
|
||||
<MetricCardTwo
|
||||
title="Admin Panel — Asosiy Ko'rsatkich"
|
||||
description="Umumiy sotuvlar, buyurtmalar va foydalanuvchilar statistikasi"
|
||||
tag="Statistika"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "2,547",
|
||||
description: "Bugungi Buyurtmalar",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "156.8M",
|
||||
description: "Bugungi Daromad",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "45K",
|
||||
description: "Faol Foydalanuvchilar",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "98.5%",
|
||||
description: "Ish Vaqti Mavjudligi",
|
||||
},
|
||||
]}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="admin-orders-section" data-section="admin-orders-section">
|
||||
<FeatureCardOne
|
||||
title="So'nggi Buyurtmalar"
|
||||
description="Eng yangi buyurtmalar va ularning holati"
|
||||
tag="Boshqaruv"
|
||||
features={[
|
||||
{
|
||||
title: "Kutilmoqda",
|
||||
description: "456 buyurtma tasdiqni kutmoqda",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall_1203-7915.jpg?_wi=2",
|
||||
imageAlt: "Pending orders",
|
||||
button: {
|
||||
text: "Qaytarish",
|
||||
href: "/admin/orders?status=pending",
|
||||
<div className="p-8">
|
||||
<h1 className="text-3xl font-bold mb-8">Admin Dashboard</h1>
|
||||
|
||||
<div id="dashboard-metrics" data-section="dashboard-metrics">
|
||||
<MetricCardTwo
|
||||
title="Dashboard Overview"
|
||||
description="Quick overview of key metrics"
|
||||
tag="Overview"
|
||||
tagIcon={BarChart2}
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "$45.2K", description: "Today's Revenue"
|
||||
},
|
||||
},
|
||||
{
|
||||
title: "Yetkazib Berish",
|
||||
description: "234 buyurtma yetkazib berilmoqda",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/house-moving-services-landing-page-template_23-2148654179.jpg?_wi=3",
|
||||
imageAlt: "Shipping orders",
|
||||
button: {
|
||||
text: "Kuzatish",
|
||||
href: "/admin/orders?status=shipping",
|
||||
{
|
||||
id: "2", value: "892", description: "Today's Orders"
|
||||
},
|
||||
},
|
||||
{
|
||||
title: "Yakunlangan",
|
||||
description: "8,923 muvaffaqiyatli buyurtma",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/startup-employees-hand-packing-products-warehouse-shipping-area_482257-131446.jpg?_wi=1",
|
||||
imageAlt: "Completed orders",
|
||||
button: {
|
||||
text: "Ko'rish",
|
||||
href: "/admin/orders?status=completed",
|
||||
{
|
||||
id: "3", value: "1.2K", description: "New Customers"
|
||||
},
|
||||
},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
buttons={[
|
||||
{
|
||||
text: "Barchasi",
|
||||
href: "/admin/orders",
|
||||
},
|
||||
]}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Dehkonbozor"
|
||||
copyrightText="© 2025 Dehkonbozor Admin Panel. Barcha huquqlar himoyalangan."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: MessageCircle,
|
||||
href: "https://t.me/dehkonbozor",
|
||||
ariaLabel: "Telegram",
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com/dehkonbozor",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Phone,
|
||||
href: "tel:+998712095555",
|
||||
ariaLabel: "Call Us",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
{
|
||||
id: "4", value: "98.5%", description: "Uptime"
|
||||
}
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -1,23 +1,10 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import Link from "next/link";
|
||||
import { MessageCircle, Instagram, Phone, Package, Shield } from "lucide-react";
|
||||
|
||||
export default function AdminInstallmentPage() {
|
||||
const navItems = [
|
||||
{ name: "Smartfonlar", id: "/" },
|
||||
{ name: "Noutbuklar", id: "/" },
|
||||
{ name: "Aksessuarlar", id: "/" },
|
||||
{ name: "Muddatli to'lov", id: "/" },
|
||||
{ name: "Biz haqimizda", id: "/" }
|
||||
];
|
||||
import { CreditCard, DollarSign } from 'lucide-react';
|
||||
|
||||
export default function InstallmentPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
@@ -25,179 +12,42 @@ export default function AdminInstallmentPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="noise"
|
||||
background="circleGradient"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Dehkonbozor"
|
||||
navItems={navItems}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="admin-installment-overview" data-section="admin-installment-overview" className="mx-auto px-4 md:px-6 py-12">
|
||||
<div className="max-w-screen-2xl mx-auto mb-12">
|
||||
<h1 className="text-4xl md:text-5xl font-extrabold leading-tight mb-4">
|
||||
Muddatli To'lov Arijalari
|
||||
</h1>
|
||||
<p className="text-lg md:text-xl text-foreground/80">
|
||||
Barcha muddatli to'lov arizalarini boshqaring va kuzatib boring
|
||||
</p>
|
||||
<div className="p-8">
|
||||
<h1 className="text-3xl font-bold mb-8">Installment Management</h1>
|
||||
|
||||
<div id="installment-metrics" data-section="installment-metrics">
|
||||
<MetricCardTwo
|
||||
title="Installment Metrics"
|
||||
description="Installment plan performance"
|
||||
tag="Installments"
|
||||
tagIcon={CreditCard}
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "3.2K", description: "Active Plans"
|
||||
},
|
||||
{
|
||||
id: "2", value: "$8.5M", description: "Total Value"
|
||||
},
|
||||
{
|
||||
id: "3", value: "98.2%", description: "Payment Rate"
|
||||
},
|
||||
{
|
||||
id: "4", value: "2.1%", description: "Default Rate"
|
||||
}
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="installment-metrics" data-section="installment-metrics" className="mx-auto px-4 md:px-6">
|
||||
<MetricCardTwo
|
||||
title="Muddatli To'lov Statistikasi"
|
||||
description="Joriy oyning muddatli to'lov ko'rsatkichlari"
|
||||
tag="Admin Paneli"
|
||||
tagIcon={Package}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "1,247",
|
||||
description: "Jami Ariza Soni"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "892",
|
||||
description: "Tasdiqlangan Arizalar"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "185",
|
||||
description: "Kutayotgan Arizalar"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "170",
|
||||
description: "Rad Etilgan Arizalar"
|
||||
}
|
||||
]}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="installment-features" data-section="installment-features" className="mx-auto px-4 md:px-6 py-12">
|
||||
<FeatureCardOne
|
||||
title="Muddatli To'lov Tizimini Boshqaring"
|
||||
description="Arizalarni tasdiqlab, ijrosi bo'lgan to'lovlarni kuzatib borish va hisobotlar yaratish"
|
||||
tag="Admin Funktiyalari"
|
||||
tagIcon={Shield}
|
||||
features={[
|
||||
{
|
||||
title: "Ariza Tasdiqlovchi",
|
||||
description: "Yangi muddatli to'lov arizalarini ko'rib chiqib, tasdiqlab yoki rad etib",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-strategy-corporation-enterprise-startup-concept_53876-121255.jpg?_wi=8",
|
||||
button: {
|
||||
text: "Arizalarni Ko'rish",
|
||||
href: "#"
|
||||
}
|
||||
},
|
||||
{
|
||||
title: "To'lov Jadval",
|
||||
description: "Har bir muddatli to'lov uchun oylik to'lov jadvali va ijrosi",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-strategy-corporation-enterprise-startup-concept_53876-121255.jpg?_wi=9",
|
||||
button: {
|
||||
text: "Jadvallarni Boshqaring",
|
||||
href: "#"
|
||||
}
|
||||
},
|
||||
{
|
||||
title: "Hisobotlar",
|
||||
description: "Muddatli to'lov xizmatining to'liq tahlili va moliyaviy hisobotlari",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-strategy-corporation-enterprise-startup-concept_53876-121255.jpg?_wi=10",
|
||||
button: {
|
||||
text: "Hisobotlarni Yuklab Oling",
|
||||
href: "#"
|
||||
}
|
||||
}
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
buttons={[
|
||||
{
|
||||
text: "Yangi Ariza Ko'rish",
|
||||
href: "#"
|
||||
}
|
||||
]}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="installment-faq" data-section="installment-faq" className="mx-auto px-4 md:px-6 py-12">
|
||||
<FaqSplitText
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Muddatli to'lov arizasini qanday tasdiqlayman?",
|
||||
content: "Ariza ro'yxatida yangi arizani tanlang, mijozning ma'lumotlarini ko'rib chiqib, 'Tasdiqlash' tugmasini bosib tasdiqlay olasiz."
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Ariza rad etish imkoni bormi?",
|
||||
content: "Ha, agar ariza shartnomaga mos kelmasa yoki xavf bo'lsa, 'Rad Etish' tugmasini bosib rad etishingiz mumkin. Sistema avtomatik xabar yuboradi."
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "To'lov jadvali qanday ishlaydi?",
|
||||
content: "Har bir tasdiqlangan muddatli to'lov uchun sistema avtomatik oylik to'lov jadvalini yaratadi. Mijozlar har oy keyingi to'lov kunga ruxsat oladi."
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Muddatli to'loviladi riskni qanday kamaytirish mumkin?",
|
||||
content: "Sistema IBAN raqami, telefon va pasport ma'lumotlarini tekshiradi. Shubhali mijozlar uchun qo'shimcha tekshiruv talab qilinishi mumkin."
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Hisobotlar qanday formatlarda yuklanadi?",
|
||||
content: "CSV, Excel va PDF formatlarida hisobotlar yuklab olish mumkin. Ma'lumotlar kunlik, oylik yoki custom sana diapazoni bo'yicha filtrlansa mumkin."
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
title: "Muddatli to'lov statistikasini kuzatib borish qanday?",
|
||||
content: "Admin panelining bosh sahifasida real-vaqtda jami arizalar, tasdiqlangan, kutayotgan va rad etilgan arizalar raqamlari ko'rsatiladi."
|
||||
}
|
||||
]}
|
||||
sideTitle="Admin Paneli Uchun Tez-Tez So'raladigan Savollar"
|
||||
sideDescription="Muddatli to'lov tizimini boshqarish bo'yicha barcha savollarning javoblari"
|
||||
textPosition="left"
|
||||
faqsAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
animationType="smooth"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer" className="mx-auto px-4 md:px-6 py-20">
|
||||
<FooterCard
|
||||
logoText="Dehkonbozor"
|
||||
copyrightText="© 2025 Dehkonbozor. Barcha huquqlar himoyalangan. O'zbekistonda original texnika."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: MessageCircle,
|
||||
href: "https://t.me/dehkonbozor",
|
||||
ariaLabel: "Telegram"
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com/dehkonbozor",
|
||||
ariaLabel: "Instagram"
|
||||
},
|
||||
{
|
||||
icon: Phone,
|
||||
href: "tel:+998712095555",
|
||||
ariaLabel: "Call Us"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -1,27 +1,10 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
|
||||
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
|
||||
import FooterCard from "@/components/sections/footer/FooterCard";
|
||||
import Link from "next/link";
|
||||
import { MessageCircle, Instagram, Phone, Package, TrendingUp } from "lucide-react";
|
||||
|
||||
export default function AdminProductsPage() {
|
||||
const navItems = [
|
||||
{ name: "Smartfonlar", id: "smartphones" },
|
||||
{ name: "Noutbuklar", id: "laptops" },
|
||||
{ name: "Aksessuarlar", id: "accessories" },
|
||||
{ name: "Muddatli to'lov", id: "installment" },
|
||||
{ name: "Biz haqimizda", id: "/about" },
|
||||
];
|
||||
|
||||
const adminNavItems = [
|
||||
{ name: "Mahsulotlar", id: "/admin/products" },
|
||||
{ name: "Buyurtmalar", id: "/admin/orders" },
|
||||
];
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import { Package, AlertTriangle } from 'lucide-react';
|
||||
|
||||
export default function ProductsPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
@@ -29,160 +12,42 @@ export default function AdminProductsPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="noise"
|
||||
background="circleGradient"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<div id="nav" data-section="nav" className="sticky top-0 z-50 bg-background/95 backdrop-blur-sm">
|
||||
<NavbarStyleApple
|
||||
brandName="Dehkonbozor Admin"
|
||||
navItems={adminNavItems}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products-inventory" data-section="products-inventory" className="py-16 md:py-20">
|
||||
<div className="mx-auto px-4 md:px-6 max-w-screen-2xl">
|
||||
<div className="mb-12">
|
||||
<h1 className="text-4xl md:text-5xl font-extrabold text-foreground mb-4">
|
||||
Mahsulotlar Boshqaruvi
|
||||
</h1>
|
||||
<p className="text-lg text-foreground/70">
|
||||
Inventori nazorat qiling, yangi mahsulotlar qo'shing va narxlarni yangilang
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
|
||||
<div className="bg-card rounded-soft p-6 border border-accent/20">
|
||||
<div className="text-4xl font-extrabold text-primary-cta mb-2">1,247</div>
|
||||
<p className="text-foreground/70">Jami Mahsulot</p>
|
||||
</div>
|
||||
<div className="bg-card rounded-soft p-6 border border-accent/20">
|
||||
<div className="text-4xl font-extrabold text-primary-cta mb-2">342</div>
|
||||
<p className="text-foreground/70">Stokda Mavjud</p>
|
||||
</div>
|
||||
<div className="bg-card rounded-soft p-6 border border-accent/20">
|
||||
<div className="text-4xl font-extrabold text-primary-cta mb-2">89</div>
|
||||
<p className="text-foreground/70">Kam Stok</p>
|
||||
</div>
|
||||
<div className="bg-card rounded-soft p-6 border border-accent/20">
|
||||
<div className="text-4xl font-extrabold text-primary-cta mb-2">12</div>
|
||||
<p className="text-foreground/70">Tugatilgan</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="top-products" data-section="top-products" className="py-16 md:py-20 bg-background-accent/30">
|
||||
<div className="mx-auto px-4 md:px-6 max-w-screen-2xl">
|
||||
<MetricCardTwo
|
||||
title="Eng ko'p sotilgan mahsulotlar"
|
||||
description="Bu oydagi eng yaxshi ko'rsatkich"
|
||||
tag="Reytingi"
|
||||
tagIcon={TrendingUp}
|
||||
<div className="p-8">
|
||||
<h1 className="text-3xl font-bold mb-8">Product Management</h1>
|
||||
|
||||
<div id="product-overview" data-section="product-overview">
|
||||
<MetricCardTwo
|
||||
title="Product Overview"
|
||||
description="Product inventory and status"
|
||||
tag="Products"
|
||||
tagIcon={Package}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "3,421",
|
||||
description: "Samsung Galaxy S24 Ultra sotuvlar"
|
||||
id: "1", value: "1,240", description: "Total Products"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "2,856",
|
||||
description: "iPhone 15 Pro sotuvlar"
|
||||
id: "2", value: "342", description: "Out of Stock"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "2,134",
|
||||
description: "MacBook Pro sotuvlar"
|
||||
id: "3", value: "89", description: "Low Stock"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "1,876",
|
||||
description: "AirPods Pro sotuvlar"
|
||||
id: "4", value: "809", description: "In Stock"
|
||||
}
|
||||
]}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="category-management" data-section="category-management" className="py-16 md:py-20">
|
||||
<div className="mx-auto px-4 md:px-6 max-w-screen-2xl">
|
||||
<FeatureCardOne
|
||||
title="Kategoriyalarni Boshqarish"
|
||||
description="Mahsulot kategoriyalarini o'zgartiring, yangi kategoriyalar qo'shing yoki mavjud kategoriyalarni tahrirlang"
|
||||
tag="Admin Panel"
|
||||
tagIcon={Package}
|
||||
features={[
|
||||
{
|
||||
title: "Smartfonlar",
|
||||
description: "245 mahsulot | $4.2M inventory qiymati",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5200.jpg?_wi=26",
|
||||
imageAlt: "Smartphones category"
|
||||
},
|
||||
{
|
||||
title: "Noutbuklar",
|
||||
description: "156 mahsulot | $8.7M inventory qiymati",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/book-cup-tea-floor-living-room-top-view_169016-48945.jpg?_wi=13",
|
||||
imageAlt: "Laptops category"
|
||||
},
|
||||
{
|
||||
title: "Aksessuarlar",
|
||||
description: "634 mahsulot | $1.2M inventory qiymati",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smartphone-desk-with-headphones_23-2149404198.jpg?_wi=8",
|
||||
imageAlt: "Accessories category"
|
||||
},
|
||||
{
|
||||
title: "Gadjetlar",
|
||||
description: "212 mahsulot | $2.1M inventory qiymati",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-strategy-corporation-enterprise-startup-concept_53876-121255.jpg?_wi=6",
|
||||
imageAlt: "Gadgets category"
|
||||
}
|
||||
]}
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
buttons={[
|
||||
{
|
||||
text: "Yangi Kategoriya Qo'shish",
|
||||
href: "#add-category"
|
||||
}
|
||||
]}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer" className="bg-background">
|
||||
<div className="mx-auto px-4 md:px-6">
|
||||
<FooterCard
|
||||
logoText="Dehkonbozor"
|
||||
copyrightText="© 2025 Dehkonbozor Admin. Barcha huquqlar himoyalangan."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: MessageCircle,
|
||||
href: "https://t.me/dehkonbozor",
|
||||
ariaLabel: "Telegram"
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com/dehkonbozor",
|
||||
ariaLabel: "Instagram"
|
||||
},
|
||||
{
|
||||
icon: Phone,
|
||||
href: "tel:+998712095555",
|
||||
ariaLabel: "Call Us"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -1,13 +1,8 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import Link from 'next/link';
|
||||
import { MessageCircle, Instagram, Phone, Package, Shield, TrendingUp } from 'lucide-react';
|
||||
import { Award, Star } from 'lucide-react';
|
||||
|
||||
export default function BrandsPage() {
|
||||
return (
|
||||
@@ -17,192 +12,41 @@ export default function BrandsPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="noise"
|
||||
background="circleGradient"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Dehkonbozor"
|
||||
navItems={[
|
||||
{ name: "Smartfonlar", id: "smartphones" },
|
||||
{ name: "Noutbuklar", id: "laptops" },
|
||||
{ name: "Aksessuarlar", id: "accessories" },
|
||||
{ name: "Muddatli to'lov", id: "installment" },
|
||||
{ name: "Biz haqimizda", id: "/about" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="featured-brands" data-section="featured-brands">
|
||||
<FeatureCardOne
|
||||
features={[
|
||||
{
|
||||
title: "Apple",
|
||||
description: "Premium smartphones, laptops, and accessories from Apple. Latest iPhone models and MacBook computers with official warranty.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5200.jpg?_wi=17",
|
||||
imageAlt: "Apple Products",
|
||||
button: {
|
||||
text: "Mahsulotlarni ko'rish",
|
||||
href: "/catalog?brand=apple"
|
||||
<div className="p-8">
|
||||
<h1 className="text-3xl font-bold mb-8">Featured Brands</h1>
|
||||
|
||||
<div id="brand-metrics" data-section="brand-metrics">
|
||||
<MetricCardTwo
|
||||
title="Brand Statistics"
|
||||
description="Top performing brands and partnerships"
|
||||
tag="Brands"
|
||||
tagIcon={Award}
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "125", description: "Partner Brands"
|
||||
},
|
||||
{
|
||||
id: "2", value: "4.8", description: "Avg. Brand Rating"
|
||||
},
|
||||
{
|
||||
id: "3", value: "98%", description: "Customer Satisfaction"
|
||||
},
|
||||
{
|
||||
id: "4", value: "562K", description: "Total Brand Products"
|
||||
}
|
||||
},
|
||||
{
|
||||
title: "Samsung",
|
||||
description: "Advanced technology from Samsung. Galaxy smartphones, laptops, and accessories with cutting-edge features.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5200.jpg?_wi=18",
|
||||
imageAlt: "Samsung Products",
|
||||
button: {
|
||||
text: "Mahsulotlarni ko'rish",
|
||||
href: "/catalog?brand=samsung"
|
||||
}
|
||||
},
|
||||
{
|
||||
title: "Lenovo",
|
||||
description: "Professional laptops and tablets from Lenovo. Powerful devices for work and entertainment with reliability.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/book-cup-tea-floor-living-room-top-view_169016-48945.jpg?_wi=8",
|
||||
imageAlt: "Lenovo Products",
|
||||
button: {
|
||||
text: "Mahsulotlarni ko'rish",
|
||||
href: "/catalog?brand=lenovo"
|
||||
}
|
||||
},
|
||||
{
|
||||
title: "ASUS",
|
||||
description: "Gaming and professional laptops from ASUS. High-performance devices for demanding users and professionals.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/book-cup-tea-floor-living-room-top-view_169016-48945.jpg?_wi=9",
|
||||
imageAlt: "ASUS Products",
|
||||
button: {
|
||||
text: "Mahsulotlarni ko'rish",
|
||||
href: "/catalog?brand=asus"
|
||||
}
|
||||
}
|
||||
]}
|
||||
title="Bizning Brendlar"
|
||||
description="Dunyo bo'ylab tanilgan premium brendlarni Dehkonbozordan xarid qiling"
|
||||
tag="Raqobatbop Narxlar"
|
||||
tagIcon={Package}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
containerClassName="max-w-screen-2xl mx-auto px-4 md:px-6"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="brand-metrics" data-section="brand-metrics">
|
||||
<MetricCardTwo
|
||||
title="Nima uchun Bizning Brendlar Sifatli?"
|
||||
description="Yetakchi texnika ishlab chiqaruvchilar bilan to'g'ridan-to'g'ri aloqa"
|
||||
tag="Brendning Sifati"
|
||||
tagIcon={Shield}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "100%",
|
||||
description: "Asl mahsulotlar, hech qanday poddel yo'q"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "Rasmiy",
|
||||
description: "Rasmiy distributor status va kafolat"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "Yangi",
|
||||
description: "Faqat eng so'nggi modellar va versiyalar"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "Ishonch",
|
||||
description: "O'n yillik brendli xizmat tajribasi"
|
||||
}
|
||||
]}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
containerClassName="max-w-screen-2xl mx-auto px-4 md:px-6"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="brand-bestsellers" data-section="brand-bestsellers">
|
||||
<ProductCardFour
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Apple iPhone 15 Pro",
|
||||
price: "11,499,000 so'm",
|
||||
variant: "Blue Titanium | 256GB",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5200.jpg?_wi=19",
|
||||
imageAlt: "iPhone 15 Pro",
|
||||
isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Samsung Galaxy S24 Ultra",
|
||||
price: "12,999,000 so'm",
|
||||
variant: "Black | 256GB",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5200.jpg?_wi=20",
|
||||
imageAlt: "Samsung Galaxy S24 Ultra",
|
||||
isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Lenovo ThinkPad X1",
|
||||
price: "18,999,000 so'm",
|
||||
variant: "Silver | Intel i7",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/book-cup-tea-floor-living-room-top-view_169016-48945.jpg?_wi=10",
|
||||
imageAlt: "Lenovo ThinkPad X1",
|
||||
isFavorited: false
|
||||
}
|
||||
]}
|
||||
title="Brendlardan Eng Ko'p Sotilganlar"
|
||||
description="Bu hafta foydalanuvchilar eng ko'p xarid qilgan mahsulotlar"
|
||||
tag="Mashhur Modellar"
|
||||
tagIcon={TrendingUp}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Barchasini ko'rish",
|
||||
href: "/catalog"
|
||||
}
|
||||
]}
|
||||
useInvertedBackground={true}
|
||||
containerClassName="max-w-screen-2xl mx-auto px-4 md:px-6"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Dehkonbozor"
|
||||
copyrightText="© 2025 Dehkonbozor. Barcha huquqlar himoyalangan. O'zbekistonda original texnika."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: MessageCircle,
|
||||
href: "https://t.me/dehkonbozor",
|
||||
ariaLabel: "Telegram"
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com/dehkonbozor",
|
||||
ariaLabel: "Instagram"
|
||||
},
|
||||
{
|
||||
icon: Phone,
|
||||
href: "tel:+998712095555",
|
||||
ariaLabel: "Call Us"
|
||||
}
|
||||
]}
|
||||
containerClassName="bg-background"
|
||||
cardClassName="bg-card rounded-soft shadow-subtle-shadow"
|
||||
/>
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -1,22 +1,10 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
||||
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
|
||||
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
|
||||
import FooterCard from "@/components/sections/footer/FooterCard";
|
||||
import { MessageCircle, Instagram, Phone, CreditCard, HelpCircle } from "lucide-react";
|
||||
|
||||
export default function InstallmentPage() {
|
||||
const navItems = [
|
||||
{ name: "Smartfonlar", id: "/" },
|
||||
{ name: "Noutbuklar", id: "/" },
|
||||
{ name: "Aksessuarlar", id: "/" },
|
||||
{ name: "Muddatli to'lov", id: "/installment" },
|
||||
{ name: "Biz haqimizda", id: "/" },
|
||||
];
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import { CreditCard, DollarSign, Clock, CheckCircle } from 'lucide-react';
|
||||
|
||||
export default function InstallmentOffersPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
@@ -24,135 +12,41 @@ export default function InstallmentPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="noise"
|
||||
background="circleGradient"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Dehkonbozor"
|
||||
navItems={navItems.map((item) => ({
|
||||
name: item.name,
|
||||
id: item.id.startsWith("/") ? item.id : "#" + item.id,
|
||||
}))}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="installment-hero" data-section="installment-hero">
|
||||
<TestimonialAboutCard
|
||||
tag="Qulay Shartlar"
|
||||
title="Muddatli to'lovda mahsulot xarid qiling — 3, 6 yoki 12 oy davomida"
|
||||
description="Oson va shaffof"
|
||||
subdescription="Hech qanday yashirin to'lov yo'q, hech qanday qo'shimcha haq yo'q"
|
||||
icon={CreditCard}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-strategy-corporation-enterprise-startup-concept_53876-121255.jpg?_wi=3"
|
||||
imageAlt="Installment payment plans illustration"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="installment-terms" data-section="installment-terms">
|
||||
<MetricCardTwo
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "0% Foiz",
|
||||
description: "Barcha muddatli to'lovlarda foiziz",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "3, 6, 12",
|
||||
description: "Oylarni tanlang - sizga qulay rejim",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "2 Daqiqa",
|
||||
description: "Ariza tasdiqlanishi uchun kerak vaqt",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "100% Tez",
|
||||
description: "Hech qanday qiyin hujjat, tez jarayon",
|
||||
},
|
||||
]}
|
||||
title="Muddatli To'lovning Afzalliklari"
|
||||
description="Dehkonbozorda muddatli to'lov — eng oson va shaffof"
|
||||
tag="Shartlar"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="installment-faq" data-section="installment-faq">
|
||||
<FaqSplitText
|
||||
sideTitle="Muddatli To'lov Haqida Savollar"
|
||||
sideDescription="Muddatli to'lov jarayoni haqida hammasini bilib oling"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Muddatli to'lovga qaysi shartlar bilan moyil bo'laman?",
|
||||
content: "18 yosh va undan katta bo'lshingiz kerak. Pasport va telefon raqami kerak. Ariza 10 daqiqada tasdiqlanadi, hech qanday qiyin hujjat yo'q. Kredit tarixingiz muhim emas.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Muddatli to'lovda foiz bor?",
|
||||
content: "Yo'q, Dehkonbozorda muddatli to'lovda hech qanday foiz yo'q. Siz har oy teng miqdordagi to'lovlarni qilasiz, hech qanday yashirin haq yo'q. Biz odatda oyiga 1-3% komissiya olamiz, lekin buni biz to'laymiz — siz faqat rasm narxini to'lasiz.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Muddatli to'lovni qanday boshlashim mumkin?",
|
||||
content: "Rasm tanlang, \"Muddatli to'lov\" tugmasini bosing. Telefon raqamingizni kiriting. Pasport foto va selfini jo'natish. OTP kodi tasdiqlang — tayyor! Barchasi 5 daqiqada.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Qaysi banklar muddatli to'lovni qo'llab-quvvatlaydi?",
|
||||
content: "Hammasini — HUMO, UZCARD, APELSIN CARD, AMIR BANK, va boshqalar. O'zbekistonda har qanday bank kartalari bilan ishlaydi. Naqd puldagi to'lov uchun mahalliy ofisimizga keling.",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Muddatli to'lovni qanday bekor qilishim mumkin?",
|
||||
content: "Birinchi oy ichida to'lovini to'liq tugatib, jami miqdorni bitta marta to'lashingiz mumkin. Hech qanday штраф yo'q. Keyin oylik to'lovni to'g'rilantirilmaydi.",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
title: "Muddatli to'lov to'lamlari nima?",
|
||||
content: "Agar 30 kun to'lash bo'lmasa, biz 2 marta eslatib beraman. Agar 60 kun o'tsa, rasm to'g'rilantiriladi. Lekin biz har doim sizga shaxsiy maslahat beramiz — tez bog'lanamiz.",
|
||||
},
|
||||
]}
|
||||
textPosition="left"
|
||||
faqsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
animationType="smooth"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Dehkonbozor"
|
||||
copyrightText="© 2025 Dehkonbozor. Barcha huquqlar himoyalangan. O'zbekistonda original texnika."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: MessageCircle,
|
||||
href: "https://t.me/dehkonbozor",
|
||||
ariaLabel: "Telegram",
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com/dehkonbozor",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Phone,
|
||||
href: "tel:+998712095555",
|
||||
ariaLabel: "Call Us",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
<div className="p-8">
|
||||
<h1 className="text-3xl font-bold mb-8">Installment Plans</h1>
|
||||
|
||||
<div id="installment-offers" data-section="installment-offers">
|
||||
<MetricCardTwo
|
||||
title="Available Installment Plans"
|
||||
description="Flexible payment options for your purchases"
|
||||
tag="Payment Plans"
|
||||
tagIcon={CreditCard}
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "0%", description: "Interest Rate"
|
||||
},
|
||||
{
|
||||
id: "2", value: "3-12", description: "Month Options"
|
||||
},
|
||||
{
|
||||
id: "3", value: "Instant", description: "Approval"
|
||||
},
|
||||
{
|
||||
id: "4", value: "$500K+", description: "Available Credit"
|
||||
}
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
383
src/app/page.tsx
383
src/app/page.tsx
@@ -1,16 +1,17 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
|
||||
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
|
||||
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
||||
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
||||
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
|
||||
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
|
||||
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
|
||||
import FooterCard from "@/components/sections/footer/FooterCard";
|
||||
import { Sparkles, Package, TrendingUp, CreditCard, Shield, Heart, Star, MessageCircle, Instagram, Phone } from "lucide-react";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import Link from 'next/link';
|
||||
import { Sparkles, Package, TrendingUp, CreditCard, Shield, Heart, Star, MessageCircle, Instagram, Phone } from 'lucide-react';
|
||||
|
||||
export default function HomePage() {
|
||||
return (
|
||||
@@ -20,49 +21,41 @@ export default function HomePage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="noise"
|
||||
background="circleGradient"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
{/* Navigation */}
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
<NavbarStyleApple
|
||||
brandName="Dehkonbozor"
|
||||
navItems={[
|
||||
{ name: "Smartfonlar", id: "smartphones" },
|
||||
{ name: "Noutbuklar", id: "laptops" },
|
||||
{ name: "Aksessuarlar", id: "accessories" },
|
||||
{ name: "Muddatli to'lov", id: "installment" },
|
||||
{ name: "Biz haqimizda", id: "/about" },
|
||||
{ name: "Biz haqimizda", id: "about" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Hero Section */}
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
title="Dehkonbozor — smartfon, noutbuk va texnikalarni qulay narxda xarid qiling"
|
||||
description="Original mahsulotlar, muddatli to'lov va O'zbekiston bo'ylab tez yetkazib berish. Ishonchli xizmat, rasmiy kafolat, professional maslaha."
|
||||
background={{ variant: "noise" }}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Premium Electronics Store"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{ text: "Mahsulotlarni ko'rish", href: "/catalog" },
|
||||
{ text: "Muddatli to'lov", href: "/installment" },
|
||||
{ text: "Muddatli to'lov", href: "/installment" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5200.jpg?_wi=1",
|
||||
imageAlt: "Latest Smartphone Model",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/book-cup-tea-floor-living-room-top-view_169016-48945.jpg?_wi=1",
|
||||
imageAlt: "Premium Laptop Computer",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5200.jpg", imageAlt: "Latest Smartphone Model" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/book-cup-tea-floor-living-room-top-view_169016-48945.jpg", imageAlt: "Premium Laptop Computer" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -75,323 +68,237 @@ export default function HomePage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Featured Categories */}
|
||||
<div id="featured-categories" data-section="featured-categories">
|
||||
<FeatureCardOne
|
||||
<FeatureCardOne
|
||||
features={[
|
||||
{
|
||||
title: "Smartfonlar", description: "Eng so'nggi modellar, original kafolat bilan", imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5200.jpg", imageAlt: "Smartfonlar", button: {
|
||||
text: "Batafsil", href: "/catalog?category=smartphones"
|
||||
}
|
||||
},
|
||||
{
|
||||
title: "Noutbuklar", description: "Ish va o'yin uchun kuchli kompyuterlar", imageSrc: "http://img.b2bpic.net/free-photo/book-cup-tea-floor-living-room-top-view_169016-48945.jpg", imageAlt: "Noutbuklar", button: {
|
||||
text: "Batafsil", href: "/catalog?category=laptops"
|
||||
}
|
||||
},
|
||||
{
|
||||
title: "Aksessuarlar", description: "Quloqchinlar, zaryadlovchilar, o'ram kabellar", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smartphone-desk-with-headphones_23-2149404198.jpg", imageAlt: "Aksessuarlar", button: {
|
||||
text: "Batafsil", href: "/catalog?category=accessories"
|
||||
}
|
||||
},
|
||||
{
|
||||
title: "Gadjetlar", description: "Smart soatlar, planshetlar, wireless qurilmalar", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smartphone-desk-with-headphones_23-2149404198.jpg", imageAlt: "Gadjetlar", button: {
|
||||
text: "Batafsil", href: "/catalog?category=gadgets"
|
||||
}
|
||||
}
|
||||
]}
|
||||
title="Asosiy Kategoriyalar"
|
||||
description="Smartfondan noutbukgacha, aksessuarlardan maishiy texnikagacha — hammasini bir joyda toping"
|
||||
tag="Mahsulotlar"
|
||||
tagIcon={Package}
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Smartfonlar",
|
||||
description: "Eng so'nggi modellar, original kafolat bilan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5200.jpg?_wi=2",
|
||||
imageAlt: "Smartphones",
|
||||
button: { text: "Batafsil", href: "/catalog?category=smartphones" },
|
||||
},
|
||||
{
|
||||
title: "Noutbuklar",
|
||||
description: "Ish va o'yin uchun kuchli kompyuterlar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/book-cup-tea-floor-living-room-top-view_169016-48945.jpg?_wi=2",
|
||||
imageAlt: "Laptops",
|
||||
button: { text: "Batafsil", href: "/catalog?category=laptops" },
|
||||
},
|
||||
{
|
||||
title: "Aksessuarlar",
|
||||
description: "Quloqchinlar, zaryadlovchilar, o'ram kabellar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smartphone-desk-with-headphones_23-2149404198.jpg?_wi=1",
|
||||
imageAlt: "Accessories",
|
||||
button: { text: "Batafsil", href: "/catalog?category=accessories" },
|
||||
},
|
||||
{
|
||||
title: "Gadjetlar",
|
||||
description: "Smart soatlar, planshetlar, wireless qurilmalar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smartphone-desk-with-headphones_23-2149404198.jpg?_wi=2",
|
||||
imageAlt: "Gadgets",
|
||||
button: { text: "Batafsil", href: "/catalog?category=gadgets" },
|
||||
},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
buttons={[]}
|
||||
useInvertedBackground={false}
|
||||
containerClassName="max-w-screen-2xl"
|
||||
containerClassName="max-w-screen-2xl mx-auto px-4 md:px-6"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Best Sellers */}
|
||||
<div id="best-sellers" data-section="best-sellers">
|
||||
<ProductCardFour
|
||||
<ProductCardFour
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Samsung Galaxy S24 Ultra", price: "12,999,000 so'm", variant: "Black | 256GB", imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5200.jpg", imageAlt: "Samsung Galaxy S24 Ultra", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "2", name: "Apple MacBook Pro 16\"", price: "35,999,000 so'm", variant: "Space Gray | M3 Pro", imageSrc: "http://img.b2bpic.net/free-photo/book-cup-tea-floor-living-room-top-view_169016-48945.jpg", imageAlt: "MacBook Pro 16 inch", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "3", name: "iPhone 15 Pro", price: "11,499,000 so'm", variant: "Blue Titanium | 256GB", imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5200.jpg", imageAlt: "iPhone 15 Pro", isFavorited: false
|
||||
}
|
||||
]}
|
||||
title="Eng ko'p sotilganlar"
|
||||
description="Bizning mijozlar eng ko'p xarid qilgan mahsulotlar"
|
||||
tag="Hit Products"
|
||||
tagIcon={TrendingUp}
|
||||
tagAnimation="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Samsung Galaxy S24 Ultra",
|
||||
price: "12,999,000 so'm",
|
||||
variant: "Black | 256GB",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5200.jpg?_wi=3",
|
||||
imageAlt: "Samsung Galaxy S24 Ultra",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Apple MacBook Pro 16\"",
|
||||
price: "35,999,000 so'm",
|
||||
variant: "Space Gray | M3 Pro",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/book-cup-tea-floor-living-room-top-view_169016-48945.jpg?_wi=3",
|
||||
imageAlt: "MacBook Pro 16 inch",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "iPhone 15 Pro",
|
||||
price: "11,499,000 so'm",
|
||||
variant: "Blue Titanium | 256GB",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5200.jpg?_wi=4",
|
||||
imageAlt: "iPhone 15 Pro",
|
||||
},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
buttons={[{ text: "Barchasini ko'rish", href: "/catalog?sort=popular" }]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Barchasini ko'rish", href: "/catalog?sort=popular"
|
||||
}
|
||||
]}
|
||||
useInvertedBackground={true}
|
||||
containerClassName="max-w-screen-2xl"
|
||||
containerClassName="max-w-screen-2xl mx-auto px-4 md:px-6"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Installment Payment Promo */}
|
||||
<div id="installment-promo" data-section="installment-promo">
|
||||
<TestimonialAboutCard
|
||||
<TestimonialAboutCard
|
||||
tag="Qulay Shartlar"
|
||||
title="Muddatli to'lovda mahsulot xarid qiling — 3, 6 yoki 12 oy davomida"
|
||||
description="Oson va shaffof"
|
||||
subdescription="Hech qanday yashirin to'lov yo'q, hech qanday qo'shimcha haq yo'q"
|
||||
icon={CreditCard}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-strategy-corporation-enterprise-startup-concept_53876-121255.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-strategy-corporation-enterprise-startup-concept_53876-121255.jpg"
|
||||
imageAlt="Installment payment plans illustration"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Trust Badges */}
|
||||
<div id="trust-badges" data-section="trust-badges">
|
||||
<MetricCardTwo
|
||||
<MetricCardTwo
|
||||
title="Nima uchun Dehkonbozorga ishonish mumkin?"
|
||||
description="Biz O'zbekistonda o'n yildan beri rang ko'rsatmoqda"
|
||||
tag="Ishonch"
|
||||
tagIcon={Shield}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "Original",
|
||||
description: "100% asl mahsulotlar, rasmiy sertifikat bilan",
|
||||
id: "1", value: "Original", description: "100% asl mahsulotlar, rasmiy sertifikat bilan"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "Kafolat",
|
||||
description: "Rasmiy kafolat va servis markazida ta'mirlash",
|
||||
id: "2", value: "Kafolat", description: "Rasmiy kafolat va servis markazida ta'mirlash"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "Tez Yetkazib",
|
||||
description: "O'zbekiston bo'ylab 24-48 soat ichida",
|
||||
id: "3", value: "Tez Yetkazib", description: "O'zbekiston bo'ylab 24-48 soat ichida"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "24/7 Qo'llab",
|
||||
description: "Telegram va telefon orqali har vaqt yordam",
|
||||
},
|
||||
]}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Why Choose Us */}
|
||||
<div id="why-choose-us" data-section="why-choose-us">
|
||||
<FeatureCardOne
|
||||
title="Nima uchun Dehkonbozor?"
|
||||
description="Biz sizning xarid qilish tajribangizni sodda, xavfsiz va qoniqarli qilish uchun tasdiqlangan"
|
||||
tag="Foydalanuvchi Tajribasi"
|
||||
tagIcon={Heart}
|
||||
features={[
|
||||
{
|
||||
title: "Eng Yaxshi Narxlar",
|
||||
description: "Bozordagi eng raqobatbop narhda original mahsulotlar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall_1203-7915.jpg?_wi=1",
|
||||
imageAlt: "Best Prices",
|
||||
},
|
||||
{
|
||||
title: "Muddatli To'lov",
|
||||
description: "Foiziz muddatli to'lov — 3, 6 yoki 12 oy davomida",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-strategy-corporation-enterprise-startup-concept_53876-121255.jpg?_wi=2",
|
||||
imageAlt: "Installment Payment",
|
||||
},
|
||||
{
|
||||
title: "Ishonchli Yetkazib Berish",
|
||||
description: "Barqaror logistika, track raqami bilan kuzatish",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/house-moving-services-landing-page-template_23-2148654179.jpg?_wi=1",
|
||||
imageAlt: "Fast Delivery",
|
||||
},
|
||||
{
|
||||
title: "Qo'llab-Quvvatlash",
|
||||
description: "Telefon, Telegram, Instagram orqali 24/7 yordamche",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/call-center-avatar-pack_23-2147947188.jpg?_wi=1",
|
||||
imageAlt: "Customer Support",
|
||||
},
|
||||
id: "4", value: "24/7 Qo'llab", description: "Telegram va telefon orqali har vaqt yordam"
|
||||
}
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
buttons={[{ text: "Hozir Buyurtma Bering", href: "/catalog" }]}
|
||||
useInvertedBackground={true}
|
||||
useInvertedBackground={false}
|
||||
containerClassName="max-w-screen-2xl mx-auto px-4 md:px-6"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-choose-us" data-section="why-choose-us">
|
||||
<FeatureCardOne
|
||||
features={[
|
||||
{
|
||||
title: "Eng Yaxshi Narxlar", description: "Bozordagi eng raqobatbop narhda original mahsulotlar", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall_1203-7915.jpg", imageAlt: "Eng Yaxshi Narxlar", button: {
|
||||
text: "Katalog", href: "/catalog"
|
||||
}
|
||||
},
|
||||
{
|
||||
title: "Muddatli To'lov", description: "Foiziz muddatli to'lov — 3, 6 yoki 12 oy davomida", imageSrc: "http://img.b2bpic.net/free-photo/business-strategy-corporation-enterprise-startup-concept_53876-121255.jpg", imageAlt: "Muddatli To'lov", button: {
|
||||
text: "Batafsil", href: "/installment"
|
||||
}
|
||||
},
|
||||
{
|
||||
title: "Ishonchli Yetkazib Berish", description: "Barqaror logistika, track raqami bilan kuzatish", imageSrc: "http://img.b2bpic.net/free-vector/house-moving-services-landing-page-template_23-2148654179.jpg", imageAlt: "Ishonchli Yetkazib Berish", button: {
|
||||
text: "Batafsil", href: "/catalog"
|
||||
}
|
||||
},
|
||||
{
|
||||
title: "Qo'llab-Quvvatlash", description: "Telefon, Telegram, Instagram orqali 24/7 yordamche", imageSrc: "http://img.b2bpic.net/free-vector/call-center-avatar-pack_23-2147947188.jpg", imageAlt: "Qo'llab-Quvvatlash", button: {
|
||||
text: "Bog'lanish", href: "/contact"
|
||||
}
|
||||
}
|
||||
]}
|
||||
title="Nima uchun Dehkonbozor?"
|
||||
description="Biz sizning xarid qilish tajribangizni sodda, xavfsiz va qoniqarli qilish uchun tasdiqlangan"
|
||||
tag="Foydalanuvchi Tajribasi"
|
||||
tagIcon={Heart}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Hozir Buyurtma Bering", href: "/catalog"
|
||||
}
|
||||
]}
|
||||
useInvertedBackground={true}
|
||||
containerClassName="max-w-screen-2xl mx-auto px-4 md:px-6"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Testimonials */}
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
<TestimonialCardOne
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Alisher Mahmudov", role: "IT Oqituvchisi", company: "Tech Academy Tashkent", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-office-2_1262-1488.jpg", imageAlt: "Alisher Mahmudov"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Gulnora Abdullayeva", role: "Buxgalter", company: "Marketing Agentlik", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg", imageAlt: "Gulnora Abdullayeva"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Javlon Shodmonov", role: "Grafik Dizayner", company: "Creative Studio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-outdoor-businessman_23-2148763884.jpg", imageAlt: "Javlon Shodmonov"
|
||||
}
|
||||
]}
|
||||
title="Bizning Mijozlar Nima Deyishadi?"
|
||||
description="Haqiqiy foydalanuvchilardан haqiqiy fikrlar"
|
||||
tag="Sharhlar"
|
||||
tagIcon={Star}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alisher Mahmudov",
|
||||
role: "IT Oqituvchisi",
|
||||
company: "Tech Academy Tashkent",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-office-2_1262-1488.jpg?_wi=1",
|
||||
imageAlt: "Alisher Mahmudov",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Gulnora Abdullayeva",
|
||||
role: "Buxgalter",
|
||||
company: "Marketing Agentlik",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg?_wi=1",
|
||||
imageAlt: "Gulnora Abdullayeva",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Javlon Shodmonov",
|
||||
role: "Grafik Dizayner",
|
||||
company: "Creative Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-outdoor-businessman_23-2148763884.jpg?_wi=1",
|
||||
imageAlt: "Javlon Shodmonov",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sevara Raxmatova",
|
||||
role: "Sotuvchi",
|
||||
company: "Fashion Boutique",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-suffering-from-schizophrenia_23-2149332551.jpg",
|
||||
imageAlt: "Sevara Raxmatova",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Bekzod Yusupov",
|
||||
role: "Dasturchi",
|
||||
company: "StartUp Uzbekistan",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-front-view-business-man_23-2148763836.jpg",
|
||||
imageAlt: "Bekzod Yusupov",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Malika Usmanova",
|
||||
role: "Loyihachi",
|
||||
company: "Construction Company",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-white-woman_23-2148941388.jpg",
|
||||
imageAlt: "Malika Usmanova",
|
||||
},
|
||||
]}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
containerClassName="max-w-screen-2xl mx-auto px-4 md:px-6"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* FAQ Section */}
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
sideTitle="Tez-tez so'raladigan savollar"
|
||||
sideDescription="Siz bilishni xohlaydigan hammasining javoblari bu yerda"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Mahsulotlar aslimi?",
|
||||
content: "Ha, biz faqat 100% asl mahsulotlarni sotamiz, rasmiy sertifikat va kafolat bilan. Har bir mahsulot tekshiriladi va sertifikatlashtiriladi.",
|
||||
id: "1", title: "Mahsulotlar aslimi?", content: "Ha, biz faqat 100% asl mahsulotlarni sotamiz, rasmiy sertifikat va kafolat bilan. Har bir mahsulot tekshiriladi va sertifikatlashtiriladi."
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Muddatli to'lovda foiz bor?",
|
||||
content: "Yo'q, Dehkonbozorda muddatli to'lovda hech qanday foiz yo'q. Siz har oy teng miqdordagi to'lovlarni qilasiz, hech qanday yashirin haq yo'q.",
|
||||
id: "2", title: "Muddatli to'lovda foiz bor?", content: "Yo'q, Dehkonbozorda muddatli to'lovda hech qanday foiz yo'q. Siz har oy teng miqdordagi to'lovlarni qilasiz, hech qanday yashirin haq yo'q."
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Yetkazib berish qancha vaqt oladi?",
|
||||
content: "O'zbekiston bo'ylab 24-48 soat ichida yetkazib beramiz. Tashkent va boshqa shaharlar uchun track raqami bilan kuzatish mavjud.",
|
||||
id: "3", title: "Yetkazib berish qancha vaqt oladi?", content: "O'zbekiston bo'ylab 24-48 soat ichida yetkazib beramiz. Tashkent va boshqa shaharlar uchun track raqami bilan kuzatish mavjud."
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Qaytarish yoki almashtirish mumkinmi?",
|
||||
content: "Ha, 14 kun ichida qaytarish yoki almashtirish mumkin. Mahsulot o'zgarishsiz, dastida bo'lgan hamma narsasi bilan bo'lishi kerak.",
|
||||
id: "4", title: "Qaytarish yoki almashtirish mumkinmi?", content: "Ha, 14 kun ichida qaytarish yoki almashtirish mumkin. Mahsulot o'zgarishsiz, dastida bo'lgan hamma narsasi bilan bo'lishi kerak."
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Kafolat nima uchun?",
|
||||
content: "Rasmiy kafolat barcha mahsulotlar uchun 1-2 yil davomida beriladi. Ta'mirish va almashtirish rasmiy servis markazlarida amalga oshiriladi.",
|
||||
id: "5", title: "Kafolat nima uchun?", content: "Rasmiy kafolat barcha mahsulotlar uchun 1-2 yil davomida beriladi. Ta'mirish va almashtirish rasmiy servis markazlarida amalga oshiriladi."
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
title: "Muddatli to'lovga qaysi shartlar bilan moyil bo'laman?",
|
||||
content: "18 yosh va undan katta bo'lshingiz kerak. Pasport va telefon raqami kerak. Ariza 10 daqiqada tasdiqlanadi, hech qanday qiyin hujjat yo'q.",
|
||||
},
|
||||
id: "6", title: "Muddatli to'lovga qaysi shartlar bilan moyil bo'laman?", content: "18 yosh va undan katta bo'lshingiz kerak. Pasport va telefon raqami kerak. Ariza 10 daqiqada tasdiqlanadi, hech qanday qiyin hujjat yo'q."
|
||||
}
|
||||
]}
|
||||
textPosition="left"
|
||||
faqsAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
animationType="smooth"
|
||||
containerClassName="max-w-screen-2xl mx-auto px-4 md:px-6"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Footer */}
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
<FooterCard
|
||||
logoText="Dehkonbozor"
|
||||
copyrightText="© 2025 Dehkonbozor. Barcha huquqlar himoyalangan. O'zbekistonda original texnika."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: MessageCircle,
|
||||
href: "https://t.me/dehkonbozor",
|
||||
ariaLabel: "Telegram",
|
||||
href: "https://t.me/dehkonbozor", ariaLabel: "Telegram"
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com/dehkonbozor",
|
||||
ariaLabel: "Instagram",
|
||||
href: "https://instagram.com/dehkonbozor", ariaLabel: "Instagram"
|
||||
},
|
||||
{
|
||||
icon: Phone,
|
||||
href: "tel:+998712095555",
|
||||
ariaLabel: "Call Us",
|
||||
},
|
||||
href: "tel:+998712095555", ariaLabel: "Call Us"
|
||||
}
|
||||
]}
|
||||
containerClassName="bg-background"
|
||||
cardClassName="bg-card rounded-soft shadow-subtle-shadow"
|
||||
|
||||
@@ -1,22 +1,13 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
|
||||
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
|
||||
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
||||
import FooterCard from "@/components/sections/footer/FooterCard";
|
||||
import { MessageCircle, Instagram, Phone, Sparkles, Package } from "lucide-react";
|
||||
import Link from "next/link";
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import { Sparkles, ShoppingCart } from 'lucide-react';
|
||||
import { useParams } from 'next/navigation';
|
||||
|
||||
export default function ProductDetailPage() {
|
||||
const navItems = [
|
||||
{ name: "Smartfonlar", id: "/" },
|
||||
{ name: "Noutbuklar", id: "/" },
|
||||
{ name: "Aksessuarlar", id: "/" },
|
||||
{ name: "Muddatli to'lov", id: "/installment" },
|
||||
{ name: "Biz haqimizda", id: "/" },
|
||||
];
|
||||
export default function ProductPage() {
|
||||
const params = useParams();
|
||||
const productId = params.id;
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
@@ -25,156 +16,37 @@ export default function ProductDetailPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="noise"
|
||||
background="circleGradient"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Dehkonbozor"
|
||||
navItems={navItems.map((item) => ({
|
||||
name: item.name,
|
||||
id: item.id.startsWith("/") ? item.id : "#" + item.id,
|
||||
}))}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product-hero" data-section="product-hero">
|
||||
<HeroSplitDualMedia
|
||||
title="Samsung Galaxy S24 Ultra — Zamonda texnika"
|
||||
description="Eng yangi 200MP kamera, 120Hz display, va 1 soat isitish bilan. O'zbekistonda rasm olish uchun eng yaxshi smartfon."
|
||||
background={{ variant: "noise" }}
|
||||
tag="Eng Yangi Model"
|
||||
title="Premium Product Details"
|
||||
description="Explore the features and specifications of this premium electronics product. Available now with flexible installment plans and authentic warranty."
|
||||
background={{ variant: "plain" }}
|
||||
tag="Product Details"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Hozir Buyurtma Bering",
|
||||
href: "/checkout",
|
||||
},
|
||||
{
|
||||
text: "Muddatli To'lov",
|
||||
href: "/installment",
|
||||
},
|
||||
{ text: "Add to Cart", href: "#add-to-cart" },
|
||||
{ text: "View Specifications", href: "#specs" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5200.jpg?_wi=9",
|
||||
imageAlt: "Samsung Galaxy S24 Ultra Front View",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5200.jpg?_wi=10",
|
||||
imageAlt: "Samsung Galaxy S24 Ultra Camera System",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5200.jpg", imageAlt: "Product Image 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/book-cup-tea-floor-living-room-top-view_169016-48945.jpg", imageAlt: "Product Image 2" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="12,999,000 so'm - Muddatli to'lovda 1,083,250 so'm/oy"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product-specs" data-section="product-specs">
|
||||
<FeatureCardOne
|
||||
features={[
|
||||
{
|
||||
title: "200MP Kamera",
|
||||
description: "Zamonda fotosuratlar olish uchun eng yaxshi texnika. 8K video, optik zoom, gece rejimlari.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5200.jpg?_wi=11",
|
||||
imageAlt: "Camera specifications",
|
||||
},
|
||||
{
|
||||
title: "120Hz Display",
|
||||
description: "Shaxmatdosh yumushlanish. Eng harakatchan display O'zbekiston bazarida.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5200.jpg?_wi=12",
|
||||
imageAlt: "Display specifications",
|
||||
},
|
||||
{
|
||||
title: "Titanium Orama",
|
||||
description: "Eng mustahkam materiallar bilan yasalgan. Suv va chang qarshi himoya (IP68).",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5200.jpg?_wi=13",
|
||||
imageAlt: "Build quality",
|
||||
},
|
||||
{
|
||||
title: "50MP Selfie",
|
||||
description: "Video call va selfie uchun eng yaxshi kamera. AI beauty mode bilan.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5200.jpg?_wi=14",
|
||||
imageAlt: "Selfie camera",
|
||||
},
|
||||
]}
|
||||
title="Texnik Xususiyatlar"
|
||||
description="Samsung Galaxy S24 Ultra — Eng so'nggi texnikalar bilan."
|
||||
tag="Texnika"
|
||||
tagIcon={Package}
|
||||
tagAnimation="slide-up"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="related-products" data-section="related-products">
|
||||
<ProductCardFour
|
||||
products={[
|
||||
{
|
||||
id: "2",
|
||||
name: "Apple MacBook Pro 16\"",
|
||||
price: "35,999,000 so'm",
|
||||
variant: "Space Gray | M3 Pro",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/book-cup-tea-floor-living-room-top-view_169016-48945.jpg?_wi=7",
|
||||
imageAlt: "MacBook Pro 16 inch",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "iPhone 15 Pro",
|
||||
price: "11,499,000 so'm",
|
||||
variant: "Blue Titanium | 256GB",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5200.jpg?_wi=15",
|
||||
imageAlt: "iPhone 15 Pro",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "AirPods Pro Max",
|
||||
price: "4,299,000 so'm",
|
||||
variant: "Space Black | Active Noise",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smartphone-desk-with-headphones_23-2149404198.jpg?_wi=5",
|
||||
imageAlt: "AirPods Pro Max",
|
||||
},
|
||||
]}
|
||||
title="Boshqa Mahsulotlar"
|
||||
description="Shunga o'xshash mahsulotlarni o'rganish"
|
||||
tag="Bog'langan"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Dehkonbozor"
|
||||
copyrightText="© 2025 Dehkonbozor. Barcha huquqlar himoyalangan. O'zbekistonda original texnika."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: MessageCircle,
|
||||
href: "https://t.me/dehkonbozor",
|
||||
ariaLabel: "Telegram",
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com/dehkonbozor",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Phone,
|
||||
href: "tel:+998712095555",
|
||||
ariaLabel: "Call Us",
|
||||
},
|
||||
]}
|
||||
ratingText="Highly Rated by Customers"
|
||||
ariaLabel="Product page hero section"
|
||||
containerClassName="max-w-screen-2xl"
|
||||
titleClassName="text-4xl md:text-5xl font-extrabold leading-tight"
|
||||
descriptionClassName="text-lg md:text-xl text-foreground/80"
|
||||
tagClassName="text-sm font-semibold uppercase tracking-wide"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
@@ -1,51 +1,41 @@
|
||||
"use client";
|
||||
|
||||
import { memo } from "react";
|
||||
import useSvgTextLogo from "./useSvgTextLogo";
|
||||
import { cls } from "@/lib/utils";
|
||||
import React from 'react';
|
||||
|
||||
interface SvgTextLogoProps {
|
||||
logoText: string;
|
||||
adjustHeightFactor?: number;
|
||||
verticalAlign?: "top" | "center";
|
||||
text: string;
|
||||
className?: string;
|
||||
fontSize?: number;
|
||||
fontWeight?: 'normal' | 'bold' | 'lighter';
|
||||
letterSpacing?: number;
|
||||
}
|
||||
|
||||
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
|
||||
logoText,
|
||||
adjustHeightFactor,
|
||||
verticalAlign = "top",
|
||||
className = "",
|
||||
}) {
|
||||
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
|
||||
|
||||
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
|
||||
text,
|
||||
className = '',
|
||||
fontSize = 32,
|
||||
fontWeight = 'bold',
|
||||
letterSpacing = 0,
|
||||
}) => {
|
||||
return (
|
||||
<svg
|
||||
ref={svgRef}
|
||||
viewBox={viewBox}
|
||||
className={cls("w-full", className)}
|
||||
style={{ aspectRatio: aspectRatio }}
|
||||
preserveAspectRatio="none"
|
||||
role="img"
|
||||
aria-label={`${logoText} logo`}
|
||||
width="auto"
|
||||
height={fontSize}
|
||||
viewBox={`0 0 ${text.length * fontSize * 0.6} ${fontSize}`}
|
||||
className={className}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<text
|
||||
ref={textRef}
|
||||
x="0"
|
||||
y={verticalAlign === "center" ? "50%" : "0"}
|
||||
className="font-bold fill-current"
|
||||
style={{
|
||||
fontSize: "20px",
|
||||
letterSpacing: "-0.02em",
|
||||
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
|
||||
}}
|
||||
y={fontSize * 0.75}
|
||||
fontSize={fontSize}
|
||||
fontWeight={fontWeight}
|
||||
letterSpacing={letterSpacing}
|
||||
fill="currentColor"
|
||||
dominantBaseline="auto"
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
};
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
|
||||
export default SvgTextLogo;
|
||||
export default SvgTextLogo;
|
||||
Reference in New Issue
Block a user