Update src/app/page.tsx

Merge version_12 into main

src/app/page.tsx

@@ -5,7 +5,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import MediaAbout from '@/components/sections/about/MediaAbout';
-import FeatureCardTwentyTwo from '@/components/sections/feature/FeatureCardTwentyTwo';
+import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
 import TeamCardOne from '@/components/sections/team/TeamCardOne';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
@@ -46,7 +46,7 @@ export default function LandingPage() {
         <HeroBillboardGallery
           title="Discover Luxury Living in Dubai"
           description="Exclusive properties curated for discerning buyers. Experience the pinnacle of sophistication with our award-winning real estate portfolio."
-          background={{ variant: "plain" }}
+          background={{ variant: "gradient-bars" }}
           tag="Premium Collections"
           tagIcon={Sparkles}
           buttons={[
@@ -85,6 +85,9 @@ export default function LandingPage() {
           useInvertedBackground={false}
           gridVariant="uniform-all-items-equal"
           carouselMode="buttons"
+          buttons={[
+            { text: "See all properties", href: "/properties" }
+          ]}
           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
@@ -114,7 +117,7 @@ export default function LandingPage() {
       </div>
 
       <div id="services" data-section="services">
-        <FeatureCardTwentyTwo
+        <FeatureCardThree
           title="Our Services & Expertise"
           description="Comprehensive real estate solutions tailored to meet your unique needs and aspirations."
           tag="Professional Services"
@@ -122,30 +125,26 @@ export default function LandingPage() {
           textboxLayout="default"
           animationType="slide-up"
           useInvertedBackground={true}
+          gridVariant="uniform-all-items-equal"
+          carouselMode="buttons"
           features={[
             {
-              id: "1",              category: ["Services", "Property"],
-              title: "Property Selection - 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"
+              id: "01",              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"
             },
             {
-              id: "2",              category: ["Investment", "Advisory"],
-              title: "Investment Advisory - Expert insights into market trends and investment opportunities",              imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg",              imageAlt: "Investment advisory"
+              id: "02",              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"
             },
             {
-              id: "3",              category: ["Negotiation", "Closing"],
-              title: "Negotiation & Closing - Strategic negotiation and seamless transaction management",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg",              imageAlt: "Negotiation and closing"
+              id: "03",              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"
             },
             {
-              id: "4",              category: ["Legal", "Compliance"],
-              title: "Legal Compliance - 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"
+              id: "04",              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"
             },
             {
-              id: "5",              category: ["Property", "Management"],
-              title: "Property Management - 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"
+              id: "05",              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"
             },
             {
-              id: "6",              category: ["Concierge", "Services"],
-              title: "Concierge Services - 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"
+              id: "06",              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"
             }
           ]}
         />
@@ -165,7 +164,7 @@ export default function LandingPage() {
               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/businessman-discussing-document-with-colleague_107420-84875.jpg",              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"
@@ -217,7 +216,7 @@ export default function LandingPage() {
               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/businessman-discussing-document-with-colleague_107420-84875.jpg",              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"
@@ -241,7 +240,7 @@ export default function LandingPage() {
           tagIcon={Mail}
           title="Ready to Find Your Dream Property?"
           description="Let our expert team guide you through your luxury real estate journey. Schedule a consultation today and discover properties that match your vision and investment goals."
-          background={{ variant: "plain" }}
+          background={{ variant: "sparkles-gradient" }}
           useInvertedBackground={false}
           buttons={[
             { text: "Schedule Consultation", href: "#" },

src/app/properties/page.tsx

@@ -0,0 +1,186 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import { Home, Mail } from "lucide-react";
+
+export default function PropertiesPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="mediumSmall"
+      sizing="mediumLarge"
+      background="none"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="inset-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" }
+          ]}
+          button={{ text: "Schedule Viewing", href: "contact" }}
+        />
+      </div>
+
+      <div id="properties" data-section="properties">
+        <ProductCardFour
+          title="All Properties"
+          description="Browse our complete portfolio of luxury properties available for sale and investment in Dubai's most exclusive locations."
+          tag="Complete Listings"
+          tagIcon={Home}
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground={false}
+          gridVariant="uniform-all-items-equal"
+          carouselMode="buttons"
+          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: "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: "4",              name: "Marina Bay Apartment",              price: "AED 5,800,000",              variant: "3 Bed Apartment | Sea View",              imageSrc: "https://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg",              imageAlt: "Modern apartment with sea view in Marina",              isFavorited: false
+            },
+            {
+              id: "5",              name: "Jumeirah Golf Estate Villa",              price: "AED 7,500,000",              variant: "5 Bed Villa | Golf Course",              imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg",              imageAlt: "Luxury villa in Jumeirah Golf Estate",              isFavorited: false
+            },
+            {
+              id: "6",              name: "Arabian Ranches Mansion",              price: "AED 9,200,000",              variant: "6 Bed Mansion | Ultra Luxury",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg",              imageAlt: "Exclusive mansion in Arabian Ranches",              isFavorited: false
+            },
+            {
+              id: "7",              name: "Burj Khalifa Penthouse",              price: "AED 11,000,000",              variant: "4 Bed Penthouse | Iconic Tower",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg",              imageAlt: "Prestigious penthouse in Burj Khalifa",              isFavorited: false
+            },
+            {
+              id: "8",              name: "Dubai Hills Estate Villa",              price: "AED 6,800,000",              variant: "5 Bed Villa | Contemporary Design",              imageSrc: "https://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg",              imageAlt: "Modern villa in Dubai Hills Estate",              isFavorited: false
+            },
+            {
+              id: "9",              name: "The Waterfront Townhouse",              price: "AED 5,200,000",              variant: "3 Bed Townhouse | Waterfront",              imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg",              imageAlt: "Elegant townhouse with waterfront access",              isFavorited: false
+            },
+            {
+              id: "10",              name: "Business Bay Luxury Flat",              price: "AED 4,500,000",              variant: "2 Bed Apartment | Investment",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg",              imageAlt: "Investment apartment in Business Bay",              isFavorited: false
+            },
+            {
+              id: "11",              name: "Palm Jumeirah Mansion",              price: "AED 15,000,000",              variant: "7 Bed Mansion | Waterfront Paradise",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg",              imageAlt: "Ultra-luxury mansion on Palm Jumeirah",              isFavorited: false
+            },
+            {
+              id: "12",              name: "Emaar Beachfront Penthouse",              price: "AED 10,500,000",              variant: "5 Bed Penthouse | Beach Access",              imageSrc: "https://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg",              imageAlt: "Premium penthouse with beach access",              isFavorited: false
+            },
+            {
+              id: "13",              name: "Downtown Dubai Villa",              price: "AED 7,100,000",              variant: "4 Bed Villa | City Center",              imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg",              imageAlt: "Spacious villa in heart of Downtown",              isFavorited: false
+            },
+            {
+              id: "14",              name: "JBR Beach Apartment",              price: "AED 3,800,000",              variant: "2 Bed Apartment | Beach Living",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg",              imageAlt: "Modern apartment with beach proximity",              isFavorited: false
+            },
+            {
+              id: "15",              name: "Emirates Living Mansion",              price: "AED 13,500,000",              variant: "8 Bed Mansion | Gated Community",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg",              imageAlt: "Prestigious mansion in Emirates Living",              isFavorited: false
+            },
+            {
+              id: "16",              name: "The Walk Townhouse",              price: "AED 4,900,000",              variant: "3 Bed Townhouse | Central Location",              imageSrc: "https://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg",              imageAlt: "Contemporary townhouse near The Walk",              isFavorited: false
+            },
+            {
+              id: "17",              name: "Dubai Marina Premier",              price: "AED 6,500,000",              variant: "3 Bed Apartment | Marina View",              imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg",              imageAlt: "Premium apartment overlooking Marina",              isFavorited: false
+            },
+            {
+              id: "18",              name: "Meadows Villa",              price: "AED 5,600,000",              variant: "4 Bed Villa | Community",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg",              imageAlt: "Family villa in The Meadows community",              isFavorited: false
+            },
+            {
+              id: "19",              name: "Caesars Palace Residence",              price: "AED 8,900,000",              variant: "4 Bed Penthouse | Luxury Residences",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg",              imageAlt: "Exclusive residence in Caesars Palace",              isFavorited: false
+            },
+            {
+              id: "20",              name: "Dubai South Apartment",              price: "AED 2,900,000",              variant: "2 Bed Apartment | Emerging Location",              imageSrc: "https://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg",              imageAlt: "Modern apartment in Dubai South",              isFavorited: false
+            },
+            {
+              id: "21",              name: "DIFC Luxury Flat",              price: "AED 7,300,000",              variant: "3 Bed Apartment | Financial Hub",              imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg",              imageAlt: "Premium apartment in DIFC",              isFavorited: false
+            },
+            {
+              id: "22",              name: "Springs Community Villa",              price: "AED 4,300,000",              variant: "3 Bed Villa | Quiet Community",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg",              imageAlt: "Peaceful villa in The Springs",              isFavorited: false
+            },
+            {
+              id: "23",              name: "Port de La Mer Penthouse",              price: "AED 9,800,000",              variant: "5 Bed Penthouse | Waterfront",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg",              imageAlt: "Exquisite penthouse at Port de La Mer",              isFavorited: false
+            },
+            {
+              id: "24",              name: "Nad Al Sheba Mansion",              price: "AED 6,200,000",              variant: "5 Bed Mansion | Equestrian",              imageSrc: "https://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg",              imageAlt: "Stunning mansion in Nad Al Sheba",              isFavorited: false
+            },
+            {
+              id: "25",              name: "Dubai Creek Residences",              price: "AED 5,500,000",              variant: "3 Bed Apartment | New Development",              imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg",              imageAlt: "Modern residence at Dubai Creek",              isFavorited: false
+            }
+          ]}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactCTA
+          tag="Get In Touch"
+          tagIcon={Mail}
+          title="Interested in Any of These Properties?"
+          description="Our expert agents are ready to provide detailed information, arrange viewings, and answer all your questions about these luxury properties."
+          background={{ variant: "sparkles-gradient" }}
+          useInvertedBackground={false}
+          buttons={[
+            { text: "Schedule Viewing", href: "#" },
+            { text: "Contact Agent", href: "#" }
+          ]}
+        />
+      </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" }
+              ]
+            },
+            {
+              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>
+  );
+}