diff --git a/src/app/cart/page.tsx b/src/app/cart/page.tsx new file mode 100644 index 0000000..7c44c93 --- /dev/null +++ b/src/app/cart/page.tsx @@ -0,0 +1,153 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import ReactLenis from "lenis/react"; +import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; +import FooterBase from '@/components/sections/footer/FooterBase'; +import { ShoppingCart, MinusCircle, PlusCircle, Trash2 } from 'lucide-react'; + +export default function CartPage() { + // Dummy cart state + const [cartItems, setCartItems] = React.useState([ + { id: 'prod-1', name: 'Opulent Silk Blouse', price: 899000, quantity: 1, imageSrc: 'http://img.b2bpic.net/free-photo/two-sexy-brunette-wearing-stylish-black-dresses-sunglasses-posing-near-terrace-cafe-city_613910-4745.jpg' }, + { id: 'prod-2', name: 'Golden Weave Skirt', price: 749000, quantity: 2, imageSrc: 'http://img.b2bpic.net/free-photo/street-face-beauty-stylish-city_1157-3793.jpg' }, + ]); + + const updateQuantity = (id: string, delta: number) => { + setCartItems(currentItems => + currentItems.map(item => + item.id === id ? { ...item, quantity: Math.max(1, item.quantity + delta) } : item + ) + ); + }; + + const removeItem = (id: string) => { + setCartItems(currentItems => currentItems.filter(item => item.id !== id)); + }; + + const totalAmount = cartItems.reduce((sum, item) => sum + item.price * item.quantity, 0); + + return ( + + + + +
+
+
+ +

Savatingiz

+

Sizning tanlangan mahsulotlaringiz.

+
+ + {cartItems.length === 0 ? ( +

Savatingiz bo'sh. Xarid qilishni boshlang!

+ ) : ( +
+ {cartItems.map(item => ( +
+ {item.name} +

{item.name}

+

{item.price.toLocaleString('uz-UZ', { style: 'currency', currency: 'UZS' })}

+
+ + {item.quantity} + +
+ +
+ ))} +
+ )} + + {cartItems.length > 0 && ( +
+

Jami: {totalAmount.toLocaleString('uz-UZ', { style: 'currency', currency: 'UZS' })}

+ + Buyurtmani Rasmiylashtirish + +
+ )} +
+
+ + +
+
+ ); +} diff --git a/src/app/page.tsx b/src/app/page.tsx index 446888f..d8ad339 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -13,6 +13,8 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav import ProductCardFour from '@/components/sections/product/ProductCardFour'; import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo'; import TextSplitAbout from '@/components/sections/about/TextSplitAbout'; +import ProductCardOne from '@/components/sections/product/ProductCardOne'; +import PricingCardFive from '@/components/sections/pricing/PricingCardFive'; export default function LandingPage() { return ( @@ -33,29 +35,21 @@ export default function LandingPage() { @@ -116,14 +93,10 @@ export default function LandingPage() { useInvertedBackground={false} title="Crafting Elegance for Every Woman" description={[ - "ELIF BOZOR is a premier women's clothing brand proudly rooted in Uzbekistan, with popular stores in Urgench and Khiva. We are dedicated to offering modern, stylish, and high-quality fashion that is accessible to every woman.", - "Our collections are curated to blend contemporary trends with timeless elegance, ensuring you always look and feel your best. We believe in fashion that empowers, inspires, and celebrates the unique style of our community.", - ]} + "ELIF BOZOR is a premier women's clothing brand proudly rooted in Uzbekistan, with popular stores in Urgench and Khiva. We are dedicated to offering modern, stylish, and high-quality fashion that is accessible to every woman.", "Our collections are curated to blend contemporary trends with timeless elegance, ensuring you always look and feel your best. We believe in fashion that empowers, inspires, and celebrates the unique style of our community."]} buttons={[ { - text: "Our Story", - href: "#about", - }, + text: "Our Story", href: "#about"}, ]} /> @@ -136,23 +109,11 @@ export default function LandingPage() { useInvertedBackground={true} features={[ { - title: "Evening Wear", - description: "Glamorous dresses and sophisticated gowns for your special moments.", - imageSrc: "http://img.b2bpic.net/free-photo/young-sexy-blond-woman-model-evening-yellow-dress-posing-blue-sky-background_158538-9389.jpg", - imageAlt: "Elegant evening wear", - }, + title: "Evening Wear", description: "Glamorous dresses and sophisticated gowns for your special moments.", imageSrc: "http://img.b2bpic.net/free-photo/young-sexy-blond-woman-model-evening-yellow-dress-posing-blue-sky-background_158538-9389.jpg", imageAlt: "Elegant evening wear"}, { - title: "Casual Chic", - description: "Effortless style for everyday luxury and comfort.", - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-beautiful-women-posing_23-2148906929.jpg", - imageAlt: "Chic casual wear", - }, + title: "Casual Chic", description: "Effortless style for everyday luxury and comfort.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-beautiful-women-posing_23-2148906929.jpg", imageAlt: "Chic casual wear"}, { - title: "Business Attire", - description: "Professional and powerful ensembles that make a statement.", - imageSrc: "http://img.b2bpic.net/free-photo/elegant-caucasian-woman-with-dark-hair-green-suit-poses-camera-big-light-room_132075-9667.jpg", - imageAlt: "Professional business attire", - }, + title: "Business Attire", description: "Professional and powerful ensembles that make a statement.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-caucasian-woman-with-dark-hair-green-suit-poses-camera-big-light-room_132075-9667.jpg", imageAlt: "Professional business attire"}, ]} title="Our Curated Categories" description="Explore our diverse range of collections, designed to complement every occasion and mood with sophistication and style." @@ -167,56 +128,75 @@ export default function LandingPage() { useInvertedBackground={false} products={[ { - id: "prod-1", - name: "Opulent Silk Blouse", - price: "UZS 899,000", - variant: "New Collection", - imageSrc: "http://img.b2bpic.net/free-photo/two-sexy-brunette-wearing-stylish-black-dresses-sunglasses-posing-near-terrace-cafe-city_613910-4745.jpg", - imageAlt: "Luxury silk blouse", + id: "prod-1", name: "Opulent Silk Blouse", price: "UZS 899,000", variant: "New Collection", imageSrc: "http://img.b2bpic.net/free-photo/two-sexy-brunette-wearing-stylish-black-dresses-sunglasses-posing-near-terrace-cafe-city_613910-4745.jpg", imageAlt: "Luxury silk blouse"}, + { + id: "prod-2", name: "Golden Weave Skirt", price: "UZS 749,000", variant: "New Collection", imageSrc: "http://img.b2bpic.net/free-photo/street-face-beauty-stylish-city_1157-3793.jpg", imageAlt: "Modern designer skirt"}, + { + id: "prod-3", name: "Midnight Glam Gown", price: "UZS 2,499,000", variant: "New Collection", imageSrc: "http://img.b2bpic.net/free-photo/young-female-model-sleeping-underwear_1303-19139.jpg", imageAlt: "Elegant black dress"}, + { + id: "prod-4", name: "Imperial Gold Jacket", price: "UZS 1,599,000", variant: "New Collection", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-walking-street_1303-25960.jpg", imageAlt: "Stylish women's jacket"}, + { + id: "prod-5", name: "Sleek Urban Trousers", price: "UZS 649,000", variant: "New Collection", imageSrc: "http://img.b2bpic.net/free-photo/girl_1303-4486.jpg", imageAlt: "Chic women's trousers"}, + { + id: "prod-6", name: "Aurora Gold Handbag", price: "UZS 1,199,000", variant: "New Collection", imageSrc: "http://img.b2bpic.net/free-photo/woman-resting-bench-after-shopping_23-2147645159.jpg", imageAlt: "Fashion accessories luxury gold bag"}, + ]} + title="Yangi Kolleksiya" + description="Eng so'nggi moda bayonotlarimizni kashf eting, zamonaviy hashamat va benuqson dizaynni o'zida mujassam etgan." + /> + + +
+ +
+ +
+
@@ -227,31 +207,16 @@ export default function LandingPage() { useInvertedBackground={true} metrics={[ { - id: "m1", - value: "100K+", - title: "Happy Customers", - items: [ - "Across Uzbekistan", - "Growing community", - ], + id: "m1", value: "100K+", title: "Happy Customers", items: [ + "Across Uzbekistan", "Growing community"], }, { - id: "m2", - value: "10+", - title: "Years of Elegance", - items: [ - "Experience in fashion", - "Trendsetting designs", - ], + id: "m2", value: "10+", title: "Years of Elegance", items: [ + "Experience in fashion", "Trendsetting designs"], }, { - id: "m3", - value: "2000+", - title: "Unique Designs", - items: [ - "Exclusive collections", - "Crafted with care", - ], + id: "m3", value: "2000+", title: "Unique Designs", items: [ + "Exclusive collections", "Crafted with care"], }, ]} title="ELIF BOZOR In Numbers" @@ -267,45 +232,15 @@ export default function LandingPage() { carouselMode="buttons" testimonials={[ { - id: "1", - name: "Amina Khaliq", - role: "Fashion Enthusiast", - testimonial: "ELIF BOZOR has truly elevated my wardrobe. The quality is exceptional, and every piece makes me feel incredibly elegant and confident. A true gem!", - imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-with-shopping-bag-city_1157-23060.jpg", - imageAlt: "Amina Khaliq", - }, + id: "1", name: "Amina Khaliq", role: "Fashion Enthusiast", testimonial: "ELIF BOZOR has truly elevated my wardrobe. The quality is exceptional, and every piece makes me feel incredibly elegant and confident. A true gem!", imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-with-shopping-bag-city_1157-23060.jpg", imageAlt: "Amina Khaliq"}, { - id: "2", - name: "Layla Saidova", - role: "Entrepreneur", - testimonial: "I always find unique and stylish outfits at ELIF BOZOR. Their collections are modern, chic, and always on trend. The service is also impeccable.", - imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-phone-by-old-building_1303-16126.jpg", - imageAlt: "Layla Saidova", - }, + id: "2", name: "Layla Saidova", role: "Entrepreneur", testimonial: "I always find unique and stylish outfits at ELIF BOZOR. Their collections are modern, chic, and always on trend. The service is also impeccable.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-phone-by-old-building_1303-16126.jpg", imageAlt: "Layla Saidova"}, { - id: "3", - name: "Nargiza Ismatova", - role: "Stylist", - testimonial: "As a stylist, I'm always looking for quality. ELIF BOZOR delivers with luxurious fabrics and impeccable tailoring. My clients adore their pieces!", - imageSrc: "http://img.b2bpic.net/free-photo/new-york-manhattan-central-park-autumn-bridge-lake-young-woman-walks-autumn-park-new-york_1321-2403.jpg", - imageAlt: "Nargiza Ismatova", - }, + id: "3", name: "Nargiza Ismatova", role: "Stylist", testimonial: "As a stylist, I'm always looking for quality. ELIF BOZOR delivers with luxurious fabrics and impeccable tailoring. My clients adore their pieces!", imageSrc: "http://img.b2bpic.net/free-photo/new-york-manhattan-central-park-autumn-bridge-lake-young-woman-walks-autumn-park-new-york_1321-2403.jpg", imageAlt: "Nargiza Ismatova"}, { - id: "4", - name: "Gulnora Karimova", - role: "Art Director", - testimonial: "Every item from ELIF BOZOR is a work of art. The attention to detail and the fusion of modern and classic styles are simply breathtaking. Highly recommend!", - imageSrc: "http://img.b2bpic.net/free-photo/trendy-model-holding-pile-paper-bags_23-2147669823.jpg", - imageAlt: "Gulnora Karimova", - }, + id: "4", name: "Gulnora Karimova", role: "Art Director", testimonial: "Every item from ELIF BOZOR is a work of art. The attention to detail and the fusion of modern and classic styles are simply breathtaking. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/trendy-model-holding-pile-paper-bags_23-2147669823.jpg", imageAlt: "Gulnora Karimova"}, { - id: "5", - name: "Dilshoda Ergasheva", - role: "Designer", - testimonial: "The collections here are incredibly inspiring. ELIF BOZOR perfectly captures modern sophistication. It's my go-to for statement pieces.", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-standing-posing-near-lamps_114579-81886.jpg", - imageAlt: "Dilshoda Ergasheva", - }, + id: "5", name: "Dilshoda Ergasheva", role: "Designer", testimonial: "The collections here are incredibly inspiring. ELIF BOZOR perfectly captures modern sophistication. It's my go-to for statement pieces.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-standing-posing-near-lamps_114579-81886.jpg", imageAlt: "Dilshoda Ergasheva"}, ]} title="What Our Clients Say" description="Hear from the women who embody the ELIF BOZOR style and experience our luxury fashion." @@ -317,42 +252,15 @@ export default function LandingPage() { animationType="slide-up" textboxLayout="default" useInvertedBackground={true} - title="Brand Moments & Instagram Gallery" - description="A glimpse into the world of ELIF BOZOR – our latest campaigns, behind-the-scenes, and style inspirations. Follow us for daily elegance." + title="Instagram Galeriyamizdan Lahzalar" + description="ELIF BOZOR dunyosiga nazar soling – eng so'nggi kampaniyalarimiz, sahna orti jarayonlari va stil ilhomlari. Bizni kuzating!" blogs={[ { - id: "blog-1", - category: "Campaign", - title: "Behind the Golden Collection Shoot", - excerpt: "Dive into the artistry and inspiration behind our latest Golden Collection, featuring exclusive designs and breathtaking visuals.", - imageSrc: "http://img.b2bpic.net/free-photo/hands-with-tattoo-machine-tattoo-master_627829-12063.jpg", - imageAlt: "Behind the scenes of a fashion photoshoot", - authorName: "ELIF BOZOR Team", - authorAvatar: "http://img.b2bpic.net/free-vector/hand-drawn-pageant-template-design_23-2149517423.jpg", - date: "Oct 26, 2023", - }, + id: "blog-1", category: "Campaign", title: "Behind the Golden Collection Shoot", excerpt: "Dive into the artistry and inspiration behind our latest Golden Collection, featuring exclusive designs and breathtaking visuals.", imageSrc: "http://img.b2bpic.net/free-photo/hands-with-tattoo-machine-tattoo-master_627829-12063.jpg", imageAlt: "Behind the scenes of a fashion photoshoot", authorName: "ELIF BOZOR Team", authorAvatar: "http://img.b2bpic.net/free-vector/hand-drawn-pageant-template-design_23-2149517423.jpg", date: "Oct 26, 2023"}, { - id: "blog-2", - category: "Style Guide", - title: "How to Style Your Gold Accents", - excerpt: "Unlock the secrets to effortlessly integrating luxurious gold accents into your everyday and evening wear with our expert tips.", - imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-european-girl-taking-picture-herself-with-peace-sign-her-room_197531-7162.jpg", - imageAlt: "Fashion influencer posing with gold accents", - authorName: "ELIF BOZOR Stylists", - authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ut0kpq", - date: "Oct 19, 2023", - }, + id: "blog-2", category: "Style Guide", title: "How to Style Your Gold Accents", excerpt: "Unlock the secrets to effortlessly integrating luxurious gold accents into your everyday and evening wear with our expert tips.", imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-european-girl-taking-picture-herself-with-peace-sign-her-room_197531-7162.jpg", imageAlt: "Fashion influencer posing with gold accents", authorName: "ELIF BOZOR Stylists", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ut0kpq", date: "Oct 19, 2023"}, { - id: "blog-3", - category: "New Arrivals", - title: "Discover Our Latest Boutique Arrivals", - excerpt: "Be the first to explore what's new in our stores! Fresh designs and limited editions waiting to elevate your style.", - imageSrc: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150861874.jpg", - imageAlt: "New fashion arrivals in a boutique", - authorName: "ELIF BOZOR Updates", - authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0orwaj", - date: "Oct 12, 2023", - }, + id: "blog-3", category: "New Arrivals", title: "Discover Our Latest Boutique Arrivals", excerpt: "Be the first to explore what's new in our stores! Fresh designs and limited editions waiting to elevate your style.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150861874.jpg", imageAlt: "New fashion arrivals in a boutique", authorName: "ELIF BOZOR Updates", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0orwaj", date: "Oct 12, 2023"}, ]} /> @@ -363,28 +271,16 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "faq-1", - title: "Where are ELIF BOZOR stores located?", - content: "ELIF BOZOR has two main branches:\n\n1. **ELIF BOZOR Urgench:** Urgench city, near Darital. Working Hours: 09:00 - 22:00, 7 days a week.\n2. **ELIF BOZOR Xiva:** Xiva, Elektroset street, opposite Passport Office. Working Hours: 09:00 - 22:00, 7 days a week.", - }, + id: "faq-1", title: "ELIF BOZOR do'konlari qayerda joylashgan?", content: "ELIF BOZORning ikkita asosiy filiali mavjud:\n\n1. **ELIF BOZOR Urganch:** Urganch shahri, Darital yaqinida. Ish vaqti: 09:00 - 22:00, haftaning 7 kuni.\n2. **ELIF BOZOR Xiva:** Xiva, Elektroset ko'chasi, Pasport idorasi ro'parasida. Ish vaqti: 09:00 - 22:00, haftaning 7 kuni."}, { - id: "faq-2", - title: "What are your working hours?", - content: "Both our Urgench and Xiva branches operate from 09:00 to 22:00, 7 days a week, for your convenience.", - }, + id: "faq-2", title: "Ish vaqtlarimiz qanday?", content: "Ham Urganch, ham Xiva filiallarimiz sizning qulayligingiz uchun haftaning 7 kuni ertalab 09:00 dan kechki 22:00 gacha ishlaydi."}, { - id: "faq-3", - title: "Do you offer delivery services?", - content: "Yes, we offer delivery services across all of Uzbekistan from both our Urgench and Xiva branches. Get your favorite fashion pieces delivered right to your doorstep.", - }, + id: "faq-3", title: "Yetkazib berish xizmatini taklif qilasizmi?", content: "Ha, biz Urganch va Xiva filiallarimizdan O'zbekiston bo'ylab yetkazib berish xizmatini taklif qilamiz. Sevimli moda mahsulotlaringizni to'g'ridan-to'g'ri eshigingizgacha yetkazib beramiz."}, { - id: "faq-4", - title: "How can I contact the stores directly?", - content: "You can reach us by phone at +998 91 423 82 80 for any inquiries, store information, or delivery updates.", - }, + id: "faq-4", title: "Do'konlar bilan to'g'ridan-to'g'ri qanday bog'lanishim mumkin?", content: "Har qanday savollar, do'kon ma'lumotlari yoki yetkazib berish yangilanishlari uchun biz bilan +998 91 423 82 80 raqami orqali bog'lanishingiz mumkin."}, ]} - title="Store Locations & Delivery Information" - description="Find us and get your elegant pieces delivered. We're here to serve you 7 days a week." + title="Do'kon Manzillari va Yetkazib Berish Ma'lumotlari" + description="Bizni toping va o'zingizning nafis buyumlaringizni yetkazib bering. Biz sizga haftaning 7 kuni xizmat qilishga tayyormiz." faqsAnimation="slide-up" /> @@ -393,14 +289,13 @@ export default function LandingPage() { @@ -408,86 +303,54 @@ export default function LandingPage() { diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx new file mode 100644 index 0000000..b5dfe25 --- /dev/null +++ b/src/app/shop/page.tsx @@ -0,0 +1,176 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import ReactLenis from "lenis/react"; +import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; +import FooterBase from '@/components/sections/footer/FooterBase'; +import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog'; +import { ShoppingCart, Heart, MessageCircle } from "lucide-react"; +import Link from "next/link"; + +const products = [ + { + id: "prod-1", name: "Opulent Silk Blouse", price: "899,000 UZS", rating: 5, + reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/two-sexy-brunette-wearing-stylish-black-dresses-sunglasses-posing-near-terrace-cafe-city_613910-4745.jpg", imageAlt: "Luxury silk blouse", category: "Blouses" + }, + { + id: "prod-2", name: "Golden Weave Skirt", price: "749,000 UZS", rating: 4, + reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/street-face-beauty-stylish-city_1157-3793.jpg", imageAlt: "Modern designer skirt", category: "Skirts" + }, + { + id: "prod-3", name: "Midnight Glam Gown", price: "2,499,000 UZS", rating: 5, + reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/young-female-model-sleeping-underwear_1303-19139.jpg", imageAlt: "Elegant black dress", category: "Dresses" + }, + { + id: "prod-4", name: "Imperial Gold Jacket", price: "1,599,000 UZS", rating: 4, + reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-walking-street_1303-25960.jpg", imageAlt: "Stylish women's jacket", category: "Jackets" + }, + { + id: "prod-5", name: "Sleek Urban Trousers", price: "649,000 UZS", rating: 4, + reviewCount: "70", imageSrc: "http://img.b2bpic.net/free-photo/girl_1303-4486.jpg", imageAlt: "Chic women's trousers", category: "Trousers" + }, + { + id: "prod-6", name: "Aurora Gold Handbag", price: "1,199,000 UZS", rating: 5, + reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/woman-resting-bench-after-shopping_23-2147645159.jpg", imageAlt: "Fashion accessories luxury gold bag", category: "Accessories" + } +]; + +export default function ShopPage() { + // In a real app, you would manage search and filter states + const [searchValue, setSearchValue] = React.useState(''); + const [selectedCategory, setSelectedCategory] = React.useState('All'); + + const filteredProducts = products.filter(product => { + const matchesSearch = product.name.toLowerCase().includes(searchValue.toLowerCase()); + const matchesCategory = selectedCategory === 'All' || product.category === selectedCategory; + return matchesSearch && matchesCategory; + }); + + const categories = ['All', ...new Set(products.map(p => p.category))]; + + return ( + + + + +
+
+
+

Our Product Catalog

+

Explore our exquisite collections.

+
+ +
+ + WhatsApp Orqali Buyurtma Berish + +
+ + ({ ...p, onProductClick: () => alert(`Product ${p.name} clicked!`), onFavorite: () => alert(`Product ${p.name} favorited!`) }))} + searchValue={searchValue} + onSearchChange={setSearchValue} + searchPlaceholder="Mahsulotlarni qidirish..." + filters={[ + { + label: 'Kategoriya', + options: categories, + selected: selectedCategory, + onChange: setSelectedCategory, + }, + ]} + emptyMessage="Hech qanday mahsulot topilmadi." + className="rounded-lg overflow-hidden" + gridClassName="grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6" + cardClassName="bg-card p-4 rounded-lg shadow-sm flex flex-col items-center justify-between text-center" + imageClassName="w-full h-48 object-cover rounded-md mb-4" + /> + + {/* Placeholder for quantity selector guidance */} +
+

Har bir mahsulot sahifasida miqdor tanlash imkoniyati qo'shilishi mumkin.

+
+
+
+ + +
+
+ ); +} diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index 1029ed3..6013f05 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -10,15 +10,15 @@ --accent: #ffffff; --background-accent: #ffffff; */ - --background: #000000; - --card: #111111; - --foreground: #FFFFFF; - --primary-cta: #D4AF37; + --background: #0A3D30; + --card: #0F5E4A; + --foreground: #FAF8F5; + --primary-cta: #B76E79; --primary-cta-text: #000000; - --secondary-cta: #111111; + --secondary-cta: #F6D7E3; --secondary-cta-text: #FFFFFF; - --accent: #D4AF37; - --background-accent: #D4AF37; + --accent: #B76E79; + --background-accent: #0F5E4A; /* text sizing - set by ThemeProvider */ /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); diff --git a/src/app/wishlist/page.tsx b/src/app/wishlist/page.tsx new file mode 100644 index 0000000..b222d77 --- /dev/null +++ b/src/app/wishlist/page.tsx @@ -0,0 +1,135 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import ReactLenis from "lenis/react"; +import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; +import FooterBase from '@/components/sections/footer/FooterBase'; +import { Heart, ShoppingCart } from 'lucide-react'; + +export default function WishlistPage() { + const [wishlistItems, setWishlistItems] = React.useState([ + { id: 'prod-3', name: 'Midnight Glam Gown', price: 2499000, imageSrc: 'http://img.b2bpic.net/free-photo/young-female-model-sleeping-underwear_1303-19139.jpg' }, + { id: 'prod-4', name: 'Imperial Gold Jacket', price: 1599000, imageSrc: 'http://img.b2bpic.net/free-photo/young-woman-walking-street_1303-25960.jpg' }, + ]); + + const removeFromWishlist = (id: string) => { + setWishlistItems(currentItems => currentItems.filter(item => item.id !== id)); + }; + + const addToCart = (item: any) => { + // In a real application, you would add this to the cart context/state + alert(`${item.name} savatga qo'shildi!`); + removeFromWishlist(item.id); + }; + + return ( + + + + +
+
+
+ +

Sevimlilarim

+

Sizning istak ro'yxatingizdagi mahsulotlar.

+
+ + {wishlistItems.length === 0 ? ( +

Sevimlilar ro'yxatingiz bo'sh. Mahsulotlarni qo'shing!

+ ) : ( +
+ {wishlistItems.map(item => ( +
+ {item.name} +

{item.name}

+

{item.price.toLocaleString('uz-UZ', { style: 'currency', currency: 'UZS' })}

+
+ + +
+
+ ))} +
+ )} +
+
+ + +
+
+ ); +}