Update src/app/page.tsx

src/app/page.tsx

@@ -2,17 +2,17 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroSplit from '@/components/sections/hero/HeroSplit';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
+import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
-import { CheckCircle, Clock, Eye } from "lucide-react";
+import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
+import { CheckCircle, Clock, Eye, Mail, Phone, MapPin } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -32,22 +32,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Features",
-          id: "#features",
-        },
-        {
-          name: "Products",
-          id: "#products",
-        },
-        {
-          name: "Pricing",
-          id: "#pricing",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
+        { name: "Features", id: "#features" },
+        { name: "Products", id: "#products" },
+        { name: "Pricing", id: "#pricing" },
+        { name: "Contact", id: "#contact" },
       ]}
       brandName="The Property Market"
     />
@@ -55,64 +43,12 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplit
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="The Only Operating System for Modern Real Estate"
       description="Move from scattered tools to one connected real estate market that runs your entire business. Scale with certainty from the first lead to the final audit."
-      buttons={[
-        {
-          text: "Book CRM Demo",
-          href: "#contact",
-        },
-      ]}
+      buttons={[{ text: "Book CRM Demo", href: "#contact" }]}
       imageSrc="http://img.b2bpic.net/free-photo/medium-shot-real-estate-agent-showing-house_23-2150225242.jpg"
       mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/real-estate-accommodation-property-investment-graphic-word_53876-124687.jpg",
-          alt: "Investment professional",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/urban-planning-development-build-design-concept_53876-132322.jpg",
-          alt: "Real estate partner",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/real-estate-housing-brokerage-concept_53876-120663.jpg",
-          alt: "Property lead",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/real-estate-accommodation-property-investment-graphic-word_53876-124681.jpg",
-          alt: "Market analyst",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/ambitious-leader-works-office-infographics-reports-setting-objectives_482257-116840.jpg",
-          alt: "Team member",
-        },
-      ]}
-      avatarText="Join 500+ real estate firms"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Real Estate OS",
-        },
-        {
-          type: "text",
-          text: "High Velocity",
-        },
-        {
-          type: "text",
-          text: "Unified Infrastructure",
-        },
-        {
-          type: "text",
-          text: "Market Leading",
-        },
-        {
-          type: "text",
-          text: "Proven Results",
-        },
-      ]}
     />
   </div>
 
@@ -132,21 +68,9 @@ export default function LandingPage() {
       gridVariant="asymmetric-60-wide-40-narrow"
       useInvertedBackground={true}
       features={[
-        {
-          title: "Unified Command Center",
-          description: "Manage deals, leads, accounting, and HR in one dashboard.",
-          imageSrc: "http://img.b2bpic.net/free-photo/filter-icon-right-side_187299-45688.jpg",
-        },
-        {
-          title: "Operational Continuity",
-          description: "Information stays connected from launch to audit.",
-          imageSrc: "http://img.b2bpic.net/free-photo/enterprise-manager-looking-into-project-updates-details-monitoring-room_482257-90957.jpg",
-        },
-        {
-          title: "Growth Architecture",
-          description: "Align your people and profits with our seamless system.",
-          imageSrc: "http://img.b2bpic.net/free-photo/electronic-circuit-board-shallow-dof_1398-119.jpg",
-        },
+        { title: "Unified Command Center", description: "Manage deals, leads, accounting, and HR in one dashboard.", imageSrc: "http://img.b2bpic.net/free-photo/filter-icon-right-side_187299-45688.jpg" },
+        { title: "Operational Continuity", description: "Information stays connected from launch to audit.", imageSrc: "http://img.b2bpic.net/free-photo/enterprise-manager-looking-into-project-updates-details-monitoring-room_482257-90957.jpg" },
+        { title: "Growth Architecture", description: "Align your people and profits with our seamless system.", imageSrc: "http://img.b2bpic.net/free-photo/electronic-circuit-board-shallow-dof_1398-119.jpg" },
       ]}
       title="Why The Property Market?"
       description="The foundation for the next generation of real estate leaders."
@@ -160,42 +84,9 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          name: "CRM",
-          price: "High Velocity Sales",
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-business-workspace-with-device-showing-data-analytics-infographics_482257-116612.jpg",
-        },
-        {
-          id: "p2",
-          name: "Developer System",
-          price: "Precision Project Launch",
-          imageSrc: "http://img.b2bpic.net/free-photo/tablet-with-blank-chromakey-screen_482257-126706.jpg",
-        },
-        {
-          id: "p3",
-          name: "HR System",
-          price: "Team-First Management",
-          imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-infographic_52683-30298.jpg",
-        },
-        {
-          id: "p4",
-          name: "Property Mgmt",
-          price: "Income Precision",
-          imageSrc: "http://img.b2bpic.net/free-photo/notepad-reminder-remember-list-planning-concept_53876-123731.jpg",
-        },
-        {
-          id: "p5",
-          name: "Accounting",
-          price: "Financial Transparency",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-work-environment-empty-office-business-industry-enterprise-culture_482257-118995.jpg",
-        },
-        {
-          id: "p6",
-          name: "Analytics",
-          price: "Strategic Clarity",
-          imageSrc: "http://img.b2bpic.net/free-photo/group-people-brainstorming-meeting-room_53876-41670.jpg",
-        },
+        { id: "p1", name: "CRM", price: "High Velocity Sales", imageSrc: "http://img.b2bpic.net/free-photo/empty-business-workspace-with-device-showing-data-analytics-infographics_482257-116612.jpg" },
+        { id: "p2", name: "Developer System", price: "Precision Project Launch", imageSrc: "http://img.b2bpic.net/free-photo/tablet-with-blank-chromakey-screen_482257-126706.jpg" },
+        { id: "p3", name: "HR System", price: "Team-First Management", imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-infographic_52683-30298.jpg" },
       ]}
       title="Your Unified Product Suite"
       description="Powerful, real-estate focused modules that bridge strategy and execution."
@@ -209,27 +100,9 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={true}
       metrics={[
-        {
-          id: "m1",
-          value: "100%",
-          title: "Traceability",
-          description: "Standardized workflow accuracy.",
-          icon: CheckCircle,
-        },
-        {
-          id: "m2",
-          value: "24/7",
-          title: "Support",
-          description: "Always-on priority assistance.",
-          icon: Clock,
-        },
-        {
-          id: "m3",
-          value: "360°",
-          title: "Visibility",
-          description: "Business health in seconds.",
-          icon: Eye,
-        },
+        { id: "m1", value: "100%", title: "Traceability", description: "Standardized workflow accuracy.", icon: CheckCircle },
+        { id: "m2", value: "24/7", title: "Support", description: "Always-on priority assistance.", icon: Clock },
+        { id: "m3", value: "360°", title: "Visibility", description: "Business health in seconds.", icon: Eye },
       ]}
       title="Operational Visibility at Scale"
       description="Real-time performance insights for data-driven decisions."
@@ -237,172 +110,53 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
-      animationType="slide-up"
-      textboxLayout="default"
+      <TestimonialCardTwelve
+      cardAnimation="slide-up"
+      cardTitle="Industry Proven"
+      cardTag="Clients"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Sarah Johnson",
-          handle: "@RealEstateCEO",
-          testimonial: "The Property Market completely removed our friction tax on growth.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/focused-businessman-looking-new-solutions_329181-19264.jpg",
-        },
-        {
-          id: "2",
-          name: "Michael Chen",
-          handle: "@PropTechLead",
-          testimonial: "Finally, an OS that understands the property lifecycle perfectly.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-co-worker-spending-time-office_23-2149328341.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily Rodriguez",
-          handle: "@MarketingDir",
-          testimonial: "Everything we need is visible from one dashboard. It's a game changer.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/project-leder-with-disabilities-looking-front-sitting-immobilized-wheelchair-business-office-room_482257-2404.jpg",
-        },
-        {
-          id: "4",
-          name: "David Kim",
-          handle: "@OpsManager",
-          testimonial: "My team is now fully aligned. We save hours every day on manual tasks.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-with-folded-arms-looking-camera_23-2147955314.jpg",
-        },
-        {
-          id: "5",
-          name: "Linda Wu",
-          handle: "@PropertyOwner",
-          testimonial: "Data doesn't leak anymore. It actually leads our business strategy.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-real-estate-agent_23-2150164689.jpg",
-        },
+        { id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/focused-businessman-looking-new-solutions_329181-19264.jpg" },
+        { id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/young-co-worker-spending-time-office_23-2149328341.jpg" },
+        { id: "3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/project-leder-with-disabilities-looking-front-sitting-immobilized-wheelchair-business-office-room_482257-2404.jpg" },
       ]}
-      showRating={true}
-      title="Trusted by Industry Leaders"
-      description="Hear how we transform fragmented workflows into high-velocity engines."
     />
   </div>
 
   <div id="pricing" data-section="pricing">
-      <PricingCardThree
+      <PricingCardFive
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={true}
-      plans={[
-        {
-          id: "free",
-          name: "Free Trial",
-          price: "15 Days",
-          features: [
-            "Basic CRM",
-            "Up to 3 users",
-            "Predefined reports",
-          ],
-          buttons: [
-            {
-              text: "Start Trial",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          id: "std",
-          name: "Standard",
-          price: "AED 550/mo",
-          features: [
-            "Custom dashboards",
-            "10 users",
-            "API Access",
-            "24/7 Support",
-          ],
-          buttons: [
-            {
-              text: "Get Started",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          id: "prem",
-          name: "Premium",
-          price: "AED 4,500/6mo",
-          features: [
-            "Enterprise analytics",
-            "25 users",
-            "Full Automation",
-            "Priority SLA",
-          ],
-          buttons: [
-            {
-              text: "Upgrade",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
       title="Accelerate Your Portfolio Growth"
       description="Choose the perfect plan personalized for modern real estate professionals."
+      plans={[
+        { id: "free", tag: "Starter", price: "Free", period: "15 days", description: "Basic tools to start.", button: { text: "Start Trial" }, featuresTitle: "Core Features", features: ["CRM Access", "Basic Reports"] },
+        { id: "std", tag: "Pro", price: "AED 550", period: "/mo", description: "Full operations suite.", button: { text: "Get Started" }, featuresTitle: "Standard Plus", features: ["API access", "Analytics", "24/7 Support"] },
+      ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      <ContactCTA
       tag="Contact Us"
-      title="Still Navigating the Options?"
-      description="Our team will help you assess your current operations and recommend a plan right for your business."
+      title="Ready to Scale?"
+      description="Get a personalized consultation with our strategy team."
+      buttons={[{ text: "Book Consultation", href: "#contact" }]}
+      background={{ variant: "sparkles-gradient" }}
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Product",
-          items: [
-            {
-              label: "CRM",
-              href: "#products",
-            },
-            {
-              label: "Developer",
-              href: "#products",
-            },
-            {
-              label: "HR",
-              href: "#products",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "Pricing",
-              href: "#pricing",
-            },
-            {
-              label: "Features",
-              href: "#features",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
+      <FooterCard
+      logoText="The Property Market"
+      copyrightText="© 2025 | The Property Market"
+      socialLinks={[
+        { icon: Mail, href: "#", ariaLabel: "Email" },
+        { icon: Phone, href: "#", ariaLabel: "Phone" },
+        { icon: MapPin, href: "#", ariaLabel: "Location" }
       ]}
-      bottomLeftText="© 2024 The Property Market"
-      bottomRightText="All rights reserved."
     />
   </div>
       </ReactLenis>