Merge version_3 into main
Merge version_3 into main
This commit was merged in pull request #1.
This commit is contained in:
153
src/app/cart/page.tsx
Normal file
153
src/app/cart/page.tsx
Normal file
@@ -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 (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "Categories", id: "#categories" },
|
||||
{ name: "Wishlist", id: "/wishlist" },
|
||||
{ name: "Cart", id: "/cart" },
|
||||
{ name: "Checkout", id: "/checkout" },
|
||||
{ name: "About Us", id: "#about" },
|
||||
{ name: "Reviews", id: "#reviews" },
|
||||
{ name: "Locations", id: "#info" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/hand-drawn-pageant-template-design_23-2149517423.jpg"
|
||||
logoAlt="ELIF BOZOR Logo"
|
||||
brandName="ELIF BOZOR"
|
||||
bottomLeftText="Urgench & Khiva, Uzbekistan"
|
||||
bottomRightText="+998 91 423 82 80"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="py-16 md:py-24 lg:py-32">
|
||||
<div className="container mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div className="text-center mb-12">
|
||||
<ShoppingCart className="mx-auto h-12 w-12 text-primary-cta mb-4" />
|
||||
<h1 className="text-4xl md:text-5xl font-bold mb-4">Savatingiz</h1>
|
||||
<p className="text-lg text-foreground/70">Sizning tanlangan mahsulotlaringiz.</p>
|
||||
</div>
|
||||
|
||||
{cartItems.length === 0 ? (
|
||||
<p className="text-center text-xl text-foreground/80">Savatingiz bo'sh. Xarid qilishni boshlang!</p>
|
||||
) : (
|
||||
<div className="grid gap-6 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
|
||||
{cartItems.map(item => (
|
||||
<div key={item.id} className="bg-card p-4 rounded-lg shadow-sm flex flex-col items-center text-center">
|
||||
<img src={item.imageSrc} alt={item.name} className="w-full h-48 object-cover rounded-md mb-4" />
|
||||
<h3 className="text-lg font-semibold mb-2">{item.name}</h3>
|
||||
<p className="text-foreground/80 mb-2">{item.price.toLocaleString('uz-UZ', { style: 'currency', currency: 'UZS' })}</p>
|
||||
<div className="flex items-center space-x-2 mb-4">
|
||||
<button onClick={() => updateQuantity(item.id, -1)} className="p-2 rounded-full hover:bg-background-accent">
|
||||
<MinusCircle className="h-5 w-5" />
|
||||
</button>
|
||||
<span className="text-lg font-medium">{item.quantity}</span>
|
||||
<button onClick={() => updateQuantity(item.id, 1)} className="p-2 rounded-full hover:bg-background-accent">
|
||||
<PlusCircle className="h-5 w-5" />
|
||||
</button>
|
||||
</div>
|
||||
<button onClick={() => removeItem(item.id)} className="text-red-500 hover:text-red-700 flex items-center">
|
||||
<Trash2 className="h-4 w-4 mr-1" /> O'chirish
|
||||
</button>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
)}
|
||||
|
||||
{cartItems.length > 0 && (
|
||||
<div className="mt-8 text-right p-6 bg-card rounded-lg shadow-md">
|
||||
<h2 className="text-2xl font-bold mb-4">Jami: {totalAmount.toLocaleString('uz-UZ', { style: 'currency', currency: 'UZS' })}</h2>
|
||||
<a href="/checkout" className="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none ring-offset-background bg-primary-cta text-white hover:bg-primary-cta/90 h-10 px-4 py-2">
|
||||
Buyurtmani Rasmiylashtirish
|
||||
</a>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop", items: [
|
||||
{ label: "All Products", href: "/shop" },
|
||||
{ label: "Wishlist", href: "/wishlist" },
|
||||
{ label: "Cart", href: "/cart" },
|
||||
{ label: "Checkout", href: "/checkout" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "About", items: [
|
||||
{ label: "Our Story", href: "#about" },
|
||||
{ label: "Customer Reviews", href: "#reviews" },
|
||||
{ label: "Brand Values", href: "#about" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Store Locations", href: "#info" },
|
||||
{ label: "Delivery Information", href: "#info" },
|
||||
{ label: "Contact Us", href: "#contact" },
|
||||
{ label: "FAQs", href: "#info" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gw0ksd"
|
||||
logoAlt="ELIF BOZOR Logo"
|
||||
logoText="ELIF BOZOR"
|
||||
copyrightText="© 2024 ELIF BOZOR. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
411
src/app/page.tsx
411
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() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "New Collection",
|
||||
id: "#collections",
|
||||
},
|
||||
name: "New Collection", id: "#collections"},
|
||||
{
|
||||
name: "Categories",
|
||||
id: "#categories",
|
||||
},
|
||||
name: "Best Sellers", id: "#best-sellers"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Promotions", id: "#promotions"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
name: "Categories", id: "#categories"},
|
||||
{
|
||||
name: "Locations",
|
||||
id: "#info",
|
||||
},
|
||||
name: "About Us", id: "#about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Reviews", id: "#reviews"},
|
||||
{
|
||||
name: "Locations", id: "#info"},
|
||||
{
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/hand-drawn-pageant-template-design_23-2149517423.jpg"
|
||||
logoAlt="ELIF BOZOR Logo"
|
||||
@@ -68,45 +62,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "downward-rays-animated-grid",
|
||||
}}
|
||||
variant: "downward-rays-animated-grid"}}
|
||||
title="ELIF BOZOR"
|
||||
description="Discover unparalleled elegance and modern luxury fashion designed for the sophisticated woman. Your style, redefined."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop New Arrivals",
|
||||
href: "#collections",
|
||||
},
|
||||
text: "Shop New Arrivals", href: "#collections"},
|
||||
{
|
||||
text: "Explore Collections",
|
||||
href: "#categories",
|
||||
},
|
||||
text: "Explore Collections", href: "#categories"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453480.jpg",
|
||||
imageAlt: "Woman in elegant gold dress",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453480.jpg", imageAlt: "Woman in elegant gold dress"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-look-glamor-closeup-portrait-beautiful-sexy-stylish-brunette-caucasian-young-woman-model-with-bright-makeup-with-perfect-sunbathed-clean-skin-with-jewelery-outdoors-vogue-style_158538-13929.jpg",
|
||||
imageAlt: "Woman in modern luxury outfit",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-look-glamor-closeup-portrait-beautiful-sexy-stylish-brunette-caucasian-young-woman-model-with-bright-makeup-with-perfect-sunbathed-clean-skin-with-jewelery-outdoors-vogue-style_158538-13929.jpg", imageAlt: "Woman in modern luxury outfit"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-black-sweater-standing-posing_114579-58757.jpg",
|
||||
imageAlt: "Woman in flowing fabric in dark setting",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-black-sweater-standing-posing_114579-58757.jpg", imageAlt: "Woman in flowing fabric in dark setting"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-posing-night-with-flash_23-2150204404.jpg",
|
||||
imageAlt: "Woman in chic urban luxury fashion",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-posing-night-with-flash_23-2150204404.jpg", imageAlt: "Woman in chic urban luxury fashion"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-representing-leo-zodiac-sign_23-2151006286.jpg",
|
||||
imageAlt: "Woman in minimalist elegant clothing",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-representing-leo-zodiac-sign_23-2151006286.jpg", imageAlt: "Woman in minimalist elegant clothing"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fast-fashion-concept-with-piles-clothes_23-2150871410.jpg",
|
||||
imageAlt: "Woman in avant-garde fashion with gold accents",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fast-fashion-concept-with-piles-clothes_23-2150871410.jpg", imageAlt: "Woman in avant-garde fashion with gold accents"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -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"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -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."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="best-sellers" data-section="best-sellers">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "bs-1", name: "Velvet Evening Gown", price: "UZS 1,850,000", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453480.jpg", imageAlt: "Velvet Evening Gown"},
|
||||
{
|
||||
id: "bs-2", name: "Chiffon Maxi Dress", price: "UZS 950,000", imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-look-glamor-closeup-portrait-beautiful-sexy-stylish-brunette-caucasian-young-woman-model-with-bright-makeup-with-perfect-sunbathed-clean-skin-with-jewelery-outdoors-vogue-style_158538-13929.jpg", imageAlt: "Chiffon Maxi Dress"},
|
||||
{
|
||||
id: "bs-3", name: "Silk Scarf Collection", price: "UZS 320,000", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-black-sweater-standing-posing_114579-58757.jpg", imageAlt: "Silk Scarf Collection"},
|
||||
{
|
||||
id: "bs-4", name: "Leather Mini Skirt", price: "UZS 780,000", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-posing-night-with-flash_23-2150204404.jpg", imageAlt: "Leather Mini Skirt"},
|
||||
{
|
||||
id: "bs-5", name: "Tailored Blazer", price: "UZS 1,200,000", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-representing-leo-zodiac-sign_23-2151006286.jpg", imageAlt: "Tailored Blazer"},
|
||||
{
|
||||
id: "bs-6", name: "Statement Heels", price: "UZS 680,000", imageSrc: "http://img.b2bpic.net/free-photo/fast-fashion-concept-with-piles-clothes_23-2150871410.jpg", imageAlt: "Statement Heels"},
|
||||
]}
|
||||
title="Eng Ko'p Sotilgan Mahsulotlar"
|
||||
description="Mijozlarimiz tomonidan eng sevilgan va ko'p xarid qilingan mahsulotlarimizni kashf eting."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="promotions" data-section="promotions">
|
||||
<PricingCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "promo-1", tag: "Yangi Kelganlar Uchun", price: "30%", period: "chegirma", description: "Birinchi xaridingizda barcha Yangi Kolleksiya mahsulotlariga 30% chegirma oling.", button: {
|
||||
text: "Hozir Xarid Qiling", href: "#collections"},
|
||||
featuresTitle: "Shartlar", features: [
|
||||
"Faqat yangi mijozlar uchun", "Minimal xarid talab qilinmaydi", "Cheklangan vaqt", "Onlayn va do'konlarda"],
|
||||
},
|
||||
{
|
||||
id: "prod-2",
|
||||
name: "Golden Weave Skirt",
|
||||
price: "UZS 749,000",
|
||||
variant: "Best Seller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/street-face-beauty-stylish-city_1157-3793.jpg",
|
||||
imageAlt: "Modern designer skirt",
|
||||
id: "promo-2", tag: "Mavsumiy Taklif", price: "50%", period: "chegirma", description: "Mavsumiy kolleksiyadagi tanlangan mahsulotlarga 50% gacha chegirmalar.", button: {
|
||||
text: "Mavsumiy Chegirmalarni Ko'rish", href: "#categories"},
|
||||
featuresTitle: "Shartlar", features: [
|
||||
"Tanlangan mahsulotlar uchun", "Stok tugaguncha amal qiladi", "Do'konlarda va onlayn", "Boshqa chegirmalar bilan birlashtirilmaydi"],
|
||||
},
|
||||
{
|
||||
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: "Best Seller",
|
||||
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: "Best Seller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-resting-bench-after-shopping_23-2147645159.jpg",
|
||||
imageAlt: "Fashion accessories luxury gold bag",
|
||||
id: "promo-3", tag: "Maxsus Qizlar Uchun", price: "Bepul", period: "yetkazib berish", description: "3,000,000 UZS dan ortiq xaridlarga O'zbekiston bo'ylab bepul yetkazib berish.", button: {
|
||||
text: "Batafsil Ma'lumot", href: "#info"},
|
||||
featuresTitle: "Shartlar", features: [
|
||||
"Minimal xarid 3,000,000 UZS", "O'zbekiston bo'ylab", "Barcha toifalar uchun", "Avtomatik qo'llaniladi"],
|
||||
},
|
||||
]}
|
||||
title="New Arrivals & Best Sellers"
|
||||
description="Discover our latest fashion statements and customer favorites, embodying modern luxury and impeccable design."
|
||||
title="Maxsus Aksiyalar va Takliflar"
|
||||
description="ELIF BOZOR'ning eksklyuziv takliflari va chegirmalaridan foydalaning. Cheklangan vaqt ichida sevimli mahsulotlaringizni xarid qiling!"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -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"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -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"
|
||||
/>
|
||||
</div>
|
||||
@@ -393,14 +289,13 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "downward-rays-animated-grid",
|
||||
}}
|
||||
tag="Connect With Us"
|
||||
title="Experience Personalised Service"
|
||||
description="Have a question about our collections, need styling advice, or want to inquire about an order? Our team is ready to assist you."
|
||||
inputPlaceholder="Enter your email for updates"
|
||||
buttonText="Subscribe to Newsletter"
|
||||
termsText="By subscribing, you agree to receive marketing emails from ELIF BOZOR and agree to our Privacy Policy."
|
||||
variant: "downward-rays-animated-grid"}}
|
||||
tag="Biz bilan bog'laning"
|
||||
title="Shaxsiylashtirilgan xizmatni his qiling"
|
||||
description="Kolleksiyalarimiz haqida savolingiz bormi, stil bo'yicha maslahat kerakmi yoki buyurtma haqida ma'lumot olmoqchimisiz? Bizning jamoamiz sizga yordam berishga tayyor."
|
||||
inputPlaceholder="Yangiliklar uchun elektron pochtangizni kiriting"
|
||||
buttonText="Yangiliklarga obuna bo'lish"
|
||||
termsText="Obuna bo'lish orqali siz ELIF BOZOR dan marketing elektron pochta xabarlarini olishga rozilik bildirasiz va Maxfiylik Siyosatimizga rozilik bildirasiz."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -408,86 +303,54 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Collections",
|
||||
items: [
|
||||
title: "Kolleksiyalar", items: [
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#collections",
|
||||
},
|
||||
label: "Yangi Kelganlar", href: "#collections"},
|
||||
{
|
||||
label: "Best Sellers",
|
||||
href: "#collections",
|
||||
},
|
||||
label: "Eng Ko'p Sotilganlar", href: "#best-sellers"},
|
||||
{
|
||||
label: "Evening Wear",
|
||||
href: "#categories",
|
||||
},
|
||||
label: "Oqshom Liboslari", href: "#categories"},
|
||||
{
|
||||
label: "Casual Chic",
|
||||
href: "#categories",
|
||||
},
|
||||
label: "Kundalik Elegans", href: "#categories"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "About",
|
||||
items: [
|
||||
title: "Biz Haqimizda", items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Bizning Hikoyamiz", href: "#about"},
|
||||
{
|
||||
label: "Customer Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
label: "Mijozlar Fikrlari", href: "#reviews"},
|
||||
{
|
||||
label: "Brand Values",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Brend Qadriyatlari", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Qo'llab-Quvvatlash", items: [
|
||||
{
|
||||
label: "Store Locations",
|
||||
href: "#info",
|
||||
},
|
||||
label: "Do'kon Manzillari", href: "#info"},
|
||||
{
|
||||
label: "Delivery Information",
|
||||
href: "#info",
|
||||
},
|
||||
label: "Yetkazib Berish Ma'lumotlari", href: "#info"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Biz bilan Bog'laning", href: "#contact"},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#info",
|
||||
},
|
||||
label: "Tez-tez beriladigan savollar", href: "#info"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Huquqiy", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Maxfiylik Siyosati", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Xizmat Ko'rsatish Shartlari", href: "#"},
|
||||
{
|
||||
label: "Cookie Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Cookie Siyosati", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gw0ksd"
|
||||
logoAlt="ELIF BOZOR Logo"
|
||||
logoText="ELIF BOZOR"
|
||||
copyrightText="© 2024 ELIF BOZOR. All rights reserved."
|
||||
copyrightText="© 2024 ELIF BOZOR. Barcha huquqlar himoyalangan."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
176
src/app/shop/page.tsx
Normal file
176
src/app/shop/page.tsx
Normal file
@@ -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 (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "Categories", id: "#categories" },
|
||||
{ name: "Wishlist", id: "/wishlist" },
|
||||
{ name: "Cart", id: "/cart" },
|
||||
{ name: "Checkout", id: "/checkout" },
|
||||
{ name: "About Us", id: "#about" },
|
||||
{ name: "Reviews", id: "#reviews" },
|
||||
{ name: "Locations", id: "#info" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/hand-drawn-pageant-template-design_23-2149517423.jpg"
|
||||
logoAlt="ELIF BOZOR Logo"
|
||||
brandName="ELIF BOZOR"
|
||||
bottomLeftText="Urgench & Khiva, Uzbekistan"
|
||||
bottomRightText="+998 91 423 82 80"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="py-16 md:py-24 lg:py-32">
|
||||
<div className="container mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div className="text-center mb-12">
|
||||
<h1 className="text-4xl md:text-5xl font-bold mb-4">Our Product Catalog</h1>
|
||||
<p className="text-lg text-foreground/70">Explore our exquisite collections.</p>
|
||||
</div>
|
||||
|
||||
<div className="mb-8 flex justify-center">
|
||||
<Link
|
||||
href="https://wa.me/998914238280?text=Hello%20ELIF%20BOZOR%2C%20I%20would%20like%20to%20place%20an%20order."
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none ring-offset-background bg-green-500 text-white hover:bg-green-600 h-10 px-4 py-2"
|
||||
>
|
||||
<MessageCircle className="mr-2 h-4 w-4" /> WhatsApp Orqali Buyurtma Berish
|
||||
</Link>
|
||||
</div>
|
||||
|
||||
<ProductCatalog
|
||||
layout="page"
|
||||
products={filteredProducts.map(p => ({ ...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 */}
|
||||
<div className="mt-12 text-center text-foreground/60">
|
||||
<p>Har bir mahsulot sahifasida miqdor tanlash imkoniyati qo'shilishi mumkin.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop", items: [
|
||||
{ label: "All Products", href: "/shop" },
|
||||
{ label: "Wishlist", href: "/wishlist" },
|
||||
{ label: "Cart", href: "/cart" },
|
||||
{ label: "Checkout", href: "/checkout" },
|
||||
{ label: "Categories", href: "#categories" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "About", items: [
|
||||
{ label: "Our Story", href: "#about" },
|
||||
{ label: "Customer Reviews", href: "#reviews" },
|
||||
{ label: "Brand Values", href: "#about" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Store Locations", href: "#info" },
|
||||
{ label: "Delivery Information", href: "#info" },
|
||||
{ label: "Contact Us", href: "#contact" },
|
||||
{ label: "FAQs", href: "#info" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gw0ksd"
|
||||
logoAlt="ELIF BOZOR Logo"
|
||||
logoText="ELIF BOZOR"
|
||||
copyrightText="© 2024 ELIF BOZOR. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -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);
|
||||
|
||||
135
src/app/wishlist/page.tsx
Normal file
135
src/app/wishlist/page.tsx
Normal file
@@ -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 (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "Categories", id: "#categories" },
|
||||
{ name: "Wishlist", id: "/wishlist" },
|
||||
{ name: "Cart", id: "/cart" },
|
||||
{ name: "Checkout", id: "/checkout" },
|
||||
{ name: "About Us", id: "#about" },
|
||||
{ name: "Reviews", id: "#reviews" },
|
||||
{ name: "Locations", id: "#info" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/hand-drawn-pageant-template-design_23-2149517423.jpg"
|
||||
logoAlt="ELIF BOZOR Logo"
|
||||
brandName="ELIF BOZOR"
|
||||
bottomLeftText="Urgench & Khiva, Uzbekistan"
|
||||
bottomRightText="+998 91 423 82 80"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="py-16 md:py-24 lg:py-32">
|
||||
<div className="container mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div className="text-center mb-12">
|
||||
<Heart className="mx-auto h-12 w-12 text-primary-cta mb-4" />
|
||||
<h1 className="text-4xl md:text-5xl font-bold mb-4">Sevimlilarim</h1>
|
||||
<p className="text-lg text-foreground/70">Sizning istak ro'yxatingizdagi mahsulotlar.</p>
|
||||
</div>
|
||||
|
||||
{wishlistItems.length === 0 ? (
|
||||
<p className="text-center text-xl text-foreground/80">Sevimlilar ro'yxatingiz bo'sh. Mahsulotlarni qo'shing!</p>
|
||||
) : (
|
||||
<div className="grid gap-6 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
|
||||
{wishlistItems.map(item => (
|
||||
<div key={item.id} className="bg-card p-4 rounded-lg shadow-sm flex flex-col items-center text-center">
|
||||
<img src={item.imageSrc} alt={item.name} className="w-full h-48 object-cover rounded-md mb-4" />
|
||||
<h3 className="text-lg font-semibold mb-2">{item.name}</h3>
|
||||
<p className="text-foreground/80 mb-4">{item.price.toLocaleString('uz-UZ', { style: 'currency', currency: 'UZS' })}</p>
|
||||
<div className="flex space-x-2">
|
||||
<button onClick={() => addToCart(item)} className="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none ring-offset-background bg-primary-cta text-white hover:bg-primary-cta/90 h-10 px-4 py-2">
|
||||
<ShoppingCart className="h-4 w-4 mr-1" /> Savatga Qo'shish
|
||||
</button>
|
||||
<button onClick={() => removeFromWishlist(item.id)} className="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none ring-offset-background border border-secondary-cta text-secondary-cta hover:bg-secondary-cta/10 h-10 px-4 py-2">
|
||||
O'chirish
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop", items: [
|
||||
{ label: "All Products", href: "/shop" },
|
||||
{ label: "Wishlist", href: "/wishlist" },
|
||||
{ label: "Cart", href: "/cart" },
|
||||
{ label: "Checkout", href: "/checkout" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "About", items: [
|
||||
{ label: "Our Story", href: "#about" },
|
||||
{ label: "Customer Reviews", href: "#reviews" },
|
||||
{ label: "Brand Values", href: "#about" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Store Locations", href: "#info" },
|
||||
{ label: "Delivery Information", href: "#info" },
|
||||
{ label: "Contact Us", href: "#contact" },
|
||||
{ label: "FAQs", href: "#info" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gw0ksd"
|
||||
logoAlt="ELIF BOZOR Logo"
|
||||
logoText="ELIF BOZOR"
|
||||
copyrightText="© 2024 ELIF BOZOR. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user