diff --git a/src/app/cart/page.tsx b/src/app/cart/page.tsx new file mode 100644 index 0000000..b39225b --- /dev/null +++ b/src/app/cart/page.tsx @@ -0,0 +1,77 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import ReactLenis from "lenis/react"; +import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; +import FooterBaseCard from '@/components/sections/footer/FooterBaseCard'; +import { useState } from "react"; + +export default function CartPage() { + const [cartItems, setCartItems] = useState([ + { id: "1", name: "Pro Wireless Headphones", price: 199, quantity: 1 }, + { id: "2", name: "Modern Smartwatch", price: 299, quantity: 1 }, + ]); + + const total = cartItems.reduce((acc, item) => acc + item.price * item.quantity, 0); + + const updateQuantity = (id: string, delta: number) => { + setCartItems(prev => prev.map(item => + item.id === id ? { ...item, quantity: Math.max(1, item.quantity + delta) } : item + )); + }; + + return ( + + + + +
+

Your Shopping Cart

+
+ {cartItems.map(item => ( +
+
+

{item.name}

+

${item.price}

+
+
+ + {item.quantity} + +
+
+ ))} +
+

Total: ${total}

+ +
+
+
+ + + + + ); +} \ No newline at end of file diff --git a/src/app/checkout/page.tsx b/src/app/checkout/page.tsx new file mode 100644 index 0000000..ac83e87 --- /dev/null +++ b/src/app/checkout/page.tsx @@ -0,0 +1,65 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import ReactLenis from "lenis/react"; +import ContactSplitForm from '@/components/sections/contact/ContactSplitForm'; +import FooterBaseCard from '@/components/sections/footer/FooterBaseCard'; +import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; + +export default function CheckoutPage() { + return ( + + + + +
+
+ +
+
+ + + + + ); +} \ No newline at end of file diff --git a/src/app/page.tsx b/src/app/page.tsx index cd1332f..adaa3eb 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -2,15 +2,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import ReactLenis from "lenis/react"; -import ContactSplitForm from '@/components/sections/contact/ContactSplitForm'; -import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree'; -import FooterBaseCard from '@/components/sections/footer/FooterBaseCard'; -import HeroLogo from '@/components/sections/hero/HeroLogo'; import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; -import ProductCardThree from '@/components/sections/product/ProductCardThree'; -import SocialProofOne from '@/components/sections/socialProof/SocialProofOne'; +import HeroLogo from '@/components/sections/hero/HeroLogo'; +import FooterBaseCard from '@/components/sections/footer/FooterBaseCard'; +import { LayoutDashboard, Package, ShoppingCart, BarChart3 } from "lucide-react"; -export default function LandingPage() { +export default function AdminDashboardPage() { return ( - + -
- -
+
+ +
-
- -
- -
- -
- -
- -
- -
- -
- - + ); -} +} \ No newline at end of file diff --git a/src/app/product/[id]/page.tsx b/src/app/product/[id]/page.tsx new file mode 100644 index 0000000..4aede51 --- /dev/null +++ b/src/app/product/[id]/page.tsx @@ -0,0 +1,70 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import ReactLenis from "lenis/react"; +import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; +import FooterBaseCard from '@/components/sections/footer/FooterBaseCard'; + +// NOTE: This is a placeholder for the Product Detail Page structure requested. +export default function ProductDetailPage({ params }: { params: { id: string } }) { + return ( + + + + +
+
+
+ Product Image Gallery +
+
+

Product Title

+

$199.00

+

Detailed product description goes here, explaining all the features and benefits.

+ +
+
+ +
+

Reviews & Ratings

+
+

No reviews yet.

+
+
+
+ + + + + ); +} \ No newline at end of file diff --git a/src/app/products/page.tsx b/src/app/products/page.tsx new file mode 100644 index 0000000..123cc05 --- /dev/null +++ b/src/app/products/page.tsx @@ -0,0 +1,60 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import ReactLenis from "lenis/react"; +import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; +import ProductCardFour from '@/components/sections/product/ProductCardFour'; +import FooterBaseCard from '@/components/sections/footer/FooterBaseCard'; + +export default function ProductListingPage() { + return ( + + + + +
+ +
+ + + + + ); +} \ No newline at end of file diff --git a/src/app/profile/page.tsx b/src/app/profile/page.tsx new file mode 100644 index 0000000..1febb78 --- /dev/null +++ b/src/app/profile/page.tsx @@ -0,0 +1,57 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import ReactLenis from "lenis/react"; +import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; +import FooterBaseCard from '@/components/sections/footer/FooterBaseCard'; + +export default function ProfilePage() { + return ( + + + +
+

Account Overview

+
+
+

Order History

+

No recent orders found.

+
+
+

Saved Addresses

+

No saved addresses yet.

+
+
+

Wishlist

+

Your wishlist is empty.

+
+
+
+ + + + ); +} \ No newline at end of file