Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -33,21 +33,13 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Dashboard",
+          name: "Dashboard",          id: "#hero"},
-          id: "#hero",
-        },
         {
-          name: "Features",
+          name: "Features",          id: "#features"},
-          id: "#features",
-        },
         {
-          name: "Metrics",
+          name: "Metrics",          id: "#metrics"},
-          id: "#metrics",
-        },
         {
-          name: "Pricing",
+          name: "Pricing",          id: "#pricing"},
-          id: "#pricing",
-        },
       ]}
       brandName="CRM-Sync"
     />
@@ -56,71 +48,47 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitKpi
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       title="CRM-Sync: Manage Your Business Smarter"
       description="The professional CRM and customer management tool for growing SaaS-driven teams. Track payments, staff performance, and metrics in real-time."
+      buttons={[
+        { text: "Get Started Now", href: "#pricing" }
+      ]}
       kpis={[
         {
-          value: "10k+",
+          value: "10k+",          label: "Customers Tracked"},
-          label: "Customers Tracked",
-        },
         {
-          value: "99%",
+          value: "99%",          label: "Data Accuracy"},
-          label: "Data Accuracy",
-        },
         {
-          value: "24/7",
+          value: "24/7",          label: "Real-time Sync"},
-          label: "Real-time Sync",
-        },
       ]}
       enableKpiAnimation={true}
       imageSrc="http://img.b2bpic.net/free-photo/smart-application-tablet-placed-kitchen-desk-empty-house-automation-system-turning-l_482257-2747.jpg"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",
+          src: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",          alt: "Portrait smiley modern male"},
-          alt: "Portrait smiley modern male",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
+          src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",          alt: "Smiling businessman standing in the airport terminal"},
-          alt: "Smiling businessman standing in the airport terminal",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg",
+          src: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg",          alt: "Closeup of Smiling Middle-aged Business Leader"},
-          alt: "Closeup of Smiling Middle-aged Business Leader",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",
+          src: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",          alt: "Businessman smiling and looking at camera"},
-          alt: "Businessman smiling and looking at camera",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/bearded-young-man-casual-shirt-standing-with-laptop-hands_93675-134479.jpg",
+          src: "http://img.b2bpic.net/free-photo/bearded-young-man-casual-shirt-standing-with-laptop-hands_93675-134479.jpg",          alt: "Bearded young man in casual shirt standing with laptop in hands"},
-          alt: "Bearded young man in casual shirt standing with laptop in hands",
-        },
       ]}
       avatarText="Trusted by 500+ global teams"
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "Real-time Analytics"},
-          text: "Real-time Analytics",
-        },
         {
-          type: "text",
+          type: "text",          text: "Cloud Security"},
-          text: "Cloud Security",
-        },
         {
-          type: "text",
+          type: "text",          text: "Mobile Access"},
-          text: "Mobile Access",
-        },
         {
-          type: "text",
+          type: "text",          text: "Global Compliance"},
-          text: "Global Compliance",
-        },
         {
-          type: "text",
+          type: "text",          text: "Automated Billing"},
-          text: "Automated Billing",
-        },
       ]}
     />
   </div>
@@ -133,17 +101,11 @@ export default function LandingPage() {
       description="Streamline operations with role-based access. Empower staff with mobile-friendly tools while retaining full visibility in the admin dashboard."
       bulletPoints={[
         {
-          title: "Real-time Sync",
+          title: "Real-time Sync",          description: "Offline-ready data that syncs the moment you're connected."},
-          description: "Offline-ready data that syncs the moment you're connected.",
-        },
         {
-          title: "Role Access",
+          title: "Role Access",          description: "Dedicated dashboards for Staff and Admin roles."},
-          description: "Dedicated dashboards for Staff and Admin roles.",
-        },
         {
-          title: "Smart Notifications",
+          title: "Smart Notifications",          description: "Alerts for missing payments and inactive customers."},
-          description: "Alerts for missing payments and inactive customers.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-customizing-avatar-concept_23-2150729044.jpg"
       mediaAnimation="slide-up"
@@ -158,20 +120,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Easy Onboarding",
+          title: "Easy Onboarding",          description: "Add customers in seconds with minimal forms.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-plastic-cups-with-boss-sign_23-2148636928.jpg"},
-          description: "Add customers in seconds with minimal forms.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-plastic-cups-with-boss-sign_23-2148636928.jpg",
-        },
         {
-          title: "Payment Tracking",
+          title: "Payment Tracking",          description: "Monitor lifetime payments and status labels.",          imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-payment-terminal-smartphone_107791-17710.jpg"},
-          description: "Monitor lifetime payments and status labels.",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-payment-terminal-smartphone_107791-17710.jpg",
-        },
         {
-          title: "Deep Analytics",
+          title: "Deep Analytics",          description: "Visual dashboards for revenue and growth trends.",          imageSrc: "http://img.b2bpic.net/free-vector/elements-business-infographic_23-2147506761.jpg"},
-          description: "Visual dashboards for revenue and growth trends.",
-          imageSrc: "http://img.b2bpic.net/free-vector/elements-business-infographic_23-2147506761.jpg",
-        },
       ]}
       title="Powerful Management Features"
       description="Everything your team needs to stay organized and productive."
@@ -186,25 +139,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "150+",          title: "Staff Accounts",          description: "Active CRM users",          icon: Users,
-          value: "150+",
-          title: "Staff Accounts",
-          description: "Active CRM users",
-          icon: Users,
         },
         {
-          id: "m2",
+          id: "m2",          value: "$1.2M",          title: "Lifetime Rev",          description: "Total processed payments",          icon: DollarSign,
-          value: "$1.2M",
-          title: "Lifetime Rev",
-          description: "Total processed payments",
-          icon: DollarSign,
         },
         {
-          id: "m3",
+          id: "m3",          value: "98%",          title: "Sync Health",          description: "System reliability",          icon: Wifi,
-          value: "98%",
-          title: "Sync Health",
-          description: "System reliability",
-          icon: Wifi,
         },
       ]}
       title="Global System Metrics"
@@ -220,45 +161,20 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
+          id: "t1",          name: "Alex Rivers",          role: "Operations Manager",          company: "GlobalTrade",          rating: 5,
-          name: "Alex Rivers",
+          imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg"},
-          role: "Operations Manager",
-          company: "GlobalTrade",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",
-        },
         {
-          id: "t2",
+          id: "t2",          name: "Jordan P.",          role: "Staff Lead",          company: "QuickLogistics",          rating: 5,
-          name: "Jordan P.",
+          imageSrc: "http://img.b2bpic.net/free-photo/young-gymnast-training-competition_23-2149334432.jpg"},
-          role: "Staff Lead",
-          company: "QuickLogistics",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-gymnast-training-competition_23-2149334432.jpg",
-        },
         {
-          id: "t3",
+          id: "t3",          name: "Sarah Chen",          role: "Business Admin",          company: "InnovateLabs",          rating: 5,
-          name: "Sarah Chen",
+          imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg"},
-          role: "Business Admin",
-          company: "InnovateLabs",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg",
-        },
         {
-          id: "t4",
+          id: "t4",          name: "Mark Evans",          role: "IT Director",          company: "TechSystems",          rating: 5,
-          name: "Mark Evans",
+          imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg"},
-          role: "IT Director",
-          company: "TechSystems",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg",
-        },
         {
-          id: "t5",
+          id: "t5",          name: "Emma Wilson",          role: "Customer Success",          company: "GrowthBox",          rating: 5,
-          name: "Emma Wilson",
+          imageSrc: "http://img.b2bpic.net/free-photo/confident-man_1098-16175.jpg"},
-          role: "Customer Success",
-          company: "GrowthBox",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-man_1098-16175.jpg",
-        },
       ]}
       title="Trusted by Growing Businesses"
       description="See why teams are switching to CRM-Sync."
@@ -272,54 +188,27 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "basic",
+          id: "basic",          badge: "Essential",          price: "$49",          subtitle: "For small teams starting out",          features: [
-          badge: "Essential",
+            "5 Staff Accounts",            "Customer Database",            "Basic Reporting"],
-          price: "$49",
-          subtitle: "For small teams starting out",
-          features: [
-            "5 Staff Accounts",
-            "Customer Database",
-            "Basic Reporting",
-          ],
           buttons: [
             {
-              text: "Start Now",
+              text: "Start Now",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          id: "pro",
+          id: "pro",          badge: "Growth",          price: "$129",          subtitle: "For scaling businesses",          features: [
-          badge: "Growth",
+            "Unlimited Staff",            "Advanced Analytics",            "Priority Support"],
-          price: "$129",
-          subtitle: "For scaling businesses",
-          features: [
-            "Unlimited Staff",
-            "Advanced Analytics",
-            "Priority Support",
-          ],
           buttons: [
             {
-              text: "Get Started",
+              text: "Get Started",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          id: "enterprise",
+          id: "enterprise",          badge: "Custom",          price: "Custom",          subtitle: "For large operations",          features: [
-          badge: "Custom",
+            "Multi-region Data",            "Dedicated Manager",            "Custom Integrations"],
-          price: "Custom",
-          subtitle: "For large operations",
-          features: [
-            "Multi-region Data",
-            "Dedicated Manager",
-            "Custom Integrations",
-          ],
           buttons: [
             {
-              text: "Contact Us",
+              text: "Contact Us",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
@@ -334,20 +223,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
+          id: "f1",          title: "How does offline mode work?",          content: "Data is saved locally when offline and auto-syncs to Firebase once connectivity is restored."},
-          title: "How does offline mode work?",
-          content: "Data is saved locally when offline and auto-syncs to Firebase once connectivity is restored.",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Can I export my data?",          content: "Yes, admins can export the full database or monthly summaries to Excel with a single click."},
-          title: "Can I export my data?",
-          content: "Yes, admins can export the full database or monthly summaries to Excel with a single click.",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Is the account lifetime?",          content: "Yes, we offer lifetime ID access as per your specific subscription tier requirements."},
-          title: "Is the account lifetime?",
-          content: "Yes, we offer lifetime ID access as per your specific subscription tier requirements.",
-        },
       ]}
       title="Common Questions"
       description="Find answers to help you get started."
@@ -359,14 +239,11 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       text="Ready to transform your business workflow? Contact our team for a personalized demo."
       buttons={[
         {
-          text: "Request Demo",
+          text: "Schedule Your Free Demo",          href: "#"},
-          href: "#",
-        },
       ]}
     />
   </div>
@@ -377,29 +254,19 @@ export default function LandingPage() {
       logoText="CRM-Sync"
       columns={[
         {
-          title: "Product",
+          title: "Product",          items: [
-          items: [
             {
-              label: "Features",
+              label: "Features",              href: "#features"},
-              href: "#features",
-            },
             {
-              label: "Analytics",
+              label: "Analytics",              href: "#metrics"},
-              href: "#metrics",
-            },
           ],
         },
         {
-          title: "Support",
+          title: "Support",          items: [
-          items: [
             {
-              label: "Help Center",
+              label: "Help Center",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Privacy",
+              label: "Privacy",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}