Add src/app/admin-dashboard/page.tsx
This commit is contained in:
172
src/app/admin-dashboard/page.tsx
Normal file
172
src/app/admin-dashboard/page.tsx
Normal file
@@ -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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user