bender/e6fc0c02-b719-4aa6-a953-26129f9aff2b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 8 commits from version_2 into main 2026-03-06 09:08:42 +00:00
Conversation 0 Commits 8 Files Changed 8 +513 -107
8 changed files with 513 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files

103
src/app/cart/page.tsx Normal file
View File

@@ -0,0 +1,103 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { ShoppingCart } from 'lucide-react';
export default function CartPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="mediumLargeSizeLargeTitles"
background="floatingGradient"
cardStyle="glass-depth"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="layered"
headingFontWeight="bold"
>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Products", id: "/products" },
{ name: "Categories", id: "/categories" },
{ name: "Cart", id: "/cart" }
]}
button={{ text: "Sign In", href: "/login" }}
brandName="Uzum Market"
/>
</div>
<div id="cart" data-section="cart" style={{ paddingTop: "5rem" }}>
<ProductCardThree
products={[
{
id: "1", name: "Premium Wireless Headphones", price: "$89.99", imageSrc: "http://img.b2bpic.net/free-photo/modern-workspace-featuring-cellphone-setup_58702-17222.jpg", imageAlt: "Premium wireless headphones", initialQuantity: 1
},
{
id: "2", name: "Designer Casual Shirt", price: "$45.99", imageSrc: "http://img.b2bpic.net/free-photo/woman-walking-white-blouse-terracotta-pants-minimalist-setting_24972-2967.jpg", imageAlt: "Designer casual shirt", initialQuantity: 2
},
{
id: "3", name: "Modern Table Lamp", price: "$62.99", imageSrc: "http://img.b2bpic.net/free-photo/couch-with-cushions-glass-table_1203-764.jpg", imageAlt: "Modern table lamp", initialQuantity: 1
}
]}
title="Shopping Cart"
description="Review your items and adjust quantities. Use the price buttons to add items to checkout or continue shopping."
gridVariant="two-columns-alternating-heights"
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
tag="Your Items"
tagIcon={ShoppingCart}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Uzum Market"
columns={[
{
title: "Shop", items: [
{ label: "Electronics", href: "/products" },
{ label: "Fashion", href: "/products" },
{ label: "Home & Garden", href: "/products" },
{ label: "Sports", href: "/products" },
{ label: "Beauty", href: "/products" }
]
},
{
title: "Account", items: [
{ label: "My Orders", href: "/" },
{ label: "Wishlist", href: "/" },
{ label: "Settings", href: "/" },
{ label: "Saved Items", href: "/" }
]
},
{
title: "Support", items: [
{ label: "Contact Us", href: "/" },
{ label: "Help Center", href: "/" },
{ label: "Track Order", href: "/" },
{ label: "Returns", href: "/" }
]
},
{
title: "Company", items: [
{ label: "About Us", href: "/" },
{ label: "Blog", href: "/" },
{ label: "Careers", href: "/" },
{ label: "Press", href: "/" }
]
}
]}
copyrightText="© 2025 Uzum Market. All rights reserved."
/>
</div>
</ThemeProvider>
);
}

112
src/app/categories/page.tsx Normal file
View File

@@ -0,0 +1,112 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { ShoppingBag } from 'lucide-react';
export default function CategoriesPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="mediumLargeSizeLargeTitles"
background="floatingGradient"
cardStyle="glass-depth"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="layered"
headingFontWeight="bold"
>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Products", id: "/products" },
{ name: "Categories", id: "/categories" },
{ name: "Cart", id: "/cart" }
]}
button={{ text: "Sign In", href: "/login" }}
brandName="Uzum Market"
/>
</div>
<div id="categories" data-section="categories" style={{ paddingTop: "5rem" }}>
<ProductCardOne
products={[
{
id: "1", name: "Electronics", price: "Explore Now", imageSrc: "http://img.b2bpic.net/free-photo/modern-workspace-featuring-cellphone-setup_58702-17222.jpg", imageAlt: "Electronics category"
},
{
id: "2", name: "Fashion & Apparel", price: "Explore Now", imageSrc: "http://img.b2bpic.net/free-photo/woman-walking-white-blouse-terracotta-pants-minimalist-setting_24972-2967.jpg", imageAlt: "Fashion category"
},
{
id: "3", name: "Home & Garden", price: "Explore Now", imageSrc: "http://img.b2bpic.net/free-photo/couch-with-cushions-glass-table_1203-764.jpg", imageAlt: "Home and garden category"
},
{
id: "4", name: "Sports & Outdoors", price: "Explore Now", imageSrc: "http://img.b2bpic.net/free-photo/man-in-business-suit-holding-briefcase_1163-5163.jpg", imageAlt: "Sports category"
},
{
id: "5", name: "Beauty & Personal Care", price: "Explore Now", imageSrc: "http://img.b2bpic.net/free-photo/modern-workspace-featuring-cellphone-setup_58702-17222.jpg", imageAlt: "Beauty category"
},
{
id: "6", name: "Books & Media", price: "Explore Now", imageSrc: "http://img.b2bpic.net/free-photo/woman-walking-white-blouse-terracotta-pants-minimalist-setting_24972-2967.jpg", imageAlt: "Books category"
}
]}
title="Shop by Category"
description="Browse our diverse range of product categories. Each category features handpicked items with smooth filtering and amazing deals."
gridVariant="three-columns-all-equal-width"
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
tag="Categories"
tagIcon={ShoppingBag}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Uzum Market"
columns={[
{
title: "Shop", items: [
{ label: "Electronics", href: "/products" },
{ label: "Fashion", href: "/products" },
{ label: "Home & Garden", href: "/products" },
{ label: "Sports", href: "/products" },
{ label: "Beauty", href: "/products" }
]
},
{
title: "Account", items: [
{ label: "My Orders", href: "/" },
{ label: "Wishlist", href: "/" },
{ label: "Settings", href: "/" },
{ label: "Saved Items", href: "/" }
]
},
{
title: "Support", items: [
{ label: "Contact Us", href: "/" },
{ label: "Help Center", href: "/" },
{ label: "Track Order", href: "/" },
{ label: "Returns", href: "/" }
]
},
{
title: "Company", items: [
{ label: "About Us", href: "/" },
{ label: "Blog", href: "/" },
{ label: "Careers", href: "/" },
{ label: "Press", href: "/" }
]
}
]}
copyrightText="© 2025 Uzum Market. All rights reserved."
/>
</div>
</ThemeProvider>
);
}

33
src/app/layout.tsx
View File

@@ -1,34 +1,19 @@
import type { Metadata } from "next";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google";
import { Archivo } from "next/font/google";
import { Poppins } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const halant = Halant({
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
const archivo = Archivo({
variable: "--font-archivo", subsets: ["latin"],
const poppins = Poppins({
variable: "--font-poppins", subsets: ["latin"],
weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
});
export const metadata: Metadata = {
title: "Uzum Market - Premium Online Shopping Marketplace", description: "Discover thousands of quality products on Uzum Market. Shop electronics, fashion, home goods, and more with fast delivery and trusted sellers.", keywords: "online marketplace, shopping, ecommerce, electronics, fashion, home goods", openGraph: {
title: "Uzum Market - Your Trusted Shopping Destination", description: "Premium online marketplace with thousands of products, fast delivery, and exceptional customer service.", siteName: "Uzum Market", type: "website", images: [
{
url: "http://img.b2bpic.net/free-photo/african-american-man-looks-clothes-online-touch-screen-monitor-fashion-boutique-mall-self-service-board-male-customer-looking-trendy-clothes-items-retail-kiosk-display_482257-63314.jpg", alt: "Uzum Market marketplace"},
],
},
title: "Uzum Market - Modern Online Marketplace", description: "Discover premium products with smooth shopping experience, product filters, responsive design, and secure checkout on Uzum Market.", keywords: "online marketplace, shopping, ecommerce, products, fast delivery", openGraph: {
title: "Uzum Market - Your Modern Shopping Destination", description: "Browse thousands of products with smooth animations, price filters, and fast delivery.", siteName: "Uzum Market", type: "website"},
twitter: {
card: "summary_large_image", title: "Uzum Market - Shop Quality Products Online", description: "Browse thousands of products with trusted sellers, fast shipping, and 24/7 customer support.", images: ["http://img.b2bpic.net/free-photo/african-american-man-looks-clothes-online-touch-screen-monitor-fashion-boutique-mall-self-service-board-male-customer-looking-trendy-clothes-items-retail-kiosk-display_482257-63314.jpg"],
},
card: "summary_large_image", title: "Uzum Market - Shop Smart, Shop Easy", description: "Modern online marketplace with intuitive navigation and premium products."},
};
export default function RootLayout({
@@ -39,9 +24,7 @@ export default function RootLayout({
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${halant.variable} ${inter.variable} ${archivo.variable} antialiased`}
>
<body className={`${poppins.variable} antialiased`}>
<Tag />
{children}

93
src/app/login/page.tsx Normal file
View File

@@ -0,0 +1,93 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { LogIn } from 'lucide-react';
export default function LoginPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="mediumLargeSizeLargeTitles"
background="floatingGradient"
cardStyle="glass-depth"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="layered"
headingFontWeight="bold"
>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Products", id: "/products" },
{ name: "Categories", id: "/categories" },
{ name: "Cart", id: "/cart" }
]}
button={{ text: "Sign In", href: "/login" }}
brandName="Uzum Market"
/>
</div>
<div id="login" data-section="login" style={{ paddingTop: "5rem", minHeight: "70vh" }}>
<ContactCenter
tag="Sign In"
title="Welcome Back to Uzum Market"
description="Sign in to your account to access your orders, saved items, and personalized recommendations."
tagIcon={LogIn}
background={{ variant: "floatingGradient" }}
useInvertedBackground={false}
inputPlaceholder="Enter your email or phone number"
buttonText="Sign In"
termsText="Don't have an account? Create one now and start shopping!"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Uzum Market"
columns={[
{
title: "Shop", items: [
{ label: "Electronics", href: "/products" },
{ label: "Fashion", href: "/products" },
{ label: "Home & Garden", href: "/products" },
{ label: "Sports", href: "/products" },
{ label: "Beauty", href: "/products" }
]
},
{
title: "Account", items: [
{ label: "My Orders", href: "/" },
{ label: "Wishlist", href: "/" },
{ label: "Settings", href: "/" },
{ label: "Saved Items", href: "/" }
]
},
{
title: "Support", items: [
{ label: "Contact Us", href: "/" },
{ label: "Help Center", href: "/" },
{ label: "Track Order", href: "/" },
{ label: "Returns", href: "/" }
]
},
{
title: "Company", items: [
{ label: "About Us", href: "/" },
{ label: "Blog", href: "/" },
{ label: "Careers", href: "/" },
{ label: "Press", href: "/" }
]
}
]}
copyrightText="© 2025 Uzum Market. All rights reserved."
/>
</div>
</ThemeProvider>
);
}

151
src/app/page.tsx
View File

@@ -10,32 +10,31 @@ import TestimonialCardFifteen from '@/components/sections/testimonial/Testimonia
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { CheckCircle, CreditCard, Lock, Mail, MessageSquare, Package, ShoppingBag, Shield, Star, User } from 'lucide-react';
import { CheckCircle, CreditCard, Lock, Mail, MessageSquare, Package, ShoppingBag, Shield, Star, User, Heart, Filter, TrendingUp } from 'lucide-react';
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="small"
sizing="largeSmallSizeLargeTitles"
background="circleGradient"
cardStyle="gradient-bordered"
primaryButtonStyle="double-inset"
secondaryButtonStyle="solid"
headingFontWeight="extrabold"
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="mediumLargeSizeLargeTitles"
background="floatingGradient"
cardStyle="glass-depth"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="layered"
headingFontWeight="bold"
>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "home" },
{ name: "Products", id: "products" },
{ name: "Categories", id: "categories" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" }
{ name: "Home", id: "/" },
{ name: "Products", id: "/products" },
{ name: "Categories", id: "/categories" },
{ name: "Cart", id: "/cart" }
]}
button={{ text: "Browse Catalog", href: "#products" }}
button={{ text: "Sign In", href: "/login" }}
brandName="Uzum Market"
/>
</div>
@@ -43,30 +42,30 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroLogoBillboard
logoText="Uzum Market"
description="Discover premium products across electronics, fashion, home goods, and more. Shop with confidence from trusted sellers and enjoy fast delivery."
description="Your modern online marketplace for premium products. Discover curated items with smooth shopping experience, smart filters, and fast delivery across all categories."
buttons={[
{ text: "Start Shopping", href: "#products" },
{ text: "Learn More", href: "#about" }
{ text: "Shop Now", href: "/products" },
{ text: "Browse Categories", href: "/categories" }
]}
background={{ variant: "plain" }}
background={{ variant: "floatingGradient" }}
imageSrc="http://img.b2bpic.net/free-photo/african-american-man-looks-clothes-online-touch-screen-monitor-fashion-boutique-mall-self-service-board-male-customer-looking-trendy-clothes-items-retail-kiosk-display_482257-63314.jpg"
imageAlt="Uzum Market showcase"
imageAlt="Modern shopping experience"
frameStyle="card"
mediaAnimation="slide-up"
buttonAnimation="slide-up"
mediaAnimation="blur-reveal"
buttonAnimation="blur-reveal"
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
heading={[
{ type: "text", content: "Your trusted online marketplace for" },
{ type: "text", content: "quality products and exceptional service" }
{ type: "text", content: "Shop smarter with" },
{ type: "text", content: "next-generation marketplace experience" }
]}
buttons={[
{ text: "Explore Categories", href: "#categories" }
{ text: "Explore Now", href: "/products" }
]}
useInvertedBackground={false}
useInvertedBackground={true}
/>
</div>
@@ -81,16 +80,19 @@ export default function LandingPage() {
},
{
id: "3", name: "Modern Table Lamp", price: "$62.99", imageSrc: "http://img.b2bpic.net/free-photo/couch-with-cushions-glass-table_1203-764.jpg", imageAlt: "Modern table lamp"
},
{
id: "4", name: "Stylish Backpack", price: "$54.99", imageSrc: "http://img.b2bpic.net/free-photo/man-in-business-suit-holding-briefcase_1163-5163.jpg", imageAlt: "Stylish backpack"
}
]}
title="Featured Products"
description="Handpicked selection of bestsellers from our marketplace. Browse our most popular items with verified customer ratings."
title="Featured Collections"
description="Handpicked selection of trending products with verified ratings and customer reviews. Discover items trusted by thousands of shoppers."
gridVariant="three-columns-all-equal-width"
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={true}
tag="Best Sellers"
tagIcon={Star}
useInvertedBackground={false}
tag="Trending Now"
tagIcon={TrendingUp}
/>
</div>
@@ -98,17 +100,17 @@ export default function LandingPage() {
<FeatureBento
features={[
{
title: "Wide Selection", description: "Browse thousands of products across multiple categories", bentoComponent: "icon-info-cards", items: [
title: "Smart Filtering", description: "Filter by price range, category, ratings, and more", bentoComponent: "icon-info-cards", items: [
{ icon: Filter, label: "Price Range", value: "Custom" },
{ icon: ShoppingBag, label: "Categories", value: "50+" },
{ icon: Package, label: "Products", value: "10K+" },
{ icon: Star, label: "Ratings", value: "4.8★" }
]
},
{
title: "Fast Delivery", description: "Quick and reliable shipping to your doorstep", bentoComponent: "animated-bar-chart"
title: "Express Delivery", description: "Fast and reliable shipping with real-time tracking", bentoComponent: "animated-bar-chart"
},
{
title: "Secure Payment", description: "Multiple payment options with guaranteed security", bentoComponent: "orbiting-icons", centerIcon: Shield,
title: "Secure Checkout", description: "Multiple payment methods with enhanced security", bentoComponent: "orbiting-icons", centerIcon: Shield,
items: [
{ icon: CreditCard, ring: 1 },
{ icon: Lock, ring: 2 },
@@ -116,19 +118,19 @@ export default function LandingPage() {
]
},
{
title: "Customer Support", description: "24/7 dedicated support team ready to help", bentoComponent: "chat", aiIcon: MessageSquare,
title: "Customer Support", description: "24/7 support team ready to assist you", bentoComponent: "chat", aiIcon: MessageSquare,
userIcon: User,
exchanges: [
{ userMessage: "How do I track my order?", aiResponse: "You can track your order in real-time through your account dashboard." },
{ userMessage: "What's your return policy?", aiResponse: "We offer 30-day returns on most items with free return shipping." }
{ userMessage: "How do I use price filters?", aiResponse: "Use the price slider to set your budget range. Products will instantly filter to match your criteria." },
{ userMessage: "What payment methods are available?", aiResponse: "We accept credit cards, digital wallets, and bank transfers with full encryption security." }
],
placeholder: "Ask us anything..."
}
]}
title="Why Choose Uzum Market"
description="Experience shopping like never before with our innovative platform features."
title="Why Shop at Uzum Market"
description="Experience a modern marketplace with intuitive navigation, smart filtering, and seamless checkout process."
textboxLayout="default"
animationType="slide-up"
animationType="blur-reveal"
useInvertedBackground={false}
carouselMode="buttons"
/>
@@ -136,9 +138,9 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
testimonial="Uzum Market has completely changed how I shop online. The product selection is incredible, delivery is fast, and customer service is outstanding. I've already recommended it to all my friends!"
testimonial="Uzum Market transformed my shopping experience. The product filters are incredibly helpful, checkout is smooth, and delivery was impressively fast. The interface is so intuitive, I've been recommending it to everyone!"
rating={5}
author="Sarah Johnson, Verified Buyer"
author="Sofia Rahimova, Verified Buyer"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/smiling-millennial-man-looking-camera-cafe-headshot-portrait_1163-5163.jpg", alt: "Customer 1" },
{ src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", alt: "Customer 2" },
@@ -154,18 +156,18 @@ export default function LandingPage() {
<div id="faq" data-section="faq">
<FaqSplitMedia
faqs={[
{ id: "1", title: "How do I track my order?", content: "Once your order is shipped, you'll receive a tracking number via email. You can use this number to monitor your delivery status in real-time through our tracking portal." },
{ id: "2", title: "What is your return policy?", content: "We offer a 30-day money-back guarantee on most items. If you're not satisfied, simply initiate a return through your account and we'll provide a prepaid shipping label." },
{ id: "3", title: "Are payments secure?", content: "Yes, we use industry-leading encryption and SSL certificates to protect all transactions. We support multiple payment methods including credit cards, digital wallets, and bank transfers." },
{ id: "4", title: "How long does shipping take?", content: "Standard shipping typically takes 5-7 business days. We also offer express shipping options that deliver within 2-3 business days for eligible locations." },
{ id: "5", title: "Can I modify my order after placing it?", content: "Yes, you can modify your order within 1 hour of placing it. After that, you'll need to contact our customer service team to request changes." },
{ id: "6", title: "Is there a membership program?", content: "Yes! Our Premium membership offers exclusive benefits including free shipping, early access to sales, and special discounts on select items." }
{ id: "1", title: "How do I filter products by price?", content: "Use the price range slider on the products page to set your budget. The selection updates in real-time as you adjust the slider. You can also combine price filters with category and rating filters for more precise results." },
{ id: "2", title: "What payment methods do you accept?", content: "We accept all major credit cards, digital wallets (Apple Pay, Google Pay), bank transfers, and installment plans. All transactions are encrypted with SSL technology for maximum security." },
{ id: "3", title: "How fast is the delivery?", content: "Standard delivery takes 5-7 business days. Express delivery options are available for 2-3 business days. You'll receive a tracking number to monitor your shipment in real-time." },
{ id: "4", title: "Can I return products?", content: "Yes! We offer a 30-day return policy on most items. Simply initiate a return from your account, and we'll provide a prepaid shipping label. Refunds are processed within 5-7 business days after return receipt." },
{ id: "5", title: "Is the website mobile-friendly?", content: "Yes! Uzum Market is fully responsive and optimized for mobile devices. The smooth hover animations, filters, and checkout process work seamlessly on all screen sizes and devices." },
{ id: "6", title: "How do I create an account?", content: "Click 'Sign In' in the top navigation and select 'Create Account'. You'll need an email address and phone number. After verification, your account is ready to shop!" }
]}
title="Frequently Asked Questions"
description="Find answers to common questions about shopping on Uzum Market."
description="Get answers about our modern marketplace, filtering options, payments, shipping, and more."
imageSrc="http://img.b2bpic.net/free-photo/happy-customer-service-representative-using-computer-while-communicating-with-clients-online_637285-6679.jpg"
imageAlt="Customer support team"
mediaAnimation="slide-up"
mediaAnimation="blur-reveal"
faqsAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
@@ -177,14 +179,14 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
tag="Newsletter"
title="Stay Updated with Exclusive Offers"
description="Subscribe to our newsletter and get early access to new products, special discounts, and shopping tips delivered straight to your inbox."
title="Get Exclusive Offers & Updates"
description="Subscribe to stay informed about new arrivals, special discounts, and marketplace tips delivered straight to your inbox."
tagIcon={Mail}
background={{ variant: "radial-gradient" }}
background={{ variant: "floatingGradient" }}
useInvertedBackground={false}
inputPlaceholder="Enter your email address"
buttonText="Subscribe Now"
termsText="We respect your privacy. Unsubscribe anytime. See our privacy policy."
buttonText="Subscribe"
termsText="We respect your privacy. Unsubscribe anytime."
/>
</div>
@@ -194,34 +196,35 @@ export default function LandingPage() {
columns={[
{
title: "Shop", items: [
{ label: "Electronics", href: "#" },
{ label: "Fashion", href: "#" },
{ label: "Home & Garden", href: "#" },
{ label: "Sports", href: "#" },
{ label: "Beauty", href: "#" }
{ label: "Electronics", href: "/products" },
{ label: "Fashion", href: "/products" },
{ label: "Home & Garden", href: "/products" },
{ label: "Sports", href: "/products" },
{ label: "Beauty", href: "/products" }
]
},
{
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Careers", href: "#" },
{ label: "Blog", href: "#" },
{ label: "Press", href: "#" }
title: "Account", items: [
{ label: "My Orders", href: "/" },
{ label: "Wishlist", href: "/" },
{ label: "Settings", href: "/" },
{ label: "Saved Items", href: "/" }
]
},
{
title: "Support", items: [
{ label: "Contact Us", href: "#contact" },
{ label: "Help Center", href: "#faq" },
{ label: "Track Order", href: "#" },
{ label: "Returns", href: "#" }
{ label: "Track Order", href: "/" },
{ label: "Returns", href: "/" }
]
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" }
title: "Company", items: [
{ label: "About Us", href: "/" },
{ label: "Blog", href: "/" },
{ label: "Careers", href: "/" },
{ label: "Press", href: "/" }
]
}
]}

112
src/app/products/page.tsx Normal file
View File

@@ -0,0 +1,112 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Star, Filter } from 'lucide-react';
export default function ProductsPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="mediumLargeSizeLargeTitles"
background="floatingGradient"
cardStyle="glass-depth"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="layered"
headingFontWeight="bold"
>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Products", id: "/products" },
{ name: "Categories", id: "/categories" },
{ name: "Cart", id: "/cart" }
]}
button={{ text: "Sign In", href: "/login" }}
brandName="Uzum Market"
/>
</div>
<div id="products" data-section="products" style={{ paddingTop: "5rem" }}>
<ProductCardOne
products={[
{
id: "1", name: "Premium Wireless Headphones", price: "$89.99", imageSrc: "http://img.b2bpic.net/free-photo/modern-workspace-featuring-cellphone-setup_58702-17222.jpg", imageAlt: "Premium wireless headphones"
},
{
id: "2", name: "Designer Casual Shirt", price: "$45.99", imageSrc: "http://img.b2bpic.net/free-photo/woman-walking-white-blouse-terracotta-pants-minimalist-setting_24972-2967.jpg", imageAlt: "Designer casual shirt"
},
{
id: "3", name: "Modern Table Lamp", price: "$62.99", imageSrc: "http://img.b2bpic.net/free-photo/couch-with-cushions-glass-table_1203-764.jpg", imageAlt: "Modern table lamp"
},
{
id: "4", name: "Stylish Backpack", price: "$54.99", imageSrc: "http://img.b2bpic.net/free-photo/man-in-business-suit-holding-briefcase_1163-5163.jpg", imageAlt: "Stylish backpack"
},
{
id: "5", name: "Smart Watch Pro", price: "$199.99", imageSrc: "http://img.b2bpic.net/free-photo/modern-workspace-featuring-cellphone-setup_58702-17222.jpg", imageAlt: "Smart watch"
},
{
id: "6", name: "Running Shoes", price: "$79.99", imageSrc: "http://img.b2bpic.net/free-photo/woman-walking-white-blouse-terracotta-pants-minimalist-setting_24972-2967.jpg", imageAlt: "Running shoes"
}
]}
title="All Products"
description="Browse our complete collection of premium products. Use filters to find exactly what you're looking for with our smart category and price filtering system."
gridVariant="three-columns-all-equal-width"
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
tag="Shop All"
tagIcon={Filter}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Uzum Market"
columns={[
{
title: "Shop", items: [
{ label: "Electronics", href: "/products" },
{ label: "Fashion", href: "/products" },
{ label: "Home & Garden", href: "/products" },
{ label: "Sports", href: "/products" },
{ label: "Beauty", href: "/products" }
]
},
{
title: "Account", items: [
{ label: "My Orders", href: "/" },
{ label: "Wishlist", href: "/" },
{ label: "Settings", href: "/" },
{ label: "Saved Items", href: "/" }
]
},
{
title: "Support", items: [
{ label: "Contact Us", href: "/" },
{ label: "Help Center", href: "/" },
{ label: "Track Order", href: "/" },
{ label: "Returns", href: "/" }
]
},
{
title: "Company", items: [
{ label: "About Us", href: "/" },
{ label: "Blog", href: "/" },
{ label: "Careers", href: "/" },
{ label: "Press", href: "/" }
]
}
]}
copyrightText="© 2025 Uzum Market. All rights reserved."
/>
</div>
</ThemeProvider>
);
}

4
src/app/styles/base.css
View File

@@ -11,7 +11,7 @@ html {
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-archivo), sans-serif;
font-family: var(--font-poppins), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-archivo), sans-serif;
font-family: var(--font-poppins), sans-serif;
}

12
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #fcf6ec;
--card: #f3ede2;
--foreground: #2e2521;
--primary-cta: #2e2521;
--background: #fbfaff;
--card: #f7f5ff;
--foreground: #0f0022;
--primary-cta: #8b5cf6;
--primary-cta-text: #fcf6ec;
--secondary-cta: #ffffff;
--secondary-cta-text: #2e2521;
--accent: #b2a28b;
--background-accent: #b2a28b;
--accent: #d8cef5;
--background-accent: #c4a8f9;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);