{"id":77,"date":"2025-11-10T19:27:52","date_gmt":"2025-11-10T11:27:52","guid":{"rendered":"https:\/\/najicode.com\/?page_id=77"},"modified":"2026-01-01T20:37:28","modified_gmt":"2026-01-01T12:37:28","slug":"pricing","status":"publish","type":"page","link":"https:\/\/najicode.com\/en\/pricing\/","title":{"rendered":"Pricing"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"77\" class=\"elementor elementor-77\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c051a2b e-flex e-con-boxed e-con e-parent\" data-id=\"c051a2b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ddcd7d5 elementor-widget elementor-widget-html\" data-id=\"ddcd7d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \ud83c\udf38 Najicode \u2014 Premium Pastel Pricing Page (Improved Version) -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\"\/>\r\n\r\n<style>\r\n:root{\r\n  --navy:#0F2145;\r\n  --white:#ffffff;\r\n\r\n  --pink1:#ffeaf5;\r\n  --pink2:#fdf2fc;\r\n  --blueSoft:#eef0ff;\r\n\r\n  --pinkGlow:#ffd8f1;\r\n  --lilacGlow:#e4d9ff;\r\n  --goldGlow:#ffe7b0;\r\n\r\n  --chipBg:rgba(255,255,255,0.75);\r\n\r\n  --shadowSoft:0 10px 22px rgba(80,70,150,0.10);\r\n  --shadowHover:0 22px 42px rgba(80,70,150,0.26);\r\n}\r\n\r\n*{margin:0;padding:0;box-sizing:border-box;}\r\nbody{font-family:'Outfit',sans-serif;}\r\n\r\n\/* ---------------------------------------------------\r\n   MAIN PAGE\r\n--------------------------------------------------- *\/\r\n.pricing-page{\r\n  padding:140px 0 140px;\r\n  background:linear-gradient(160deg,var(--pink1),var(--pink2),var(--blueSoft));\r\n  background-size:200% 200%;\r\n  animation:pricingBG 12s ease-in-out infinite alternate;\r\n  position:relative;\r\n  overflow:hidden;\r\n  text-align:center;\r\n}\r\n\r\n@keyframes pricingBG{\r\n  0%{background-position:0% 50%;}\r\n  100%{background-position:100% 50%;}\r\n}\r\n\r\n\/* Gold glow *\/\r\n.pricing-page::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:25%; left:50%;\r\n  transform:translateX(-50%);\r\n  width:1100px; height:650px;\r\n  background:radial-gradient(circle,var(--goldGlow) 0%,transparent 85%);\r\n  opacity:.45;\r\n  filter:blur(140px);\r\n}\r\n\r\n.p-inner{\r\n  max-width:1200px;\r\n  margin:0 auto;\r\n  padding:0 20px;\r\n  position:relative;\r\n  z-index:5;\r\n}\r\n\r\n\/* ---------------------------------------------------\r\n   HEADING + SUBHEADING\r\n--------------------------------------------------- *\/\r\n.pricing-badge{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:8px;\r\n  padding:6px 16px;\r\n  border-radius:999px;\r\n  background:var(--chipBg);\r\n  border:1px solid rgba(255,255,255,0.95);\r\n  color:#666;\r\n  font-size:12px;\r\n  margin-bottom:18px;\r\n}\r\n\r\n.pricing-badge-dot{\r\n  width:9px;height:9px;\r\n  border-radius:50%;\r\n  background:linear-gradient(135deg,#ff72b6,#ffb347);\r\n  box-shadow:0 0 0 6px rgba(255,120,160,0.3);\r\n}\r\n\r\n.pricing-title{\r\n  font-size:clamp(34px,4vw,46px);\r\n  font-weight:700;\r\n  color:var(--navy);\r\n  margin-bottom:14px;\r\n  opacity:0;\r\n  animation:titleFadeUp 1.2s ease forwards;\r\n}\r\n\r\n@keyframes titleFadeUp{\r\n  0%{opacity:0; transform:translateY(15px);}\r\n  100%{opacity:1; transform:translateY(0);}\r\n}\r\n\r\n.pricing-title span{\r\n  display:inline-block;\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n\r\n.pricing-title span::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0; left:-125%;\r\n  width:130%; height:100%;\r\n  background:linear-gradient(120deg,transparent,rgba(255,255,255,0.8),transparent);\r\n  animation:shineX 2.8s infinite ease-in-out;\r\n}\r\n\r\n@keyframes shineX{\r\n  0%{left:-125%;}\r\n  100%{left:125%;}\r\n}\r\n\r\n.pricing-sub{\r\n  text-align:center;\r\n  font-size:15px;\r\n  max-width:650px;\r\n  margin:0 auto 60px;\r\n  color:#555;\r\n}\r\n\r\n\/* ---------------------------------------------------\r\n   GRID\r\n--------------------------------------------------- *\/\r\n.pricing-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(auto-fit,minmax(320px,1fr));\r\n  gap:40px;\r\n}\r\n\r\n\/* ---------------------------------------------------\r\n   PRICE CARD (Improved)\r\n--------------------------------------------------- *\/\r\n.price-card{\r\n  background:white;\r\n  padding:40px 35px 50px;\r\n  border-radius:24px;\r\n  border:1px solid #f3ecf7;\r\n  box-shadow:var(--shadowSoft);\r\n  position:relative;\r\n  overflow:visible;\r\n  transform-style:preserve-3d;\r\n  transition:.35s ease;\r\n  min-height:520px;\r\n}\r\n\r\n.price-card::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  border-radius:24px;\r\n  background:\r\n    radial-gradient(circle at 50% -20%, var(--pinkGlow), transparent 70%),\r\n    radial-gradient(circle at 50% 140%, var(--lilacGlow), transparent 85%);\r\n  opacity:.42;\r\n  filter:blur(55px);\r\n  transition:.4s ease;\r\n  pointer-events:none;\r\n}\r\n\r\n.price-card::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0; left:-130%;\r\n  width:130%; height:100%;\r\n  background:linear-gradient(120deg,transparent,rgba(255,255,255,0.55),transparent);\r\n  opacity:0;\r\n  transition:.6s ease;\r\n  pointer-events:none;\r\n}\r\n\r\n.price-card:hover{\r\n  transform:perspective(900px) rotateX(4deg) rotateY(-4deg) translateY(-10px);\r\n  box-shadow:var(--shadowHover);\r\n}\r\n.price-card:hover::before{opacity:.75;}\r\n.price-card:hover::after{\r\n  left:130%;\r\n  opacity:1;\r\n}\r\n\r\n\/* Recommended badge *\/\r\n.recommend-badge{\r\n  position:absolute;\r\n  top:-26px;\r\n  left:50%;\r\n  transform:translateX(-50%);\r\n  background:linear-gradient(135deg,#3d2f87,#f36fb0);\r\n  color:white;\r\n  padding:7px 20px;\r\n  border-radius:20px;\r\n  font-size:13px;\r\n  font-weight:600;\r\n  box-shadow:0 8px 18px rgba(70,40,120,0.35);\r\n  z-index:20;\r\n}\r\n\r\n\/* ---------------------------------------------------\r\n   TEXT\r\n--------------------------------------------------- *\/\r\n.price-card h3{\r\n  font-size:20px;\r\n  font-weight:700;\r\n  color:var(--navy);\r\n  margin-bottom:8px;\r\n}\r\n\r\n.price{\r\n  font-size:26px;\r\n  font-weight:700;\r\n  color:var(--navy);\r\n  margin:10px 0 20px;\r\n}\r\n\r\n.included-list{\r\n  font-size:15px;\r\n  color:#444;\r\n  line-height:1.75;\r\n  margin-top:12px;\r\n}\r\n\r\n.included-list li{\r\n  margin-bottom:8px;\r\n}\r\n\r\n\/* ---------------------------------------------------\r\n   BUTTON FIXED (Fully Visible)\r\n--------------------------------------------------- *\/\r\n.p-btn{\r\n  display:inline-block;\r\n  background:linear-gradient(135deg,#3d2f87,#f36fb0);\r\n  color:white;\r\n  padding:15px 40px;\r\n  border-radius:999px;\r\n  font-weight:600;\r\n  text-decoration:none;\r\n  transition:.3s ease;\r\n  box-shadow:0 12px 24px rgba(90,50,145,0.35);\r\n  margin-top:28px;\r\n  position:relative;\r\n  z-index:10; \/* FIX: Always above glow *\/\r\n}\r\n\r\n.p-btn:hover{\r\n  transform:translateY(-4px);\r\n  box-shadow:0 16px 32px rgba(90,50,145,0.45);\r\n}\r\n\r\n\/* ---------------------------------------------------\r\n   RESPONSIVE FIXES\r\n--------------------------------------------------- *\/\r\n@media(max-width:768px){\r\n  .pricing-title{font-size:32px;}\r\n  .pricing-grid{gap:30px;}\r\n  .price-card:hover{transform:none;}\r\n  .price-card{min-height:auto;}\r\n}\r\n<\/style>\r\n\r\n<section class=\"pricing-page\">\r\n  <div class=\"p-inner\">\r\n\r\n    <div class=\"pricing-badge\">\r\n      <span class=\"pricing-badge-dot\"><\/span>\r\n      <span>Najicode Pricing Overview<\/span>\r\n    <\/div>\r\n\r\n    <h2 class=\"pricing-title\"><span>Pricing<\/span><\/h2>\r\n    <p class=\"pricing-sub\">Choose the package that fits your business needs. All packages include domain, hosting, and full technical maintenance for 1 year.<\/p>\r\n\r\n    <div class=\"pricing-grid\">\r\n\r\n      <!-- LANDING PAGE -->\r\n      <div class=\"price-card\">\r\n        <h3>Landing Page \/ 1-Page Website<\/h3>\r\n        <p class=\"price\">RM1500 \u2013 RM1700<\/p>\r\n\r\n        <ul class=\"included-list\">\r\n          <li>1-page premium landing design<\/li>\r\n          <li>Optional payment gateway \/ OnPay (+RM200)<\/li>\r\n          <li>1 year domain & hosting<\/li>\r\n          <li>1 year technical maintenance<\/li>\r\n          <li>Professional copywriting<\/li>\r\n          <li>Mobile & speed optimized<\/li>\r\n          <li>WhatsApp integration<\/li>\r\n        <\/ul>\r\n\r\n        <a class=\"p-btn\" href=\"https:\/\/api.whatsapp.com\/send\/?phone=60192484260&text=Hi%20Najicode,%20I%20want%20to%20build%20a%20Landing%20Page\" target=\"_blank\">Contact to Start<\/a>\r\n      <\/div>\r\n\r\n      <!-- BUSINESS SITE -->\r\n      <div class=\"price-card\">\r\n        <div class=\"recommend-badge\">Most Popular<\/div>\r\n\r\n        <h3>Business \/ Corporate Website<\/h3>\r\n        <p class=\"price\">Starts from RM3800<\/p>\r\n\r\n        <ul class=\"included-list\">\r\n          <li>Up to 10 structured pages<\/li>\r\n          <li>Profile, services, forms<\/li>\r\n          <li>1 year domain & hosting<\/li>\r\n          <li>1 year technical maintenance<\/li>\r\n          <li>Full design & copywriting<\/li>\r\n          <li>SEO-ready structure<\/li>\r\n          <li>Branding-consistent visuals<\/li>\r\n        <\/ul>\r\n\r\n        <a class=\"p-btn\" href=\"https:\/\/api.whatsapp.com\/send\/?phone=60192484260&text=Hi%20Najicode,%20I%20want%20a%20Corporate%20Website\" target=\"_blank\">Contact for Quotation<\/a>\r\n      <\/div>\r\n\r\n      <!-- ECOMMERCE -->\r\n      <div class=\"price-card\">\r\n        <h3>E-Commerce Website<\/h3>\r\n        <p class=\"price\">Starts from RM4000<\/p>\r\n\r\n        <ul class=\"included-list\">\r\n          <li>WooCommerce \/ Shopify<\/li>\r\n          <li>Full store setup & checkout<\/li>\r\n          <li>Payment gateway integration<\/li>\r\n          <li>Product & category setup<\/li>\r\n          <li>Speed & security optimized<\/li>\r\n          <li>1 year maintenance included<\/li>\r\n          <li>Basic ads tracking setup<\/li>\r\n        <\/ul>\r\n\r\n        <a class=\"p-btn\" href=\"https:\/\/api.whatsapp.com\/send\/?phone=60192484260&text=Hi%20Najicode,%20I%20want%20an%20E-Commerce%20Website\" target=\"_blank\">Discuss Your Store<\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Najicode Pricing Overview Pricing Choose the package that fits your business needs. All packages include domain, hosting, and full technical maintenance for 1 year. Landing Page \/ 1-Page Website RM1500 \u2013 RM1700 1-page premium landing design Optional payment gateway \/ OnPay (+RM200) 1 year domain &#038; hosting 1 year technical maintenance Professional copywriting Mobile &#038; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-77","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/najicode.com\/en\/wp-json\/wp\/v2\/pages\/77","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/najicode.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/najicode.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/najicode.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/najicode.com\/en\/wp-json\/wp\/v2\/comments?post=77"}],"version-history":[{"count":10,"href":"https:\/\/najicode.com\/en\/wp-json\/wp\/v2\/pages\/77\/revisions"}],"predecessor-version":[{"id":537,"href":"https:\/\/najicode.com\/en\/wp-json\/wp\/v2\/pages\/77\/revisions\/537"}],"wp:attachment":[{"href":"https:\/\/najicode.com\/en\/wp-json\/wp\/v2\/media?parent=77"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}