Add src/app/profile/page.tsx

src/app/profile/page.tsx

@@ -0,0 +1,33 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import React from "react";
+
+export default function ProfilePage() {
+  return (
+    <ThemeProvider>
+      <NavbarStyleCentered
+        navItems={[
+          { name: "Courses", id: "/courses" },
+          { name: "Dashboard", id: "/dashboard" },
+          { name: "Profile", id: "/profile" },
+          { name: "Pricing", id: "/pricing" },
+        ]}
+        brandName="LearnFlow"
+      />
+      <main className="container mx-auto p-8 mt-24">
+        <h1 className="text-4xl font-bold mb-8">User Profile</h1>
+        <div className="p-8 rounded-2xl bg-card border shadow-sm max-w-2xl">
+          <div className="flex items-center gap-6">
+            <div className="w-24 h-24 rounded-full bg-gray-200"></div>
+            <div>
+              <h2 className="text-2xl font-bold">Student User</h2>
+              <p>Member since 2024</p>
+            </div>
+          </div>
+        </div>
+      </main>
+    </ThemeProvider>
+  );
+}