Add src/app/account/page.tsx

src/app/account/page.tsx

@@ -0,0 +1,73 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ButtonShiftHover from '@/components/button/ButtonShiftHover/ButtonShiftHover';
+import { useRouter } from 'next/navigation';
+
+export default function AccountPage() {
+  const router = useRouter();
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "Shop", id: "/search" },
+    { name: "Wishlist", id: "/wishlist" },
+    { name: "Cart", id: "/cart" },
+    { name: "Account", id: "/account" },
+    { name: "Categories", id: "#categories" },
+    { name: "Reviews", id: "#reviews" },
+    { name: "About", id: "#about" },
+    { name: "Contact", id: "#contact" }
+  ];
+
+  const handleLogout = () => {
+    console.log("User logged out");
+    // In a real app, this would clear user session and redirect to login
+    router.push('/');
+  };
+
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-magnetic"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="medium"
+        sizing="largeSmall"
+        background="grid"
+        cardStyle="outline"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="layered"
+        headingFontWeight="bold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={navItems}
+            brandName="Neha Jewelrys"
+          />
+        </div>
+
+        <section className="py-16 md:py-24 lg:py-32">
+          <div className="container mx-auto px-4 text-center">
+            <h1 className="text-4xl font-bold mb-4">My Account</h1>
+            <p className="text-lg text-gray-600">Welcome back, User!</p>
+            <div className="mt-8 flex flex-col items-center space-y-4">
+              <ButtonShiftHover
+                text="Order History"
+                onClick={() => router.push('/account/orders')}
+              />
+              <ButtonShiftHover
+                text="Account Settings"
+                onClick={() => console.log('Go to settings')}
+              />
+              <ButtonShiftHover
+                text="Logout"
+                onClick={handleLogout}
+              />
+            </div>
+          </div>
+        </section>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}