Add src/app/user-profiles/page.tsx

src/app/user-profiles/page.tsx

@@ -0,0 +1,43 @@
+"use client";
+
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+
+export default function UserProfilesPage() {
+  const commonNavItems = [
+    { name: "Home", id: "/" },
+    { name: "About", id: "#about" },
+    { name: "Features", id: "#features" },
+    { name: "Explore", id: "#explore" },
+    { name: "Metrics", id: "#metrics" },
+    { name: "Testimonials", id: "#testimonials" },
+    { name: "Partners", id: "#partners" },
+    { name: "FAQ", id: "#faq" },
+    { name: "Contact", id: "#contact" },
+    { name: "User Profiles", id: "/user-profiles" },
+    { name: "Saved Species", id: "/saved-species" },
+    { name: "Favorite Lists", id: "/favorite-lists" },
+    { name: "Discussion Forums", id: "/forums" },
+    { name: "Expert Articles", id: "/articles" },
+    { name: "Wildlife Challenges", id: "/challenges" },
+    { name: "Careers", id: "/careers" }
+  ];
+
+  return (
+    <>
+      <NavbarStyleFullscreen
+        navItems={commonNavItems}
+        logoSrc="http://img.b2bpic.net/free-vector/gradient-electronics-logos-pack_23-2148971491.jpg"
+        logoAlt="LifeAtlas X Logo"
+        brandName="LifeAtlas X"
+        bottomLeftText="Global Community"
+        bottomRightText="explore@lifeatlasx.com"
+        button={{
+          text: "Begin Your Exploration",          href: "/"}}
+      />
+      <main className="container mx-auto px-4 py-16 min-h-[calc(100vh-100px)] flex flex-col items-center justify-center">
+        <h1 className="text-5xl font-extrabold mb-8 text-center">User Profiles</h1>
+        <p className="text-lg text-center max-w-2xl">Manage your profile, track your contributions, and connect with other explorers in the LifeAtlas X community.</p>
+      </main>
+    </>
+  );
+}