{"id":258,"date":"2026-10-05T12:37:24","date_gmt":"2026-10-05T12:37:24","guid":{"rendered":"https:\/\/www.cloud.biz.pk\/?page_id=258"},"modified":"2026-10-05T12:55:51","modified_gmt":"2026-10-05T12:55:51","slug":"chek-out","status":"publish","type":"page","link":"https:\/\/www.cloud.biz.pk\/?page_id=258","title":{"rendered":"Chek out"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"258\" class=\"elementor elementor-258\">\n\t\t\t\t<div class=\"elementor-element elementor-element-84b8115 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"84b8115\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cb03691 elementor-widget elementor-widget-html\" data-id=\"cb03691\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n<title>CloudBiz - Checkout<\/title>\r\n\r\n<style>\r\n\r\n*{\r\n  box-sizing:border-box;\r\n  margin:0;\r\n  padding:0;\r\n}\r\n\r\nbody{\r\n  font-family:Arial,Helvetica,sans-serif;\r\n  background:#f7faff;\r\n  color:#273244;\r\n}\r\n\r\na{\r\n  text-decoration:none;\r\n}\r\n\r\n\/* HEADER *\/\r\n\r\n.cb-header{\r\n  background:#fff;\r\n  border-bottom:1px solid #e2e8f0;\r\n  position:sticky;\r\n  top:0;\r\n  z-index:999;\r\n}\r\n\r\n.cb-container{\r\n  width:min(1180px,92%);\r\n  margin:auto;\r\n}\r\n\r\n.cb-nav{\r\n  min-height:76px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n}\r\n\r\n.cb-logo{\r\n  font-size:25px;\r\n  font-weight:800;\r\n  color:#0b1220;\r\n}\r\n\r\n.cb-logo span{\r\n  color:#1264d9;\r\n}\r\n\r\n.cb-back{\r\n  color:#1264d9;\r\n  font-weight:700;\r\n  font-size:14px;\r\n}\r\n\r\n.cb-back:hover{\r\n  color:#084da9;\r\n}\r\n\r\n\r\n\/* CHECKOUT HERO *\/\r\n\r\n.cb-checkout-hero{\r\n  background:\r\n    radial-gradient(\r\n      circle at 85% 20%,\r\n      rgba(18,100,217,.35),\r\n      transparent 30%\r\n    ),\r\n    linear-gradient(\r\n      135deg,\r\n      #07101e,\r\n      #101b2d\r\n    );\r\n\r\n  color:#fff;\r\n  padding:55px 0;\r\n}\r\n\r\n.cb-checkout-hero h1{\r\n  font-size:42px;\r\n  margin-bottom:10px;\r\n}\r\n\r\n.cb-checkout-hero p{\r\n  color:#c7d1df;\r\n  font-size:16px;\r\n}\r\n\r\n\r\n\/* MAIN *\/\r\n\r\n.cb-checkout{\r\n  padding:55px 0 80px;\r\n}\r\n\r\n.cb-checkout-grid{\r\n  display:grid;\r\n  grid-template-columns:1.4fr .8fr;\r\n  gap:25px;\r\n  align-items:start;\r\n}\r\n\r\n\r\n\/* CARD *\/\r\n\r\n.cb-card{\r\n  background:#fff;\r\n  border:1px solid #e2e8f0;\r\n  border-radius:18px;\r\n  padding:30px;\r\n  box-shadow:0 12px 35px rgba(18,100,217,.06);\r\n}\r\n\r\n.cb-card h2{\r\n  color:#0b1220;\r\n  font-size:23px;\r\n  margin-bottom:22px;\r\n}\r\n\r\n.cb-section-title{\r\n  color:#1264d9;\r\n  font-size:13px;\r\n  font-weight:800;\r\n  text-transform:uppercase;\r\n  margin-bottom:12px;\r\n}\r\n\r\n\r\n\/* FORM *\/\r\n\r\n.cb-form-row{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:16px;\r\n}\r\n\r\n.cb-field{\r\n  margin-bottom:18px;\r\n}\r\n\r\n.cb-field.full{\r\n  grid-column:1\/-1;\r\n}\r\n\r\n.cb-field label{\r\n  display:block;\r\n  color:#273244;\r\n  font-size:14px;\r\n  font-weight:700;\r\n  margin-bottom:7px;\r\n}\r\n\r\n.cb-field input,\r\n.cb-field textarea,\r\n.cb-field select{\r\n  width:100%;\r\n  border:1px solid #dce3ec;\r\n  border-radius:9px;\r\n  padding:13px 14px;\r\n  font-size:14px;\r\n  font-family:Arial,Helvetica,sans-serif;\r\n  outline:none;\r\n  background:#fff;\r\n  color:#273244;\r\n  transition:.2s;\r\n}\r\n\r\n.cb-field textarea{\r\n  min-height:100px;\r\n  resize:vertical;\r\n}\r\n\r\n.cb-field input:focus,\r\n.cb-field textarea:focus,\r\n.cb-field select:focus{\r\n  border-color:#1264d9;\r\n  box-shadow:0 0 0 3px rgba(18,100,217,.08);\r\n}\r\n\r\n\r\n\/* PAYMENT *\/\r\n\r\n.cb-payment-options{\r\n  display:grid;\r\n  gap:12px;\r\n}\r\n\r\n.cb-payment-option{\r\n  position:relative;\r\n}\r\n\r\n.cb-payment-option input{\r\n  position:absolute;\r\n  opacity:0;\r\n}\r\n\r\n.cb-payment-label{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:13px;\r\n  padding:15px;\r\n  border:1px solid #e2e8f0;\r\n  border-radius:10px;\r\n  cursor:pointer;\r\n  transition:.2s;\r\n}\r\n\r\n.cb-payment-label:hover{\r\n  border-color:#1264d9;\r\n}\r\n\r\n.cb-payment-option input:checked + .cb-payment-label{\r\n  border-color:#1264d9;\r\n  background:#eef6ff;\r\n}\r\n\r\n.cb-payment-icon{\r\n  width:42px;\r\n  height:42px;\r\n  border-radius:9px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  background:#eef6ff;\r\n  color:#1264d9;\r\n  font-size:19px;\r\n  font-weight:800;\r\n}\r\n\r\n.cb-payment-text strong{\r\n  display:block;\r\n  color:#0b1220;\r\n  margin-bottom:2px;\r\n}\r\n\r\n.cb-payment-text span{\r\n  font-size:12px;\r\n  color:#6c7788;\r\n}\r\n\r\n\r\n\/* ORDER SUMMARY *\/\r\n\r\n.cb-summary{\r\n  position:sticky;\r\n  top:100px;\r\n}\r\n\r\n.cb-summary h2{\r\n  margin-bottom:20px;\r\n}\r\n\r\n.cb-selected-plan{\r\n  background:#eef6ff;\r\n  border:1px solid #d5e6ff;\r\n  border-radius:13px;\r\n  padding:20px;\r\n  margin-bottom:20px;\r\n}\r\n\r\n.cb-selected-plan small{\r\n  display:block;\r\n  color:#6c7788;\r\n  font-size:12px;\r\n  margin-bottom:4px;\r\n}\r\n\r\n.cb-selected-plan h3{\r\n  color:#0b1220;\r\n  font-size:22px;\r\n  margin-bottom:8px;\r\n}\r\n\r\n.cb-selected-price{\r\n  color:#1264d9;\r\n  font-size:27px;\r\n  font-weight:800;\r\n}\r\n\r\n.cb-selected-period{\r\n  color:#6c7788;\r\n  font-size:13px;\r\n}\r\n\r\n\r\n.cb-summary-row{\r\n  display:flex;\r\n  justify-content:space-between;\r\n  gap:15px;\r\n  padding:13px 0;\r\n  border-bottom:1px solid #edf1f6;\r\n  font-size:14px;\r\n}\r\n\r\n.cb-summary-row span:first-child{\r\n  color:#6c7788;\r\n}\r\n\r\n.cb-summary-row strong{\r\n  color:#0b1220;\r\n}\r\n\r\n.cb-total{\r\n  display:flex;\r\n  justify-content:space-between;\r\n  align-items:center;\r\n  padding-top:20px;\r\n  margin-top:5px;\r\n}\r\n\r\n.cb-total span{\r\n  font-size:15px;\r\n  font-weight:700;\r\n}\r\n\r\n.cb-total strong{\r\n  color:#1264d9;\r\n  font-size:25px;\r\n}\r\n\r\n\r\n\/* ORDER BUTTON *\/\r\n\r\n.cb-place-order{\r\n  width:100%;\r\n  border:0;\r\n  background:#1264d9;\r\n  color:#fff;\r\n  padding:15px;\r\n  border-radius:10px;\r\n  font-size:15px;\r\n  font-weight:800;\r\n  cursor:pointer;\r\n  margin-top:22px;\r\n  transition:.2s;\r\n}\r\n\r\n.cb-place-order:hover{\r\n  background:#084da9;\r\n  transform:translateY(-1px);\r\n}\r\n\r\n.cb-secure{\r\n  text-align:center;\r\n  color:#6c7788;\r\n  font-size:12px;\r\n  margin-top:13px;\r\n}\r\n\r\n\r\n\/* NOTICE *\/\r\n\r\n.cb-notice{\r\n  display:none;\r\n  background:#ecfdf3;\r\n  border:1px solid #b7ebcc;\r\n  color:#176b39;\r\n  border-radius:10px;\r\n  padding:15px;\r\n  margin-top:18px;\r\n  font-size:14px;\r\n}\r\n\r\n.cb-notice.show{\r\n  display:block;\r\n}\r\n\r\n\r\n\/* FOOTER *\/\r\n\r\n.cb-footer{\r\n  background:#0b1220;\r\n  color:#fff;\r\n  text-align:center;\r\n  padding:25px 0;\r\n}\r\n\r\n.cb-footer p{\r\n  color:#aebbd0;\r\n  font-size:13px;\r\n}\r\n\r\n\r\n\/* RESPONSIVE *\/\r\n\r\n@media(max-width:850px){\r\n\r\n  .cb-checkout-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .cb-summary{\r\n    position:static;\r\n  }\r\n\r\n}\r\n\r\n@media(max-width:600px){\r\n\r\n  .cb-form-row{\r\n    grid-template-columns:1fr;\r\n    gap:0;\r\n  }\r\n\r\n  .cb-card{\r\n    padding:22px;\r\n  }\r\n\r\n  .cb-checkout-hero{\r\n    padding:42px 0;\r\n  }\r\n\r\n  .cb-checkout-hero h1{\r\n    font-size:32px;\r\n  }\r\n\r\n  .cb-logo{\r\n    font-size:22px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<\/head>\r\n\r\n\r\n<body>\r\n\r\n\r\n<!-- HEADER -->\r\n\r\n<header class=\"cb-header\">\r\n\r\n  <div class=\"cb-container cb-nav\">\r\n\r\n    <a href=\"index.html\" class=\"cb-logo\">\r\n      Cloud<span>Biz<\/span>\r\n    <\/a>\r\n\r\n    <a href=\"index.html#pricing\" class=\"cb-back\">\r\n      \u2190 Back to Pricing\r\n    <\/a>\r\n\r\n  <\/div>\r\n\r\n<\/header>\r\n\r\n\r\n<!-- HERO -->\r\n\r\n<section class=\"cb-checkout-hero\">\r\n\r\n  <div class=\"cb-container\">\r\n\r\n    <h1>Complete Your Order<\/h1>\r\n\r\n    <p>\r\n      Enter your information below to continue with your CloudBiz order.\r\n    <\/p>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- CHECKOUT -->\r\n\r\n<main class=\"cb-checkout\">\r\n\r\n  <div class=\"cb-container\">\r\n\r\n    <div class=\"cb-checkout-grid\">\r\n\r\n\r\n      <!-- CUSTOMER FORM -->\r\n\r\n      <div class=\"cb-card\">\r\n\r\n        <div class=\"cb-section-title\">\r\n          Customer Information\r\n        <\/div>\r\n\r\n        <h2>Your Details<\/h2>\r\n\r\n\r\n        <form id=\"cbCheckoutForm\">\r\n\r\n\r\n          <div class=\"cb-form-row\">\r\n\r\n\r\n            <div class=\"cb-field\">\r\n\r\n              <label for=\"cbName\">\r\n                Full Name *\r\n              <\/label>\r\n\r\n              <input\r\n                type=\"text\"\r\n                id=\"cbName\"\r\n                name=\"name\"\r\n                placeholder=\"Enter your full name\"\r\n                required\r\n              >\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cb-field\">\r\n\r\n              <label for=\"cbEmail\">\r\n                Email Address *\r\n              <\/label>\r\n\r\n              <input\r\n                type=\"email\"\r\n                id=\"cbEmail\"\r\n                name=\"email\"\r\n                placeholder=\"example@gmail.com\"\r\n                required\r\n              >\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cb-field\">\r\n\r\n              <label for=\"cbPhone\">\r\n                Phone Number *\r\n              <\/label>\r\n\r\n              <input\r\n                type=\"tel\"\r\n                id=\"cbPhone\"\r\n                name=\"phone\"\r\n                placeholder=\"03XX XXXXXXX\"\r\n                required\r\n              >\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cb-field\">\r\n\r\n              <label for=\"cbCompany\">\r\n                Company Name\r\n              <\/label>\r\n\r\n              <input\r\n                type=\"text\"\r\n                id=\"cbCompany\"\r\n                name=\"company\"\r\n                placeholder=\"Optional\"\r\n              >\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cb-field full\">\r\n\r\n              <label for=\"cbAddress\">\r\n                Address *\r\n              <\/label>\r\n\r\n              <textarea\r\n                id=\"cbAddress\"\r\n                name=\"address\"\r\n                placeholder=\"Enter your complete address\"\r\n                required\r\n              ><\/textarea>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- PAYMENT -->\r\n\r\n          <div class=\"cb-section-title\">\r\n            Payment Method\r\n          <\/div>\r\n\r\n          <h2>Choose Payment<\/h2>\r\n\r\n\r\n          <div class=\"cb-payment-options\">\r\n\r\n\r\n            <div class=\"cb-payment-option\">\r\n\r\n              <input\r\n                type=\"radio\"\r\n                name=\"payment\"\r\n                id=\"paymentBank\"\r\n                value=\"Bank Transfer\"\r\n                checked\r\n              >\r\n\r\n              <label\r\n                for=\"paymentBank\"\r\n                class=\"cb-payment-label\"\r\n              >\r\n\r\n                <div class=\"cb-payment-icon\">\r\n                  \ud83c\udfe6\r\n                <\/div>\r\n\r\n                <div class=\"cb-payment-text\">\r\n\r\n                  <strong>\r\n                    Bank Transfer\r\n                  <\/strong>\r\n\r\n                  <span>\r\n                    Pay through your bank account\r\n                  <\/span>\r\n\r\n                <\/div>\r\n\r\n              <\/label>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cb-payment-option\">\r\n\r\n              <input\r\n                type=\"radio\"\r\n                name=\"payment\"\r\n                id=\"paymentJazz\"\r\n                value=\"JazzCash\"\r\n              >\r\n\r\n              <label\r\n                for=\"paymentJazz\"\r\n                class=\"cb-payment-label\"\r\n              >\r\n\r\n                <div class=\"cb-payment-icon\">\r\n                  J\r\n                <\/div>\r\n\r\n                <div class=\"cb-payment-text\">\r\n\r\n                  <strong>\r\n                    JazzCash\r\n                  <\/strong>\r\n\r\n                  <span>\r\n                    Pay using JazzCash\r\n                  <\/span>\r\n\r\n                <\/div>\r\n\r\n              <\/label>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cb-payment-option\">\r\n\r\n              <input\r\n                type=\"radio\"\r\n                name=\"payment\"\r\n                id=\"paymentEasy\"\r\n                value=\"Easypaisa\"\r\n              >\r\n\r\n              <label\r\n                for=\"paymentEasy\"\r\n                class=\"cb-payment-label\"\r\n              >\r\n\r\n                <div class=\"cb-payment-icon\">\r\n                  E\r\n                <\/div>\r\n\r\n                <div class=\"cb-payment-text\">\r\n\r\n                  <strong>\r\n                    Easypaisa\r\n                  <\/strong>\r\n\r\n                  <span>\r\n                    Pay using Easypaisa\r\n                  <\/span>\r\n\r\n                <\/div>\r\n\r\n              <\/label>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cb-payment-option\">\r\n\r\n              <input\r\n                type=\"radio\"\r\n                name=\"payment\"\r\n                id=\"paymentCard\"\r\n                value=\"Card Payment\"\r\n              >\r\n\r\n              <label\r\n                for=\"paymentCard\"\r\n                class=\"cb-payment-label\"\r\n              >\r\n\r\n                <div class=\"cb-payment-icon\">\r\n                  \ud83d\udcb3\r\n                <\/div>\r\n\r\n                <div class=\"cb-payment-text\">\r\n\r\n                  <strong>\r\n                    Card Payment\r\n                  <\/strong>\r\n\r\n                  <span>\r\n                    Debit or credit card\r\n                  <\/span>\r\n\r\n                <\/div>\r\n\r\n              <\/label>\r\n\r\n            <\/div>\r\n\r\n\r\n          <\/div>\r\n\r\n\r\n          <div\r\n            id=\"cbNotice\"\r\n            class=\"cb-notice\"\r\n          ><\/div>\r\n\r\n\r\n          <button\r\n            type=\"submit\"\r\n            class=\"cb-place-order\"\r\n          >\r\n            Place Order\r\n          <\/button>\r\n\r\n\r\n        <\/form>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- ORDER SUMMARY -->\r\n\r\n      <div class=\"cb-card cb-summary\">\r\n\r\n        <div class=\"cb-section-title\">\r\n          Order Summary\r\n        <\/div>\r\n\r\n        <h2>Your Order<\/h2>\r\n\r\n\r\n        <div class=\"cb-selected-plan\">\r\n\r\n          <small>\r\n            Selected Hosting Plan\r\n          <\/small>\r\n\r\n          <h3 id=\"summaryPlan\">\r\n            Loading...\r\n          <\/h3>\r\n\r\n          <div class=\"cb-selected-price\">\r\n            Rs. <span id=\"summaryPrice\">0<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"cb-selected-period\">\r\n            Billing: <span id=\"summaryPeriod\">Monthly<\/span>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"cb-summary-row\">\r\n\r\n          <span>\r\n            Hosting Plan\r\n          <\/span>\r\n\r\n          <strong id=\"summaryPlan2\">\r\n            -\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"cb-summary-row\">\r\n\r\n          <span>\r\n            Billing Period\r\n          <\/span>\r\n\r\n          <strong id=\"summaryPeriod2\">\r\n            -\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"cb-summary-row\">\r\n\r\n          <span>\r\n            Subtotal\r\n          <\/span>\r\n\r\n          <strong>\r\n            Rs. <span id=\"summarySubtotal\">0<\/span>\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"cb-summary-row\">\r\n\r\n          <span>\r\n            Setup Fee\r\n          <\/span>\r\n\r\n          <strong>\r\n            Rs. 0\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"cb-total\">\r\n\r\n          <span>\r\n            Total\r\n          <\/span>\r\n\r\n          <strong>\r\n            Rs. <span id=\"summaryTotal\">0<\/span>\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"cb-secure\">\r\n          \ud83d\udd12 Your information is kept secure.\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/main>\r\n\r\n\r\n<!-- FOOTER -->\r\n\r\n<footer class=\"cb-footer\">\r\n\r\n  <div class=\"cb-container\">\r\n\r\n    <p>\r\n      \u00a9 2026 CloudBiz. All Rights Reserved.\r\n    <\/p>\r\n\r\n  <\/div>\r\n\r\n<\/footer>\r\n\r\n\r\n<script>\r\n\r\n\r\n\/* ==========================================\r\n   GET PLAN INFORMATION FROM URL\r\n========================================== *\/\r\n\r\n\r\nconst urlParams =\r\n  new URLSearchParams(\r\n    window.location.search\r\n  );\r\n\r\n\r\nconst selectedPlan =\r\n  urlParams.get('plan');\r\n\r\n\r\nconst selectedPrice =\r\n  urlParams.get('price');\r\n\r\n\r\nconst selectedPeriod =\r\n  urlParams.get('period');\r\n\r\n\r\n\/* ==========================================\r\n   DEFAULT VALUES\r\n========================================== *\/\r\n\r\n\r\nconst plan =\r\n  selectedPlan || 'Personal';\r\n\r\n\r\nconst price =\r\n  selectedPrice\r\n    ? Number(selectedPrice)\r\n    : 860;\r\n\r\n\r\nconst period =\r\n  selectedPeriod || 'Monthly';\r\n\r\n\r\n\/* ==========================================\r\n   DISPLAY ORDER SUMMARY\r\n========================================== *\/\r\n\r\n\r\ndocument.getElementById(\r\n  'summaryPlan'\r\n).textContent = plan;\r\n\r\n\r\ndocument.getElementById(\r\n  'summaryPlan2'\r\n).textContent = plan;\r\n\r\n\r\ndocument.getElementById(\r\n  'summaryPrice'\r\n).textContent =\r\n  price.toLocaleString();\r\n\r\n\r\ndocument.getElementById(\r\n  'summaryPeriod'\r\n).textContent = period;\r\n\r\n\r\ndocument.getElementById(\r\n  'summaryPeriod2'\r\n).textContent = period;\r\n\r\n\r\ndocument.getElementById(\r\n  'summarySubtotal'\r\n).textContent =\r\n  price.toLocaleString();\r\n\r\n\r\ndocument.getElementById(\r\n  'summaryTotal'\r\n).textContent =\r\n  price.toLocaleString();\r\n\r\n\r\n\/* ==========================================\r\n   CHECKOUT FORM\r\n========================================== *\/\r\n\r\n\r\ndocument.getElementById(\r\n  'cbCheckoutForm'\r\n).addEventListener(\r\n  'submit',\r\n  function(e){\r\n\r\n    e.preventDefault();\r\n\r\n\r\n    const name =\r\n      document.getElementById(\r\n        'cbName'\r\n      ).value.trim();\r\n\r\n\r\n    const email =\r\n      document.getElementById(\r\n        'cbEmail'\r\n      ).value.trim();\r\n\r\n\r\n    const phone =\r\n      document.getElementById(\r\n        'cbPhone'\r\n      ).value.trim();\r\n\r\n\r\n    const address =\r\n      document.getElementById(\r\n        'cbAddress'\r\n      ).value.trim();\r\n\r\n\r\n    const company =\r\n      document.getElementById(\r\n        'cbCompany'\r\n      ).value.trim();\r\n\r\n\r\n    const payment =\r\n      document.querySelector(\r\n        'input[name=\"payment\"]:checked'\r\n      ).value;\r\n\r\n\r\n    const notice =\r\n      document.getElementById(\r\n        'cbNotice'\r\n      );\r\n\r\n\r\n    \/* VALIDATION *\/\r\n\r\n    if(!name){\r\n\r\n      alert(\r\n        'Please enter your full name.'\r\n      );\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    if(!email){\r\n\r\n      alert(\r\n        'Please enter your email address.'\r\n      );\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    if(!phone){\r\n\r\n      alert(\r\n        'Please enter your phone number.'\r\n      );\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    if(!address){\r\n\r\n      alert(\r\n        'Please enter your address.'\r\n      );\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    \/* DEMO ORDER NUMBER *\/\r\n\r\n    const orderNumber =\r\n      'CB-' +\r\n      Date.now();\r\n\r\n\r\n    \/* SUCCESS MESSAGE *\/\r\n\r\n    notice.innerHTML =\r\n      '<strong>Order Received!<\/strong><br>' +\r\n\r\n      'Thank you ' +\r\n      name +\r\n      '. Your ' +\r\n      plan +\r\n      ' hosting order has been received.<br><br>' +\r\n\r\n      '<strong>Order ID:<\/strong> ' +\r\n      orderNumber +\r\n      '<br>' +\r\n\r\n      '<strong>Plan:<\/strong> ' +\r\n      plan +\r\n      '<br>' +\r\n\r\n      '<strong>Billing:<\/strong> ' +\r\n      period +\r\n      '<br>' +\r\n\r\n      '<strong>Amount:<\/strong> Rs. ' +\r\n      price.toLocaleString() +\r\n      '<br>' +\r\n\r\n      '<strong>Payment:<\/strong> ' +\r\n      payment;\r\n\r\n\r\n    notice.classList.add(\r\n      'show'\r\n    );\r\n\r\n\r\n    \/* SCROLL TO MESSAGE *\/\r\n\r\n    notice.scrollIntoView({\r\n      behavior:'smooth',\r\n      block:'center'\r\n    });\r\n\r\n\r\n    \/*\r\n      IMPORTANT:\r\n\r\n      Abhi order sirf browser mein\r\n      demo ke tor par show ho raha hai.\r\n\r\n      Next step mein isi order ko\r\n      database mein save karenge aur\r\n      real payment system connect karenge.\r\n    *\/\r\n\r\n  }\r\n);\r\n\r\n<\/script>\r\n\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\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>CloudBiz &#8211; Checkout CloudBiz \u2190 Back to Pricing Complete Your Order Enter your information below to continue with your CloudBiz order. Customer Information Your Details Full Name * Email Address * Phone Number * Company Name Address * Payment Method Choose Payment \ud83c\udfe6 Bank Transfer Pay through your bank account J JazzCash Pay using JazzCash E Easypaisa Pay using Easypaisa \ud83d\udcb3 Card Payment Debit or credit card Place Order Order Summary Your Order Selected Hosting Plan Loading&#8230; Rs. 0 Billing: Monthly Hosting Plan &#8211; Billing Period &#8211; Subtotal Rs. 0 Setup Fee Rs. 0 Total Rs. 0 \ud83d\udd12 Your information is kept secure. \u00a9 2026 CloudBiz. All Rights Reserved.<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-258","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.cloud.biz.pk\/index.php?rest_route=\/wp\/v2\/pages\/258","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cloud.biz.pk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cloud.biz.pk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cloud.biz.pk\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cloud.biz.pk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=258"}],"version-history":[{"count":4,"href":"https:\/\/www.cloud.biz.pk\/index.php?rest_route=\/wp\/v2\/pages\/258\/revisions"}],"predecessor-version":[{"id":265,"href":"https:\/\/www.cloud.biz.pk\/index.php?rest_route=\/wp\/v2\/pages\/258\/revisions\/265"}],"wp:attachment":[{"href":"https:\/\/www.cloud.biz.pk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=258"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}