{"id":44,"date":"2026-04-18T08:15:43","date_gmt":"2026-04-18T08:15:43","guid":{"rendered":"https:\/\/smartboxmedia.co\/?page_id=44"},"modified":"2026-04-18T11:02:21","modified_gmt":"2026-04-18T11:02:21","slug":"web-design-and-development","status":"publish","type":"page","link":"https:\/\/smartboxmedia.co\/index.php\/web-design-and-development\/","title":{"rendered":"Web Design and Development"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"44\" class=\"elementor elementor-44\">\n\t\t\t\t<div class=\"elementor-element elementor-element-98d1ca9 e-con-full e-flex e-con e-parent\" data-id=\"98d1ca9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-60a6948 elementor-widget elementor-widget-html\" data-id=\"60a6948\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     PAGE: Web Design & Development\r\n     SmartBox Media | Blue & White Theme\r\n     PASTE THIS ENTIRE CODE INTO WORDPRESS HTML WIDGET\r\n     ============================================================ -->\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .smb-wd * { box-sizing: border-box; margin: 0; padding: 0; }\r\n  .smb-wd {\r\n    font-family: 'DM Sans', sans-serif;\r\n    color: #0d1b2a;\r\n    background: #fff;\r\n    overflow-x: hidden;\r\n  }\r\n\r\n  \/* ---- HERO ---- *\/\r\n  .smb-wd .hero {\r\n    background: linear-gradient(135deg, #0a2463 0%, #1e5fa8 60%, #3a86d6 100%);\r\n    padding: 90px 40px 80px;\r\n    text-align: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n  .smb-wd .hero::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -80px; right: -80px;\r\n    width: 400px; height: 400px;\r\n    border-radius: 50%;\r\n    background: rgba(255,255,255,0.06);\r\n  }\r\n  .smb-wd .hero::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -100px; left: -60px;\r\n    width: 320px; height: 320px;\r\n    border-radius: 50%;\r\n    background: rgba(255,255,255,0.04);\r\n  }\r\n  .smb-wd .hero-tag {\r\n    display: inline-block;\r\n    background: rgba(255,255,255,0.15);\r\n    color: #fff;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    padding: 6px 18px;\r\n    border-radius: 20px;\r\n    margin-bottom: 24px;\r\n    border: 1px solid rgba(255,255,255,0.25);\r\n  }\r\n  .smb-wd .hero h1 {\r\n    font-family: 'Syne', sans-serif;\r\n    font-size: clamp(36px, 6vw, 64px);\r\n    font-weight: 800;\r\n    color: #fff;\r\n    line-height: 1.1;\r\n    margin-bottom: 22px;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n  .smb-wd .hero h1 span { color: #7ec8f7; }\r\n  .smb-wd .hero p {\r\n    max-width: 600px;\r\n    margin: 0 auto 36px;\r\n    font-size: 17px;\r\n    color: rgba(255,255,255,0.82);\r\n    line-height: 1.7;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n  .smb-wd .hero-btns { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; position: relative; z-index: 1; }\r\n  .smb-wd .btn-primary {\r\n    background: #fff;\r\n    color: #0a2463;\r\n    padding: 14px 32px;\r\n    border-radius: 6px;\r\n    font-weight: 700;\r\n    font-size: 15px;\r\n    text-decoration: none;\r\n    transition: transform 0.2s, box-shadow 0.2s;\r\n    display: inline-block;\r\n  }\r\n  .smb-wd .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(0,0,0,0.2); }\r\n  .smb-wd .btn-outline {\r\n    background: transparent;\r\n    color: #fff;\r\n    padding: 14px 32px;\r\n    border-radius: 6px;\r\n    font-weight: 600;\r\n    font-size: 15px;\r\n    text-decoration: none;\r\n    border: 2px solid rgba(255,255,255,0.6);\r\n    display: inline-block;\r\n  }\r\n\r\n  \/* ---- STATS BAR ---- *\/\r\n  .smb-wd .stats-bar {\r\n    background: #0a2463;\r\n    padding: 28px 40px;\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 60px;\r\n    flex-wrap: wrap;\r\n  }\r\n  .smb-wd .stat-item { text-align: center; }\r\n  .smb-wd .stat-num {\r\n    font-family: 'Syne', sans-serif;\r\n    font-size: 32px;\r\n    font-weight: 800;\r\n    color: #7ec8f7;\r\n  }\r\n  .smb-wd .stat-label { font-size: 13px; color: rgba(255,255,255,0.7); margin-top: 4px; }\r\n\r\n  \/* ---- SERVICES ---- *\/\r\n  .smb-wd .services {\r\n    padding: 80px 40px;\r\n    background: #f8fbff;\r\n    text-align: center;\r\n  }\r\n  .smb-wd .section-label {\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    letter-spacing: 2.5px;\r\n    text-transform: uppercase;\r\n    color: #1e5fa8;\r\n    margin-bottom: 12px;\r\n  }\r\n  .smb-wd .section-title {\r\n    font-family: 'Syne', sans-serif;\r\n    font-size: clamp(28px, 4vw, 42px);\r\n    font-weight: 800;\r\n    color: #0a2463;\r\n    margin-bottom: 14px;\r\n    line-height: 1.2;\r\n  }\r\n  .smb-wd .section-sub {\r\n    max-width: 560px;\r\n    margin: 0 auto 54px;\r\n    font-size: 16px;\r\n    color: #5a6a80;\r\n    line-height: 1.7;\r\n  }\r\n  .smb-wd .services-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\r\n    gap: 24px;\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n  }\r\n  .smb-wd .service-card {\r\n    background: #fff;\r\n    border-radius: 12px;\r\n    padding: 36px 28px;\r\n    text-align: left;\r\n    border: 1px solid #e0eaf7;\r\n    transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n  .smb-wd .service-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; left: 0;\r\n    width: 4px;\r\n    height: 100%;\r\n    background: linear-gradient(180deg, #1e5fa8, #7ec8f7);\r\n    opacity: 0;\r\n    transition: opacity 0.25s;\r\n  }\r\n  .smb-wd .service-card:hover { transform: translateY(-5px); box-shadow: 0 16px 40px rgba(10,36,99,0.1); border-color: #b8d4f0; }\r\n  .smb-wd .service-card:hover::before { opacity: 1; }\r\n  .smb-wd .service-icon {\r\n    width: 56px; height: 56px;\r\n    background: linear-gradient(135deg, #e8f2fe, #c5ddfb);\r\n    border-radius: 14px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 20px;\r\n  }\r\n  .smb-wd .service-icon svg { width: 28px; height: 28px; }\r\n  .smb-wd .service-card h3 { font-family: 'Syne', sans-serif; font-size: 19px; font-weight: 700; color: #0a2463; margin-bottom: 10px; }\r\n  .smb-wd .service-card p { font-size: 14px; color: #5a6a80; line-height: 1.65; }\r\n\r\n  \/* ---- PROCESS ---- *\/\r\n  .smb-wd .process { padding: 80px 40px; background: #fff; text-align: center; }\r\n  .smb-wd .process-steps {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n    gap: 0;\r\n    max-width: 1000px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n  }\r\n  .smb-wd .process-steps::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 36px; left: 15%; right: 15%;\r\n    height: 2px;\r\n    background: linear-gradient(90deg, #1e5fa8, #7ec8f7);\r\n    z-index: 0;\r\n  }\r\n  .smb-wd .step { text-align: center; padding: 20px 16px; position: relative; z-index: 1; }\r\n  .smb-wd .step-num {\r\n    width: 72px; height: 72px;\r\n    border-radius: 50%;\r\n    background: linear-gradient(135deg, #0a2463, #1e5fa8);\r\n    color: #fff;\r\n    font-family: 'Syne', sans-serif;\r\n    font-size: 22px;\r\n    font-weight: 800;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin: 0 auto 18px;\r\n    box-shadow: 0 6px 20px rgba(10,36,99,0.25);\r\n  }\r\n  .smb-wd .step h4 { font-family: 'Syne', sans-serif; font-size: 16px; font-weight: 700; color: #0a2463; margin-bottom: 8px; }\r\n  .smb-wd .step p { font-size: 13px; color: #5a6a80; line-height: 1.6; }\r\n\r\n  \/* ---- TECH STACK ---- *\/\r\n  .smb-wd .tech { padding: 70px 40px; background: #f0f6ff; text-align: center; }\r\n  .smb-wd .tech-grid {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    gap: 16px;\r\n    max-width: 900px;\r\n    margin: 0 auto;\r\n  }\r\n  .smb-wd .tech-pill {\r\n    background: #fff;\r\n    border: 1.5px solid #c5ddfb;\r\n    color: #0a2463;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    padding: 10px 22px;\r\n    border-radius: 30px;\r\n    transition: background 0.2s, color 0.2s;\r\n  }\r\n  .smb-wd .tech-pill:hover { background: #0a2463; color: #fff; }\r\n\r\n  \/* ---- PORTFOLIO ---- *\/\r\n  .smb-wd .portfolio { padding: 80px 40px; background: #fff; text-align: center; }\r\n  .smb-wd .portfolio-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n    gap: 24px;\r\n    max-width: 1100px;\r\n    margin: 0 auto 40px;\r\n  }\r\n  .smb-wd .port-card {\r\n    border-radius: 12px;\r\n    overflow: hidden;\r\n    border: 1px solid #e0eaf7;\r\n    text-align: left;\r\n    transition: transform 0.25s, box-shadow 0.25s;\r\n  }\r\n  .smb-wd .port-card:hover { transform: translateY(-5px); box-shadow: 0 16px 40px rgba(10,36,99,0.1); }\r\n  .smb-wd .port-img {\r\n    height: 190px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 48px;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n  .smb-wd .port-img-1 { background: linear-gradient(135deg, #0a2463 0%, #1e5fa8 100%); }\r\n  .smb-wd .port-img-2 { background: linear-gradient(135deg, #1e5fa8 0%, #3a86d6 100%); }\r\n  .smb-wd .port-img-3 { background: linear-gradient(135deg, #3a86d6 0%, #7ec8f7 100%); }\r\n  .smb-wd .port-body { padding: 24px; }\r\n  .smb-wd .port-tag { font-size: 11px; font-weight: 700; color: #1e5fa8; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 8px; }\r\n  .smb-wd .port-body h3 { font-family: 'Syne', sans-serif; font-size: 18px; color: #0a2463; font-weight: 700; margin-bottom: 8px; }\r\n  .smb-wd .port-body p { font-size: 13px; color: #5a6a80; line-height: 1.6; }\r\n\r\n  \/* ---- CTA ---- *\/\r\n  .smb-wd .cta {\r\n    background: linear-gradient(135deg, #0a2463 0%, #1e5fa8 100%);\r\n    padding: 80px 40px;\r\n    text-align: center;\r\n  }\r\n  .smb-wd .cta h2 {\r\n    font-family: 'Syne', sans-serif;\r\n    font-size: clamp(28px, 4vw, 46px);\r\n    font-weight: 800;\r\n    color: #fff;\r\n    margin-bottom: 16px;\r\n  }\r\n  .smb-wd .cta p { color: rgba(255,255,255,0.8); font-size: 17px; margin-bottom: 36px; max-width: 500px; margin-left: auto; margin-right: auto; }\r\n  .smb-wd .cta-btns { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }\r\n  .smb-wd .btn-white {\r\n    background: #fff;\r\n    color: #0a2463;\r\n    padding: 14px 32px;\r\n    border-radius: 6px;\r\n    font-weight: 700;\r\n    font-size: 15px;\r\n    text-decoration: none;\r\n    display: inline-block;\r\n    transition: transform 0.2s, box-shadow 0.2s;\r\n  }\r\n  .smb-wd .btn-white:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.2); }\r\n\r\n  @media (max-width: 600px) {\r\n    .smb-wd .hero, .smb-wd .services, .smb-wd .process, .smb-wd .tech, .smb-wd .portfolio, .smb-wd .cta { padding: 60px 20px; }\r\n    .smb-wd .stats-bar { gap: 30px; padding: 28px 20px; }\r\n    .smb-wd .process-steps::before { display: none; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"smb-wd\">\r\n\r\n  <!-- SECTION 1: HERO -->\r\n  <section class=\"hero\">\r\n    <div class=\"hero-tag\">\u26a1 SmartBox Media Services<\/div>\r\n    <h1>Web Design &amp; <span>Development<\/span><\/h1>\r\n    <p>We craft high-performance, visually stunning websites that drive real business results. From landing pages to complex web apps \u2014 we build for growth.<\/p>\r\n    <div class=\"hero-btns\">\r\n      <a href=\"\/contact\" class=\"btn-primary\">Get Free Consultation<\/a>\r\n      <a href=\"#services\" class=\"btn-outline\">Our Services \u2193<\/a>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- STATS BAR -->\r\n  <div class=\"stats-bar\">\r\n    <div class=\"stat-item\"><div class=\"stat-num\">250+<\/div><div class=\"stat-label\">Projects Delivered<\/div><\/div>\r\n    <div class=\"stat-item\"><div class=\"stat-num\">98%<\/div><div class=\"stat-label\">Client Satisfaction<\/div><\/div>\r\n    <div class=\"stat-item\"><div class=\"stat-num\">12+<\/div><div class=\"stat-label\">Years Experience<\/div><\/div>\r\n    <div class=\"stat-item\"><div class=\"stat-num\">40+<\/div><div class=\"stat-label\">Expert Team Members<\/div><\/div>\r\n  <\/div>\r\n\r\n  <!-- SECTION 2: SERVICES -->\r\n  <section class=\"services\" id=\"services\">\r\n    <div class=\"section-label\">What We Offer<\/div>\r\n    <h2 class=\"section-title\">Complete Web Solutions<\/h2>\r\n    <p class=\"section-sub\">From a simple business website to a full-fledged eCommerce platform, we have you covered with end-to-end web services.<\/p>\r\n    <div class=\"services-grid\">\r\n      <div class=\"service-card\">\r\n        <div class=\"service-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1e5fa8\" stroke-width=\"2\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/><\/svg>\r\n        <\/div>\r\n        <h3>Custom Website Design<\/h3>\r\n        <p>Pixel-perfect designs crafted to match your brand identity. Every element is thoughtfully designed for maximum impact and user engagement.<\/p>\r\n      <\/div>\r\n      <div class=\"service-card\">\r\n        <div class=\"service-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1e5fa8\" stroke-width=\"2\"><polyline points=\"16 18 22 12 16 6\"\/><polyline points=\"8 6 2 12 8 18\"\/><\/svg>\r\n        <\/div>\r\n        <h3>Frontend Development<\/h3>\r\n        <p>Lightning-fast, responsive frontends using React, Vue, and Next.js. We ensure your site looks perfect on every device and screen size.<\/p>\r\n      <\/div>\r\n      <div class=\"service-card\">\r\n        <div class=\"service-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1e5fa8\" stroke-width=\"2\"><ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\"\/><path d=\"M21 12c0 1.66-4 3-9 3s-9-1.34-9-3\"\/><path d=\"M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5\"\/><\/svg>\r\n        <\/div>\r\n        <h3>Backend Development<\/h3>\r\n        <p>Robust, scalable backends with Node.js, PHP, Python, and cloud databases. APIs, microservices, and server architecture built to scale.<\/p>\r\n      <\/div>\r\n      <div class=\"service-card\">\r\n        <div class=\"service-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1e5fa8\" stroke-width=\"2\"><circle cx=\"9\" cy=\"21\" r=\"1\"\/><circle cx=\"20\" cy=\"21\" r=\"1\"\/><path d=\"M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6\"\/><\/svg>\r\n        <\/div>\r\n        <h3>eCommerce Development<\/h3>\r\n        <p>Shopify, WooCommerce, and custom store solutions. We build shopping experiences that convert visitors into loyal customers.<\/p>\r\n      <\/div>\r\n      <div class=\"service-card\">\r\n        <div class=\"service-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1e5fa8\" stroke-width=\"2\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/><path d=\"M2 17l10 5 10-5\"\/><path d=\"M2 12l10 5 10-5\"\/><\/svg>\r\n        <\/div>\r\n        <h3>CMS Development<\/h3>\r\n        <p>WordPress, Webflow, and headless CMS solutions. Manage your content effortlessly with powerful, easy-to-use admin interfaces.<\/p>\r\n      <\/div>\r\n      <div class=\"service-card\">\r\n        <div class=\"service-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1e5fa8\" stroke-width=\"2\"><path d=\"M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z\"\/><polyline points=\"13 2 13 9 20 9\"\/><\/svg>\r\n        <\/div>\r\n        <h3>Website Maintenance<\/h3>\r\n        <p>Keep your website fast, secure, and up-to-date. Regular updates, backups, performance monitoring, and 24\/7 support included.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 3: PROCESS -->\r\n  <section class=\"process\">\r\n    <div class=\"section-label\">How We Work<\/div>\r\n    <h2 class=\"section-title\">Our Development Process<\/h2>\r\n    <p class=\"section-sub\">A proven, transparent process that delivers results on time and within budget \u2014 every single time.<\/p>\r\n    <div class=\"process-steps\">\r\n      <div class=\"step\">\r\n        <div class=\"step-num\">01<\/div>\r\n        <h4>Discovery<\/h4>\r\n        <p>We understand your goals, audience, and requirements in depth<\/p>\r\n      <\/div>\r\n      <div class=\"step\">\r\n        <div class=\"step-num\">02<\/div>\r\n        <h4>Design<\/h4>\r\n        <p>UI\/UX mockups and wireframes approved by you before coding<\/p>\r\n      <\/div>\r\n      <div class=\"step\">\r\n        <div class=\"step-num\">03<\/div>\r\n        <h4>Develop<\/h4>\r\n        <p>Clean, scalable code written by senior developers<\/p>\r\n      <\/div>\r\n      <div class=\"step\">\r\n        <div class=\"step-num\">04<\/div>\r\n        <h4>Test &amp; Launch<\/h4>\r\n        <p>Rigorous QA, speed optimization, and seamless deployment<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 4: TECH STACK -->\r\n  <section class=\"tech\">\r\n    <div class=\"section-label\">Technologies<\/div>\r\n    <h2 class=\"section-title\">Our Technology Stack<\/h2>\r\n    <p class=\"section-sub\">We work with the latest and most reliable technologies to deliver future-proof solutions.<\/p>\r\n    <div class=\"tech-grid\">\r\n      <span class=\"tech-pill\">React.js<\/span>\r\n      <span class=\"tech-pill\">Next.js<\/span>\r\n      <span class=\"tech-pill\">Vue.js<\/span>\r\n      <span class=\"tech-pill\">Node.js<\/span>\r\n      <span class=\"tech-pill\">PHP \/ Laravel<\/span>\r\n      <span class=\"tech-pill\">WordPress<\/span>\r\n      <span class=\"tech-pill\">Shopify<\/span>\r\n      <span class=\"tech-pill\">WooCommerce<\/span>\r\n      <span class=\"tech-pill\">MongoDB<\/span>\r\n      <span class=\"tech-pill\">MySQL<\/span>\r\n      <span class=\"tech-pill\">AWS \/ GCP<\/span>\r\n      <span class=\"tech-pill\">Figma<\/span>\r\n      <span class=\"tech-pill\">Tailwind CSS<\/span>\r\n      <span class=\"tech-pill\">GraphQL<\/span>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 5: PORTFOLIO -->\r\n  <section class=\"portfolio\">\r\n    <div class=\"section-label\">Our Work<\/div>\r\n    <h2 class=\"section-title\">Recent Projects<\/h2>\r\n    <p class=\"section-sub\">A glimpse into some of the projects we've delivered for our global clients.<\/p>\r\n    <div class=\"portfolio-grid\">\r\n      <div class=\"port-card\">\r\n        <div class=\"port-img port-img-1\" style=\"color:#fff; font-family:'Syne',sans-serif; font-size:20px; font-weight:800; flex-direction:column; gap:8px;\">\r\n          <div style=\"font-size:42px;\">\ud83d\uded2<\/div>eCommerce Platform\r\n        <\/div>\r\n        <div class=\"port-body\">\r\n          <div class=\"port-tag\">eCommerce \u00b7 React \u00b7 Node.js<\/div>\r\n          <h3>FreshMart Online Store<\/h3>\r\n          <p>A high-converting grocery eCommerce platform with real-time inventory, smart filters, and seamless checkout for 10,000+ daily users.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"port-card\">\r\n        <div class=\"port-img port-img-2\" style=\"color:#fff; font-family:'Syne',sans-serif; font-size:20px; font-weight:800; flex-direction:column; gap:8px;\">\r\n          <div style=\"font-size:42px;\">\ud83c\udfe5<\/div>Healthcare Portal\r\n        <\/div>\r\n        <div class=\"port-body\">\r\n          <div class=\"port-tag\">Web App \u00b7 Next.js \u00b7 MongoDB<\/div>\r\n          <h3>MediCare Patient Portal<\/h3>\r\n          <p>A HIPAA-compliant healthcare portal with appointment booking, telemedicine, and EMR integration for a 50+ doctor hospital group.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"port-card\">\r\n        <div class=\"port-img port-img-3\" style=\"color:#fff; font-family:'Syne',sans-serif; font-size:20px; font-weight:800; flex-direction:column; gap:8px;\">\r\n          <div style=\"font-size:42px;\">\ud83d\udcca<\/div>SaaS Dashboard\r\n        <\/div>\r\n        <div class=\"port-body\">\r\n          <div class=\"port-tag\">SaaS \u00b7 Vue.js \u00b7 Laravel<\/div>\r\n          <h3>InsightPro Analytics<\/h3>\r\n          <p>A real-time business analytics dashboard with custom charts, team collaboration, and white-label options for B2B clients.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 6: CTA -->\r\n  <section class=\"cta\">\r\n    <h2>Ready to Build Your Dream Website?<\/h2>\r\n    <p>Let's turn your vision into a powerful digital experience. Get a free consultation today.<\/p>\r\n    <div class=\"cta-btns\">\r\n      <a href=\"\/contact\" class=\"btn-white\">Get Free Quote \u2192<\/a>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n    <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content  wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n        <ul>\n\t\t\t        <\/ul>\n    <\/div> \n","protected":false},"excerpt":{"rendered":"<p>\u26a1 SmartBox Media Services Web Design &amp; Development We craft high-performance, visually stunning websites that drive real business results. From landing pages to complex web apps \u2014 we build for growth. Get Free Consultation Our Services \u2193 250+Projects Delivered 98%Client Satisfaction 12+Years Experience 40+Expert Team Members What We Offer Complete Web Solutions From a simple [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"footnotes":""},"class_list":["post-44","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/smartboxmedia.co\/index.php\/wp-json\/wp\/v2\/pages\/44","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smartboxmedia.co\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smartboxmedia.co\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smartboxmedia.co\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/smartboxmedia.co\/index.php\/wp-json\/wp\/v2\/comments?post=44"}],"version-history":[{"count":8,"href":"https:\/\/smartboxmedia.co\/index.php\/wp-json\/wp\/v2\/pages\/44\/revisions"}],"predecessor-version":[{"id":89,"href":"https:\/\/smartboxmedia.co\/index.php\/wp-json\/wp\/v2\/pages\/44\/revisions\/89"}],"wp:attachment":[{"href":"https:\/\/smartboxmedia.co\/index.php\/wp-json\/wp\/v2\/media?parent=44"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}