diff --git a/src/app/admin/page.tsx b/src/app/admin/page.tsx new file mode 100644 index 0000000..a3bbb99 --- /dev/null +++ b/src/app/admin/page.tsx @@ -0,0 +1,68 @@ +"use client"; + +import { useState } from 'react'; +import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider'; +import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; +import ReactLenis from 'lenis/react'; + +export default function AdminDashboard() { + const [isAuthenticated, setIsAuthenticated] = useState(false); + + const handleLogin = () => setIsAuthenticated(true); + const handleLogout = () => setIsAuthenticated(false); + + if (!isAuthenticated) { + return ( + +
+ +
+
+ ); + } + + return ( + + + +
+

Dashboard

+

Manage your items and orders here.

+ +
+
+
+ ); +} \ No newline at end of file diff --git a/src/app/page.tsx b/src/app/page.tsx index bcab94f..7c4004f 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -2,24 +2,35 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import ReactLenis from "lenis/react"; -import ContactSplit from '@/components/sections/contact/ContactSplit'; -import FaqSplitText from '@/components/sections/faq/FaqSplitText'; -import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal'; -import HeroCentered from '@/components/sections/hero/HeroCentered'; -import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven'; +import { useState } from "react"; import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; -import ProductCardOne from '@/components/sections/product/ProductCardOne'; -import SplitAbout from '@/components/sections/about/SplitAbout'; -import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive'; -import { Leaf, Package, PenTool, Sparkles, Truck } from "lucide-react"; +import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal'; + +// Mock Order Interface +interface Order { + id: string; + customer: string; + status: string; + total: string; +} + +export default function OrderManagementPage() { + const [orders, setOrders] = useState([ + { id: "ORD-001", customer: "Alice M.", status: "Pending", total: "$25" }, + { id: "ORD-002", customer: "Mark D.", status: "Shipped", total: "$45" }, + { id: "ORD-003", customer: "Sarah P.", status: "Delivered", total: "$30" }, + ]); + + const updateStatus = (id: string, newStatus: string) => { + setOrders(prev => prev.map(o => o.id === id ? { ...o, status: newStatus } : o)); + }; -export default function LandingPage() { return ( - + -
- -
+
+

Order Management

+
+ + + + + + + + + + + + {orders.map(order => ( + + + + + + + + ))} + +
Order IDCustomerStatusTotalActions
{order.id}{order.customer}{order.status}{order.total} + +
+
+
-
- -
- -
- -
- -
- -
- -
- -
- -
- -
- -
- -
- - +
); -} +} \ No newline at end of file