Update src/app/page.tsx

src/app/page.tsx

@@ -11,7 +11,7 @@ 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 { Crown, Building2, Award, TrendingUp, Users, Phone, Star, Home, DollarSign } from "lucide-react";
+import { Crown, Building2, Award, TrendingUp, Users, Phone, Star, Home, DollarSign, Zap, Shield, Lock } from "lucide-react";
 
 const navItems = [
   { name: "Home", id: "/" },
@@ -146,6 +146,30 @@ export default function HomePage() {
         />
       </div>
 
+      <div id="features" data-section="features">
+        <FeatureCardThree
+          title="Why LuxeEstate Stands Apart"
+          description="We combine market expertise with personalized service to deliver exceptional real estate solutions."
+          tag="Our Advantages"
+          tagIcon={Zap}
+          tagAnimation="slide-up"
+          features={[
+            {
+              icon: Zap,
+              title: "Expert Market Knowledge",              description: "Deep insights into Dubai's luxury market trends and investment opportunities with data-driven strategies."},
+            {
+              icon: Shield,
+              title: "Complete Protection",              description: "Rigorous verification processes and transparent transactions ensuring legal compliance and complete peace of mind."},
+            {
+              icon: Lock,
+              title: "Exclusive Access",              description: "Access to off-market opportunities and private listings not available to the general public."},
+          ]}
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground={false}
+        />
+      </div>
+
       <div id="metrics" data-section="metrics">
         <MetricCardThree
           title="LuxeEstate Market Leadership"