Update src/app/page.tsx

Merge version_5 into main

src/app/page.tsx

@@ -7,11 +7,10 @@ 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 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, Users } from "lucide-react";
+import { Sparkles, Home, Shield, Star, Mail } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -29,7 +28,7 @@ export default function LandingPage() {
     >
       <div id="nav" data-section="nav">
         <NavbarStyleCentered
-          brandName="Luxe Properties"
+          brandName="Elite Interiors"
           navItems={[
             { name: "Properties", id: "properties" },
             { name: "About", id: "about" },
@@ -38,24 +37,31 @@ export default function LandingPage() {
             { name: "Testimonials", id: "testimonials" },
             { name: "Contact", id: "contact" }
           ]}
-          button={{ text: "Schedule Viewing", href: "contact" }}
+          button={{ text: "Get Your Personalized Property Guide", href: "contact" }}
         />
       </div>
 
       <div id="hero" data-section="hero">
         <HeroBillboardGallery
-          title="Discover Luxury Living in Dubai"
+          title="Exquisite Interior Design for Elite Residences"
-          description="High-yield investment opportunities and world-class residences. Achieve superior ROI while enjoying an unparalleled lifestyle of luxury and exclusivity."
+          description="We are a boutique design agency providing personalized, elevated styling with exclusive off-market access to curated materials and custom furnishings."
           background={{ variant: "gradient-bars" }}
-          tag="Premium Collections"
+          tag="Boutique Agency"
           tagIcon={Sparkles}
           buttons={[
-            { text: "Explore Properties", href: "properties" },
+            { text: "Explore Designs", href: "properties" },
-            { text: "Contact Agent", href: "contact" }
+            { text: "Get Your Personalized Property Guide", href: "contact" }
           ]}
           mediaItems={[
-            { imageSrc: "https://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg?_wi=1", imageAlt: "Luxury penthouse in Dubai Marina" },
+            {
-            { imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg?_wi=1", imageAlt: "Dubai skyline at night" }
+              imageSrc: "https://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg?_wi=1",              imageAlt: "Luxury interior design"
+            },
+            {
+              imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg?_wi=1",              imageAlt: "Boutique design space"
+            },
+            {
+              imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg?_wi=1",              imageAlt: "High-end finishes"
+            }
           ]}
           mediaAnimation="slide-up"
         />
@@ -63,94 +69,103 @@ export default function LandingPage() {
 
       <div id="properties" data-section="properties">
         <ProductCardFour
-          title="Featured Properties"
+          title="Curated Design Projects"
-          description="Handpicked luxury properties showcasing the finest real estate opportunities in Dubai's most prestigious locations."
+          description="Showcasing our latest bespoke interior projects, blending timeless elegance with modern sophistication."
-          tag="Exclusive Listings"
+          tag="Boutique Collections"
           tagIcon={Home}
           textboxLayout="default"
           animationType="slide-up"
           useInvertedBackground={false}
           gridVariant="uniform-all-items-equal"
           carouselMode="buttons"
-          buttons={[{ text: "See all properties", href: "/properties" }]}
+          buttons={[
+            { text: "See all designs", href: "#" }
+          ]}
           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?_wi=2" },
+            {
-            { 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?_wi=2" },
+              id: "1",              name: "Penthouse Sanctuary",              price: "Custom Design",              variant: "Bespoke Modern",              imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg?_wi=2",              imageAlt: "Modern interior penthouse"
-            { 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?_wi=2" }
+            },
+            {
+              id: "2",              name: "Villa Grandeur",              price: "Custom Design",              variant: "Classic Contemporary",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg?_wi=2",              imageAlt: "Contemporary villa design"
+            },
+            {
+              id: "3",              name: "Urban Minimalist",              price: "Custom Design",              variant: "Minimalist Chic",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg?_wi=2",              imageAlt: "Minimalist urban apartment"
+            }
           ]}
         />
       </div>
 
       <div id="about" data-section="about">
         <MediaAbout
-          title="Your Trusted Dubai Real Estate Partner"
+          title="Your Boutique Interior Design 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."
+          description="With over a decade of design excellence, our boutique agency delivers personalized, high-end interior solutions. We pride ourselves on sourcing rare materials and utilizing off-market design resources to craft spaces that perfectly reflect your lifestyle."
           tag="About Us"
           imageSrc="https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg?_wi=3"
+          imageAlt="Design Studio Team"
           useInvertedBackground={false}
-          buttons={[{ text: "Learn Our Story", href: "#" }]}
+          buttons={[
+            { text: "Meet the Designers", href: "#" }
+          ]}
         />
       </div>
 
       <div id="services" data-section="services">
         <FeatureCardThree
-          title="Our Services & Expertise"
+          title="Bespoke Services"
-          description="Comprehensive real estate solutions tailored to meet your unique needs and aspirations."
+          description="Tailored design packages focusing on detail, exclusivity, and quality craftsmanship."
-          tag="Professional Services"
+          tag="Our Services"
           tagIcon={Shield}
           textboxLayout="default"
           animationType="slide-up"
           useInvertedBackground={true}
           gridVariant="uniform-all-items-equal"
+          carouselMode="buttons"
           features={[
-            { 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?_wi=3" },
+            {
-            { 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?_wi=3" }
+              id: "01",              title: "Concept Development",              description: "Unique design narratives tailored to your vision",              imageSrc: "https://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg?_wi=3"
+            },
+            {
+              id: "02",              title: "Bespoke Sourcing",              description: "Access to off-market furnishings and rare fixtures",              imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg?_wi=3"
+            },
+            {
+              id: "03",              title: "Project Management",              description: "End-to-end management ensuring aesthetic perfection",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg?_wi=4"
+            }
           ]}
         />
       </div>
 
       <div id="team" data-section="team">
         <TeamCardOne
-          title="Executive Team"
+          title="Design Leadership"
-          description="Meet the visionary leaders guiding Luxe Properties with expertise and dedication."
+          description="Our visionary designers committed to craftsmanship."
-          tag="Our Leadership"
+          tag="The Team"
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground={false}
           gridVariant="uniform-all-items-equal"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
           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" },
+            {
-            { 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" }
+              id: "1",              name: "Elena Vance",              role: "Creative Director",              imageSrc: "https://img.b2bpic.net/free-photo/attractive-satisfied-young-female-entrepreneur-standing-proud-smiling-with-crossed-hands-confident_197531-23012.jpg?id=13871705"
-          ]}
+            },
-        />
+            {
-      </div>
+              id: "2",              name: "Julian Thorne",              role: "Lead Designer",              imageSrc: "https://img.b2bpic.net/free-photo/young-businessman-with-clipboard_1098-602.jpg"
-
+            }
-      <div id="metrics" data-section="metrics">
-        <MetricCardThree
-          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}
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          metrics={[
-            { id: "1", icon: Home, title: "Properties Sold", value: "450+" },
-            { id: "2", icon: Users, title: "Satisfied Clients", value: "650+" }
           ]}
         />
       </div>
 
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardFive
-          title="What Our Clients Say"
+          title="Curated Experiences"
-          description="Experience through the words of satisfied buyers and investors who found their dream properties with us."
+          description="Hear from our clients who transformed their homes into bespoke sanctuaries."
-          tag="Client Testimonials"
+          tag="Testimonials"
           tagIcon={Star}
           textboxLayout="default"
           useInvertedBackground={false}
           testimonials={[
-            { id: "1", name: "Ahmed Al Mansouri", date: "Sept 2024", title: "Market Expertise", quote: "Outstanding market knowledge and negotiation skills.", tag: "Investor", avatarSrc: "https://img.b2bpic.net/free-photo/business-people-using-digital-tablet-airport_107420-95868.jpg" }
+            {
+              id: "1",              name: "Client A",              date: "2024",              title: "Exceptional Taste",              quote: "The bespoke furniture sourcing provided a level of exclusivity I couldn't find anywhere else.",              tag: "Project A",              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=5"
+            }
           ]}
         />
       </div>
@@ -159,24 +174,24 @@ export default function LandingPage() {
         <ContactCTA
           tag="Get In Touch"
           tagIcon={Mail}
-          title="Ready to Find Your Dream Property?"
+          title="Transform Your Space"
-          description="Let our expert team guide you through your luxury real estate journey."
+          description="Ready to begin your journey? Contact us to discuss your vision."
           background={{ variant: "sparkles-gradient" }}
+          useInvertedBackground={false}
           buttons={[
             { text: "Get Your Personalized Property Guide", href: "#" }
           ]}
-          useInvertedBackground={false}
         />
       </div>
 
       <div id="footer" data-section="footer">
         <FooterSimple
           columns={[
-            { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
+            { title: "Design", items: [{ label: "About", href: "#about" }, { label: "Portfolio", href: "#properties" }] },
-            { title: "Legal", items: [{ label: "Terms", href: "#" }, { label: "Privacy", href: "#" }] }
+            { title: "Services", items: [{ label: "Bespoke Sourcing", href: "#services" }] }
           ]}
-          bottomLeftText="© 2025 Luxe Properties."
+          bottomLeftText="© 2025 Elite Interiors. All rights reserved."
-          bottomRightText="All Rights Reserved."
+          bottomRightText="Designed by Elite Interiors"
         />
       </div>
     </ThemeProvider>