{"id":14,"date":"2026-08-18T14:36:30","date_gmt":"2026-08-18T14:36:30","guid":{"rendered":"https:\/\/websensepro.net\/test\/home\/"},"modified":"2026-08-18T14:36:30","modified_gmt":"2026-08-18T14:36:30","slug":"home","status":"publish","type":"page","link":"https:\/\/websensepro.net\/test\/home\/","title":{"rendered":"Home"},"content":{"rendered":"<p>* { box-sizing: border-box; margin: 0; padding: 0; }<br \/>\nbody { font-family: &#8216;Segoe UI&#8217;, Arial, sans-serif; }<br \/>\n.hp-section { padding: 80px 20px; }<br \/>\n.hp-container { max-width: 1080px; margin: 0 auto; }<br \/>\n.hp-btn { display: inline-block; padding: 14px 36px; border-radius: 50px; text-decoration: none; font-weight: 700; font-size: 15px; transition: opacity .2s; }<br \/>\n.hp-btn:hover { opacity: .85; }<br \/>\n.hp-tag { display: inline-block; background: rgba(99,102,241,.12); color: #6366f1; font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; padding: 5px 14px; border-radius: 50px; margin-bottom: 16px; }<\/p>\n<p><!-- ===== HERO ===== --><\/p>\n<div style=\"background: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%);color: #fff;padding: 110px 20px 90px;text-align: center;position: relative;overflow: hidden\">\n<div style=\"position: absolute;top: -60px;left: -60px;width: 300px;height: 300px;background: radial-gradient(circle, rgba(99,102,241,.35) 0%, transparent 70%);pointer-events: none\"><\/div>\n<div style=\"position: absolute;bottom: -80px;right: -80px;width: 400px;height: 400px;background: radial-gradient(circle, rgba(236,72,153,.25) 0%, transparent 70%);pointer-events: none\"><\/div>\n<div style=\"position: relative;max-width: 750px;margin: 0 auto\">\n<div style=\"width: 110px;height: 110px;border-radius: 50%;background: linear-gradient(135deg,#6366f1,#ec4899);margin: 0 auto 28px;display: flex;align-items: center;justify-content: center;font-size: 48px\">\ud83d\udc64<\/div>\n<p style=\"font-size: 14px;letter-spacing: 4px;text-transform: uppercase;color: #a5b4fc;margin-bottom: 16px\">Welcome to my portfolio<\/p>\n<h1 style=\"font-size: clamp(38px,6vw,64px);font-weight: 800;line-height: 1.15;margin-bottom: 20px\">Hi, I&#8217;m <span style=\"background: linear-gradient(90deg,#6366f1,#ec4899)\">Bilal<\/span><\/h1>\n<p style=\"font-size: 20px;color: #c7d2fe;max-width: 540px;margin: 0 auto 36px;line-height: 1.7\">Web Developer &amp; Digital Creator \u2014 I build beautiful, fast, and user-friendly digital experiences.<\/p>\n<div style=\"display: flex;gap: 16px;justify-content: center;flex-wrap: wrap\">\n      <a href=\"#portfolio\" class=\"hp-btn\" style=\"background: linear-gradient(90deg,#6366f1,#818cf8);color: #fff\">View My Work<\/a><br \/>\n      <a href=\"#contact\" class=\"hp-btn\" style=\"color: #fff\">Get In Touch<\/a>\n    <\/div>\n<\/p><\/div>\n<\/div>\n<p><!-- ===== STATS ===== --><\/p>\n<div style=\"background: #fff;border-bottom: 1px solid #f0f0f5\">\n<div class=\"hp-container\" style=\"display: grid;grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));text-align: center;padding: 40px 20px\">\n<div style=\"padding: 20px\">\n<div style=\"font-size: 42px;font-weight: 800;color: #6366f1\">5+<\/div>\n<div style=\"color: #888;font-size: 14px;margin-top: 4px\">Years Experience<\/div>\n<\/p><\/div>\n<div style=\"padding: 20px\">\n<div style=\"font-size: 42px;font-weight: 800;color: #6366f1\">80+<\/div>\n<div style=\"color: #888;font-size: 14px;margin-top: 4px\">Projects Completed<\/div>\n<\/p><\/div>\n<div style=\"padding: 20px\">\n<div style=\"font-size: 42px;font-weight: 800;color: #6366f1\">50+<\/div>\n<div style=\"color: #888;font-size: 14px;margin-top: 4px\">Happy Clients<\/div>\n<\/p><\/div>\n<div style=\"padding: 20px\">\n<div style=\"font-size: 42px;font-weight: 800;color: #6366f1\">\u221e<\/div>\n<div style=\"color: #888;font-size: 14px;margin-top: 4px\">Cups of Coffee<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<p><!-- ===== ABOUT ===== --><\/p>\n<div class=\"hp-section\" style=\"background: #fafafe\" id=\"about\">\n<div class=\"hp-container\" style=\"display: grid;grid-template-columns: 1fr 1fr;gap: 60px;align-items: center\">\n<div>\n<div style=\"width: 100%;max-width: 400px;height: 380px;background: linear-gradient(135deg,#6366f1 0%,#ec4899 100%);border-radius: 24px;display: flex;align-items: center;justify-content: center;font-size: 120px\">\ud83e\uddd1\u200d\ud83d\udcbb<\/div>\n<\/p><\/div>\n<div>\n      <span class=\"hp-tag\">About Me<\/span><\/p>\n<h2 style=\"font-size: 36px;font-weight: 800;color: #1e1b4b;margin-bottom: 18px;line-height: 1.3\">Passionate about crafting digital experiences<\/h2>\n<p style=\"color: #555;line-height: 1.8;margin-bottom: 16px;font-size: 16px\">I&#8217;m a web developer and digital creator based in Pakistan with a passion for building clean, performant, and visually stunning websites. I specialize in WordPress, custom web development, and digital marketing.<\/p>\n<p style=\"color: #555;line-height: 1.8;margin-bottom: 28px;font-size: 16px\">When I&#8217;m not coding, I&#8217;m exploring new technologies, writing about the web, or helping businesses establish their online presence.<\/p>\n<p>      <a href=\"https:\/\/websensepro.net\/test\/mercantile\/\" class=\"hp-btn\" style=\"background: #6366f1;color: #fff\">View Services \u2192<\/a>\n    <\/div>\n<\/p><\/div>\n<\/div>\n<p><!-- ===== SKILLS ===== --><\/p>\n<div class=\"hp-section\" style=\"background: #fff\" id=\"skills\">\n<div class=\"hp-container\">\n<div style=\"text-align: center;margin-bottom: 50px\">\n      <span class=\"hp-tag\">Skills<\/span><\/p>\n<h2 style=\"font-size: 36px;font-weight: 800;color: #1e1b4b\">What I Work With<\/h2>\n<\/p><\/div>\n<div style=\"display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: 20px\">\n<div style=\"background: #fafafe;border: 1px solid #e8eaf6;border-radius: 14px;padding: 28px 24px\">\n<div style=\"font-size: 32px;margin-bottom: 10px\">\u26a1<\/div>\n<h3 style=\"font-size: 17px;font-weight: 700;color: #1e1b4b;margin-bottom: 8px\">Frontend Development<\/h3>\n<p style=\"color: #666;font-size: 14px;line-height: 1.6\">HTML5, CSS3, JavaScript, React, responsive design &amp; animations<\/p>\n<\/p><\/div>\n<div style=\"background: #fafafe;border: 1px solid #e8eaf6;border-radius: 14px;padding: 28px 24px\">\n<div style=\"font-size: 32px;margin-bottom: 10px\">\ud83d\udd27<\/div>\n<h3 style=\"font-size: 17px;font-weight: 700;color: #1e1b4b;margin-bottom: 8px\">WordPress &amp; CMS<\/h3>\n<p style=\"color: #666;font-size: 14px;line-height: 1.6\">Custom themes, plugins, Elementor, WooCommerce, and performance tuning<\/p>\n<\/p><\/div>\n<div style=\"background: #fafafe;border: 1px solid #e8eaf6;border-radius: 14px;padding: 28px 24px\">\n<div style=\"font-size: 32px;margin-bottom: 10px\">\ud83d\uded2<\/div>\n<h3 style=\"font-size: 17px;font-weight: 700;color: #1e1b4b;margin-bottom: 8px\">E-Commerce<\/h3>\n<p style=\"color: #666;font-size: 14px;line-height: 1.6\">WooCommerce, Shopify, payment integrations, and conversion optimization<\/p>\n<\/p><\/div>\n<div style=\"background: #fafafe;border: 1px solid #e8eaf6;border-radius: 14px;padding: 28px 24px\">\n<div style=\"font-size: 32px;margin-bottom: 10px\">\ud83d\udcc8<\/div>\n<h3 style=\"font-size: 17px;font-weight: 700;color: #1e1b4b;margin-bottom: 8px\">SEO &amp; Analytics<\/h3>\n<p style=\"color: #666;font-size: 14px;line-height: 1.6\">On-page SEO, Google Analytics, Search Console, and speed optimization<\/p>\n<\/p><\/div>\n<div style=\"background: #fafafe;border: 1px solid #e8eaf6;border-radius: 14px;padding: 28px 24px\">\n<div style=\"font-size: 32px;margin-bottom: 10px\">\ud83c\udfa8<\/div>\n<h3 style=\"font-size: 17px;font-weight: 700;color: #1e1b4b;margin-bottom: 8px\">UI \/ UX Design<\/h3>\n<p style=\"color: #666;font-size: 14px;line-height: 1.6\">Figma, wireframing, prototyping, and user-centered design thinking<\/p>\n<\/p><\/div>\n<div style=\"background: #fafafe;border: 1px solid #e8eaf6;border-radius: 14px;padding: 28px 24px\">\n<div style=\"font-size: 32px;margin-bottom: 10px\">\u2601\ufe0f<\/div>\n<h3 style=\"font-size: 17px;font-weight: 700;color: #1e1b4b;margin-bottom: 8px\">Hosting &amp; DevOps<\/h3>\n<p style=\"color: #666;font-size: 14px;line-height: 1.6\">cPanel, VPS, Git, CI\/CD pipelines, SSL, domain &amp; DNS management<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<p><!-- ===== PORTFOLIO ===== --><\/p>\n<div class=\"hp-section\" style=\"background: #fafafe\" id=\"portfolio\">\n<div class=\"hp-container\">\n<div style=\"text-align: center;margin-bottom: 50px\">\n      <span class=\"hp-tag\">Portfolio<\/span><\/p>\n<h2 style=\"font-size: 36px;font-weight: 800;color: #1e1b4b\">Recent Projects<\/h2>\n<p style=\"color: #666;margin-top: 10px;font-size: 16px\">A selection of work I&#8217;m proud of.<\/p>\n<\/p><\/div>\n<div style=\"display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 28px\">\n<div style=\"background: #fff;border-radius: 16px;overflow: hidden\">\n<div style=\"height: 180px;background: linear-gradient(135deg,#6366f1,#818cf8);display: flex;align-items: center;justify-content: center;font-size: 60px\">\ud83c\udf10<\/div>\n<div style=\"padding: 24px\">\n          <span style=\"font-size: 11px;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;color: #6366f1\">Web Design<\/span><\/p>\n<h3 style=\"font-size: 18px;font-weight: 700;color: #1e1b4b;margin: 8px 0 10px\">Corporate Website Redesign<\/h3>\n<p style=\"color: #666;font-size: 14px;line-height: 1.6\">A full redesign of a B2B services company \u2014 improving conversion rate by 40%.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div style=\"background: #fff;border-radius: 16px;overflow: hidden\">\n<div style=\"height: 180px;background: linear-gradient(135deg,#ec4899,#f472b6);display: flex;align-items: center;justify-content: center;font-size: 60px\">\ud83d\uded2<\/div>\n<div style=\"padding: 24px\">\n          <span style=\"font-size: 11px;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;color: #ec4899\">E-Commerce<\/span><\/p>\n<h3 style=\"font-size: 18px;font-weight: 700;color: #1e1b4b;margin: 8px 0 10px\">Fashion Store \u2014 WooCommerce<\/h3>\n<p style=\"color: #666;font-size: 14px;line-height: 1.6\">Built a complete online fashion store with 500+ products, custom filters &amp; payments.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div style=\"background: #fff;border-radius: 16px;overflow: hidden\">\n<div style=\"height: 180px;background: linear-gradient(135deg,#0891b2,#22d3ee);display: flex;align-items: center;justify-content: center;font-size: 60px\">\ud83d\udcca<\/div>\n<div style=\"padding: 24px\">\n          <span style=\"font-size: 11px;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;color: #0891b2\">SEO<\/span><\/p>\n<h3 style=\"font-size: 18px;font-weight: 700;color: #1e1b4b;margin: 8px 0 10px\">SEO Campaign \u2014 3\u00d7 Traffic<\/h3>\n<p style=\"color: #666;font-size: 14px;line-height: 1.6\">Ran a 6-month SEO campaign that tripled organic traffic for a local services business.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<p><!-- ===== TESTIMONIALS ===== --><\/p>\n<div class=\"hp-section\" style=\"background: #fff\">\n<div class=\"hp-container\">\n<div style=\"text-align: center;margin-bottom: 50px\">\n      <span class=\"hp-tag\">Testimonials<\/span><\/p>\n<h2 style=\"font-size: 36px;font-weight: 800;color: #1e1b4b\">What Clients Say<\/h2>\n<\/p><\/div>\n<div style=\"display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 24px\">\n<div style=\"background: #fafafe;border: 1px solid #e8eaf6;border-radius: 16px;padding: 32px 28px\">\n<div style=\"color: #fbbf24;font-size: 20px;margin-bottom: 16px\">\u2605\u2605\u2605\u2605\u2605<\/div>\n<p style=\"color: #444;line-height: 1.7;font-size: 15px;margin-bottom: 20px;font-style: italic\">&#8220;Bilal delivered our website on time and beyond expectations. The attention to detail and responsiveness was outstanding.&#8221;<\/p>\n<div style=\"display: flex;align-items: center;gap: 12px\">\n<div style=\"width: 44px;height: 44px;border-radius: 50%;background: linear-gradient(135deg,#6366f1,#ec4899);display: flex;align-items: center;justify-content: center;color: #fff;font-weight: 700\">A<\/div>\n<div>\n<div style=\"font-weight: 700;color: #1e1b4b;font-size: 14px\">Ahmed Khan<\/div>\n<div style=\"color: #888;font-size: 12px\">CEO, TechStart PK<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div style=\"background: #fafafe;border: 1px solid #e8eaf6;border-radius: 16px;padding: 32px 28px\">\n<div style=\"color: #fbbf24;font-size: 20px;margin-bottom: 16px\">\u2605\u2605\u2605\u2605\u2605<\/div>\n<p style=\"color: #444;line-height: 1.7;font-size: 15px;margin-bottom: 20px;font-style: italic\">&#8220;Our e-commerce sales doubled within two months of the new site launch. Highly recommend working with Bilal.&#8221;<\/p>\n<div style=\"display: flex;align-items: center;gap: 12px\">\n<div style=\"width: 44px;height: 44px;border-radius: 50%;background: linear-gradient(135deg,#ec4899,#f97316);display: flex;align-items: center;justify-content: center;color: #fff;font-weight: 700\">S<\/div>\n<div>\n<div style=\"font-weight: 700;color: #1e1b4b;font-size: 14px\">Sara Malik<\/div>\n<div style=\"color: #888;font-size: 12px\">Founder, StyleHouse<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div style=\"background: #fafafe;border: 1px solid #e8eaf6;border-radius: 16px;padding: 32px 28px\">\n<div style=\"color: #fbbf24;font-size: 20px;margin-bottom: 16px\">\u2605\u2605\u2605\u2605\u2605<\/div>\n<p style=\"color: #444;line-height: 1.7;font-size: 15px;margin-bottom: 20px;font-style: italic\">&#8220;Professional, creative, and always available. The best digital partner we&#8217;ve ever worked with \u2014 period.&#8221;<\/p>\n<div style=\"display: flex;align-items: center;gap: 12px\">\n<div style=\"width: 44px;height: 44px;border-radius: 50%;background: linear-gradient(135deg,#0891b2,#6366f1);display: flex;align-items: center;justify-content: center;color: #fff;font-weight: 700\">U<\/div>\n<div>\n<div style=\"font-weight: 700;color: #1e1b4b;font-size: 14px\">Usman Raza<\/div>\n<div style=\"color: #888;font-size: 12px\">Director, MediaFlow<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<p><!-- ===== CONTACT ===== --><\/p>\n<div class=\"hp-section\" id=\"contact\" style=\"background: linear-gradient(135deg,#0f0c29 0%,#302b63 50%,#24243e 100%);color: #fff;text-align: center\">\n<div class=\"hp-container\" style=\"max-width: 640px\">\n    <span style=\"display: inline-block;color: #a5b4fc;font-size: 12px;font-weight: 700;letter-spacing: 2px;text-transform: uppercase;padding: 5px 14px;border-radius: 50px;margin-bottom: 16px\">Contact<\/span><\/p>\n<h2 style=\"font-size: 40px;font-weight: 800;margin-bottom: 16px\">Let&#8217;s Work Together<\/h2>\n<p style=\"color: #c7d2fe;font-size: 17px;line-height: 1.7;margin-bottom: 40px\">Have a project in mind or just want to say hello? I&#8217;d love to hear from you.<\/p>\n<div style=\"display: flex;flex-direction: column;gap: 16px;align-items: center\">\n      <a href=\"mailto:websensepro@gmail.com\" class=\"hp-btn\" style=\"background: linear-gradient(90deg,#6366f1,#818cf8);color: #fff;width: 260px;text-align: center\">\ud83d\udce7 Send Me an Email<\/a><br \/>\n      <a href=\"https:\/\/websensepro.net\/test\/mercantile\/\" class=\"hp-btn\" style=\"color: #fff;width: 260px;text-align: center\">\ud83d\udcbc View My Services<\/a>\n    <\/div>\n<p style=\"font-size: 13px;margin-top: 48px\">\u00a9 2026 Bilal \u00b7 websensepro.net<\/p>\n<\/p><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>* { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: &#8216;Segoe UI&#8217;, Arial, sans-serif; } .hp-section { padding: 80px 20px; } .hp-container { max-width: 1080px; margin: 0 auto; } .hp-btn { display: inline-block; padding: 14px 36px; border-radius: 50px; text-decoration: none; font-weight: 700; font-size: 15px; transition: opacity .2s; } .hp-btn:hover { opacity: .85; } [&hellip;]<\/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-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/websensepro.net\/test\/wp-json\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/websensepro.net\/test\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/websensepro.net\/test\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/websensepro.net\/test\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/websensepro.net\/test\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":0,"href":"https:\/\/websensepro.net\/test\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"wp:attachment":[{"href":"https:\/\/websensepro.net\/test\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}