Merge version_14 into main

Merge version_14 into main

src/app/layout.tsx

@@ -409,6 +409,20 @@ export default function RootLayout({
     
     originalContent = element.textContent;
     element.contentEditable = 'true';
+    
+    if (!element.dataset.webildOriginalWhiteSpace) {
+      const computedStyle = window.getComputedStyle(element);
+      element.dataset.webildOriginalWhiteSpace = computedStyle.whiteSpace;
+      element.dataset.webildOriginalWordWrap = computedStyle.wordWrap;
+      element.dataset.webildOriginalOverflowWrap = computedStyle.overflowWrap;
+      element.dataset.webildOriginalOverflow = computedStyle.overflow;
+    }
+    
+    element.style.whiteSpace = 'pre-wrap';
+    element.style.wordWrap = 'break-word';
+    element.style.overflowWrap = 'break-word';
+    element.style.overflow = 'visible';
+    
     element.focus();
     isEditing = true;
     
@@ -518,6 +532,23 @@ export default function RootLayout({
     element.contentEditable = 'false';
     isEditing = false;
     
+    if (element.dataset.webildOriginalWhiteSpace) {
+      element.style.whiteSpace = element.dataset.webildOriginalWhiteSpace === 'normal' ? '' : element.dataset.webildOriginalWhiteSpace;
+      delete element.dataset.webildOriginalWhiteSpace;
+    }
+    if (element.dataset.webildOriginalWordWrap) {
+      element.style.wordWrap = element.dataset.webildOriginalWordWrap === 'normal' ? '' : element.dataset.webildOriginalWordWrap;
+      delete element.dataset.webildOriginalWordWrap;
+    }
+    if (element.dataset.webildOriginalOverflowWrap) {
+      element.style.overflowWrap = element.dataset.webildOriginalOverflowWrap === 'normal' ? '' : element.dataset.webildOriginalOverflowWrap;
+      delete element.dataset.webildOriginalOverflowWrap;
+    }
+    if (element.dataset.webildOriginalOverflow) {
+      element.style.overflow = element.dataset.webildOriginalOverflow === 'visible' ? '' : element.dataset.webildOriginalOverflow;
+      delete element.dataset.webildOriginalOverflow;
+    }
+    
     if (element.dataset.beforeInputHandler === 'true') {
       element.removeEventListener('beforeinput', () => {});
       delete element.dataset.beforeInputHandler;
@@ -823,6 +854,9 @@ export default function RootLayout({
 
   const handleScroll = () => {
     if (!isActive) return;
+    
+    if (isEditing) return;
+    
     if (selectedElement) {
       makeUneditable(selectedElement, false);
       selectedElement.classList.remove(selectedClass);
@@ -1196,6 +1230,31 @@ export default function RootLayout({
   window.addEventListener('scroll', handleScroll, true);
   window.addEventListener('message', handleMessage, true);
   
+  let lastPathname = window.location.pathname;
+  
+  const notifyPageChange = () => {
+    window.parent.postMessage({
+      type: 'webild-page-changed',
+      data: { pathname: window.location.pathname }
+    }, '*');
+  };
+  
+  window.addEventListener('popstate', () => {
+    if (lastPathname !== window.location.pathname) {
+      lastPathname = window.location.pathname;
+      notifyPageChange();
+    }
+  }, true);
+  
+  const urlCheckInterval = setInterval(() => {
+    if (lastPathname !== window.location.pathname) {
+      lastPathname = window.location.pathname;
+      notifyPageChange();
+    }
+  }, 500);
+  
+  notifyPageChange();
+  
   window.webildCleanup = () => {
     isActive = false;
     
@@ -1206,6 +1265,10 @@ export default function RootLayout({
     removeHoverOverlay();
     removeElementTypeLabel();
     
+    if (urlCheckInterval) {
+      clearInterval(urlCheckInterval);
+    }
+    
     document.removeEventListener('mouseover', handleMouseOver, true);
     document.removeEventListener('mouseout', handleMouseOut, true);
     document.removeEventListener('click', handleClick, true);
@@ -1236,4 +1299,4 @@ export default function RootLayout({
       </body>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -1,16 +1,17 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
-import FeatureCardTwentyTwo from '@/components/sections/feature/FeatureCardTwentyTwo';
+import MediaAbout from '@/components/sections/about/MediaAbout';
+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';
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import { Sparkles, Home, Shield, Award, Star, Mail, TrendingUp, DollarSign, FileCheck, Building2, Users } from "lucide-react";
+import { Sparkles, Home, Shield, Award, Star, Mail, TrendingUp, DollarSign, Users } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -21,7 +22,7 @@ export default function LandingPage() {
       contentWidth="mediumSmall"
       sizing="mediumLarge"
       background="none"
-      cardStyle="elevated"
+      cardStyle="glass-elevated"
       primaryButtonStyle="inset-glow"
       secondaryButtonStyle="radial-glow"
       headingFontWeight="medium"
@@ -33,6 +34,7 @@ export default function LandingPage() {
             { name: "Properties", id: "properties" },
             { name: "About", id: "about" },
             { name: "Services", id: "services" },
+            { name: "Team", id: "team" },
             { name: "Testimonials", id: "testimonials" },
             { name: "Contact", id: "contact" }
           ]}
@@ -44,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={[
@@ -83,9 +85,13 @@ 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
+              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
@@ -98,12 +104,12 @@ export default function LandingPage() {
       </div>
 
       <div id="about" data-section="about">
-        <TextSplitAbout
+        <MediaAbout
           title="Your Trusted Dubai Real Estate Partner"
-          description={[
-            "With over 15 years of excellence in Dubai's luxury real estate market, we have established ourselves as the premier boutique agency for discerning international clientele.",            "Our expert team specializes in sourcing and curating the finest properties across Dubai's most exclusive communities. We combine market mastery with personalized service, ensuring every transaction is seamless and satisfying.",            "Transparency, integrity, and results define our commitment to every client partnership."
-          ]}
-          showBorder={true}
+          description="With over 15 years of excellence in Dubai's luxury real estate market, we have established ourselves as the premier boutique agency for discerning international clientele. Our expert team specializes in sourcing and curating the finest properties across Dubai's most exclusive communities. We combine market mastery with personalized service, ensuring every transaction is seamless and satisfying."
+          tag="About Us"
+          imageSrc="https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg"
+          imageAlt="Luxe Properties Dubai team"
           useInvertedBackground={false}
           buttons={[
             { text: "Learn Our Story", href: "#" }
@@ -112,7 +118,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"
@@ -120,30 +126,49 @@ 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"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="team" data-section="team">
+        <TeamCardOne
+          title="Executive Team"
+          description="Meet the visionary leaders guiding Luxe Properties with expertise and dedication."
+          tag="Our Leadership"
+          textboxLayout="default"
+          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: "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"
             }
           ]}
         />
@@ -192,7 +217,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"
@@ -216,7 +241,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: "#" },
@@ -232,6 +257,7 @@ export default function LandingPage() {
               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" }
               ]
@@ -265,4 +291,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/properties/page.tsx

@@ -0,0 +1,187 @@
+"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,
+              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: "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>
+  );
+}

src/app/property/palm-jumeirah-villa/page.tsx

@@ -0,0 +1,225 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
+import MediaAbout from '@/components/sections/about/MediaAbout';
+import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import { Sparkles, Home, Shield, Mail, MapPin, Bed, Bath, Maximize2 } from "lucide-react";
+
+export default function PalmJumeirahVillaPage() {
+  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="hero" data-section="hero">
+        <HeroBillboardGallery
+          title="Palm Jumeirah Villa - Beachfront Paradise"
+          description="Discover this exceptional 5-bedroom luxury villa on the iconic Palm Jumeirah. A stunning waterfront residence with breathtaking Arabian Gulf views, private beach access, and world-class amenities. This is more than a home—it's a lifestyle statement."
+          background={{ variant: "gradient-bars" }}
+          tag="Premium Listing"
+          tagIcon={Sparkles}
+          buttons={[
+            { text: "Schedule Viewing", href: "#contact" },
+            { text: "Back to Properties", href: "/properties" }
+          ]}
+          mediaItems={[
+            {
+              imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg",              imageAlt: "Palm Jumeirah Villa main exterior"
+            },
+            {
+              imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg",              imageAlt: "Palm Jumeirah Villa beachfront view"
+            },
+            {
+              imageSrc: "https://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg",              imageAlt: "Palm Jumeirah Villa interior living space"
+            },
+            {
+              imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg",              imageAlt: "Palm Jumeirah Villa luxury pool area"
+            },
+            {
+              imageSrc: "https://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg",              imageAlt: "Palm Jumeirah Villa bedroom suite"
+            }
+          ]}
+          mediaAnimation="slide-up"
+        />
+      </div>
+
+      <div id="about" data-section="about">
+        <MediaAbout
+          title="Property Overview & Highlights"
+          description="This magnificent 5-bedroom villa spans 8,500 square meters and epitomizes luxury living on Palm Jumeirah. Set on a prime waterfront plot with direct private beach access, the residence features floor-to-ceiling windows that frame panoramic Arabian Gulf views. The architecture seamlessly blends contemporary design with timeless elegance, offering a sophisticated retreat for the most discerning clientele. Every detail has been meticulously curated—from the imported Italian marble flooring to the state-of-the-art smart home technology. The villa includes a private cinema, wine cellar, fitness center, and spa facilities. An infinity pool overlooks the sea, while the manicured gardens create an exclusive sanctuary. This is not just a property; it's a manifestation of luxury lifestyle."
+          tag="Villa Details"
+          imageSrc="https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg"
+          imageAlt="Palm Jumeirah Villa detailed view"
+          useInvertedBackground={false}
+          buttons={[
+            { text: "Inquire Now", href: "#contact" }
+          ]}
+        />
+      </div>
+
+      <div id="amenities" data-section="amenities">
+        <FeatureCardThree
+          title="Premium Amenities & Features"
+          description="Experience unparalleled luxury with world-class facilities and exclusive features designed for sophisticated living."
+          tag="Amenities"
+          tagIcon={Shield}
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground={true}
+          gridVariant="uniform-all-items-equal"
+          carouselMode="buttons"
+          features={[
+            {
+              id: "01",              title: "Private Beach Access",              description: "Exclusive private beach with pristine sand and direct waterfront access",              imageSrc: "https://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg",              imageAlt: "Private beach access"
+            },
+            {
+              id: "02",              title: "Infinity Pool",              description: "Stunning zero-edge infinity pool with panoramic sea views and underwater lighting",              imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg",              imageAlt: "Infinity pool"
+            },
+            {
+              id: "03",              title: "Private Cinema",              description: "State-of-the-art home theater with surround sound and premium seating",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg",              imageAlt: "Private cinema"
+            },
+            {
+              id: "04",              title: "Wine Cellar",              description: "Climate-controlled wine cellar with capacity for 500+ bottles",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg",              imageAlt: "Wine cellar"
+            },
+            {
+              id: "05",              title: "Spa & Wellness",              description: "Full spa facility with sauna, steam room, and massage treatment rooms",              imageSrc: "https://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg",              imageAlt: "Spa and wellness center"
+            },
+            {
+              id: "06",              title: "Smart Home Technology",              description: "Advanced automation system controlling lighting, climate, security, and entertainment",              imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg",              imageAlt: "Smart home technology"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="specifications" data-section="specifications">
+        <FeatureCardThree
+          title="Property Specifications"
+          description="Detailed property information and key measurements."
+          tag="Specifications"
+          tagIcon={Maximize2}
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground={false}
+          gridVariant="uniform-all-items-equal"
+          carouselMode="buttons"
+          features={[
+            {
+              id: "01",              title: "Total Area",              description: "8,500 square meters of luxury living space across multiple levels",              imageSrc: "https://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg",              imageAlt: "Total area"
+            },
+            {
+              id: "02",              title: "Bedrooms",              description: "5 spacious suites with en-suite bathrooms and premium furnishings",              imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg",              imageAlt: "Bedrooms"
+            },
+            {
+              id: "03",              title: "Bathrooms",              description: "7 luxury bathrooms featuring imported fixtures and marble finishes",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg",              imageAlt: "Bathrooms"
+            },
+            {
+              id: "04",              title: "Dining Areas",              description: "Multiple dining spaces including formal dining and casual breakfast area",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg",              imageAlt: "Dining areas"
+            },
+            {
+              id: "05",              title: "Kitchen",              description: "Chef's kitchen with premium Miele and Sub-Zero appliances",              imageSrc: "https://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg",              imageAlt: "Kitchen"
+            },
+            {
+              id: "06",              title: "Garage & Parking",              description: "Climate-controlled garage with parking for 4 vehicles plus additional spots",              imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg",              imageAlt: "Garage and parking"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="investment" data-section="investment">
+        <MediaAbout
+          title="Investment Opportunity & Market Position"
+          description="Palm Jumeirah remains one of Dubai's most exclusive and sought-after addresses. Properties in this iconic location consistently appreciate in value, with strong rental yields for investors. This villa's unique characteristics—waterfront location, architectural distinction, and comprehensive amenities—position it as a premier investment asset. Whether as a personal residence or investment property, this villa offers both lifestyle excellence and financial potential. Our team can provide detailed market analysis, financing options, and investment projections tailored to your specific goals."
+          tag="Investment Details"
+          imageSrc="https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg"
+          imageAlt="Palm Jumeirah investment opportunity"
+          useInvertedBackground={false}
+          buttons={[
+            { text: "Get Investment Analysis", href: "#contact" }
+          ]}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactCTA
+          tag="Ready to Invest?"
+          tagIcon={Mail}
+          title="Schedule Your Private Viewing"
+          description="Experience this extraordinary property firsthand. Our expert team will arrange a personalized tour at your convenience, highlighting every luxury detail and answering your investment questions."
+          background={{ variant: "sparkles-gradient" }}
+          useInvertedBackground={false}
+          buttons={[
+            { text: "Book Viewing Now", href: "#" },
+            { text: "Contact Our 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>
+  );
+}

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-inter), sans-serif;
+  font-family: var(font-family: --font-cormorant-garamond, serif;), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-ubuntu), sans-serif;
+  font-family: var(font-family: --font-cormorant-garamond, serif;), sans-serif;
 }