Add src/app/admin/page.tsx

2026-03-03 14:01:53 +00:00
parent 32974b5498
commit 30c93bb409
1 changed files with 129 additions and 0 deletions
--- a/src/app/admin/page.tsx
+++ b/src/app/admin/page.tsx
@@ -0,0 +1,129 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
+import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import { LayoutDashboard, Users, FileText, Settings } from 'lucide-react';
+
+export default function AdminPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="hover-bubble"
+      defaultTextAnimation="background-highlight"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="largeSizeMediumTitles"
+      background="noiseDiagonalGradient"
+      cardStyle="subtle-shadow"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="layered"
+      headingFontWeight="medium"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple
+          brandName="Paws Haven"
+          navItems={[
+            { name: "About", id: "about" },
+            { name: "Pets", id: "pets" },
+            { name: "Adopt", id: "adopt" },
+            { name: "Get Involved", id: "involved" },
+            { name: "Admin", id: "/admin" },
+            { name: "Contact", id: "contact" }
+          ]}
+        />
+      </div>
+
+      <div id="dashboard" data-section="dashboard">
+        <MetricCardEleven
+          title="Admin Dashboard"
+          description="Manage your pet adoption organization with real-time insights and essential tools."
+          tag="Dashboard"
+          tagIcon={LayoutDashboard}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          metrics={[
+            {
+              id: "1",              value: "24",              title: "Active Listings",              description: "Pets currently available for adoption"
+            },
+            {
+              id: "2",              value: "156",              title: "Total Adoptions",              description: "Successful adoptions this year"
+            },
+            {
+              id: "3",              value: "42",              title: "Active Volunteers",              description: "Volunteers supporting the mission"
+            }
+          ]}
+          animationType="slide-up"
+        />
+      </div>
+
+      <div id="management" data-section="management">
+        <MetricCardTen
+          metrics={[
+            {
+              id: "1",              title: "Manage Pet Listings",              subtitle: "Add, edit, and remove pet profiles",              category: "Listings",              value: "24 Active",              buttons: [
+                { text: "View All", href: "#" },
+                { text: "Add New", href: "#" }
+              ]
+            },
+            {
+              id: "2",              title: "Adoption Applications",              subtitle: "Review and process adoption requests",              category: "Applications",              value: "8 Pending",              buttons: [
+                { text: "Review", href: "#" }
+              ]
+            },
+            {
+              id: "3",              title: "Volunteer Management",              subtitle: "Coordinate volunteers and schedule shifts",              category: "Volunteers",              value: "42 Active",              buttons: [
+                { text: "Manage", href: "#" }
+              ]
+            },
+            {
+              id: "4",              title: "Finance & Reports",              subtitle: "View donations and financial reports",              category: "Finance",              value: "View Reports",              buttons: [
+                { text: "Access", href: "#" }
+              ]
+            }
+          ]}
+          title="Management Tools"
+          description="Essential administration and management features for your organization."
+          tag="Management"
+          tagIcon={Settings}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={true}
+          animationType="slide-up"
+          carouselMode="buttons"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseReveal
+          columns={[
+            {
+              title: "About",              items: [
+                { label: "Our Mission", href: "about" },
+                { label: "Our Team", href: "#" },
+                { label: "Meet Our Pets", href: "pets" }
+              ]
+            },
+            {
+              title: "Get Involved",              items: [
+                { label: "Adopt a Pet", href: "adopt" },
+                { label: "Volunteer", href: "involved" },
+                { label: "Donate", href: "#" }
+              ]
+            },
+            {
+              title: "Resources",              items: [
+                { label: "Pet Care Tips", href: "#" },
+                { label: "FAQ", href: "faq" },
+                { label: "Contact Us", href: "contact" }
+              ]
+            }
+          ]}
+          copyrightText="© 2025 Paws Haven. All animals deserve love. Registered nonprofit 501(c)(3)."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}