Update src/app/page.tsx

Merge version_10 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);

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={[
@@ -98,12 +100,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 +114,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 +122,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 +213,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"
@@ -232,6 +253,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" }
               ]

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;
 }