{"id":377,"date":"2026-05-16T00:03:37","date_gmt":"2026-05-16T00:03:37","guid":{"rendered":"https:\/\/mobizlab.com\/?page_id=377"},"modified":"2026-05-17T00:10:37","modified_gmt":"2026-05-17T00:10:37","slug":"homepage","status":"publish","type":"page","link":"https:\/\/deals-here.com\/mobizlab.com\/","title":{"rendered":"Homepage"},"content":{"rendered":"\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<section class=\"mobiz-frontpage\">\n  <div class=\"mobiz-shell\">\n\n    <nav class=\"mobiz-topnav\">\n      <a href=\"#about\">About<\/a>\n      <a href=\"#build\">What You Can Build<\/a>\n      <a href=\"#examples\">Examples<\/a>\n      <a href=\"#workflow\">Workflow<\/a>\n      <a href=\"#start\">Start Here<\/a>\n    <\/nav>\n\n    <header class=\"mobiz-hero\">\n      <div class=\"mobiz-hero-copy\">\n        <div class=\"mobiz-eyebrow\">MOBIZLAB<\/div>\n        <h1>Build Useful Web Assets Without the Usual Technical Mess<\/h1>\n        <p class=\"mobiz-lead\">\n          Mobizlab is about building cleaner pages, useful tools, mini-apps,\n          custom front pages, and smarter website assets \u2014 without turning every idea\n          into another heavy maintenance project.\n        <\/p>\n\n        <div class=\"mobiz-hero-actions\">\n          <a class=\"mobiz-btn mobiz-btn-primary\" href=\"#start\">Start Here<\/a>\n          <a class=\"mobiz-btn mobiz-btn-secondary\" href=\"#examples\">See Examples<\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"mobiz-hero-card\">\n        <div class=\"mobiz-mini-label\">Current focus<\/div>\n        <h3>Cleaner pages. Better assets. Less friction.<\/h3>\n        <p>\n          Instead of publishing huge walls of generic text, the goal is to create\n          pages that feel structured, useful, visual, and easier to read.\n        <\/p>\n        <ul>\n          <li>Custom front pages<\/li>\n          <li>Landing-style pages<\/li>\n          <li>Mini-apps and widgets<\/li>\n          <li>Resource hubs<\/li>\n          <li>Affiliate assets<\/li>\n        <\/ul>\n      <\/div>\n    <\/header>\n\n    <section id=\"about\" class=\"mobiz-section mobiz-section-highlight\">\n      <div class=\"mobiz-section-inner\">\n        <div class=\"mobiz-section-label\">What this site is about<\/div>\n        <h2>A simpler way to build useful websites<\/h2>\n        <p>\n          This site is about creating practical web assets that are genuinely useful:\n          pages that explain things well, sections that look better than plain text,\n          simple tools that help visitors, and custom layouts that make a website feel\n          more valuable and more intentional.\n        <\/p>\n        <p>\n          The point is not to build bloated websites full of clutter. The point is to\n          reduce friction, improve presentation, and publish assets that are easier to\n          finish, easier to manage, and easier for real visitors to use.\n        <\/p>\n      <\/div>\n    <\/section>\n\n    <section id=\"build\" class=\"mobiz-section\">\n      <div class=\"mobiz-section-head\">\n        <div>\n          <div class=\"mobiz-section-label\">What you can build<\/div>\n          <h2>Useful things, not just articles<\/h2>\n        <\/div>\n      <\/div>\n\n      <div class=\"mobiz-card-grid\">\n        <article class=\"mobiz-card\">\n          <h3>Custom Front Pages<\/h3>\n          <p>\n            Build a homepage that actually explains what the site is about,\n            where to go next, and what the visitor can do there.\n          <\/p>\n        <\/article>\n\n        <article class=\"mobiz-card\">\n          <h3>Landing-Style Pages<\/h3>\n          <p>\n            Create focused pages for products, offers, bonuses, lead magnets,\n            or explanations without fighting heavy theme clutter.\n          <\/p>\n        <\/article>\n\n        <article class=\"mobiz-card\">\n          <h3>Mini Apps &#038; Tools<\/h3>\n          <p>\n            Add small calculators, checklists, resource tools, prompt helpers,\n            or other lightweight utility assets.\n          <\/p>\n        <\/article>\n\n        <article class=\"mobiz-card\">\n          <h3>Resource Hubs<\/h3>\n          <p>\n            Organize helpful links, tools, guides, downloads, and grouped information\n            in a cleaner and more useful way.\n          <\/p>\n        <\/article>\n\n        <article class=\"mobiz-card\">\n          <h3>Better Reading Sections<\/h3>\n          <p>\n            Use styled content areas and highlighted reading boxes so pages feel easier\n            on the eyes and less like giant walls of text.\n          <\/p>\n        <\/article>\n\n        <article class=\"mobiz-card\">\n          <h3>Affiliate Assets<\/h3>\n          <p>\n            Create front pages, bonus pages, bridge pages, helpful tools, and other\n            assets that support an affiliate business in a more practical way.\n          <\/p>\n        <\/article>\n      <\/div>\n    <\/section>\n\n    <section id=\"examples\" class=\"mobiz-section\">\n      <div class=\"mobiz-section-head\">\n        <div>\n          <div class=\"mobiz-section-label\">Examples<\/div>\n          <h2>Types of projects and directions<\/h2>\n        <\/div>\n      <\/div>\n\n      <div class=\"mobiz-feature-grid\">\n        <article class=\"mobiz-feature\">\n          <div class=\"mobiz-mini-label\">Website direction<\/div>\n          <h3>Affiliate Core AI pages<\/h3>\n          <p>\n            Cleaner content areas, custom HTML sections, and more polished front pages\n            inside a managed WordPress environment.\n          <\/p>\n        <\/article>\n\n        <article class=\"mobiz-feature\">\n          <div class=\"mobiz-mini-label\">Mini-app direction<\/div>\n          <h3>Simple utility tools<\/h3>\n          <p>\n            Small tools, widgets, checklists, and useful page assets that make a site\n            more interesting and more valuable.\n          <\/p>\n        <\/article>\n\n        <article class=\"mobiz-feature\">\n          <div class=\"mobiz-mini-label\">Client-style direction<\/div>\n          <h3>Restaurant &#038; menu concepts<\/h3>\n          <p>\n            Practical digital menu and content concepts for local businesses that want\n            a cleaner and more useful web presence.\n          <\/p>\n        <\/article>\n      <\/div>\n    <\/section>\n\n    <section id=\"workflow\" class=\"mobiz-section mobiz-section-highlight\">\n      <div class=\"mobiz-section-inner\">\n        <div class=\"mobiz-section-label\">Simple workflow<\/div>\n        <h2>The better workflow is to create assets first<\/h2>\n\n        <div class=\"mobiz-steps\">\n          <div class=\"mobiz-step\">\n            <span>1<\/span>\n            <div>\n              <h3>Create the asset<\/h3>\n              <p>\n                Use AI or your own ideas to create the page structure, HTML block,\n                section, widget, tool, or visual content asset.\n              <\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"mobiz-step\">\n            <span>2<\/span>\n            <div>\n              <h3>Place it into the site<\/h3>\n              <p>\n                Put it inside your managed WordPress environment using Custom HTML,\n                normal page editing, or a full clean template.\n              <\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"mobiz-step\">\n            <span>3<\/span>\n            <div>\n              <h3>Polish and publish<\/h3>\n              <p>\n                Improve readability, style the content properly, reduce clutter,\n                and publish something that feels genuinely useful.\n              <\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section id=\"start\" class=\"mobiz-section\">\n      <div class=\"mobiz-cta\">\n        <div>\n          <div class=\"mobiz-section-label\">Start here<\/div>\n          <h2>Explore the site and see what\u2019s possible<\/h2>\n          <p>\n            This front page can introduce the main direction of the site,\n            link to different sections, and help visitors understand what the website\n            is actually about instead of dropping them into random content.\n          <\/p>\n        <\/div>\n\n        <div class=\"mobiz-cta-actions\">\n          <a class=\"mobiz-btn mobiz-btn-primary\" href=\"#\">View Resources<\/a>\n          <a class=\"mobiz-btn mobiz-btn-secondary\" href=\"#\">See Tools<\/a>\n          <a class=\"mobiz-btn mobiz-btn-secondary\" href=\"#\">Read More<\/a>\n        <\/div>\n      <\/div>\n    <\/section>\n\n  <\/div>\n<\/section>\n\n<style>\n  .mobiz-frontpage {\n    width: 100%;\n    margin: 0;\n    padding: 36px 20px 70px;\n    background:\n      radial-gradient(circle at top left, rgba(143,255,231,0.08), transparent 30%),\n      radial-gradient(circle at top right, rgba(169,134,255,0.08), transparent 28%),\n      linear-gradient(180deg, #070b12 0%, #0a1018 100%);\n    color: #f3f7fb;\n    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  }\n\n  .mobiz-shell {\n    width: min(1280px, 100%);\n    margin: 0 auto;\n  }\n\n  .mobiz-topnav {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n    justify-content: center;\n    margin: 0 0 24px;\n    padding: 14px 18px;\n    border-radius: 18px;\n    background: rgba(16, 26, 43, 0.75);\n    border: 1px solid rgba(143,255,231,0.12);\n    box-shadow: 0 18px 48px rgba(0,0,0,0.24);\n    backdrop-filter: blur(10px);\n  }\n\n  .mobiz-topnav a {\n    color: #dff8ff;\n    text-decoration: none;\n    font-weight: 700;\n    font-size: 14px;\n    padding: 9px 12px;\n    border-radius: 999px;\n    transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;\n  }\n\n  .mobiz-topnav a:hover {\n    background: rgba(143,255,231,0.12);\n    color: #8fffe7;\n    transform: translateY(-1px);\n  }\n\n  .mobiz-hero,\n  .mobiz-section,\n  .mobiz-cta {\n    position: relative;\n    overflow: hidden;\n    border-radius: 30px;\n    background:\n      linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px),\n      radial-gradient(circle at top left, rgba(143,255,231,0.18), transparent 34%),\n      radial-gradient(circle at bottom right, rgba(169,134,255,0.16), transparent 36%),\n      linear-gradient(135deg, rgba(7,17,31,0.98), rgba(14,20,43,0.98));\n    background-size: 26px 26px, 26px 26px, auto, auto, auto;\n    border: 1px solid rgba(143,255,231,0.18);\n    box-shadow: 0 26px 80px rgba(0,0,0,0.38);\n  }\n\n  .mobiz-hero {\n    display: grid;\n    grid-template-columns: 1.2fr 0.8fr;\n    gap: 26px;\n    padding: clamp(28px, 5vw, 60px);\n    margin-bottom: 24px;\n  }\n\n  .mobiz-hero-copy h1 {\n    margin: 0 0 18px;\n    font-size: clamp(40px, 6vw, 78px);\n    line-height: 0.98;\n    letter-spacing: -0.05em;\n    max-width: 900px;\n  }\n\n  .mobiz-eyebrow,\n  .mobiz-section-label,\n  .mobiz-mini-label {\n    display: inline-flex;\n    align-items: center;\n    margin-bottom: 14px;\n    padding: 7px 12px;\n    border-radius: 999px;\n    color: #8fffe7;\n    background: rgba(143,255,231,0.11);\n    border: 1px solid rgba(143,255,231,0.24);\n    font-size: 13px;\n    font-weight: 800;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n  }\n\n  .mobiz-lead {\n    max-width: 780px;\n    margin: 0 0 24px;\n    font-size: clamp(18px, 2vw, 22px);\n    line-height: 1.7;\n    color: rgba(243,247,251,0.84);\n  }\n\n  .mobiz-hero-actions,\n  .mobiz-cta-actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n  }\n\n  .mobiz-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: 13px 18px;\n    border-radius: 999px;\n    text-decoration: none;\n    font-weight: 800;\n    font-size: 15px;\n    transition: transform 0.2s ease, opacity 0.2s ease, background 0.2s ease;\n  }\n\n  .mobiz-btn:hover {\n    transform: translateY(-1px);\n  }\n\n  .mobiz-btn-primary {\n    color: #041416;\n    background: linear-gradient(135deg, #8fffe7, #6fd8ff);\n  }\n\n  .mobiz-btn-secondary {\n    color: #f3f7fb;\n    background: rgba(255,255,255,0.08);\n    border: 1px solid rgba(255,255,255,0.12);\n  }\n\n  .mobiz-hero-card {\n    align-self: stretch;\n    padding: 22px;\n    border-radius: 22px;\n    background: rgba(255,255,255,0.05);\n    border: 1px solid rgba(255,255,255,0.10);\n  }\n\n  .mobiz-hero-card h3 {\n    margin: 0 0 12px;\n    font-size: 28px;\n    line-height: 1.15;\n  }\n\n  .mobiz-hero-card p {\n    color: rgba(243,247,251,0.82);\n    line-height: 1.7;\n  }\n\n  .mobiz-hero-card ul {\n    margin: 18px 0 0;\n    padding-left: 18px;\n    color: rgba(243,247,251,0.88);\n    line-height: 1.8;\n  }\n\n  .mobiz-section {\n    padding: clamp(26px, 4vw, 44px);\n    margin-bottom: 24px;\n  }\n\n  .mobiz-section-highlight .mobiz-section-inner {\n    max-width: 920px;\n  }\n\n  .mobiz-section h2,\n  .mobiz-cta h2 {\n    margin: 0 0 18px;\n    font-size: clamp(28px, 4vw, 48px);\n    line-height: 1.08;\n    letter-spacing: -0.03em;\n  }\n\n  .mobiz-section p,\n  .mobiz-cta p {\n    font-size: clamp(16px, 1.6vw, 19px);\n    line-height: 1.8;\n    color: rgba(243,247,251,0.86);\n    max-width: 920px;\n  }\n\n  .mobiz-section-head {\n    margin-bottom: 20px;\n  }\n\n  .mobiz-card-grid,\n  .mobiz-feature-grid {\n    display: grid;\n    gap: 18px;\n  }\n\n  .mobiz-card-grid {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n\n  .mobiz-feature-grid {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n\n  .mobiz-card,\n  .mobiz-feature {\n    padding: 22px;\n    border-radius: 22px;\n    background: rgba(255,255,255,0.05);\n    border: 1px solid rgba(255,255,255,0.10);\n  }\n\n  .mobiz-card h3,\n  .mobiz-feature h3,\n  .mobiz-step h3 {\n    margin: 0 0 10px;\n    font-size: 24px;\n    line-height: 1.15;\n  }\n\n  .mobiz-card p,\n  .mobiz-feature p,\n  .mobiz-step p {\n    margin: 0;\n    color: rgba(243,247,251,0.82);\n    line-height: 1.75;\n    font-size: 16px;\n  }\n\n  .mobiz-steps {\n    display: grid;\n    gap: 18px;\n    margin-top: 22px;\n  }\n\n  .mobiz-step {\n    display: grid;\n    grid-template-columns: 64px 1fr;\n    gap: 18px;\n    align-items: start;\n    padding: 18px;\n    border-radius: 22px;\n    background: rgba(255,255,255,0.05);\n    border: 1px solid rgba(255,255,255,0.10);\n  }\n\n  .mobiz-step span {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 54px;\n    height: 54px;\n    border-radius: 50%;\n    color: #041416;\n    background: linear-gradient(135deg, #8fffe7, #6fd8ff);\n    font-size: 22px;\n    font-weight: 900;\n  }\n\n  .mobiz-cta {\n    display: grid;\n    grid-template-columns: 1fr auto;\n    gap: 24px;\n    align-items: center;\n    padding: clamp(26px, 4vw, 44px);\n  }\n\n  @media (max-width: 1024px) {\n    .mobiz-hero,\n    .mobiz-cta,\n    .mobiz-card-grid,\n    .mobiz-feature-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  @media (max-width: 700px) {\n    .mobiz-frontpage {\n      padding: 18px 12px 40px;\n    }\n\n    .mobiz-topnav {\n      justify-content: flex-start;\n    }\n\n    .mobiz-hero,\n    .mobiz-section,\n    .mobiz-cta {\n      border-radius: 22px;\n      padding: 22px 18px;\n    }\n\n    .mobiz-hero-copy h1 {\n      font-size: 40px;\n    }\n\n    .mobiz-step {\n      grid-template-columns: 1fr;\n    }\n  }\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>About What You Can Build Examples Workflow Start Here MOBIZLAB Build Useful Web Assets Without&#8230;<\/p>\n","protected":false},"author":695,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-377","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/deals-here.com\/mobizlab.com\/wp-json\/wp\/v2\/pages\/377","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/deals-here.com\/mobizlab.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/deals-here.com\/mobizlab.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/deals-here.com\/mobizlab.com\/wp-json\/wp\/v2\/users\/695"}],"replies":[{"embeddable":true,"href":"https:\/\/deals-here.com\/mobizlab.com\/wp-json\/wp\/v2\/comments?post=377"}],"version-history":[{"count":2,"href":"https:\/\/deals-here.com\/mobizlab.com\/wp-json\/wp\/v2\/pages\/377\/revisions"}],"predecessor-version":[{"id":466,"href":"https:\/\/deals-here.com\/mobizlab.com\/wp-json\/wp\/v2\/pages\/377\/revisions\/466"}],"wp:attachment":[{"href":"https:\/\/deals-here.com\/mobizlab.com\/wp-json\/wp\/v2\/media?parent=377"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}