Update src/app/page.tsx

Update src/app/upload-gallery/page.tsx
2026-06-12 23:44:40 +00:00 · 2026-06-12 23:43:47 +00:00 · 2026-06-12 23:43:47 +00:00 · 2026-06-12 23:42:41 +00:00 · 2026-06-12 23:42:40 +00:00 · 2026-06-12 23:42:40 +00:00
6 changed files with 618 additions and 170 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -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`}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -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"
@@ -82,10 +77,16 @@ 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' },
+            { type: 'text', content: ' Properties' }
+          ]}
+          textBoxTitleImageClassName='h-6 w-6 inline-block mx-1 align-middle'
          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 +96,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
            }
          ]}
        />
@@ -143,50 +126,38 @@ 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' },
+            { type: 'text', content: ' Services & Expertise' }
+          ]}
+          textBoxTitleImageClassName='h-6 w-6 inline-block mx-1 align-middle'
          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 +165,28 @@ export default function LandingPage() {

      <div id="team" data-section="team">
        <TeamCardOne
-          title="Executive Team"
+          title="Our 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' },
+            { type: 'text', content: ' Executive Team' }
+          ]}
+          textBoxTitleImageClassName='h-6 w-6 inline-block mx-1 align-middle'
          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 +194,35 @@ export default function LandingPage() {

      <div id="metrics" data-section="metrics">
        <MetricCardThree
-          title="By The Numbers"
+          title="Metrics 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' },
+            { type: 'text', content: ' By The Numbers' }
+          ]}
+          textBoxTitleImageClassName='h-6 w-6 inline-block mx-1 align-middle'
          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"
            }
          ]}
        />
@@ -268,71 +231,35 @@ 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' },
+            { type: 'text', content: ' Say' }
+          ]}
+          textBoxTitleImageClassName='h-6 w-6 inline-block mx-1 align-middle'
          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 +284,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 +293,7 @@ export default function LandingPage() {
              ]
            },
            {
-              title: "Resources",
-              items: [
+              title: "Resources",              items: [
                { label: "Investment Guide", href: "#" },
                { label: "Market Reports", href: "#" },
                { label: "FAQ", href: "#" },
@@ -376,16 +301,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 +321,4 @@ export default function LandingPage() {
      </div>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/photographer-dashboard/page.tsx
+++ b/src/app/photographer-dashboard/page.tsx
@@ -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>
+  );
+}
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -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);
--- a/src/app/upload-gallery/page.tsx
+++ b/src/app/upload-gallery/page.tsx
@@ -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", id: "/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>
+  );
+}
--- a/src/app/user-profile/page.tsx
+++ b/src/app/user-profile/page.tsx
@@ -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>
+  );
+}
Author	SHA1	Message	Date
bender	9c5442c082	Update src/app/page.tsx	2026-06-12 23:44:40 +00:00
bender	546f20a20b	Update src/app/upload-gallery/page.tsx	2026-06-12 23:43:47 +00:00
bender	026b665249	Update src/app/page.tsx	2026-06-12 23:43:47 +00:00
bender	94b79dee02	Add src/app/user-profile/page.tsx	2026-06-12 23:42:41 +00:00
bender	6f4979482e	Add src/app/upload-gallery/page.tsx	2026-06-12 23:42:40 +00:00
bender	73910d3dd0	Update src/app/styles/variables.css	2026-06-12 23:42:40 +00:00
bender	9dde0a85fc	Add src/app/photographer-dashboard/page.tsx	2026-06-12 23:42:39 +00:00
bender	10c1eb5f9e	Update src/app/page.tsx	2026-06-12 23:42:39 +00:00
bender	86d14738a8	Update src/app/layout.tsx	2026-06-12 23:42:39 +00:00