diff --git a/src/app/cart/page.tsx b/src/app/cart/page.tsx
new file mode 100644
index 0000000..17f66b6
--- /dev/null
+++ b/src/app/cart/page.tsx
@@ -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 (
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/app/categories/page.tsx b/src/app/categories/page.tsx
new file mode 100644
index 0000000..f84da69
--- /dev/null
+++ b/src/app/categories/page.tsx
@@ -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 (
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 622d1cb..5f46abd 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -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 (
-
+
{children}
diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
new file mode 100644
index 0000000..4357b2f
--- /dev/null
+++ b/src/app/login/page.tsx
@@ -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 (
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index bf6316f..bea2ff2 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -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 (
@@ -43,30 +42,30 @@ export default function LandingPage() {
@@ -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}
/>
@@ -98,17 +100,17 @@ export default function LandingPage() {
@@ -136,9 +138,9 @@ export default function LandingPage() {
@@ -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: "/" }
]
}
]}
diff --git a/src/app/products/page.tsx b/src/app/products/page.tsx
new file mode 100644
index 0000000..7888f38
--- /dev/null
+++ b/src/app/products/page.tsx
@@ -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 (
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/app/styles/base.css b/src/app/styles/base.css
index 0435273..0f9f89d 100644
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -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;
}
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index d45b6e6..bed5bb3 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -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);