{"id":1915,"date":"2026-01-27T04:10:36","date_gmt":"2026-01-27T04:10:36","guid":{"rendered":"https:\/\/www.smartcompanyservices.co.za\/public_html\/demo\/?page_id=1915"},"modified":"2026-01-27T10:33:16","modified_gmt":"2026-01-27T10:33:16","slug":"packages","status":"publish","type":"page","link":"https:\/\/www.smartcompanyservices.co.za\/public_html\/demo\/packages\/","title":{"rendered":"Packages"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1915\" class=\"elementor elementor-1915\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b76f01 e-con-full e-flex e-con e-parent\" data-id=\"3b76f01\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-17360e9 elementor-widget elementor-widget-html\" data-id=\"17360e9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .pricing-section {\r\n    padding: 60px 20px;\r\n    background: #f7f9fc;\r\n    font-family: system-ui, sans-serif;\r\n  }\r\n\r\n  .section-header {\r\n    text-align: center;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .section-header h1 {\r\n    font-family: Merriweather, serif;\r\n    font-size: 36px;\r\n    color: #2c3e50;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .section-header p {\r\n    color: #6B6C71;\r\n    font-size: 16px;\r\n  }\r\n\r\n  \/* Filter Controls *\/\r\n  .filter-controls {\r\n    max-width: 1200px;\r\n    margin: 0 auto 40px;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 15px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 25px;\r\n    background: white;\r\n    border-radius: 12px;\r\n    box-shadow: 0 4px 15px rgba(0,0,0,0.06);\r\n  }\r\n\r\n  .filter-group {\r\n    display: flex;\r\n    gap: 10px;\r\n    align-items: center;\r\n  }\r\n\r\n  .filter-group label {\r\n    font-weight: 600;\r\n    color: #2c3e50;\r\n    font-size: 14px;\r\n  }\r\n\r\n  .filter-btn {\r\n    padding: 10px 20px;\r\n    border: 2px solid #e0e6ed;\r\n    background: white;\r\n    border-radius: 25px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    font-size: 14px;\r\n    color: #6B6C71;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .filter-btn:hover {\r\n    border-color: #07A6E6;\r\n    color: #07A6E6;\r\n  }\r\n\r\n  .filter-btn.active {\r\n    background: #07A6E6;\r\n    color: white;\r\n    border-color: #07A6E6;\r\n  }\r\n\r\n  .search-box {\r\n    padding: 10px 20px;\r\n    border: 2px solid #e0e6ed;\r\n    border-radius: 25px;\r\n    font-size: 14px;\r\n    width: 250px;\r\n    transition: border-color 0.3s ease;\r\n  }\r\n\r\n  .search-box:focus {\r\n    outline: none;\r\n    border-color: #07A6E6;\r\n  }\r\n\r\n  .sort-select {\r\n    padding: 10px 20px;\r\n    border: 2px solid #e0e6ed;\r\n    border-radius: 25px;\r\n    font-size: 14px;\r\n    background: white;\r\n    cursor: pointer;\r\n    transition: border-color 0.3s ease;\r\n  }\r\n\r\n  .sort-select:focus {\r\n    outline: none;\r\n    border-color: #07A6E6;\r\n  }\r\n\r\n  \/* Results Info *\/\r\n  .results-info {\r\n    max-width: 1200px;\r\n    margin: 0 auto 20px;\r\n    color: #6B6C71;\r\n    font-size: 14px;\r\n    text-align: center;\r\n  }\r\n\r\n  \/* Pricing Grid *\/\r\n  .pricing-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\r\n    gap: 30px;\r\n    max-width: 1200px;\r\n    margin: 0 auto 40px;\r\n  }\r\n\r\n  .pricing-card {\r\n    background: #fff;\r\n    border-radius: 18px;\r\n    padding: 30px;\r\n    text-align: center;\r\n    box-shadow: 0 10px 30px rgba(0,0,0,0.05);\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .pricing-card:hover {\r\n    transform: translateY(-6px);\r\n    box-shadow: 0 15px 40px rgba(0,0,0,0.12);\r\n  }\r\n\r\n  .pricing-card img {\r\n    max-width: 120px;\r\n    height: 120px;\r\n    object-fit: contain;\r\n    margin: 0 auto 15px;\r\n  }\r\n\r\n  .pricing-card h3 {\r\n    font-family: Merriweather, serif;\r\n    font-size: 22px;\r\n    margin-bottom: 10px;\r\n    color: #2c3e50;\r\n    min-height: 56px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .price {\r\n    font-size: 28px;\r\n    font-weight: 700;\r\n    color: #07A6E6;\r\n    margin-bottom: 15px;\r\n  }\r\n\r\n  .price .old {\r\n    text-decoration: line-through;\r\n    font-size: 18px;\r\n    color: #6B6C71;\r\n    margin-right: 6px;\r\n  }\r\n\r\n  .pricing-card ul {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 20px 0;\r\n    flex-grow: 1;\r\n  }\r\n\r\n  .pricing-card ul li {\r\n    padding: 8px 0;\r\n    font-size: 14px;\r\n    color: #444;\r\n    position: relative;\r\n    padding-left: 20px;\r\n  }\r\n\r\n  .pricing-card ul li:before {\r\n    content: \"\u2713\";\r\n    position: absolute;\r\n    left: 0;\r\n    color: #07A6E6;\r\n    font-weight: bold;\r\n  }\r\n\r\n  .bonus {\r\n    font-size: 13px;\r\n    color: #6B6C71;\r\n    margin-bottom: 20px;\r\n    padding: 10px;\r\n    background: #f7f9fc;\r\n    border-radius: 8px;\r\n  }\r\n\r\n  .btn-primary,\r\n  .btn-outline {\r\n    display: inline-block;\r\n    padding: 12px 28px;\r\n    border-radius: 30px;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    transition: all 0.3s ease;\r\n    margin-top: auto;\r\n  }\r\n\r\n  .btn-primary {\r\n    background: #07A6E6;\r\n    color: #fff;\r\n    border: 2px solid #07A6E6;\r\n  }\r\n\r\n  .btn-primary:hover {\r\n    background: #058ac1;\r\n    border-color: #058ac1;\r\n    transform: scale(1.05);\r\n  }\r\n\r\n  .btn-outline {\r\n    border: 2px solid #07A6E6;\r\n    color: #07A6E6;\r\n    background: white;\r\n  }\r\n\r\n  .btn-outline:hover {\r\n    background: #07A6E6;\r\n    color: #fff;\r\n    transform: scale(1.05);\r\n  }\r\n\r\n  .popular {\r\n    border: 2px solid #07A6E6;\r\n    transform: scale(1.02);\r\n  }\r\n\r\n  .badge {\r\n    position: absolute;\r\n    top: -12px;\r\n    right: 20px;\r\n    background: linear-gradient(135deg, #07A6E6 0%, #058ac1 100%);\r\n    color: #fff;\r\n    padding: 6px 14px;\r\n    border-radius: 20px;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    box-shadow: 0 4px 10px rgba(7, 166, 230, 0.3);\r\n  }\r\n\r\n  \/* Pagination *\/\r\n  .pagination {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin: 40px auto;\r\n    max-width: 1200px;\r\n  }\r\n\r\n  .pagination-btn {\r\n    padding: 10px 16px;\r\n    border: 2px solid #e0e6ed;\r\n    background: white;\r\n    border-radius: 8px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    font-size: 14px;\r\n    color: #6B6C71;\r\n    font-weight: 500;\r\n    min-width: 40px;\r\n    text-align: center;\r\n  }\r\n\r\n  .pagination-btn:hover:not(.disabled) {\r\n    border-color: #07A6E6;\r\n    color: #07A6E6;\r\n  }\r\n\r\n  .pagination-btn.active {\r\n    background: #07A6E6;\r\n    color: white;\r\n    border-color: #07A6E6;\r\n  }\r\n\r\n  .pagination-btn.disabled {\r\n    opacity: 0.4;\r\n    cursor: not-allowed;\r\n  }\r\n\r\n  .pagination-info {\r\n    color: #6B6C71;\r\n    font-size: 14px;\r\n    margin: 0 10px;\r\n  }\r\n\r\n  \/* No Results *\/\r\n  .no-results {\r\n    text-align: center;\r\n    padding: 60px 20px;\r\n    color: #6B6C71;\r\n    font-size: 16px;\r\n  }\r\n\r\n  .no-results h3 {\r\n    color: #2c3e50;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  \/* Responsive *\/\r\n  @media (max-width: 768px) {\r\n    .filter-controls {\r\n      flex-direction: column;\r\n      align-items: stretch;\r\n    }\r\n\r\n    .filter-group {\r\n      flex-direction: column;\r\n      align-items: stretch;\r\n    }\r\n\r\n    .search-box {\r\n      width: 100%;\r\n    }\r\n\r\n    .pricing-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .pagination {\r\n      flex-wrap: wrap;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"pricing-section\">\r\n  <div class=\"section-header\">\r\n    <h1>Our Packages & Services<\/h1>\r\n    <p>Choose the perfect solution for your business needs<\/p>\r\n  <\/div>\r\n\r\n  <!-- Filter Controls -->\r\n  <div class=\"filter-controls\">\r\n    <div class=\"filter-group\">\r\n      <label>Category:<\/label>\r\n      <button class=\"filter-btn active\" data-category=\"all\">All<\/button>\r\n      <button class=\"filter-btn\" data-category=\"packages\">Packages<\/button>\r\n      <button class=\"filter-btn\" data-category=\"services\">Services<\/button>\r\n    <\/div>\r\n\r\n    <div class=\"filter-group\">\r\n      <input type=\"text\" class=\"search-box\" placeholder=\"Search packages & services...\" id=\"searchInput\">\r\n    <\/div>\r\n\r\n    <div class=\"filter-group\">\r\n      <label>Sort by:<\/label>\r\n      <select class=\"sort-select\" id=\"sortSelect\">\r\n        <option value=\"default\">Default<\/option>\r\n        <option value=\"price-low\">Price: Low to High<\/option>\r\n        <option value=\"price-high\">Price: High to Low<\/option>\r\n        <option value=\"name\">Name: A-Z<\/option>\r\n      <\/select>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Results Info -->\r\n  <div class=\"results-info\" id=\"resultsInfo\">\r\n    Showing <span id=\"resultCount\">17<\/span> results\r\n  <\/div>\r\n\r\n  <!-- Pricing Grid -->\r\n  <div class=\"pricing-grid\" id=\"pricingGrid\">\r\n    <!-- Cards will be dynamically inserted here -->\r\n  <\/div>\r\n\r\n  <!-- No Results Message -->\r\n  <div class=\"no-results\" id=\"noResults\" style=\"display: none;\">\r\n    <h3>No results found<\/h3>\r\n    <p>Try adjusting your search or filters<\/p>\r\n  <\/div>\r\n\r\n  <!-- Pagination -->\r\n  <div class=\"pagination\" id=\"pagination\">\r\n    <button class=\"pagination-btn disabled\" id=\"prevBtn\">\u2190 Previous<\/button>\r\n    <div id=\"pageNumbers\"><\/div>\r\n    <button class=\"pagination-btn\" id=\"nextBtn\">Next \u2192<\/button>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n  \/\/ All pricing data\r\n  const pricingData = [\r\n    {\r\n      category: 'packages',\r\n      name: 'Start-Up Package',\r\n      price: 890,\r\n      priceText: 'R890',\r\n      image: 'https:\/\/www.smartcompanyservices.co.za\/public_html\/demo\/wp-content\/uploads\/2026\/01\/Screenshot-2026-01-16-113350.png',\r\n      features: ['Company Registration (CIPC)', 'Income Tax Number', 'Shareholder Certificates', 'All CIPC Fees Included'],\r\n      bonus: '\ud83c\udf81 Free B-BBEE Certificate<br>\ud83c\udf81 Free CSD DIY Guide',\r\n      link: 'https:\/\/www.smartcompanyservices.co.za\/public_html\/demo\/product\/start-up-package\/',\r\n      popular: false,\r\n      buttonText: 'Read More',\r\n      buttonClass: 'btn-outline'\r\n    },\r\n    {\r\n      category: 'packages',\r\n      name: 'Value Package',\r\n      price: 1990,\r\n      priceText: '<span class=\"old\">R3090<\/span> R1990',\r\n      image: 'https:\/\/www.smartcompanyservices.co.za\/public_html\/demo\/wp-content\/uploads\/2026\/01\/Screenshot-2026-01-16-113509.png',\r\n      features: ['Company Registration', 'Tax Clearance (PIN)', 'Beneficial Ownership Filing', 'SARS Public Officer Update'],\r\n      bonus: '\ud83c\udf81 Free B-BBEE Certificate<br>\ud83c\udf81 Free CSD DIY Guide',\r\n      link: 'https:\/\/www.smartcompanyservices.co.za\/public_html\/demo\/product\/value-package-r1990-r3090\/',\r\n      popular: true,\r\n      buttonText: 'Get Started',\r\n      buttonClass: 'btn-primary'\r\n    },\r\n    {\r\n      category: 'packages',\r\n      name: 'VAT Package',\r\n      price: 4890,\r\n      priceText: 'R4890',\r\n      image: 'https:\/\/www.smartcompanyservices.co.za\/public_html\/demo\/wp-content\/uploads\/2026\/01\/9e286b5f9b7c49b6befa34b0837c7920_ll-removebg-preview.png',\r\n      features: ['Company Registration', 'VAT Registration', 'Tax Clearance Certificate', 'SARS Public Officer Update'],\r\n      bonus: '\ud83c\udf81 Free B-BBEE Certificate<br>\ud83c\udf81 Free CSD DIY Guide',\r\n      link: 'https:\/\/www.smartcompanyservices.co.za\/public_html\/demo\/product\/vat-package\/',\r\n      popular: false,\r\n      buttonText: 'Read More',\r\n      buttonClass: 'btn-outline'\r\n    },\r\n    {\r\n      category: 'packages',\r\n      name: 'Pro Package',\r\n      price: 9500,\r\n      priceText: 'R9500',\r\n      image: 'https:\/\/www.smartcompanyservices.co.za\/public_html\/demo\/wp-content\/uploads\/2026\/01\/Screenshot-2026-01-16-124721.png',\r\n      features: ['VAT, PAYE, UIF & SDL', 'COIDA Registration', 'Letter of Good Standing', 'Full SARS Compliance'],\r\n      bonus: '\ud83c\udf81 Free B-BBEE Certificate<br>\ud83c\udf81 Free CSD DIY Guide',\r\n      link: 'https:\/\/www.smartcompanyservices.co.za\/public_html\/demo\/product\/pro-package\/',\r\n      popular: false,\r\n      buttonText: 'Read More',\r\n      buttonClass: 'btn-outline'\r\n    },\r\n    {\r\n      category: 'packages',\r\n      name: 'Shelf Company',\r\n      price: 2990,\r\n      priceText: 'From R2990',\r\n      image: 'https:\/\/www.smartcompanyservices.co.za\/public_html\/demo\/wp-content\/uploads\/2026\/01\/Screenshot-2026-01-16-124845.png',\r\n      features: ['Ready-Made Company', 'Name Change Included', 'Tax & CIPC Updates', 'Share Certificates'],\r\n      bonus: '\ud83c\udf81 Free B-BBEE Certificate<br>\ud83c\udf81 Free CSD DIY Guide',\r\n      link: 'https:\/\/www.smartcompanyservices.co.za\/public_html\/demo\/product\/shelf-company\/',\r\n      popular: false,\r\n      buttonText: 'Get Company Today',\r\n      buttonClass: 'btn-primary'\r\n    },\r\n    {\r\n      category: 'services',\r\n      name: 'Appoint Public Officer',\r\n      price: 550,\r\n      priceText: 'R550',\r\n      image: 'https:\/\/www.smartcompanyservices.co.za\/public_html\/demo\/wp-content\/uploads\/2021\/04\/Screenshot-2026-01-15-151232.png',\r\n      features: ['SARS Public Officer Appointment', 'Compliance Update'],\r\n      link: 'https:\/\/www.smartcompanyservices.co.za\/public_html\/demo\/product\/elegant-chair\/',\r\n      popular: false,\r\n      buttonText: 'Read More',\r\n      buttonClass: 'btn-outline'\r\n    },\r\n    {\r\n      category: 'services',\r\n      name: 'B-BBEE Certificate',\r\n      price: 0,\r\n      priceText: 'R0',\r\n      image: 'https:\/\/www.smartcompanyservices.co.za\/public_html\/demo\/wp-content\/uploads\/2021\/04\/Screenshot-2026-01-15-145418.png',\r\n      features: ['B-BBEE Affidavit', 'Email Delivery'],\r\n      link: 'https:\/\/www.smartcompanyservices.co.za\/public_html\/demo\/product\/redvelvet-chair\/',\r\n      popular: false,\r\n      buttonText: 'Get Free',\r\n      buttonClass: 'btn-primary'\r\n    },\r\n    {\r\n      category: 'services',\r\n      name: 'CIPC Annual Returns',\r\n      price: 290,\r\n      priceText: 'R290',\r\n      image: 'https:\/\/www.smartcompanyservices.co.za\/public_html\/demo\/wp-content\/uploads\/2021\/04\/Screenshot-2026-01-15-143933.png',\r\n      features: ['Annual Returns Submission', 'Updated CIPC Documents'],\r\n      link: 'https:\/\/www.smartcompanyservices.co.za\/public_html\/demo\/product\/daily-chair\/',\r\n      popular: false,\r\n      buttonText: 'Get Quote',\r\n      buttonClass: 'btn-outline'\r\n    },\r\n    {\r\n      category: 'services',\r\n      name: 'COID Registration',\r\n      price: 950,\r\n      priceText: 'R950',\r\n      image: 'https:\/\/www.smartcompanyservices.co.za\/public_html\/demo\/wp-content\/uploads\/2026\/01\/Screenshot-2026-01-15-152409.png',\r\n      features: ['COID Registration', 'Department of Labour'],\r\n      link: 'https:\/\/www.smartcompanyservices.co.za\/public_html\/demo\/product\/coid\/',\r\n      popular: false,\r\n      buttonText: 'Read More',\r\n      buttonClass: 'btn-outline'\r\n    },\r\n    {\r\n      category: 'services',\r\n      name: 'Company Name Change',\r\n      price: 750,\r\n      priceText: 'R750',\r\n      image: 'https:\/\/www.smartcompanyservices.co.za\/public_html\/demo\/wp-content\/uploads\/2021\/04\/Screenshot-2026-01-15-141042.png',\r\n      features: ['Name Reservation', 'CIPC Name Change'],\r\n      link: 'https:\/\/www.smartcompanyservices.co.za\/public_html\/demo\/product\/abstract-table\/',\r\n      popular: false,\r\n      buttonText: 'Read More',\r\n      buttonClass: 'btn-outline'\r\n    },\r\n    {\r\n      category: 'services',\r\n      name: 'Company Name Reservation',\r\n      price: 90,\r\n      priceText: 'R90',\r\n      image: 'https:\/\/www.smartcompanyservices.co.za\/public_html\/demo\/wp-content\/uploads\/2021\/04\/Screenshot-2026-01-15-140001.png',\r\n      features: ['Valid for 6 Months', 'CIPC Reservation'],\r\n      link: 'https:\/\/www.smartcompanyservices.co.za\/public_html\/demo\/product\/simple-sofa\/',\r\n      popular: false,\r\n      buttonText: 'Reserve Now',\r\n      buttonClass: 'btn-outline'\r\n    },\r\n    {\r\n      category: 'services',\r\n      name: 'Letter of Good Standing',\r\n      price: 550,\r\n      priceText: 'R550',\r\n      image: 'https:\/\/www.smartcompanyservices.co.za\/public_html\/demo\/wp-content\/uploads\/2026\/01\/Screenshot-2026-01-15-152620.png',\r\n      features: ['Department of Labour', 'Compliance Certificate'],\r\n      link: 'https:\/\/www.smartcompanyservices.co.za\/public_html\/demo\/product\/letter-of-good-standing\/',\r\n      popular: false,\r\n      buttonText: 'Read More',\r\n      buttonClass: 'btn-outline'\r\n    },\r\n    {\r\n      category: 'services',\r\n      name: 'MOI Documents',\r\n      price: 150,\r\n      priceText: 'R150',\r\n      image: 'https:\/\/www.smartcompanyservices.co.za\/public_html\/demo\/wp-content\/uploads\/2021\/04\/Screenshot-2026-01-15-150225.png',\r\n      features: ['Full MOI', 'Email Delivery'],\r\n      link: 'https:\/\/www.smartcompanyservices.co.za\/public_html\/demo\/product\/sweet-chair\/',\r\n      popular: false,\r\n      buttonText: 'Read More',\r\n      buttonClass: 'btn-outline'\r\n    },\r\n    {\r\n      category: 'services',\r\n      name: 'PAYE Registration',\r\n      price: 950,\r\n      priceText: 'R950',\r\n      image: 'https:\/\/www.smartcompanyservices.co.za\/public_html\/demo\/wp-content\/uploads\/2026\/01\/Screenshot-2026-01-15-151421.png',\r\n      features: ['PAYE, UIF & SDL', 'SARS Registration'],\r\n      link: 'https:\/\/www.smartcompanyservices.co.za\/public_html\/demo\/product\/paye\/',\r\n      popular: false,\r\n      buttonText: 'Read More',\r\n      buttonClass: 'btn-outline'\r\n    },\r\n    {\r\n      category: 'services',\r\n      name: 'Share Certificate',\r\n      price: 250,\r\n      priceText: 'R250',\r\n      image: 'https:\/\/www.smartcompanyservices.co.za\/public_html\/demo\/wp-content\/uploads\/2021\/04\/Screenshot-2026-01-15-144913.png',\r\n      features: ['Share Certificate Drafting', 'Email Delivery'],\r\n      link: 'https:\/\/www.smartcompanyservices.co.za\/public_html\/demo\/product\/office-chair\/',\r\n      popular: false,\r\n      buttonText: 'Read More',\r\n      buttonClass: 'btn-outline'\r\n    },\r\n    {\r\n      category: 'services',\r\n      name: 'Tax Clearance',\r\n      price: 650,\r\n      priceText: 'R650',\r\n      image: 'https:\/\/www.smartcompanyservices.co.za\/public_html\/demo\/wp-content\/uploads\/2021\/04\/Screenshot-2026-01-15-143442.png',\r\n      features: ['Tax Clearance PIN', 'SARS Compliance'],\r\n      link: 'https:\/\/www.smartcompanyservices.co.za\/public_html\/demo\/product\/wooden-table\/',\r\n      popular: false,\r\n      buttonText: 'Read More',\r\n      buttonClass: 'btn-outline'\r\n    },\r\n    {\r\n      category: 'services',\r\n      name: 'UIF Registration',\r\n      price: 750,\r\n      priceText: 'R750',\r\n      image: 'https:\/\/www.smartcompanyservices.co.za\/public_html\/demo\/wp-content\/uploads\/2026\/01\/Screenshot-2026-01-15-151732.png',\r\n      features: ['UIF Registration', 'U-Filing Setup'],\r\n      link: 'https:\/\/www.smartcompanyservices.co.za\/public_html\/demo\/product\/uif\/',\r\n      popular: false,\r\n      buttonText: 'Read More',\r\n      buttonClass: 'btn-outline'\r\n    }\r\n  ];\r\n\r\n  \/\/ State\r\n  let currentPage = 1;\r\n  const itemsPerPage = 6;\r\n  let filteredData = [...pricingData];\r\n\r\n  \/\/ Create card HTML\r\n  function createCard(item) {\r\n    return `\r\n      <div class=\"pricing-card ${item.popular ? 'popular' : ''}\">\r\n        ${item.popular ? '<span class=\"badge\">Most Popular<\/span>' : ''}\r\n        <img decoding=\"async\" src=\"${item.image}\" alt=\"${item.name}\">\r\n        <h3>${item.name}<\/h3>\r\n        <p class=\"price\">${item.priceText}<\/p>\r\n        <ul>\r\n          ${item.features.map(f => `<li>${f}<\/li>`).join('')}\r\n        <\/ul>\r\n        ${item.bonus ? `<p class=\"bonus\">${item.bonus}<\/p>` : ''}\r\n        <a href=\"${item.link}\" class=\"${item.buttonClass}\">${item.buttonText}<\/a>\r\n      <\/div>\r\n    `;\r\n  }\r\n\r\n  \/\/ Render cards\r\n  function renderCards() {\r\n    const grid = document.getElementById('pricingGrid');\r\n    const start = (currentPage - 1) * itemsPerPage;\r\n    const end = start + itemsPerPage;\r\n    const pageData = filteredData.slice(start, end);\r\n\r\n    if (pageData.length === 0) {\r\n      grid.innerHTML = '';\r\n      document.getElementById('noResults').style.display = 'block';\r\n    } else {\r\n      grid.innerHTML = pageData.map(createCard).join('');\r\n      document.getElementById('noResults').style.display = 'none';\r\n    }\r\n\r\n    updatePagination();\r\n    updateResultsInfo();\r\n  }\r\n\r\n  \/\/ Update pagination\r\n  function updatePagination() {\r\n    const totalPages = Math.ceil(filteredData.length \/ itemsPerPage);\r\n    const pageNumbers = document.getElementById('pageNumbers');\r\n    const prevBtn = document.getElementById('prevBtn');\r\n    const nextBtn = document.getElementById('nextBtn');\r\n\r\n    \/\/ Update buttons state\r\n    prevBtn.classList.toggle('disabled', currentPage === 1);\r\n    nextBtn.classList.toggle('disabled', currentPage === totalPages || totalPages === 0);\r\n\r\n    \/\/ Generate page numbers\r\n    let pagesHTML = '';\r\n    for (let i = 1; i <= totalPages; i++) {\r\n      if (i === 1 || i === totalPages || (i >= currentPage - 1 && i <= currentPage + 1)) {\r\n        pagesHTML += `<button class=\"pagination-btn ${i === currentPage ? 'active' : ''}\" data-page=\"${i}\">${i}<\/button>`;\r\n      } else if (i === currentPage - 2 || i === currentPage + 2) {\r\n        pagesHTML += `<span class=\"pagination-info\">...<\/span>`;\r\n      }\r\n    }\r\n    pageNumbers.innerHTML = pagesHTML;\r\n\r\n    \/\/ Add click handlers\r\n    pageNumbers.querySelectorAll('.pagination-btn').forEach(btn => {\r\n      btn.addEventListener('click', () => {\r\n        currentPage = parseInt(btn.dataset.page);\r\n        renderCards();\r\n        window.scrollTo({ top: 0, behavior: 'smooth' });\r\n      });\r\n    });\r\n  }\r\n\r\n  \/\/ Update results info\r\n  function updateResultsInfo() {\r\n    document.getElementById('resultCount').textContent = filteredData.length;\r\n  }\r\n\r\n  \/\/ Filter by category\r\n  document.querySelectorAll('.filter-btn').forEach(btn => {\r\n    btn.addEventListener('click', () => {\r\n      document.querySelectorAll('.filter-btn').forEach(b => b.classList.remove('active'));\r\n      btn.classList.add('active');\r\n      \r\n      const category = btn.dataset.category;\r\n      filterAndSort(category);\r\n    });\r\n  });\r\n\r\n  \/\/ Search\r\n  document.getElementById('searchInput').addEventListener('input', (e) => {\r\n    filterAndSort();\r\n  });\r\n\r\n  \/\/ Sort\r\n  document.getElementById('sortSelect').addEventListener('change', () => {\r\n    filterAndSort();\r\n  });\r\n\r\n  \/\/ Main filter and sort function\r\n  function filterAndSort(category = null) {\r\n    const searchTerm = document.getElementById('searchInput').value.toLowerCase();\r\n    const sortValue = document.getElementById('sortSelect').value;\r\n    const activeCategory = category || document.querySelector('.filter-btn.active').dataset.category;\r\n\r\n    \/\/ Filter\r\n    filteredData = pricingData.filter(item => {\r\n      const matchesCategory = activeCategory === 'all' || item.category === activeCategory;\r\n      const matchesSearch = item.name.toLowerCase().includes(searchTerm) || \r\n                           item.features.some(f => f.toLowerCase().includes(searchTerm));\r\n      return matchesCategory && matchesSearch;\r\n    });\r\n\r\n    \/\/ Sort\r\n    switch(sortValue) {\r\n      case 'price-low':\r\n        filteredData.sort((a, b) => a.price - b.price);\r\n        break;\r\n      case 'price-high':\r\n        filteredData.sort((a, b) => b.price - a.price);\r\n        break;\r\n      case 'name':\r\n        filteredData.sort((a, b) => a.name.localeCompare(b.name));\r\n        break;\r\n    }\r\n\r\n    currentPage = 1;\r\n    renderCards();\r\n  }\r\n\r\n  \/\/ Pagination buttons\r\n  document.getElementById('prevBtn').addEventListener('click', () => {\r\n    if (currentPage > 1) {\r\n      currentPage--;\r\n      renderCards();\r\n      window.scrollTo({ top: 0, behavior: 'smooth' });\r\n    }\r\n  });\r\n\r\n  document.getElementById('nextBtn').addEventListener('click', () => {\r\n    const totalPages = Math.ceil(filteredData.length \/ itemsPerPage);\r\n    if (currentPage < totalPages) {\r\n      currentPage++;\r\n      renderCards();\r\n      window.scrollTo({ top: 0, behavior: 'smooth' });\r\n    }\r\n  });\r\n\r\n  \/\/ Initial render\r\n  renderCards();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Our Packages &#038; Services Choose the perfect solution for your business needs Category: All Packages Services Sort by: DefaultPrice: Low to HighPrice: High to LowName: A-Z Showing 17 results No results found Try adjusting your search or filters \u2190 Previous Next \u2192<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1915","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/www.smartcompanyservices.co.za\/public_html\/demo\/wp-json\/wp\/v2\/pages\/1915","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.smartcompanyservices.co.za\/public_html\/demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.smartcompanyservices.co.za\/public_html\/demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.smartcompanyservices.co.za\/public_html\/demo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.smartcompanyservices.co.za\/public_html\/demo\/wp-json\/wp\/v2\/comments?post=1915"}],"version-history":[{"count":16,"href":"https:\/\/www.smartcompanyservices.co.za\/public_html\/demo\/wp-json\/wp\/v2\/pages\/1915\/revisions"}],"predecessor-version":[{"id":1933,"href":"https:\/\/www.smartcompanyservices.co.za\/public_html\/demo\/wp-json\/wp\/v2\/pages\/1915\/revisions\/1933"}],"wp:attachment":[{"href":"https:\/\/www.smartcompanyservices.co.za\/public_html\/demo\/wp-json\/wp\/v2\/media?parent=1915"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}