Update src/app/page.tsx

Merge version_9 into main

src/app/page.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
@@ -6,11 +6,12 @@ import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGaller
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import FeatureCardTwentyTwo from '@/components/sections/feature/FeatureCardTwentyTwo';
+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 (
@@ -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={[
@@ -149,6 +151,29 @@ export default function LandingPage() {
         />
       </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/businessman-discussing-document-with-colleague_107420-84875.jpg",              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"
+            }
+          ]}
+        />
+      </div>
+
       <div id="metrics" data-section="metrics">
         <MetricCardThree
           title="By The Numbers"
@@ -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" }
               ]