Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -7,11 +7,11 @@ import ProductCardFour from '@/components/sections/product/ProductCardFour';
 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 MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
-import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
+import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
-import { Sparkles, Home, Shield, Award, Star, Mail, TrendingUp, DollarSign, Users } from "lucide-react";
+import { Sparkles, Shield } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -38,7 +38,7 @@ export default function LandingPage() {
             { name: "Testimonials", id: "testimonials" },
             { name: "Contact", id: "contact" }
           ]}
-          button={{ text: "Schedule Viewing", href: "contact" }}
+          button={{ text: "Schedule Viewing", href: "#contact" }}
         />
       </div>
 
@@ -56,9 +56,9 @@ export default function LandingPage() {
           ]}
           buttonAnimation="slide-up"
           mediaItems={[
-            { videoSrc: "https://b2bpic.net/free-video/shanghai-night-city-buildings_1127-3170.mp4?_wi=1", videoAriaLabel: "Futuristic city video" },
+            { imageSrc: "https://img.b2bpic.net/premium-photo/jevnaker-norway-april-22-2020-facade-detail-twist-museum-kistefos-sculpture-park-fluid-abstract-modern-architecture-geometry-calculus-architecture_1033579-190357.jpg?id=334079192", videoAriaLabel: "Futuristic city video" },
-            { videoSrc: "https://b2bpic.net/free-video/shanghai-night-city-buildings_1127-3170.mp4?_wi=2", videoAriaLabel: "Futuristic city video" },
+            { imageSrc: "https://img.b2bpic.net/premium-photo/architecture-design-website-with-innovative-building-can-simple-ideas-web-layout-design_1020495-557896.jpg?id=263521512", videoAriaLabel: "Futuristic city video" },
-            { videoSrc: "https://b2bpic.net/free-video/shanghai-night-city-buildings_1127-3170.mp4?_wi=3", videoAriaLabel: "Futuristic city video" }
+            { imageSrc: "https://img.b2bpic.net/premium-photo/modern-architecture-with-sleek-design-innovative-structures_1296313-12101.jpg?id=353805382", videoAriaLabel: "Futuristic city video" }
           ]}
           mediaAnimation="none"
         />
@@ -69,7 +69,7 @@ export default function LandingPage() {
           title="Featured Properties"
           description="Handpicked luxury properties showcasing the finest real estate opportunities in Dubai's most prestigious locations."
           tag="Exclusive Listings"
-          tagIcon={Home}
+          tagIcon={Sparkles}
           textboxLayout="default"
           animationType="slide-up"
           useInvertedBackground={false}
@@ -102,7 +102,7 @@ export default function LandingPage() {
           imageAlt="Luxe Properties Dubai team"
           useInvertedBackground={false}
           buttons={[
-            { text: "Learn Our Story", href: "#" }
+            { text: "Learn Our Story", href: "#about" }
           ]}
         />
       </div>
@@ -165,83 +165,97 @@ export default function LandingPage() {
       </div>
 
       <div id="metrics" data-section="metrics">
-        <MetricCardThree
+        <MetricCardTwo
           title="By The Numbers"
           description="Our proven track record speaks to our commitment and success in Dubai's luxury real estate market."
           tag="Track Record"
-          tagIcon={Award}
           textboxLayout="default"
-          animationType="slide-up"
+          animationType="depth-3d"
           useInvertedBackground={false}
+          gridVariant="uniform-all-items-equal"
+          buttons={[
+            { text: "View Insights", href: "#metrics" }
+          ]}
           metrics={[
             {
-              id: "1",              icon: Home,
+              id: "1",              description: "Properties Sold",              value: "450+"
-              title: "Properties Sold",              value: "450+"
             },
             {
-              id: "2",              icon: Users,
+              id: "2",              description: "Satisfied Clients",              value: "650+"
-              title: "Satisfied Clients",              value: "650+"
             },
             {
-              id: "3",              icon: DollarSign,
+              id: "3",              description: "Total Value",              value: "$2.3B"
-              title: "Total Value",              value: "$2.3B"
             },
             {
-              id: "4",              icon: TrendingUp,
+              id: "4",              description: "International Reach",              value: "45 Countries"
-              title: "International",              value: "45 Countries"
             }
           ]}
         />
       </div>
 
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardFive
+        <TestimonialCardTen
           title="What Our Clients Say"
           description="Experience through the words of satisfied buyers and investors who found their dream properties with us."
           tag="Client Testimonials"
-          tagIcon={Star}
           textboxLayout="default"
           useInvertedBackground={false}
+          buttons={[
+            { text: "Read All Reviews", href: "#testimonials" }
+          ]}
           testimonials={[
             {
-              id: "1",              name: "Ahmed Al Mansouri, Real Estate Investor",              date: "Date: September 2024",              title: "Exceptional Service & Market Expertise",              quote: "The team at Luxe Properties demonstrated outstanding knowledge of the Dubai market. Their negotiation skills saved me significant time and money. I would not hesitate to recommend them for any luxury property transaction.",              tag: "Premium Portfolio",              avatarSrc: "https://img.b2bpic.net/free-photo/business-people-using-digital-tablet-airport_107420-95868.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg?_wi=4"
+              id: "1",              name: "Ahmed Al Mansouri",              role: "Real Estate Investor",              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.",              imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg?_wi=4"
             },
             {
-              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?_wi=4"
+              id: "2",              name: "Sarah Johnson",              role: "CEO - Tech Corp",              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.",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg?_wi=4"
             },
             {
-              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?_wi=3"
+              id: "3",              name: "Michael Chen",              role: "International Investor",              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.",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg?_wi=3"
             },
             {
-              id: "4",              name: "Fatima Al-Serkal, Luxury Lifestyle",              date: "Date: June 2024",              title: "Impeccable Taste & Attention to Detail",              quote: "Beyond finding properties, they understand lifestyle. The concierge services and interior design recommendations have transformed my new home into a personal sanctuary.",              tag: "Concierge Services",              avatarSrc: "https://img.b2bpic.net/free-photo/executive-paying-attention-his-partner_1098-4058.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg?_wi=5"
+              id: "4",              name: "Fatima Al-Serkal",              role: "Luxury Lifestyle Consultant",              title: "Impeccable Taste & Attention to Detail",              quote: "Beyond finding properties, they understand lifestyle. The concierge services and interior design recommendations have transformed my new home into a personal sanctuary.",              imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg?_wi=5"
             },
             {
-              id: "5",              name: "David Martinez, Corporate Executive",              date: "Date: May 2024",              title: "Seamless Relocation Experience",              quote: "Moving to Dubai for business, I needed a quick turnaround. Their efficient process and white-glove service made the transition seamless and stress-free.",              tag: "Corporate Solutions",              avatarSrc: "https://img.b2bpic.net/free-photo/smiling-team-leader-looking-camera-group-corporate-meeting_1163-3920.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg?_wi=5"
+              id: "5",              name: "David Martinez",              role: "Corporate Executive",              title: "Seamless Relocation Experience",              quote: "Moving to Dubai for business, I needed a quick turnaround. Their efficient process and white-glove service made the transition seamless and stress-free.",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg?_wi=5"
             },
             {
-              id: "6",              name: "James Richardson, Family Relocation",              date: "Date: April 2024",              title: "Perfect Home for Family Living",              quote: "They truly understood what our family needed. The search process was collaborative and transparent, resulting in finding our perfect family home in Emirates Hills.",              tag: "Family Properties",              avatarSrc: "https://img.b2bpic.net/free-photo/cheerful-businessman-eyeglasses-office_1262-3710.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg?_wi=4"
+              id: "6",              name: "James Richardson",              role: "Family Relocation Specialist",              title: "Perfect Home for Family Living",              quote: "They truly understood what our family needed. The search process was collaborative and transparent, resulting in finding our perfect family home in Emirates Hills.",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg?_wi=4"
             }
           ]}
         />
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactCTA
+        <ContactSplitForm
-          tag="Get In Touch"
-          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."
+          description="Let our expert team guide you through your luxury real estate journey. Fill out the form below to schedule a consultation today and discover properties that match your vision and investment goals."
-          background={{ variant: "sparkles-gradient" }}
+          imageSrc="https://img.b2bpic.net/free-photo/three-young-beautiful-smiling-girls-trendy-summer-casual-jeans-clothes-sexy-carefree-women-posing-positive-models-sunglasses_158538-4730.jpg?id=6601657"
+          imageAlt="Dubai cityscape at night"
+          mediaAnimation="blur-reveal"
+          mediaPosition="right"
           useInvertedBackground={false}
-          buttons={[
+          buttonText="Send Message"
-            { text: "Schedule Consultation", href: "#" },
+          onSubmit={(data) => console.log("Form submitted:", data)}
-            { text: "Browse Listings", href: "#properties" }
+          inputs={[
+            { name: "name", type: "text", placeholder: "Your Name", required: true },
+            { name: "email", type: "email", placeholder: "Your Email", required: true }
           ]}
+          multiSelect={{
+            name: "interest",            label: "I am interested in...",            options: ["Villa", "Penthouse", "Townhouse", "Apartment", "Land"]
+          }}
+          textarea={{
+            name: "message",            placeholder: "Your Message",            rows: 4,
+            required: true
+          }}
         />
       </div>
 
       <div id="footer" data-section="footer">
-        <FooterSimple
+        <FooterMedia
+          imageSrc="https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg?_wi=6"
+          imageAlt="City skyline at sunset"
+          logoText="Luxe Properties"
           columns={[
             {
               title: "Company",              items: [
@@ -275,8 +289,7 @@ export default function LandingPage() {
               ]
             }
           ]}
-          bottomLeftText="© 2025 Luxe Properties Dubai. All rights reserved."
+          copyrightText="© 2025 Luxe Properties Dubai. All rights reserved."
-          bottomRightText="Luxury Real Estate Excellence"
         />
       </div>
     </ThemeProvider>