Add src/app/photographer-dashboard/page.tsx

This commit is contained in:
2026-06-12 23:42:39 +00:00
parent 10c1eb5f9e
commit 9dde0a85fc

View File

@@ -0,0 +1,106 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TextNumberCount from '@/components/text/TextNumberCount';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Eye, Download, DollarSign } from "lucide-react";
export default function PhotographerDashboardPage() {
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"
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: "داشبورد", id: "/photographer-dashboard" }
]}
button={{ text: "Schedule Viewing", href: "contact" }}
/>
</div>
<div id="dashboard-metrics" data-section="dashboard-metrics">
<MetricCardThree
title="داشبورد عکاس"
description="آمار و ارقام کلیدی عملکرد شما"
tag="مرور کلی"
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
metrics={[
{
id: "1", icon: Eye,
title: "کل بازدیدها", value: <TextNumberCount value={120500} locales="fa-IR" suffix="" />
},
{
id: "2", icon: Download,
title: "تعداد دانلودها", value: <TextNumberCount value={2500} locales="fa-IR" suffix="" />
},
{
id: "3", icon: DollarSign,
title: "درآمد کل", value: <TextNumberCount value={3500000} locales="fa-IR" prefix="تومان " />
}
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "شرکت", items: [
{ label: "درباره ما", href: "/#about" },
{ label: "خدمات ما", href: "/#services" },
{ label: "تیم اجرایی", href: "/#team" },
{ label: "ویژگی‌ها", href: "/#properties" },
{ label: "تماس با ما", href: "/#contact" }
]
},
{
title: "منابع", items: [
{ label: "راهنمای سرمایه‌گذاری", href: "#" },
{ label: "گزارش‌های بازار", href: "#" },
{ label: "سوالات متداول", href: "#" },
{ label: "وبلاگ", href: "#" }
]
},
{
title: "حقوقی", items: [
{ label: "سیاست حفظ حریم خصوصی", href: "#" },
{ label: "شرایط خدمات", href: "#" },
{ label: "سیاست کوکی", href: "#" }
]
},
{
title: "ارتباط", items: [
{ label: "لینکدین", href: "#" },
{ label: "اینستاگرام", href: "#" },
{ label: "واتساپ", href: "#" }
]
}
]}
bottomLeftText="© 2025 Luxe Properties. تمامی حقوق محفوظ است."
bottomRightText="خدمات املاک لوکس"
/>
</div>
</ThemeProvider>
);
}