<!-- Declares this document as HTML5 -->
<!doctype html>
<!-- lang="en" (not en-GB): the platform is multi-region English (GB/US/AU/…
     are all seeded), so plain "en" is the accurate language hint. -->
<html lang="en" class="bg-base-300" data-beasties-container>
<head>
  <!-- Sets character encoding to UTF-8 (must stay within the first 1024 bytes) -->
  <meta charset="utf-8">
  <!-- Tells Angular how to build internal routing URLs -->
  <base href="/">
  <!-- Ensures the site scales correctly on mobile devices -->
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <!-- ============================================================
       DEFAULT SEO HEAD  (Phase 1, step 1)
       These STATIC tags are the guaranteed fallback: they are what a
       crawler sees in dev (ng serve :4200) and on any response where the
       .NET server does NOT inject per-page values (e.g. the homepage).

       CONTRACT FOR PHASE 2 (read before wiring the middleware):
       the four SEO_* tokens further down are filled server-side. When the
       server fills SEO_TITLE / SEO_META / SEO_CANONICAL it MUST also strip
       the matching STATIC tag of the same kind above, so the final document
       never contains two <title>s, two descriptions, or two canonicals.
       SEO_JSONLD has NO static fallback — it is additive only.
       ============================================================ -->

  <!-- DEFAULT <title>. Brand-first + the descriptor "Classified Ads" + the
       verticals. "JumaPost" (camelCase) is the canonical brand string; the
       words "Classified Ads / Jobs / Property / Cars" are what separate us
       from the "Jumma Mubarak" name-collision in search. Keep <= ~60 chars
       so Google doesn't truncate it on the SERP. -->
  <title>JumaPost — Classified Ads: Jobs, Property, Cars & Services</title>

  <!-- DEFAULT meta description (~140 chars). Shown under the title on the
       home SERP and reused as the social-preview fallback. Real copy only —
       no lorem, no keywords-stuffing. -->
  <meta name="description" content="JumaPost is a free classified ads marketplace to buy, sell &amp; rent — post or browse jobs, property, cars, electronics and local services.">

  <!-- Crawl + extraction directives. max-snippet:-1 and max-*-preview:-1
       DELIBERATELY let Google and AI assistants take full snippets / large
       image previews — we WANT our content extractable and citable (AIO/GEO).
       Override to "noindex, nofollow" later on private pages (none today). -->
  <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">

  <!-- DEFAULT canonical = production homepage. The shell is a single file
       for every route, so this static link only ever represents the home
       page; per-route canonicals are injected server-side (Phase 2).
       >>> REPLACE the host if your production domain differs (www vs apex,
       or a staging host). Evidence for "jumapost.com": brand + the
       noreply@jumapost.com sender in EmailService. -->
  <link rel="canonical" href="https://jumapost.com/">

  <!-- Mobile browser-chrome colour. One dark value because the app boots in
       the DaisyUI 'dark' theme by default (see layout/nav/nav.ts). >>> Tune
       this hex to exactly match your dark theme's base-300 (the splash bg).
       Add a media="(prefers-color-scheme: light)" pair only if you ever tie
       the theme to the OS (today the theme is a manual toggle). -->
  <meta name="theme-color" content="#1d232a">

  <!-- ===================== OPEN GRAPH (social previews) ===================== -->
  <meta property="og:type" content="website">
  <meta property="og:site_name" content="JumaPost">
  <meta property="og:title" content="JumaPost — Classified Ads: Jobs, Property, Cars &amp; Services">
  <meta property="og:description" content="JumaPost is a free classified ads marketplace to buy, sell &amp; rent — post or browse jobs, property, cars, electronics and local services.">
  <meta property="og:url" content="https://jumapost.com/">
  <!-- Primary social locale + the other big seeded English markets. -->
  <meta property="og:locale" content="en_GB">
  <meta property="og:locale:alternate" content="en_US">
  <meta property="og:locale:alternate" content="en_AU">
  <!-- og:image >>> ACTION REQUIRED: create /public/og-image.png (1200x630 PNG,
       the JP logo + tagline, <= ~300KB) OR delete these four image tags.
       An SVG or a missing file = no preview image on Facebook/LinkedIn/X.
       (A missing file does NOT break the app or the build — only the preview.) -->
  <meta property="og:image" content="https://jumapost.com/og-image.png">
  <meta property="og:image:width" content="1200">
  <meta property="og:image:height" content="630">
  <meta property="og:image:alt" content="JumaPost — classified ads marketplace">

  <!-- ===================== TWITTER / X CARD ===================== -->
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="JumaPost — Classified Ads: Jobs, Property, Cars &amp; Services">
  <meta name="twitter:description" content="JumaPost is a free classified ads marketplace to buy, sell &amp; rent — post or browse jobs, property, cars, electronics and local services.">
  <meta name="twitter:image" content="https://jumapost.com/og-image.png">
  <meta name="twitter:image:alt" content="JumaPost — classified ads marketplace">
  <!-- twitter:site >>> set to your REAL X handle ONCE the account exists
       (e.g. @JumaPost). Left commented on purpose: a wrong/fake handle is
       worse than none, and your footer socials are still commented out. -->
  <!-- <meta name="twitter:site" content="@JumaPost"> -->

  <!-- ===================== PRECONNECT (Core Web Vitals / LCP) ===================== -->
  <!-- Cloudinary serves every ad + profile image (seed URLs + PhotoService).
       Warming DNS+TLS now speeds the first card images. NO crossorigin:
       images are simple cross-origin GETs. -->
  <link rel="preconnect" href="https://res.cloudinary.com">
  <!-- Analytics origins: the gtag script below loads unconditionally today,
       so these just remove its connection latency. >>> Delete both lines if/
       when GA is moved behind cookie consent (the optional Phase-1 item). -->
  <link rel="preconnect" href="https://www.googletagmanager.com">
  <link rel="preconnect" href="https://www.google-analytics.com">
  <!-- NOTE: no fonts.* preconnect on purpose — the app uses system fonts
       only, so a font preconnect would be a wasted connection. -->

  <!-- ============================================================
       SERVER-INJECTION TOKENS  (Phase 2 fills these; inert comments
       until then, and always inert in dev). Angular's compiler passes
       HTML comments through to wwwroot/index.html unchanged, so these
       survive the build and are greppable by the .NET middleware.
       See the CONTRACT note at the top of this head block.
       ============================================================ -->
  <!--SEO_TITLE-->
  <!--SEO_META-->
  <!--SEO_CANONICAL-->
  <!--SEO_JSONLD-->

  <!-- ========================================== -->
  <!-- MICRO-BRANDING (FAVICON) — unchanged       -->
  <!-- ========================================== -->
  <!-- 1. Modern Browsers: crisp, scalable JP SVG -->
  <link rel="icon" type="image/svg+xml" href="favicon.svg">
  <!-- 2. Legacy/Search Engines: fallback for older browsers / strict crawlers -->
  <link rel="alternate icon" type="image/x-icon" href="favicon.ico">
  <!-- 3. Apple Touch: home-screen icon on iOS -->
  <link rel="apple-touch-icon" href="favicon.svg">

  <!-- Google tag (gtag.js) - Analytics tracking script (UNCHANGED this step) -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-E5C02VYGPX"></script>
  <script>
    // Initializes the data layer for Google Analytics
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    // Sets the current date/time for the tracker
    gtag('js', new Date());
    // Configures the specific tracking ID for JumaPost
    gtag('config', 'G-E5C02VYGPX');
  </script>
<style>@layer properties;@layer theme,base,components,utilities;@layer theme{:root{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-100:oklch(93.6% .032 17.717);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-yellow-200:oklch(94.5% .129 101.54);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-600:oklch(59.6% .145 163.225);--color-cyan-50:oklch(98.4% .019 200.873);--color-cyan-600:oklch(60.9% .126 221.723);--color-blue-50:oklch(97% .014 254.604);--color-blue-600:oklch(54.6% .245 262.881);--color-violet-50:oklch(96.9% .016 293.756);--color-violet-600:oklch(54.1% .281 293.009);--color-purple-600:oklch(55.8% .288 302.321);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-700:oklch(51.4% .222 16.935);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--drop-shadow-sm:0 1px 2px rgb(0 0 0 / .15);--drop-shadow-md:0 3px 3px rgb(0 0 0 / .12);--drop-shadow-xl:0 9px 7px rgb(0 0 0 / .1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--blur-md:12px;--blur-2xl:40px;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;margin:0;padding:0;border:0 solid}html{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}h1{font-size:inherit;font-weight:inherit}svg{display:block;vertical-align:middle}}@layer utilities{.hero-content{isolation:isolate;display:flex;max-width:80rem;align-items:center;justify-content:center;gap:1rem;padding:1rem}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.flex{display:flex}.h-32{height:calc(var(--spacing) * 32)}.h-screen{height:100vh}.w-32{width:calc(var(--spacing) * 32)}.min-w-screen{min-width:100vw}.animate-pulse{animation:var(--animate-pulse)}.flex-col{flex-direction:column}.items-center{align-items:center}.bg-base-300{background-color:var(--color-base-300)}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading, var(--text-4xl--line-height))}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-base-content{color:var(--color-base-content)}.text-primary{color:var(--color-primary)}.drop-shadow-xl{--tw-drop-shadow-size:drop-shadow(0 9px 7px var(--tw-drop-shadow-color, rgb(0 0 0 / .1)));--tw-drop-shadow:drop-shadow(var(--drop-shadow-xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}@media (width >= 48rem){.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading, var(--text-5xl--line-height))}}}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}@layer base{}@layer base{@media (prefers-color-scheme: dark){:root{color-scheme:dark;--color-base-100:oklch(25.33% .016 252.42);--color-base-200:oklch(23.26% .014 253.1);--color-base-300:oklch(21.15% .012 254.09);--color-base-content:oklch(97.807% .029 256.847);--color-primary:oklch(58% .233 277.117);--color-primary-content:oklch(96% .018 272.314);--color-secondary:oklch(65% .241 354.308);--color-secondary-content:oklch(94% .028 342.258);--color-accent:oklch(77% .152 181.912);--color-accent-content:oklch(38% .063 188.416);--color-neutral:oklch(14% .005 285.823);--color-neutral-content:oklch(92% .004 286.32);--color-info:oklch(74% .16 232.661);--color-info-content:oklch(29% .066 243.157);--color-success:oklch(76% .177 163.223);--color-success-content:oklch(37% .077 168.94);--color-warning:oklch(82% .189 84.429);--color-warning-content:oklch(41% .112 45.904);--color-error:oklch(71% .194 13.428);--color-error-content:oklch(27% .105 12.094);--radius-selector:.5rem;--radius-field:.25rem;--radius-box:.5rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:1;--noise:0}}}@layer base{}@layer base{}@layer base{}@layer base{}@layer base{}@layer base{}@layer base{}@layer base{}@layer base{}@layer base{}@layer base{}@layer base{}@layer base{}@layer base{}@layer base{}@layer base{}@layer base{}@layer base{}@layer base{}@layer base{}@layer base{}@layer base{}@layer base{}@layer base{}@layer base{}@layer base{}@layer base{}@layer base{}@layer base{}@layer base{}@layer base{}@layer base{}@layer base{}@layer base{}@layer base{}@layer base{@property --radialprogress{syntax:"<percentage>";inherits:true;initial-value:0%;}}@layer base{:root{scrollbar-color:currentColor #0000}@supports (color: color-mix(in lab,red,red)){:root{scrollbar-color:color-mix(in oklch,currentColor 35%,#0000) #0000}}}@layer base{:root{--fx-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E")}}@layer base{}@layer base{:root{background-color:var(--root-bg, var(--color-base-100));color:var(--color-base-content)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0;}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0;}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0;}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1;}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1;}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1;}@property --tw-rotate-x{syntax:"*";inherits:false;}@property --tw-rotate-y{syntax:"*";inherits:false;}@property --tw-rotate-z{syntax:"*";inherits:false;}@property --tw-skew-x{syntax:"*";inherits:false;}@property --tw-skew-y{syntax:"*";inherits:false;}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0;}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid;}@property --tw-gradient-position{syntax:"*";inherits:false;}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000;}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000;}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000;}@property --tw-gradient-stops{syntax:"*";inherits:false;}@property --tw-gradient-via-stops{syntax:"*";inherits:false;}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%;}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%;}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%;}@property --tw-leading{syntax:"*";inherits:false;}@property --tw-font-weight{syntax:"*";inherits:false;}@property --tw-tracking{syntax:"*";inherits:false;}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --tw-shadow-color{syntax:"*";inherits:false;}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%;}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --tw-inset-shadow-color{syntax:"*";inherits:false;}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%;}@property --tw-ring-color{syntax:"*";inherits:false;}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --tw-inset-ring-color{syntax:"*";inherits:false;}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --tw-ring-inset{syntax:"*";inherits:false;}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0px;}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff;}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --tw-blur{syntax:"*";inherits:false;}@property --tw-brightness{syntax:"*";inherits:false;}@property --tw-contrast{syntax:"*";inherits:false;}@property --tw-grayscale{syntax:"*";inherits:false;}@property --tw-hue-rotate{syntax:"*";inherits:false;}@property --tw-invert{syntax:"*";inherits:false;}@property --tw-opacity{syntax:"*";inherits:false;}@property --tw-saturate{syntax:"*";inherits:false;}@property --tw-sepia{syntax:"*";inherits:false;}@property --tw-drop-shadow{syntax:"*";inherits:false;}@property --tw-drop-shadow-color{syntax:"*";inherits:false;}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%;}@property --tw-drop-shadow-size{syntax:"*";inherits:false;}@property --tw-backdrop-blur{syntax:"*";inherits:false;}@property --tw-backdrop-brightness{syntax:"*";inherits:false;}@property --tw-backdrop-contrast{syntax:"*";inherits:false;}@property --tw-backdrop-grayscale{syntax:"*";inherits:false;}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false;}@property --tw-backdrop-invert{syntax:"*";inherits:false;}@property --tw-backdrop-opacity{syntax:"*";inherits:false;}@property --tw-backdrop-saturate{syntax:"*";inherits:false;}@property --tw-backdrop-sepia{syntax:"*";inherits:false;}@property --tw-duration{syntax:"*";inherits:false;}@property --tw-ease{syntax:"*";inherits:false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}</style><link rel="stylesheet" href="styles-RZUUGWEA.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles-RZUUGWEA.css"></noscript></head>
<body>
  <!-- This is the Splash Screen that shows BEFORE Angular finishes loading -->
  <div id="initial-splash" class="hero-content h-screen min-w-screen">
    <!-- Flexbox container to center the logo and text, with a pulsing animation -->
    <div class="flex flex-col items-center animate-pulse">
      <!-- ========================================== -->
      <!-- LARGE SPLASH SCREEN JP LOGO (unchanged)    -->
      <!-- ========================================== -->
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="w-32 h-32 text-primary drop-shadow-xl mb-6">
          <!-- The background box absorbs the theme color ('currentColor') but stays slightly transparent (0.15) -->
          <rect width="100" height="100" rx="24" fill="currentColor" fill-opacity="0.15"/>
          <!-- The JP text absorbs the exact solid theme color and centers perfectly -->
          <text x="50" y="54" font-family="system-ui, -apple-system, sans-serif" font-size="52" font-weight="900" fill="currentColor" text-anchor="middle" dominant-baseline="middle" letter-spacing="-2">JP</text>
      </svg>
      <!-- ========================================== -->
      <!-- The main initializing text below the logo -->
      <h1 class="text-4xl md:text-5xl font-black tracking-tight text-base-content">
          <!-- JUMA is bold, POST.COM uses the primary theme color and is lighter weight -->
          JUMA<span class="text-primary font-light">POST.COM</span>
      </h1>
    </div>
  </div>
  <!-- This is where Angular injects your actual application once it's ready -->
  <app-root></app-root>
<script src="main-GAL4DJP7.js" type="module"></script></body>
</html>