bender/18ce489c-b60f-432f-9c0a-1b48e8e98e9e
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #1

Merged
bender merged 6 commits from version_2 into main 2026-06-12 23:42:44 +00:00
Conversation 0 Commits 6 Files Changed 6 +611 -173
6 changed files with 611 additions and 173 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/app/layout.tsx
View File

@@ -8,19 +8,17 @@ import Tag from "@/tag/Tag";
import { getVisualEditScript } from "@/utils/visual-edit-script";
const halant = Halant({
variable: "--font-halant",
subsets: ["latin"],
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
variable: "--font-inter", subsets: ["latin"],
});
export const metadata: Metadata = {
title: 'Elite Estates | Luxury Real Estate Agency',
description: 'Explore an exclusive collection of luxury homes and estates. Elite Estates offers unparalleled service for buying and selling premium properties worldwide.',
title: 'پیک پین | پلتفرم اشتراک‌گذاری عکس',
description: 'پیک پین یک پلتفرم پیشرفته برای اشتراک‌گذاری و کشف عکس‌های الهام‌بخش در ایران است. لحظات خود را با دنیا به اشتراک بگذارید.',
};
export default function RootLayout({
@@ -29,7 +27,7 @@ export default function RootLayout({
children: React.ReactNode;
}>) {
return (
<html lang="en" suppressHydrationWarning>
<html lang="fa" dir="rtl" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${halant.variable} ${inter.variable} antialiased`}

227
src/app/page.tsx
View File

@@ -18,11 +18,11 @@ export default function LandingPage() {
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="mediumSmall"
sizing="mediumLarge"
borderRadius="rounded"
contentWidth="medium"
sizing="largeSmall"
background="none"
cardStyle="glass-elevated"
cardStyle="soft-shadow"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="radial-glow"
headingFontWeight="medium"
@@ -55,24 +55,19 @@ export default function LandingPage() {
]}
mediaItems={[
{
imageSrc: "https://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg",
imageAlt: "Luxury penthouse in Dubai Marina"
imageSrc: "https://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg", imageAlt: "Luxury penthouse in Dubai Marina"
},
{
imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg",
imageAlt: "Dubai skyline at night"
imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg", imageAlt: "Dubai skyline at night"
},
{
imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg",
imageAlt: "Modern luxury exterior design"
imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg", imageAlt: "Modern luxury exterior design"
},
{
imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg",
imageAlt: "Contemporary luxury architecture"
imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg", imageAlt: "Contemporary luxury architecture"
},
{
imageSrc: "https://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg",
imageAlt: "Spacious modern interior with panoramic view"
imageSrc: "https://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg", imageAlt: "Spacious modern interior with panoramic view"
}
]}
mediaAnimation="slide-up"
@@ -81,11 +76,15 @@ export default function LandingPage() {
<div id="properties" data-section="properties">
<ProductCardFour
title="Featured Properties"
titleSegments={[
{ type: 'text', content: 'Featured ' },
{ type: 'image', src: 'https://img.b2bpic.net/free-photo/cute-cat-white-background_144627-14285.jpg?_wi=1', alt: 'Yellow Cat Mascot', className: 'h-6 w-6 inline-block mx-1 align-middle' },
{ type: 'text', content: ' Properties' }
]}
description="Handpicked luxury properties showcasing the finest real estate opportunities in Dubai's most prestigious locations."
tag="Exclusive Listings"
tagIcon={Home}
textboxLayout="default"
textboxLayout="inline-image"
animationType="slide-up"
useInvertedBackground={false}
gridVariant="uniform-all-items-equal"
@@ -95,32 +94,14 @@ export default function LandingPage() {
]}
products={[
{
id: "1",
name: "Palm Jumeirah Villa",
price: "AED 12,500,000",
variant: "5 Bed Villa | Beachfront",
imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg",
imageAlt: "Luxury villa on Palm Jumeirah",
isFavorited: false,
id: "1", name: "Palm Jumeirah Villa", price: "AED 12,500,000", variant: "5 Bed Villa | Beachfront", imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg", imageAlt: "Luxury villa on Palm Jumeirah", isFavorited: false,
onProductClick: () => window.location.href = "/property/palm-jumeirah-villa"
},
{
id: "2",
name: "Downtown Dubai Penthouse",
price: "AED 8,750,000",
variant: "4 Bed Penthouse | City View",
imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg",
imageAlt: "Modern penthouse in Downtown Dubai",
isFavorited: false
id: "2", name: "Downtown Dubai Penthouse", price: "AED 8,750,000", variant: "4 Bed Penthouse | City View", imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg", imageAlt: "Modern penthouse in Downtown Dubai", isFavorited: false
},
{
id: "3",
name: "Emirates Hills Townhouse",
price: "AED 6,200,000",
variant: "4 Bed Townhouse | Golf View",
imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg",
imageAlt: "Contemporary townhouse in Emirates Hills",
isFavorited: false
id: "3", name: "Emirates Hills Townhouse", price: "AED 6,200,000", variant: "4 Bed Townhouse | Golf View", imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg", imageAlt: "Contemporary townhouse in Emirates Hills", isFavorited: false
}
]}
/>
@@ -142,51 +123,37 @@ export default function LandingPage() {
<div id="services" data-section="services">
<FeatureCardThree
title="Our Services & Expertise"
titleSegments={[
{ type: 'text', content: 'Our ' },
{ type: 'image', src: 'https://img.b2bpic.net/free-photo/cute-cat-white-background_144627-14285.jpg?_wi=1', alt: 'Yellow Cat Mascot', className: 'h-6 w-6 inline-block mx-1 align-middle' },
{ type: 'text', content: ' Services & Expertise' }
]}
description="Comprehensive real estate solutions tailored to meet your unique needs and aspirations."
tag="Professional Services"
tagIcon={Shield}
textboxLayout="default"
textboxLayout="inline-image"
animationType="slide-up"
useInvertedBackground={true}
gridVariant="uniform-all-items-equal"
carouselMode="buttons"
features={[
{
title: "Property Selection",
description: "Exclusive access to off-market and hand-selected luxury properties",
imageSrc: "https://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg",
imageAlt: "Property selection"
title: "Property Selection", description: "Exclusive access to off-market and hand-selected luxury properties", imageSrc: "https://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg", imageAlt: "Property selection"
},
{
title: "Investment Advisory",
description: "Expert insights into market trends and investment opportunities",
imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg",
imageAlt: "Investment advisory"
title: "Investment Advisory", description: "Expert insights into market trends and investment opportunities", imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg", imageAlt: "Investment advisory"
},
{
title: "Negotiation & Closing",
description: "Strategic negotiation and seamless transaction management",
imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg",
imageAlt: "Negotiation and closing"
title: "Negotiation & Closing", description: "Strategic negotiation and seamless transaction management", imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg", imageAlt: "Negotiation and closing"
},
{
title: "Legal Compliance",
description: "Full support with documentation, permits, and regulatory compliance",
imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg",
imageAlt: "Legal compliance"
title: "Legal Compliance", description: "Full support with documentation, permits, and regulatory compliance", imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg", imageAlt: "Legal compliance"
},
{
title: "Property Management",
description: "Professional management services for rental income optimization",
imageSrc: "https://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg",
imageAlt: "Property management"
title: "Property Management", description: "Professional management services for rental income optimization", imageSrc: "https://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg", imageAlt: "Property management"
},
{
title: "Concierge Services",
description: "White-glove concierge support for renovations and lifestyle services",
imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg",
imageAlt: "Concierge services"
title: "Concierge Services", description: "White-glove concierge support for renovations and lifestyle services", imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg", imageAlt: "Concierge services"
}
]}
/>
@@ -194,34 +161,26 @@ export default function LandingPage() {
<div id="team" data-section="team">
<TeamCardOne
title="Executive Team"
titleSegments={[
{ type: 'text', content: 'Our ' },
{ type: 'image', src: 'https://img.b2bpic.net/free-photo/cute-cat-white-background_144627-14285.jpg?_wi=1', alt: 'Yellow Cat Mascot', className: 'h-6 w-6 inline-block mx-1 align-middle' },
{ type: 'text', content: ' Executive Team' }
]}
description="Meet the visionary leaders guiding Luxe Properties with expertise and dedication."
tag="Our Leadership"
textboxLayout="default"
textboxLayout="inline-image"
animationType="slide-up"
useInvertedBackground={false}
gridVariant="uniform-all-items-equal"
members={[
{
id: "1",
name: "Hassan Al-Maktoum",
role: "Chief Executive Officer",
imageSrc: "https://img.b2bpic.net/free-photo/business-people-using-digital-tablet-airport_107420-95868.jpg",
imageAlt: "Hassan Al-Maktoum"
id: "1", name: "Hassan Al-Maktoum", role: "Chief Executive Officer", imageSrc: "https://img.b2bpic.net/free-photo/business-people-using-digital-tablet-airport_107420-95868.jpg", imageAlt: "Hassan Al-Maktoum"
},
{
id: "2",
name: "Layla Al-Mansoori",
role: "Chief Operating Officer",
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: "Layla Al-Mansoori"
id: "2", name: "Layla Al-Mansoori", role: "Chief Operating Officer", 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: "Layla Al-Mansoori"
},
{
id: "3",
name: "Marcus Wellington",
role: "Chief Investment Officer",
imageSrc: "https://img.b2bpic.net/free-photo/young-businessman-with-clipboard_1098-602.jpg",
imageAlt: "Marcus Wellington"
id: "3", name: "Marcus Wellington", role: "Chief Investment Officer", imageSrc: "https://img.b2bpic.net/free-photo/young-businessman-with-clipboard_1098-602.jpg", imageAlt: "Marcus Wellington"
}
]}
/>
@@ -229,37 +188,33 @@ export default function LandingPage() {
<div id="metrics" data-section="metrics">
<MetricCardThree
title="By The Numbers"
titleSegments={[
{ type: 'text', content: 'Metrics ' },
{ type: 'image', src: 'https://img.b2bpic.net/free-photo/cute-cat-white-background_144627-14285.jpg?_wi=1', alt: 'Yellow Cat Mascot', className: 'h-6 w-6 inline-block mx-1 align-middle' },
{ type: 'text', content: ' By The Numbers' }
]}
description="Our proven track record speaks to our commitment and success in Dubai's luxury real estate market."
tag="Track Record"
tagIcon={Award}
textboxLayout="default"
textboxLayout="inline-image"
animationType="slide-up"
useInvertedBackground={false}
metrics={[
{
id: "1",
icon: Home,
title: "Properties Sold",
value: "450+"
id: "1", icon: Home,
title: "Properties Sold", value: "450+"
},
{
id: "2",
icon: Users,
title: "Satisfied Clients",
value: "650+"
id: "2", icon: Users,
title: "Satisfied Clients", value: "650+"
},
{
id: "3",
icon: DollarSign,
title: "Total Value",
value: "$2.3B"
id: "3", icon: DollarSign,
title: "Total Value", value: "$2.3B"
},
{
id: "4",
icon: TrendingUp,
title: "International",
value: "45 Countries"
id: "4", icon: TrendingUp,
title: "International", value: "45 Countries"
}
]}
/>
@@ -267,72 +222,34 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
title="What Our Clients Say"
titleSegments={[
{ type: 'text', content: 'Clients ' },
{ type: 'image', src: 'https://img.b2bpic.net/free-photo/cute-cat-white-background_144627-14285.jpg?_wi=1', alt: 'Yellow Cat Mascot', className: 'h-6 w-6 inline-block mx-1 align-middle' },
{ type: 'text', content: ' Say' }
]}
description="Experience through the words of satisfied buyers and investors who found their dream properties with us."
tag="Client Testimonials"
tagIcon={Star}
textboxLayout="default"
textboxLayout="inline-image"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Ahmed Al Mansouri, Real Estate Investor",
date: "Date: September 2024",
title: "Exceptional Service & Market Expertise",
quote: "The team at Luxe Properties demonstrated outstanding knowledge of the Dubai market. Their negotiation skills saved me significant time and money. I would not hesitate to recommend them for any luxury property transaction.",
tag: "Premium Portfolio",
avatarSrc: "https://img.b2bpic.net/free-photo/business-people-using-digital-tablet-airport_107420-95868.jpg",
imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg"
id: "1", name: "Ahmed Al Mansouri, Real Estate Investor", date: "Date: September 2024", title: "Exceptional Service & Market Expertise", quote: "The team at Luxe Properties demonstrated outstanding knowledge of the Dubai market. Their negotiation skills saved me significant time and money. I would not hesitate to recommend them for any luxury property transaction.", tag: "Premium Portfolio", avatarSrc: "https://img.b2bpic.net/free-photo/business-people-using-digital-tablet-airport_107420-95868.jpg", imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg"
},
{
id: "2",
name: "Sarah Johnson, CEO - Tech Corp",
date: "Date: August 2024",
title: "A Smooth & Sophisticated Experience",
quote: "Finding a penthouse that matched my exacting standards seemed impossible, yet within weeks, the team presented three exceptional options. Their professionalism and attention to detail were impeccable throughout.",
tag: "Penthouse Collection",
avatarSrc: "https://img.b2bpic.net/free-photo/attractive-satisfied-young-female-entrepreneur-standing-proud-smiling-with-crossed-hands-confident_197531-23012.jpg?id=13871705",
imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg"
id: "2", name: "Sarah Johnson, CEO - Tech Corp", date: "Date: August 2024", title: "A Smooth & Sophisticated Experience", quote: "Finding a penthouse that matched my exacting standards seemed impossible, yet within weeks, the team presented three exceptional options. Their professionalism and attention to detail were impeccable throughout.", tag: "Penthouse Collection", avatarSrc: "https://img.b2bpic.net/free-photo/attractive-satisfied-young-female-entrepreneur-standing-proud-smiling-with-crossed-hands-confident_197531-23012.jpg?id=13871705", imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg"
},
{
id: "3",
name: "Michael Chen, International Investor",
date: "Date: July 2024",
title: "Trusted Partner for International Clients",
quote: "As a foreign investor, I appreciated the comprehensive legal and financial guidance. The team navigated complex regulations effortlessly, allowing me to invest with complete confidence.",
tag: "Investment Advisory",
avatarSrc: "https://img.b2bpic.net/free-photo/young-businessman-with-clipboard_1098-602.jpg",
imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg"
id: "3", name: "Michael Chen, International Investor", date: "Date: July 2024", title: "Trusted Partner for International Clients", quote: "As a foreign investor, I appreciated the comprehensive legal and financial guidance. The team navigated complex regulations effortlessly, allowing me to invest with complete confidence.", tag: "Investment Advisory", avatarSrc: "https://img.b2bpic.net/free-photo/young-businessman-with-clipboard_1098-602.jpg", imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg"
},
{
id: "4",
name: "Fatima Al-Serkal, Luxury Lifestyle",
date: "Date: June 2024",
title: "Impeccable Taste & Attention to Detail",
quote: "Beyond finding properties, they understand lifestyle. The concierge services and interior design recommendations have transformed my new home into a personal sanctuary.",
tag: "Concierge Services",
avatarSrc: "https://img.b2bpic.net/free-photo/executive-paying-attention-his-partner_1098-4058.jpg",
imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg"
id: "4", name: "Fatima Al-Serkal, Luxury Lifestyle", date: "Date: June 2024", title: "Impeccable Taste & Attention to Detail", quote: "Beyond finding properties, they understand lifestyle. The concierge services and interior design recommendations have transformed my new home into a personal sanctuary.", tag: "Concierge Services", avatarSrc: "https://img.b2bpic.net/free-photo/executive-paying-attention-his-partner_1098-4058.jpg", imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg"
},
{
id: "5",
name: "David Martinez, Corporate Executive",
date: "Date: May 2024",
title: "Seamless Relocation Experience",
quote: "Moving to Dubai for business, I needed a quick turnaround. Their efficient process and white-glove service made the transition seamless and stress-free.",
tag: "Corporate Solutions",
avatarSrc: "https://img.b2bpic.net/free-photo/smiling-team-leader-looking-camera-group-corporate-meeting_1163-3920.jpg",
imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg"
id: "5", name: "David Martinez, Corporate Executive", date: "Date: May 2024", title: "Seamless Relocation Experience", quote: "Moving to Dubai for business, I needed a quick turnaround. Their efficient process and white-glove service made the transition seamless and stress-free.", tag: "Corporate Solutions", avatarSrc: "https://img.b2bpic.net/free-photo/smiling-team-leader-looking-camera-group-corporate-meeting_1163-3920.jpg", imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg"
},
{
id: "6",
name: "James Richardson, Family Relocation",
date: "Date: April 2024",
title: "Perfect Home for Family Living",
quote: "They truly understood what our family needed. The search process was collaborative and transparent, resulting in finding our perfect family home in Emirates Hills.",
tag: "Family Properties",
avatarSrc: "https://img.b2bpic.net/free-photo/cheerful-businessman-eyeglasses-office_1262-3710.jpg",
imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg"
id: "6", name: "James Richardson, Family Relocation", date: "Date: April 2024", title: "Perfect Home for Family Living", quote: "They truly understood what our family needed. The search process was collaborative and transparent, resulting in finding our perfect family home in Emirates Hills.", tag: "Family Properties", avatarSrc: "https://img.b2bpic.net/free-photo/cheerful-businessman-eyeglasses-office_1262-3710.jpg", imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg"
}
]}
/>
@@ -357,8 +274,7 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Our Services", href: "#services" },
{ label: "Executive Team", href: "#team" },
@@ -367,8 +283,7 @@ export default function LandingPage() {
]
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "Investment Guide", href: "#" },
{ label: "Market Reports", href: "#" },
{ label: "FAQ", href: "#" },
@@ -376,16 +291,14 @@ export default function LandingPage() {
]
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" }
]
},
{
title: "Connect",
items: [
title: "Connect", items: [
{ label: "LinkedIn", href: "#" },
{ label: "Instagram", href: "#" },
{ label: "WhatsApp", href: "#" }
@@ -398,4 +311,4 @@ export default function LandingPage() {
</div>
</ThemeProvider>
);
}
}

106
src/app/photographer-dashboard/page.tsx Normal file
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>
);
}

18
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #ffffff;
--card: #f5f5f5;
--foreground: #000000;
--primary-cta: #000000;
--primary-cta-text: #ffffff;
--secondary-cta: #f9f9f9;
--secondary-cta-text: #000000;
--accent: #e6e6e6;
--background-accent: #d0d0d0;
--background: #FFF8EC;
--card: #FCF3E5;
--foreground: #222222;
--primary-cta: #FFC83D;
--primary-cta-text: #222222;
--secondary-cta: #FF8A1F;
--secondary-cta-text: #222222;
--accent: #7A5A3A;
--background-accent: #DDC9B8;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

267
src/app/upload-gallery/page.tsx Normal file
View File

@@ -0,0 +1,267 @@
"use client";
import { useState } from 'react';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Upload, Tag as TagIcon, FileText, Image as ImageIcon } from "lucide-react";
interface UploadFormState {
title: string;
description: string;
tags: string;
imageFile: File | null;
}
export default function UploadGalleryPage() {
const [uploadForm, setUploadForm] = useState<UploadFormState>({
title: "", description: "", tags: "", imageFile: null,
});
const handleInputChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {
const { name, value } = e.target;
setUploadForm((prev) => ({ ...prev, [name]: value }));
};
const handleFileChange = (e: React.ChangeEvent<HTMLInputElement>) => {
if (e.target.files && e.target.files[0]) {
setUploadForm((prev) => ({ ...prev, imageFile: e.target.files![0] }));
}
};
const handleDragOver = (e: React.DragEvent<HTMLDivElement>) => {
e.preventDefault();
e.stopPropagation();
e.dataTransfer.dropEffect = 'copy';
};
const handleDrop = (e: React.DragEvent<HTMLDivElement>) => {
e.preventDefault();
e.stopPropagation();
if (e.dataTransfer.files && e.dataTransfer.files[0]) {
setUploadForm((prev) => ({ ...prev, imageFile: e.dataTransfer.files![0] }));
}
};
const handleSubmit = (e: React.FormEvent) => {
e.preventDefault();
console.log("Upload data:", uploadForm);
// Here you would typically send data to a server
alert("File ready for upload! (Check console for data)");
// Reset form
setUploadForm({
title: "", description: "", tags: "", imageFile: null,
});
};
const navItems = [
{ name: "Properties", id: "properties", href: "/" },
{ name: "About", id: "about", href: "/" },
{ name: "Services", id: "services", href: "/" },
{ name: "Team", id: "team", href: "/" },
{ name: "Testimonials", id: "testimonials", href: "/" },
{ name: "Contact", id: "contact", href: "/" },
{ name: "Upload Gallery", href: "/upload-gallery" },
];
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={navItems}
button={{ text: "Schedule Viewing", href: "/" }}
/>
</div>
<div className="container mx-auto px-4 py-16">
<h1 className="text-4xl font-semibold text-center mb-12 text-foreground">آپلود تصویر و گالری</h1>
{/* Upload Form Component */}
<div className="bg-card p-8 rounded-lg shadow-xl mb-16 max-w-3xl mx-auto border border-accent/20">
<h2 className="text-2xl font-semibold text-foreground mb-6 text-center">بارگذاری عکس جدید</h2>
<form onSubmit={handleSubmit} className="space-y-6">
<div>
<label htmlFor="title" className="block text-sm font-medium text-foreground mb-2">
عنوان:
</label>
<div className="relative">
<input
type="text"
id="title"
name="title"
value={uploadForm.title}
onChange={handleInputChange}
placeholder="عنوان عکس خود را وارد کنید"
className="w-full p-3 pl-10 bg-background border border-foreground/20 rounded-md text-foreground focus:ring-2 focus:ring-primary-cta focus:border-transparent"
required
/>
<ImageIcon className="absolute left-3 top-1/2 -translate-y-1/2 text-foreground/60" size={20} />
</div>
</div>
<div>
<label htmlFor="description" className="block text-sm font-medium text-foreground mb-2">
توضیحات:
</label>
<div className="relative">
<textarea
id="description"
name="description"
value={uploadForm.description}
onChange={handleInputChange}
placeholder="توضیحات مفصلی برای عکس خود بنویسید"
rows={4}
className="w-full p-3 pl-10 bg-background border border-foreground/20 rounded-md text-foreground focus:ring-2 focus:ring-primary-cta focus:border-transparent"
required
></textarea>
<FileText className="absolute left-3 top-3 text-foreground/60" size={20} />
</div>
</div>
<div>
<label htmlFor="tags" className="block text-sm font-medium text-foreground mb-2">
برچسب‌ها:
</label>
<div className="relative">
<input
type="text"
id="tags"
name="tags"
value={uploadForm.tags}
onChange={handleInputChange}
placeholder="برچسب‌ها را با کاما جدا کنید (مثال: طبیعت، کوه، سفر)"
className="w-full p-3 pl-10 bg-background border border-foreground/20 rounded-md text-foreground focus:ring-2 focus:ring-primary-cta focus:border-transparent"
required
/>
<TagIcon className="absolute left-3 top-1/2 -translate-y-1/2 text-foreground/60" size={20} />
</div>
</div>
{/* Drag and Drop Upload Section */}
<div>
<label className="block text-sm font-medium text-foreground mb-2">
انتخاب فایل تصویر:
</label>
<div
className="flex flex-col items-center justify-center w-full h-48 border-2 border-dashed border-foreground/30 rounded-lg p-6 text-center text-foreground/70 transition-all duration-300 ease-in-out hover:border-primary-cta hover:text-primary-cta cursor-pointer"
onDragOver={handleDragOver}
onDrop={handleDrop}
onClick={() => document.getElementById('imageFile')?.click()}
>
<Upload size={48} className="mb-4" />
<p className="text-lg font-medium">فایل را اینجا بکشید و رها کنید یا کلیک کنید</p>
<p className="text-sm">(فایل‌های JPG، PNG، GIF پشتیبانی می‌شوند)</p>
<input
type="file"
id="imageFile"
name="imageFile"
accept="image/jpeg,image/png,image/gif"
onChange={handleFileChange}
className="hidden"
required
/>
</div>
{uploadForm.imageFile && (
<p className="mt-4 text-center text-foreground">فایل انتخاب شده: <span className="font-semibold">{uploadForm.imageFile.name}</span></p>
)}
</div>
<button
type="submit"
className="w-full px-4 py-3 bg-primary-cta text-primary-cta-foreground rounded-md font-semibold text-lg transition-colors duration-300 ease-in-out hover:bg-primary-cta/90 focus:outline-none focus:ring-2 focus:ring-primary-cta focus:ring-offset-2"
>
بارگذاری
</button>
</form>
</div>
{/* Pinterest-style Masonry Photo Feed */}
<ProductCardFour
title="گالری تصاویر"
description="مجموعه‌ای از تصاویر آپلود شده به سبک پینترست."
tag="تصاویر برگزیده"
tagIcon={ImageIcon}
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
gridVariant="two-columns-alternating-heights"
carouselMode="buttons"
products={[
{
id: "gallery-1", name: "منظره کوهستان", price: "", variant: "", imageSrc: "https://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg", imageAlt: "منظره کوهستان زیبا"
},
{
id: "gallery-2", name: "معماری مدرن", price: "", variant: "", imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg", imageAlt: "ساختمان مدرن شهر"
},
{
id: "gallery-3", name: "نمای داخلی", price: "", variant: "", imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg", imageAlt: "فضای داخلی لوکس"
},
{
id: "gallery-4", name: "طبیعت بکر", price: "", variant: "", imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg", imageAlt: "طبیعت سرسبز و آرام"
},
{
id: "gallery-5", name: "غروب آفتاب", price: "", variant: "", imageSrc: "https://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg", imageAlt: "غروب خیره کننده آفتاب"
},
{
id: "gallery-6", name: "شهر در شب", price: "", variant: "", imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg", imageAlt: "نمای شبانه از شهر"
}
]}
/>
</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: "Upload Gallery", href: "/upload-gallery" }
]
},
{
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 Dubai. All rights reserved."
bottomRightText="Luxury Real Estate Excellence"
/>
</div>
</ThemeProvider>
);
}

154
src/app/user-profile/page.tsx Normal file
View File

@@ -0,0 +1,154 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import MediaAbout from '@/components/sections/about/MediaAbout';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { User, Image, DollarSign, TrendingUp, Handshake, HeartHandshake, Award, Gauge } from "lucide-react";
export default function UserProfilePage() {
const commonNavItems = [
{ name: "Properties", href: "/#properties" },
{ name: "About", href: "/#about" },
{ name: "Services", href: "/#services" },
{ name: "Team", href: "/#team" },
{ name: "Testimonials", href: "/#testimonials" },
{ name: "Contact", href: "/#contact" },
{ name: "پروفایل کاربری", href: "/user-profile" }
];
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={commonNavItems}
button={{ text: "Schedule Viewing", href: "/#contact" }}
/>
</div>
<div id="bio" data-section="bio">
<MediaAbout
title="پروفایل کاربری: علی محمدی"
description="سلام، من علی محمدی هستم، یک کارآفرین پرشور و عاشق فناوری از تهران. در طول ۱۰ سال گذشته، در چندین استارتاپ موفق در زمینه هوش مصنوعی و بلاکچین نقش‌های کلیدی داشته‌ام. به ایجاد راه‌حل‌های نوآورانه و تأثیرگذار که زندگی مردم را بهبود می‌بخشند اعتقاد دارم. در اوقات فراغت، به عکاسی از طبیعت و یادگیری زبان‌های جدید علاقه‌مندم."
tag="درباره من"
tagIcon={User}
imageSrc="https://img.b2bpic.net/free-photo/business-people-using-digital-tablet-airport_107420-95868.jpg"
imageAlt="علی محمدی"
useInvertedBackground={false}
buttons={[
{ text: "ارتباط با من", href: "/#contact" }
]}
/>
</div>
<div id="gallery" data-section="gallery">
<HeroBillboardGallery
title="گالری تصاویر من"
description="لحظاتی از سفرهای من، پروژه‌های کاری و مناظر الهام‌بخش."
background={{ variant: "plain" }}
tag="تصاویر منتخب"
tagIcon={Image}
mediaItems={[
{
imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg", imageAlt: "منظره شب تهران"
},
{
imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg", imageAlt: "نمونه کار طراحی"
},
{
imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg", imageAlt: "سفر به طبیعت"
},
{
imageSrc: "https://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg", imageAlt: "فضای کار من"
}
]}
mediaAnimation="slide-up"
/>
</div>
<div id="earnings" data-section="earnings">
<MetricCardThree
title="خلاصه فعالیت‌ها و دستاوردها"
description="نگاهی به عملکرد و پیشرفت من در حوزه‌های مختلف."
tag="دستاوردها"
tagIcon={Award}
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={true}
metrics={[
{
id: "1", icon: DollarSign,
title: "کل درآمد", value: "۵۰۰ میلیون+"
},
{
id: "2", icon: TrendingUp,
title: "رشد سالانه", value: "۳۵٪"
},
{
id: "3", icon: Handshake,
title: "تعداد همکاری‌ها", value: "۵۰+"
},
{
id: "4", icon: HeartHandshake,
title: "رضایت مشتری", value: "۹۸٪"
}
]}
/>
</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 Dubai. تمامی حقوق محفوظ است."
bottomRightText="برتری در املاک لوکس"
/>
</div>
</ThemeProvider>
);
}