<!DOCTYPE html>
<html amp lang="id">
<head>
  <meta charset="utf-8">
  <script async src="https://cdn.ampproject.org/v0.js"></script>

  <!-- ═══════════════════════════════════════════
       PRIMARY SEO META
       - SENJA128
       - https://alpark.net/hour/
       - SENJA128 | Alpark Hiroshima — Pusat Belanja & Hiburan Ikonik di Jantung Kota
       - Temukan pengalaman belanja, kuliner, dan hiburan terbaik di Alpark Hiroshima bersama SENJA128. Toko retail buka 10.00–20.00, restoran 08.00–23.00, dan 109 Cinemas hingga 24.00.
       - Senja128Alpark
       - SENJA128 hadir sebagai mitra informasi resmi pusat belanja Alpark Hiroshima.
  ═══════════════════════════════════════════ -->
  <title>SENJA128 | Alpark Hiroshima — Pusat Belanja & Hiburan Ikonik di Jantung Kota</title>
  <meta name="description" content="Temukan pengalaman belanja, kuliner, dan hiburan terbaik di Alpark Hiroshima bersama SENJA128. Toko retail buka 10.00–20.00, restoran 08.00–23.00, dan 109 Cinemas hingga 24.00. Info lengkap: alpark.net/hour.">
  <meta name="keywords" content="senja128, senja128 alpark, senja128 daftar, senja128 masuk, senja128 login, link alternatif senja128">
  <meta name="robots" content="index, follow">
  <meta name="author" content="SENJA128">
  <meta name="theme-color" content="#1a0a05">

  <!-- ═══════════════════════════════════════════
       CANONICAL & VIEWPORT
  ═══════════════════════════════════════════ -->
  <!-- <link rel="canonical" href="https://alpark.net/hour/"> -->
  <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">

  <!-- ═══════════════════════════════════════════
       OPEN GRAPH
  ═══════════════════════════════════════════ -->
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://alpark.net/hour/">
  <meta property="og:title" content="SENJA128 | Alpark Hiroshima — Pusat Belanja & Hiburan Ikonik di Jantung Kota">
  <meta property="og:description" content="Temukan pengalaman belanja, kuliner, dan hiburan terbaik di Alpark Hiroshima bersama SENJA128. Toko retail buka 10.00–20.00, restoran 08.00–23.00, dan 109 Cinemas hingga 24.00.">
  <meta property="og:image" content="https://alpark.net/hour/img/senja128-alpark.webp">
  <meta property="og:image:width" content="1200">
  <meta property="og:image:height" content="630">
  <meta property="og:site_name" content="SENJA128">
  <meta property="og:locale" content="id_ID">

  <!-- ═══════════════════════════════════════════
       TWITTER CARD
  ═══════════════════════════════════════════ -->
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="SENJA128 | Alpark Hiroshima — Pusat Belanja & Hiburan Ikonik di Jantung Kota">
  <meta name="twitter:description" content="Temukan pengalaman belanja, kuliner, dan hiburan terbaik di Alpark Hiroshima bersama SENJA128. Toko retail, restoran & 109 Cinemas.">
  <meta name="twitter:image" content="https://alpark.net/hour/img/senja128-alpark.webp">
  <meta name="twitter:site" content="@SENJA128_id">

  <!-- ═══════════════════════════════════════════
       FAVICON
  ═══════════════════════════════════════════ -->
  <link rel="icon" type="image/webp" href="https://alpark.net/hour/img/logosenja128new.ico">

  <!-- ═══════════════════════════════════════════
       SCHEMA.ORG JSON-LD — ShoppingCenter + Organization
  ═══════════════════════════════════════════ -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@graph": [
      {
        "@type": "ShoppingCenter",
        "name": "Alpark Hiroshima",
        "url": "https://alpark.net",
        "description": "Pusat perbelanjaan ikonik di Hiroshima dengan toko retail, restoran, supermarket, dan 109 Cinemas.",
        "address": {
          "@type": "PostalAddress",
          "addressLocality": "Hiroshima",
          "addressCountry": "JP"
        },
        "openingHoursSpecification": [
          {
            "@type": "OpeningHoursSpecification",
            "name": "Toko Retail",
            "dayOfWeek": ["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"],
            "opens": "10:00",
            "closes": "20:00"
          },
          {
            "@type": "OpeningHoursSpecification",
            "name": "Restoran",
            "dayOfWeek": ["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"],
            "opens": "08:00",
            "closes": "23:00"
          },
          {
            "@type": "OpeningHoursSpecification",
            "name": "109 Cinemas",
            "dayOfWeek": ["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"],
            "opens": "08:00",
            "closes": "24:00"
          },
          {
            "@type": "OpeningHoursSpecification",
            "name": "Supermarket West Wing",
            "dayOfWeek": ["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"],
            "opens": "09:00",
            "closes": "20:00"
          }
        ]
      },
      {
        "@type": "Organization",
        "name": "SENJA128",
        "url": "https://alpark.net/hour/",
        "logo": {
          "@type": "ImageObject",
          "url": "https://alpark.net/hour/img/logosenja128new.webp"
        },
        "description": "SENJA128 — mitra informasi dan hiburan digital terpercaya untuk pengunjung Alpark Hiroshima.",
        "sameAs": [
        "https://medium.com/@senja128",
        "https://www.instagram.com/senja128official",
        "https://www.facebook.com/senja128official"
        ]
      },
      {
        "@type": "FAQPage",
        "mainEntity": [
          {
            "@type": "Question",
            "name": "Jam buka Alpark Hiroshima?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "Toko retail buka 10.00–20.00. Restoran buka 08.00–23.00. 109 Cinemas buka hingga 24.00. Supermarket West Wing buka mulai 09.00. Jadwal tenant spesifik bervariasi, cek alpark.net/hour."
            }
          },
          {
            "@type": "Question",
            "name": "Di mana letak Alpark Hiroshima?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "Alpark berlokasi di pusat kota Hiroshima, Jepang. Mudah dijangkau dengan transportasi umum maupun kendaraan pribadi."
            }
          },
          {
            "@type": "Question",
            "name": "Apa itu SENJA128?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "SENJA128 adalah platform hiburan dan informasi digital yang menyajikan panduan lengkap destinasi, termasuk Alpark Hiroshima, untuk membantu pengunjung merencanakan kunjungan terbaik mereka."
            }
          }
        ]
      }
    ]
  }
  </script>

  <!-- ═══════════════════════════════════════════
       AMP BOILERPLATE
  ═══════════════════════════════════════════ -->
  <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style>
  <noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>

  <!-- ═══════════════════════════════════════════
       CUSTOM CSS — TEMA SENJA × ALPARK HIROSHIMA
       Palet: Langit senja Hiroshima — amber, coral, 
       dan biru-teal "Seto Inland Sea" sebagai aksen dingin
       yang membedakan dari versi sebelumnya.
  ═══════════════════════════════════════════ -->

  <style amp-custom>

    /* ─── DESIGN TOKENS ─── */
    :root {
      /* Langit senja Hiroshima — hangat + aksen laut biru teal */
      --c-sky-deep:       #0e0d14;
      --c-sky-mid:        #1e1428;
      --c-horizon-warm:   #7a2e0a;

      /* Senja utama */
      --c-amber:          #ff9a3c;
      --c-coral:          #ff6b35;
      --c-gold:           #ffcc66;
      --c-rose:           #e8643c;

      /* Aksen khas: biru teal "Inland Sea Hiroshima" */
      --c-teal:           #2ec4b6;
      --c-teal-dim:       rgba(46,196,182,0.14);
      --c-teal-border:    rgba(46,196,182,0.35);

      /* Dim versions */
      --c-amber-dim:      rgba(255,154,60,0.16);
      --c-amber-border:   rgba(255,154,60,0.28);

      /* Text */
      --c-text-main:      #fff0e6;
      --c-text-body:      #f0d9c0;
      --c-text-muted:     #b07050;
      --c-text-sub:       #d4956a;

      /* UI */
      --c-card-bg:        rgba(20,14,28,0.92);
      --c-card-warm:      rgba(42,18,8,0.90);
      --c-btn-login:      rgba(255,154,60,0.13);

      --radius-card:      16px;
      --radius-pill:      9999px;
      --font-main:        'Trebuchet MS', 'Gill Sans', sans-serif;
    }

    /* ─── GLOBAL RESET ─── */
    *, *::before, *::after { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0; padding: 0;
      background: var(--c-sky-deep);
      color: var(--c-text-main);
      font-family: var(--font-main);
      overflow-x: hidden;
      display: flex;
      justify-content: center;
      min-height: 100vh;
    }

    /* ─── LATAR: SENJA HIROSHIMA — langit + biru laut sebagai lapisan bawah ─── */
    body::before {
      content: '';
      position: fixed;
      inset: 0;
      background:
        radial-gradient(ellipse 80% 50% at 50% 100%, rgba(255,110,30,0.50) 0%, transparent 58%),
        radial-gradient(ellipse 60% 40% at 10% 90%, rgba(255,60,20,0.30) 0%, transparent 52%),
        radial-gradient(ellipse 55% 35% at 90% 85%, rgba(46,196,182,0.18) 0%, transparent 50%),
        radial-gradient(ellipse 50% 30% at 70% 5%,  rgba(46,196,182,0.14) 0%, transparent 50%),
        radial-gradient(ellipse 45% 25% at 50% 70%, rgba(255,190,70,0.18) 0%, transparent 48%),
        linear-gradient(180deg,
          #0e0d14 0%,
          #1a0e1e 15%,
          #3a1408 38%,
          #7a2e0a 58%,
          #5a2008 76%,
          #0e0d14 100%
        );
      pointer-events: none;
      z-index: 0;
    }

    /* ─── CAHAYA MATAHARI TERBENAM ─── */
    body::after {
      content: '';
      position: fixed;
      bottom: -30px;
      left: 50%;
      transform: translateX(-50%);
      width: 260px;
      height: 260px;
      background: radial-gradient(circle, rgba(255,150,40,0.40) 0%, rgba(255,90,10,0.18) 45%, transparent 70%);
      border-radius: 50%;
      pointer-events: none;
      z-index: 1;
      animation: sun-pulse 7s ease-in-out infinite;
    }
    @keyframes sun-pulse {
      0%, 100% { opacity: 0.65; transform: translateX(-50%) scale(1); }
      50%       { opacity: 1;   transform: translateX(-50%) scale(1.10); }
    }

    /* ─── PARTIKEL BUBBLES ─── */
    .bubble-layer {
      position: fixed;
      inset: 0;
      pointer-events: none;
      z-index: 1;
      overflow: hidden;
    }
    .bubble {
      position: absolute;
      bottom: -20px;
      border-radius: 50%;
      background: radial-gradient(circle at 35% 35%, rgba(255,195,90,0.70), rgba(255,110,30,0.18));
      border: 1px solid rgba(255,170,70,0.45);
      animation: rise linear infinite;
    }
    .bubble.teal {
      background: radial-gradient(circle at 35% 35%, rgba(46,196,182,0.55), rgba(20,150,140,0.12));
      border: 1px solid rgba(46,196,182,0.38);
    }
    @keyframes rise {
      0%   { transform: translateY(0) scale(1);   opacity: 0; }
      10%  { opacity: 0.60; }
      80%  { opacity: 0.35; }
      100% { transform: translateY(-110vh) scale(1.25); opacity: 0; }
    }
    .bubble:nth-child(1)  { left:4%;   width:6px;  height:6px;  animation-duration:7s;   animation-delay:0s; }
    .bubble:nth-child(2)  { left:13%;  width:10px; height:10px; animation-duration:9s;   animation-delay:1s; }
    .bubble:nth-child(3)  { left:23%;  width:4px;  height:4px;  animation-duration:6.2s; animation-delay:2.1s; }
    .bubble:nth-child(4)  { left:34%;  width:8px;  height:8px;  animation-duration:8s;   animation-delay:0.5s; }
    .bubble:nth-child(5)  { left:45%;  width:5px;  height:5px;  animation-duration:5.8s; animation-delay:3s; }
    .bubble:nth-child(6)  { left:56%;  width:11px; height:11px; animation-duration:10s;  animation-delay:1.5s; }
    .bubble:nth-child(7)  { left:66%;  width:4px;  height:4px;  animation-duration:7.4s; animation-delay:2.5s; }
    .bubble:nth-child(8)  { left:77%;  width:7px;  height:7px;  animation-duration:6.6s; animation-delay:0.8s; }
    .bubble:nth-child(9)  { left:87%;  width:9px;  height:9px;  animation-duration:8.5s; animation-delay:1.3s; }
    .bubble:nth-child(10) { left:95%;  width:5px;  height:5px;  animation-duration:7s;   animation-delay:4s; }
    .bubble:nth-child(11) { left:30%;  width:3px;  height:3px;  animation-duration:5.2s; animation-delay:1.8s; }
    .bubble:nth-child(12) { left:60%;  width:6px;  height:6px;  animation-duration:9.5s; animation-delay:0.3s; }

    /* ─── MOBILE FRAME ─── */
    .mobile-frame {
      position: relative;
      z-index: 10;
      width: 100%;
      max-width: 420px;
      min-height: 100vh;
      display: flex;
      flex-direction: column;
      border-left:  1px solid var(--c-amber-border);
      border-right: 1px solid var(--c-amber-border);
    }
    @media (max-width: 420px) { .mobile-frame { border: none; } }

    /* ─── STICKY HEADER ─── */
    .top-header {
      position: sticky;
      top: 0;
      z-index: 100;
      display: flex;
      flex-direction: column;
      gap: 10px;
      padding: 11px 16px 12px;
      background: rgba(14,12,20,0.97);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      border-bottom: 1px solid rgba(255,140,50,0.28);
      box-shadow: 0 2px 18px rgba(255,90,10,0.14);
    }
    .header-top-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
    .header-left { display: flex; align-items: center; gap: 12px; }

    /* ─── CTA BUTTONS ─── */
    .header-cta-row { display: flex; gap: 10px; }
    .header-btn {
      flex: 1;
      display: flex; align-items: center; justify-content: center;
      padding: 9px 8px;
      border-radius: 10px;
      font-weight: 800;
      font-size: 0.72em;
      text-decoration: none;
      text-transform: uppercase;
      letter-spacing: 0.6px;
      position: relative;
      overflow: hidden;
      transition: transform 0.15s, box-shadow 0.15s;
    }
    .header-btn:active { transform: scale(0.95); }
    .header-btn::after {
      content: '';
      position: absolute;
      top: 0; left: -120%;
      width: 50%; height: 100%;
      background: linear-gradient(to right, transparent 0%, rgba(255,255,255,0.38) 50%, transparent 100%);
      transform: skewX(-20deg);
      animation: sweep-btn 8s ease-in-out infinite;
    }
    @keyframes sweep-btn {
      0%   { left: -120%; }
      40%  { left: 160%; }
      100% { left: 160%; }
    }
    .header-btn-login {
      background: var(--c-btn-login);
      color: var(--c-amber);
      border: 1.5px solid var(--c-amber);
      box-shadow: 0 0 10px rgba(255,154,60,0.22);
    }
    .header-btn-login:hover {
      background: rgba(255,154,60,0.24);
      box-shadow: 0 0 20px rgba(255,154,60,0.42);
    }
    .header-btn-daftar {
      background: linear-gradient(135deg, var(--c-amber), var(--c-coral));
      color: #160800;
      font-weight: 900;
      border: none;
      box-shadow: 0 0 20px rgba(255,110,30,0.52), 0 4px 12px rgba(255,70,10,0.38);
      animation: pulse-reg 2.4s ease-in-out infinite;
    }
    .header-btn-daftar:active { animation: none; }
    @keyframes pulse-reg {
      0%, 100% { box-shadow: 0 0 20px rgba(255,110,30,0.52), 0 4px 12px rgba(255,70,10,0.38); }
      50%       { box-shadow: 0 0 34px rgba(255,155,55,0.78), 0 6px 20px rgba(255,90,10,0.58); }
    }

    /* ─── LIVE BADGE ─── */
    .header-badge {
      display: flex; align-items: center; gap: 6px;
      background: var(--c-amber-dim);
      border: 1px solid var(--c-amber);
      border-radius: var(--radius-pill);
      padding: 4px 11px;
    }
    .header-badge-dot {
      width: 7px; height: 7px;
      border-radius: 50%;
      background: var(--c-amber);
      box-shadow: 0 0 6px var(--c-amber);
      animation: pulse-dot 1.6s ease-in-out infinite;
    }
    @keyframes pulse-dot {
      0%,100% { opacity: 1; transform: scale(1); }
      50%      { opacity: 0.4; transform: scale(0.65); }
    }
    .header-badge-text {
      font-size: 0.70rem;
      font-weight: 700;
      color: var(--c-amber);
      letter-spacing: 0.4px;
    }
    .header-icon {
      width: 34px; height: 34px;
      border-radius: 50%;
      display: flex; align-items: center; justify-content: center;
      transition: background 0.2s;
    }
    .header-icon:hover { background: var(--c-amber-dim); }

    /* ─── TWEET CONTAINER ─── */
    .tweet-container {
      flex: 1;
      padding: 16px 16px 88px;
      display: flex;
      flex-direction: column;
      gap: 14px;
    }

    /* ─── USER INFO ROW ─── */
    .user-info { display: flex; align-items: center; justify-content: space-between; }
    .user-left  { display: flex; align-items: center; gap: 10px; }
    .avatar {
      width: 46px; height: 46px;
      border-radius: 50%;
      overflow: hidden;
      border: 2px solid var(--c-amber);
      box-shadow: 0 0 12px rgba(255,154,60,0.50);
      flex-shrink: 0;
    }
    .name-group { display: flex; flex-direction: column; line-height: 1.25; }
    .display-name {
      font-size: 0.94em; font-weight: 800;
      color: var(--c-text-main);
      display: flex; align-items: center; gap: 4px;
    }
    .username { font-size: 0.81em; color: var(--c-text-sub); font-weight: 600; }
    .btn-follow {
      background: var(--c-amber);
      color: #160800;
      font-weight: 900;
      font-size: 0.81em;
      padding: 5px 14px;
      border-radius: var(--radius-pill);
      text-decoration: none;
      letter-spacing: 0.3px;
      transition: opacity 0.2s, box-shadow 0.2s;
      box-shadow: 0 0 9px rgba(255,154,60,0.38);
    }
    .btn-follow:hover { opacity: 0.85; box-shadow: 0 0 18px rgba(255,154,60,0.60); }

    /* ─── TWEET TEXT ─── */
    .tweet-text {
      font-size: 0.94em;
      line-height: 1.25;
      color: var(--c-text-body);
      margin: 0;
      white-space: pre-wrap;
      word-wrap: break-word;
    }
    .hashtag { color: var(--c-amber); font-weight: 700; text-decoration: none; }
    .hashtag:hover { text-decoration: underline; }
    .hashtag.teal { color: var(--c-teal); }

    /* ─── HERO BANNER FRAME ─── */
    .banner-frame {
      position: relative;
      border-radius: var(--radius-card);
      padding: 2px;
      background: linear-gradient(135deg,
        var(--c-amber),
        var(--c-teal),
        var(--c-gold),
        var(--c-coral),
        var(--c-teal),
        var(--c-amber)
      );
      background-size: 350% 350%;
      animation: gradient-rotate 6s linear infinite;
      box-shadow:
        0 0 22px rgba(255,110,30,0.38),
        0 0 50px rgba(46,196,182,0.14);
    }
    @keyframes gradient-rotate {
      0%   { background-position: 0% 50%; }
      50%  { background-position: 100% 50%; }
      100% { background-position: 0% 50%; }
    }
    .banner-inner {
      border-radius: calc(var(--radius-card) - 2px);
      overflow: hidden;
      position: relative;
    }
    .banner-inner::after {
      content: '';
      position: absolute;
      top: 0; left: -160%;
      width: 55%; height: 100%;
      background: linear-gradient(to right, rgba(255,210,140,0) 0%, rgba(255,210,140,0.26) 50%, rgba(255,210,140,0) 100%);
      transform: skewX(-20deg);
      animation: banner-shine 8s ease-in-out infinite;
    }
    @keyframes banner-shine {
      0%   { left: -160%; }
      42%  { left: 160%; }
      100% { left: 160%; }
    }
    .hero-img { animation: subtle-zoom 15s ease-in-out infinite alternate; }
    @keyframes subtle-zoom {
      from { transform: scale(1); }
      to   { transform: scale(1.07); }
    }

    /* ─── H1 TITLE CARD ─── */
    .title-card {
      background: var(--c-card-bg);
      border: 1px solid rgba(255,140,50,0.28);
      border-radius: var(--radius-card);
      padding: 18px 16px;
      text-align: center;
      position: relative;
      overflow: hidden;
      box-shadow:
        inset 0 1px 0 rgba(255,200,100,0.10),
        0 4px 20px rgba(255,70,10,0.10);
    }
    .title-card::before {
      content: '';
      position: absolute;
      top: -40%; left: -20%;
      width: 140%; height: 80%;
      background: radial-gradient(ellipse, rgba(255,154,60,0.09) 0%, transparent 70%);
      pointer-events: none;
    }
    .title-card h1 {
      margin: 0 0 10px;
      font-size: 1.20rem;
      font-weight: 900;
      letter-spacing: 0.3px;
      line-height: 1.38;
      background: linear-gradient(90deg, var(--c-gold), var(--c-amber), var(--c-teal));
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    .title-card p {
      margin: 0;
      font-size: 0.87rem;
      color: var(--c-text-body);
      line-height: 1.68;
    }

    /* ─── JAM OPERASIONAL CARD ─── */
    .hours-card {
      background: var(--c-card-bg);
      border: 1px solid var(--c-teal-border);
      border-radius: var(--radius-card);
      padding: 16px;
      position: relative;
      overflow: hidden;
      box-shadow:
        inset 0 1px 0 rgba(46,196,182,0.10),
        0 4px 18px rgba(46,196,182,0.08);
    }
    .hours-card::before {
      content: '';
      position: absolute;
      top: -30%; right: -10%;
      width: 60%; height: 80%;
      background: radial-gradient(ellipse, rgba(46,196,182,0.07) 0%, transparent 70%);
      pointer-events: none;
    }
    .hours-title {
      display: flex;
      align-items: center;
      gap: 8px;
      margin-bottom: 13px;
    }
    .hours-title-text {
      font-size: 0.82rem;
      font-weight: 800;
      color: var(--c-teal);
      text-transform: uppercase;
      letter-spacing: 1.2px;
    }
    .hours-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 9px 0;
      border-bottom: 1px solid rgba(255,255,255,0.07);
    }
    .hours-row:last-child { border-bottom: none; }
    .hours-label {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 0.86rem;
      color: var(--c-text-body);
      font-weight: 600;
    }
    .hours-dot {
      width: 8px; height: 8px;
      border-radius: 50%;
      flex-shrink: 0;
    }
    .dot-amber  { background: var(--c-amber);  box-shadow: 0 0 5px rgba(255,154,60,0.60); }
    .dot-teal   { background: var(--c-teal);   box-shadow: 0 0 5px rgba(46,196,182,0.60); }
    .dot-gold   { background: var(--c-gold);   box-shadow: 0 0 5px rgba(255,204,102,0.60); }
    .dot-coral  { background: var(--c-coral);  box-shadow: 0 0 5px rgba(255,107,53,0.60); }
    .hours-time {
      font-size: 0.88rem;
      font-weight: 800;
      color: var(--c-text-main);
      letter-spacing: 0.4px;
    }
    .hours-link-row {
      margin-top: 13px;
      text-align: center;
    }
    .hours-link {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-size: 0.80rem;
      font-weight: 700;
      color: var(--c-teal);
      text-decoration: none;
      border: 1px solid var(--c-teal-border);
      border-radius: var(--radius-pill);
      padding: 5px 14px;
      background: var(--c-teal-dim);
      letter-spacing: 0.3px;
      transition: box-shadow 0.2s;
    }
    .hours-link:hover { box-shadow: 0 0 14px rgba(46,196,182,0.38); }

    /* ─── SENJA128 INFO CARD — terintegrasi sebagai "rekomendasi kurator" ─── */
    .senja-card {
      background: linear-gradient(135deg, rgba(20,10,4,0.94) 0%, rgba(14,18,28,0.94) 100%);
      border: 1px solid var(--c-amber-border);
      border-radius: var(--radius-card);
      padding: 17px 16px;
      position: relative;
      overflow: hidden;
      box-shadow:
        inset 0 1px 0 rgba(255,200,80,0.08),
        0 4px 22px rgba(255,80,10,0.12);
    }
    .senja-card::before {
      content: '';
      position: absolute;
      bottom: -30%; left: -10%;
      width: 70%; height: 80%;
      background: radial-gradient(ellipse, rgba(255,120,30,0.08) 0%, transparent 70%);
      pointer-events: none;
    }
    .senja-eyebrow {
      display: flex;
      align-items: center;
      gap: 7px;
      margin-bottom: 10px;
    }
    .senja-eyebrow-badge {
      font-size: 0.70rem;
      font-weight: 800;
      color: #160800;
      background: linear-gradient(90deg, var(--c-amber), var(--c-coral));
      border-radius: var(--radius-pill);
      padding: 3px 10px;
      letter-spacing: 0.8px;
      text-transform: uppercase;
    }
    .senja-eyebrow-label {
      font-size: 0.75rem;
      font-weight: 600;
      color: var(--c-text-muted);
      letter-spacing: 0.3px;
    }
    .senja-body {
      font-size: 0.88rem;
      line-height: 1.68;
      color: var(--c-text-body);
      margin: 0 0 13px;
    }
    .senja-body strong { color: var(--c-amber); font-weight: 800; }
    .senja-cta-row {
      display: flex;
      gap: 9px;
    }
    .senja-btn {
      flex: 1;
      display: flex; align-items: center; justify-content: center;
      padding: 10px 8px;
      border-radius: 10px;
      font-weight: 800;
      font-size: 0.84em;
      text-decoration: none;
      text-transform: uppercase;
      letter-spacing: 1.2px;
      transition: transform 0.15s, box-shadow 0.15s;
    }
    .senja-btn:active { transform: scale(0.96); }
    .senja-btn-login {
      background: transparent;
      color: var(--c-amber);
      border: 1.5px solid var(--c-amber);
      box-shadow: 0 0 9px rgba(255,154,60,0.20);
    }
    .senja-btn-login:hover { background: rgba(255,154,60,0.12); }
    .senja-btn-daftar {
      background: linear-gradient(135deg, var(--c-amber), var(--c-coral));
      color: #160800;
      border: none;
      box-shadow: 0 0 18px rgba(255,110,30,0.48), 0 4px 12px rgba(255,60,10,0.35);
      animation: pulse-reg 2.4s ease-in-out infinite;
    }
    .senja-btn-daftar:active { animation: none; }

    /* ─── TWEET STATS ─── */
    .tweet-stats {
      font-size: 0.84em;
      color: var(--c-text-sub);
      display: flex;
      gap: 6px;
      flex-wrap: wrap;
      padding: 10px 0;
      border-bottom: 1px solid rgba(255,140,50,0.20);
    }
    .stat-bold { color: var(--c-text-main); font-weight: 700; }

    /* ─── ENGAGEMENT ROW ─── */
    .tweet-engagement {
      display: flex;
      justify-content: space-between;
      padding: 8px 0;
      border-bottom: 1px solid rgba(255,140,50,0.20);
      color: var(--c-text-sub);
    }
    .action-group {
      display: flex; align-items: center; gap: 5px;
      font-size: 0.82em;
      font-weight: 600;
      transition: color 0.2s;
    }
    .action-icon {
      width: 30px; height: 30px;
      border-radius: 50%;
      display: flex; align-items: center; justify-content: center;
    }
    .action-group.reply:hover    { color: var(--c-amber); }
    .action-group.rt:hover       { color: var(--c-teal); }
    .action-group.like:hover     { color: #ff6b8a; }
    .action-group.bookmark:hover { color: var(--c-gold); }

    /* ─── BOTTOM NAV ─── */
    .bottom-nav {
      position: fixed;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 100%;
      max-width: 420px;
      height: 52px;
      background: rgba(10,8,16,0.98);
      border-top: 1px solid rgba(255,140,50,0.26);
      box-shadow: 0 -2px 14px rgba(255,70,10,0.10);
      display: flex;
      justify-content: space-around;
      align-items: center;
      z-index: 70;
    }
    .nav-icon {
      width: 42px; height: 42px;
      border-radius: 50%;
      display: flex; align-items: center; justify-content: center;
      text-decoration: none;
      transition: background 0.2s;
    }
    .nav-icon:hover { background: var(--c-amber-dim); }
    .nav-icon.active { filter: drop-shadow(0 0 5px rgba(255,154,60,0.85)); }

    /* ─── FOOTER ─── */
    .footer {
      text-align: center;
      font-size: 0.74rem;
      color: var(--c-text-sub);
      padding: 6px 0 4px;
    }
    .footer strong { color: var(--c-amber); }

    @media (min-width: 480px) {
      .title-card h1 { font-size: 1.42rem; }
    }

  </style>
</head>
<body>

  <!-- ═══════ PARTIKEL SENJA ═══════ -->
  <div class="bubble-layer" aria-hidden="true">
    <div class="bubble"></div>
    <div class="bubble teal"></div>
    <div class="bubble"></div>
    <div class="bubble teal"></div>
    <div class="bubble"></div>
    <div class="bubble"></div>
    <div class="bubble teal"></div>
    <div class="bubble"></div>
    <div class="bubble"></div>
    <div class="bubble teal"></div>
    <div class="bubble"></div>
    <div class="bubble"></div>
  </div>

  <div class="mobile-frame">

    <!-- ═══════ STICKY HEADER ═══════ -->
    <header class="top-header">
      <div class="header-top-row">
        <div class="header-left">
          <!-- GANTI: logo SENJA128 -->
          <amp-img
            src="https://alpark.net/hour/img/logosenja128new.webp"
            width="130" height="49" layout="fixed"
            alt="Logo SENJA128">
          </amp-img>
          <div class="header-badge">
            <span class="header-badge-dot"></span>
            <span class="header-badge-text">LIVE INFO</span>
          </div>
        </div>
        <a href="#" class="header-icon" aria-label="Opsi lainnya">
          <amp-img
            src="https://api.iconify.design/mdi:dots-vertical.svg?color=%23ff9a3c"
            width="22" height="22" layout="fixed" alt="Menu">
          </amp-img>
        </a>
      </div>
      <div class="header-cta-row">
        <a href="https://senja128a.site/" class="header-btn header-btn-login" rel="noreferrer noopener" aria-label="Login SENJA128">
          MASUK SENJA128_PARK
        </a>
        <a href="https://senja128a.site/" class="header-btn header-btn-daftar" rel="noreferrer noopener" aria-label="Daftar SENJA128">
          DAFTAR SENJA128_PARK
        </a>
      </div>
    </header>

    <!-- ═══════ MAIN CONTENT ═══════ -->
    <main class="tweet-container">

      <!-- User info row -->
      <div class="user-info">
        <div class="user-left">
          <div class="avatar">
            <!-- GANTI: favicon/icon SENJA128 -->
            <amp-img
              src="https://alpark.net/hour/img/logosenja128new.ico"
              width="46" height="46" layout="responsive" alt="SENJA128 Avatar">
            </amp-img>
          </div>
          <div class="name-group">
            <div class="display-name">
              SENJA128 Official
              <amp-img
                src="https://api.iconify.design/material-symbols:verified.svg?color=%23ff9a3c"
                width="16" height="16" layout="fixed" alt="Terverifikasi">
              </amp-img>
            </div>
            <div class="username">@SENJA128_id · Panduan Alpark Hiroshima</div>
          </div>
        </div>
        <a href="https://senja128a.site/" class="btn-follow" rel="noreferrer noopener">Follow</a>
      </div>
      <!-- Hero Banner 1024×1024 -->
      <div class="banner-frame">
        <div class="banner-inner">
          <!-- GANTI: gambar banner Alpark 1024x1024 -->
          <amp-img
            class="hero-img"
            src="https://alpark.net/hour/img/senja128-alpark.webp"
            width="1024" height="1024"
            layout="responsive"
            alt="Alpark Hiroshima — Panduan Lengkap oleh SENJA128">
          </amp-img>
        </div>
      </div>

      <!-- Tweet text — narasi Alpark dengan SENJA128 terintegrasi -->
      <p class="tweet-text">🏬 Alpark Hiroshima kini hadir dalam panduan lengkap <strong style="color:var(--c-amber)">SENJA128</strong> — satu destinasi belanja ikonik, ribuan pengalaman tak terlupakan di jantung kota Hiroshima.

Dari supermarket segar West Wing yang buka sejak pagi, toko retail pilihan, hingga restoran otentik yang menyajikan cita rasa hingga larut malam — Alpark adalah tujuan yang tak pernah padam, seperti senja yang selalu menemukan waktunya.

<a href="https://alpark.net/hour" class="hashtag teal">#AlparkHiroshima</a> <a href="#" class="hashtag">#SENJA128</a> <a href="#" class="hashtag teal">#109Cinemas</a> <a href="#" class="hashtag">#Hiroshima</a> <a href="#" class="hashtag">#JapanTrip</a></p>

      

      <!-- H1 Title Card -->
      <div class="title-card">
        <h1>Alpark Hiroshima — Pusat Belanja & Hiburan Ikonik di Jantung Kota</h1>
        <p>Temukan pengalaman belanja, kuliner lezat, dan hiburan berkelas di Alpark Hiroshima — dikurasi oleh <strong style="color:var(--c-amber)">SENJA128</strong>, platform panduan destinasi terpercaya untuk wisatawan dan warga lokal.</p>
      </div>

      <!-- Jam Operasional Card — informational Alpark -->
      <div class="hours-card">
        <div class="hours-title">
          <amp-img
            src="https://api.iconify.design/mdi:clock-outline.svg?color=%232ec4b6"
            width="18" height="18" layout="fixed" alt="Jam">
          </amp-img>
          <span class="hours-title-text">Jam Operasional Alpark</span>
        </div>

        <div class="hours-row">
          <div class="hours-label">
            <span class="hours-dot dot-amber"></span>
            Toko Retail
          </div>
          <span class="hours-time">10.00 – 20.00</span>
        </div>

        <div class="hours-row">
          <div class="hours-label">
            <span class="hours-dot dot-coral"></span>
            Restoran &amp; Kuliner
          </div>
          <span class="hours-time">08.00 – 23.00</span>
        </div>

        <div class="hours-row">
          <div class="hours-label">
            <span class="hours-dot dot-teal"></span>
            109 Cinemas
          </div>
          <span class="hours-time">08.00 – 24.00</span>
        </div>

        <div class="hours-row">
          <div class="hours-label">
            <span class="hours-dot dot-gold"></span>
            Supermarket West Wing
          </div>
          <span class="hours-time">09.00 – 20.00</span>
        </div>

        <div class="hours-link-row">
          <a href="https://alpark.net/hour" class="hours-link" rel="noreferrer noopener" aria-label="Jadwal lengkap Alpark">
            <amp-img
              src="https://api.iconify.design/mdi:open-in-new.svg?color=%232ec4b6"
              width="13" height="13" layout="fixed" alt="">
            </amp-img>
            Jadwal Lengkap · alpark.net/hour
          </a>
        </div>
      </div>

      <!-- SENJA128 Info Card — terintegrasi sebagai kurator destinasi -->
      <div class="senja-card">
        <div class="senja-eyebrow">
          <span class="senja-eyebrow-badge">SENJA128</span>
          <span class="senja-eyebrow-label">Kurator Destinasi Resmi</span>
        </div>
        <p class="senja-body">
          <strong>SENJA128</strong> hadir sebagai mitra informasi terpercaya yang menemani perjalanan Anda — mulai dari panduan jam buka Alpark, rekomendasi tenant terbaik di setiap sayap, hingga pengalaman hiburan 109 Cinemas yang tayang hingga tengah malam.<br><br>
          Jadikan kunjungan Alpark Hiroshima Anda lebih terencana dan berkesan. Daftarkan akun SENJA128 sekarang dan nikmati akses eksklusif panduan destinasi, promo, serta konten hiburan terkini langsung di genggaman Anda.
          <a style="color: #f5f846;" href="https://medium.com/@seoballoy/senja128-alpark-hiroshima-pusat-belanja-hiburan-ikonik-di-jantung-kota-f0a60d7cadcb" rel="noopener" target="_blank">Baca artikel lengkap di Medium →</a>
        </p>
        <div class="senja-cta-row">
          <a href="https://senja128a.site/" class="senja-btn senja-btn-login" rel="noreferrer noopener" aria-label="Login SENJA128">
            LOGIN
          </a>
          <a href="https://senja128a.site/" class="senja-btn senja-btn-daftar" rel="noreferrer noopener" aria-label="Daftar SENJA128">
            DAFTAR GRATIS
          </a>
        </div>
      </div>

      <!-- Tweet stats -->
      <div class="tweet-stats">
        <span>09:15 AM · Jun 9, 2026</span>
        <span>·</span>
        <span class="stat-bold">2.4M</span> <span>Views</span>
      </div>

      <!-- Engagement row -->
      <div class="tweet-engagement">
        <div class="action-group reply">
          <div class="action-icon">
            <amp-img src="https://api.iconify.design/mdi:chat-outline.svg?color=%23d4956a" width="20" height="20" layout="fixed" alt="Reply"></amp-img>
          </div>
          <span>3.2K</span>
        </div>
        <div class="action-group rt">
          <div class="action-icon">
            <amp-img src="https://api.iconify.design/mdi:repeat.svg?color=%23d4956a" width="22" height="22" layout="fixed" alt="Repost"></amp-img>
          </div>
          <span>7.8K</span>
        </div>
        <div class="action-group like">
          <div class="action-icon">
            <amp-img src="https://api.iconify.design/mdi:heart-outline.svg?color=%23d4956a" width="20" height="20" layout="fixed" alt="Like"></amp-img>
          </div>
          <span>128K</span>
        </div>
        <div class="action-group bookmark">
          <div class="action-icon">
            <amp-img src="https://api.iconify.design/mdi:bookmark-outline.svg?color=%23d4956a" width="20" height="20" layout="fixed" alt="Bookmark"></amp-img>
          </div>
          <span>14.2K</span>
        </div>
        <div class="action-group">
          <div class="action-icon">
            <amp-img src="https://api.iconify.design/mdi:share-variant-outline.svg?color=%23d4956a" width="20" height="20" layout="fixed" alt="Share"></amp-img>
          </div>
        </div>
      </div>

      <!-- Footer credit -->
      <div class="footer">© 2026 <strong>SEO LUDRUK || SL TEAM128</strong> · All Rights Reserved.</div>

    </main>

    <!-- ═══════ BOTTOM NAV ═══════ -->
    <nav class="bottom-nav" aria-label="Navigasi utama">
      <a href="https://senja128a.site/" class="nav-icon active" aria-label="Home">
        <amp-img src="https://api.iconify.design/mdi:home.svg?color=%23ff9a3c" width="26" height="26" layout="fixed" alt="Home"></amp-img>
      </a>
      <a href="https://senja128a.site/" class="nav-icon" aria-label="Search">
        <amp-img src="https://api.iconify.design/mdi:magnify.svg?color=%23d4956a" width="26" height="26" layout="fixed" alt="Search"></amp-img>
      </a>
      <a href="https://alpark.net/hour" class="nav-icon" aria-label="Jadwal Alpark" rel="noreferrer noopener">
        <amp-img src="https://api.iconify.design/mdi:clock-time-four-outline.svg?color=%23d4956a" width="26" height="26" layout="fixed" alt="Jadwal"></amp-img>
      </a>
      <a href="https://senja128a.site/" class="nav-icon" aria-label="Notifikasi">
        <amp-img src="https://api.iconify.design/mdi:bell-outline.svg?color=%23d4956a" width="26" height="26" layout="fixed" alt="Notifikasi"></amp-img>
      </a>
      <a href="https://senja128a.site/" class="nav-icon" rel="noreferrer noopener" aria-label="Akun">
        <amp-img src="https://api.iconify.design/mdi:account-circle-outline.svg?color=%23d4956a" width="26" height="26" layout="fixed" alt="Akun"></amp-img>
      </a>
    </nav>

  </div>

</body>
</html>