Add src/app/orders/page.tsx

src/app/orders/page.tsx

@@ -0,0 +1,36 @@
+"use client";
+
+import { ThemeProvider } from "@/components/theme-provider";
+import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
+import TextBox from '@/components/Textbox';
+
+export default function OrdersPage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "Product Details", id: "/product-details" },
+    { name: "Auth", id: "/auth" },
+    { name: "Account", id: "/account" },
+    { name: "Orders", id: "/orders" }
+  ];
+
+  return (
+    <ThemeProvider>
+      <NavbarStyleApple navItems={navItems} brandName="SoleCrafters" />
+      <main>
+        <div id="order-history" data-section="order-history">
+          <TextBox
+            title="Order History"
+            description="View details of your past and current orders. Track your custom sneakers from design to delivery."
+            textboxLayout="default"
+            center={true}
+            tag="My Orders"
+            buttons={[
+              { text: "View Current Orders", href: "#" }, 
+              { text: "View Past Orders", href: "#" } 
+            ]}
+          />
+        </div>
+      </main>
+    </ThemeProvider>
+  );
+}