From 5dedf5acc52229f7d949b1b77e4e9fb8856d0c13 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 25 Mar 2026 13:52:55 +0000
Subject: [PATCH] Add src/app/admin-dashboard/page.tsx

---
 src/app/admin-dashboard/page.tsx | 172 +++++++++++++++++++++++++++++++
 1 file changed, 172 insertions(+)
 create mode 100644 src/app/admin-dashboard/page.tsx

diff --git a/src/app/admin-dashboard/page.tsx b/src/app/admin-dashboard/page.tsx
new file mode 100644
index 0000000..b9d0d95
--- /dev/null
+++ b/src/app/admin-dashboard/page.tsx
@@ -0,0 +1,172 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
+import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
+import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import { UserRound, FileText, Banknote, Shield, LayoutDashboard } from "lucide-react";
+
+export default function AdminDashboardPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="mediumSmall"
+      sizing="mediumLarge"
+      background="none"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="primary-glow"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="medium"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered
+          brandName="Luxe Properties Admin"
+          navItems={[
+            { name: "Properties", id: "properties" },
+            { name: "About", id: "about" },
+            { name: "Services", id: "services" },
+            { name: "Team", id: "team" },
+            { name: "Testimonials", id: "testimonials" },
+            { name: "Contact", id: "contact" },
+            { name: "Apply Now", id: "/application-form" },
+            { name: "Admin Dashboard", id: "/admin-dashboard" }
+          ]}
+          button={{ text: "View Site", href: "/" }}
+        />
+      </div>
+
+      <div id="dashboard-hero" data-section="dashboard-hero" className="py-20 text-center">
+        <LayoutDashboard className="mx-auto h-16 w-16 text-primary-cta mb-4" />
+        <h1 className="text-5xl font-bold text-foreground mb-4">Admin Dashboard</h1>
+        <p className="text-lg text-foreground/80 max-w-2xl mx-auto">Manage applications, documents, and payments efficiently.</p>
+      </div>
+
+      <div id="applicants" data-section="applicants">
+        <FeatureCardTwentyFour
+          title="Applicant List"
+          description="View and manage all property applications, track their status, and review details."
+          tag="Applications"
+          tagIcon={UserRound}
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground={true}
+          features={[
+            {
+              id: "1",              title: "John Doe",              author: "Application ID: #001",              description: "Interested in Palm Jumeirah Villa. Initial contact made.",              tags: ["New", "Approved", "Pending Payment"],
+              imageSrc: "https://img.b2bpic.net/free-photo/young-businessman-with-clipboard_1098-602.jpg",              imageAlt: "John Doe Profile"
+            },
+            {
+              id: "2",              title: "Jane Smith",              author: "Application ID: #002",              description: "Downtown Dubai Penthouse. Document review in progress.",              tags: ["In Review", "Pending Documents"],
+              imageSrc: "https://img.b2bpic.net/free-photo/attractive-satisfied-young-female-entrepreneur-standing-proud-smiling-with-crossed-hands-confident_197531-23012.jpg?id=13871705",              imageAlt: "Jane Smith Profile"
+            },
+            {
+              id: "3",              title: "Robert Johnson",              author: "Application ID: #003",              description: "Emirates Hills Townhouse. Payment confirmation pending.",              tags: ["Ready for Payment", "Approved"],
+              imageSrc: "https://img.b2bpic.net/free-photo/business-people-using-digital-tablet-airport_107420-95868.jpg",              imageAlt: "Robert Johnson Profile"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="documents" data-section="documents">
+        <FeatureCardThree
+          title="Document Management"
+          description="Organize and track all application-related documents including IDs, financial statements, and contracts."
+          tag="Documents"
+          tagIcon={FileText}
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground={false}
+          gridVariant="three-columns-all-equal-width"
+          carouselMode="buttons"
+          features={[
+            {
+              id: "doc1",              title: "Passport Scans",              description: "Submitted by John Doe, Jane Smith.",              imageSrc: "https://img.b2bpic.net/free-photo/identity-document-passport-citizenship-concept_53876-133994.jpg",              imageAlt: "Passport document icon"
+            },
+            {
+              id: "doc2",              title: "Financial Statements",              description: "Received for Jane Smith, Robert Johnson.",              imageSrc: "https://img.b2bpic.net/free-photo/man-using-calculator_53876-14185.jpg",              imageAlt: "Financial document icon"
+            },
+            {
+              id: "doc3",              title: "Purchase Agreements",              description: "Drafts for John Doe, finalized for Jane Smith.",              imageSrc: "https://img.b2bpic.net/free-photo/young-man-holding-paper-his-hand_23-2147690623.jpg",              imageAlt: "Agreement document icon"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="payments" data-section="payments">
+        <MetricCardThree
+          title="Payment Status Overview"
+          description="Track payment statuses for all applicants and manage financial transactions."
+          tag="Payments"
+          tagIcon={Banknote}
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground={true}
+          metrics={[
+            {
+              id: "p1",              icon: Banknote,
+              title: "Pending Payments",              value: "AED 5.2M"
+            },
+            {
+              id: "p2",              icon: Shield,
+              title: "Confirmed Payments",              value: "AED 18.7M"
+            },
+            {
+              id: "p3",              icon: UserRound,
+              title: "Applications Paid",              value: "35"
+            },
+            {
+              id: "p4",              icon: FileText,
+              title: "Overdue Payments",              value: "AED 0"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterSimple
+          columns={[
+            {
+              title: "Company",              items: [
+                { label: "About Us", href: "#about" },
+                { label: "Our Services", href: "#services" },
+                { label: "Executive Team", href: "#team" },
+                { label: "Properties", href: "#properties" },
+                { label: "Contact", href: "#contact" },
+                { label: "Apply Now", href: "/application-form" },
+                { label: "Admin Dashboard", href: "/admin-dashboard" }
+              ]
+            },
+            {
+              title: "Resources",              items: [
+                { label: "Investment Guide", href: "#" },
+                { label: "Market Reports", href: "#" },
+                { label: "FAQ", href: "#" },
+                { label: "Blog", href: "#" }
+              ]
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" },
+                { label: "Cookie Policy", href: "#" }
+              ]
+            },
+            {
+              title: "Connect",              items: [
+                { label: "LinkedIn", href: "#" },
+                { label: "Instagram", href: "#" },
+                { label: "WhatsApp", href: "#" }
+              ]
+            }
+          ]}
+          bottomLeftText="© 2025 Luxe Properties Admin. All rights reserved."
+          bottomRightText="Dashboard Management"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file