{"id":8,"date":"2026-09-03T19:42:52","date_gmt":"2026-09-03T19:42:52","guid":{"rendered":"https:\/\/web-c9de5284.nodeveracloud.site\/?page_id=8"},"modified":"2026-09-03T22:06:42","modified_gmt":"2026-09-03T22:06:42","slug":"coming-soon","status":"publish","type":"page","link":"https:\/\/squiddistrictrp.com\/","title":{"rendered":"Coming Soon"},"content":{"rendered":"\n<meta charset=\"UTF-8\">\n\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n<title>Squid District RP | Coming Soon<\/title>\n\n<meta name=\"description\" content=\"Squid District RP \u2014 Your story starts in Summerhill. A new FiveM roleplay community coming soon.\">\n\n<style>\n\n\/* =========================================================\n   SQUID DISTRICT RP\n   COMING SOON\n========================================================= *\/\n\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nhtml {\n  scroll-behavior: smooth;\n}\n\nbody {\n  font-family:\n    Inter,\n    Arial,\n    Helvetica,\n    sans-serif;\n\n  background: #060707;\n  color: #ffffff;\n  overflow-x: hidden;\n}\n\na {\n  color: inherit;\n  text-decoration: none;\n}\n\nbutton,\na {\n  -webkit-tap-highlight-color: transparent;\n}\n\n\n\/* =========================================================\n   VARIABLES\n========================================================= *\/\n\n:root {\n  --bg: #060707;\n  --bg-soft: #0c0e0e;\n  --panel: rgba(255, 255, 255, 0.05);\n  --panel-border: rgba(255, 255, 255, 0.1);\n\n  --text: #ffffff;\n  --muted: #a7aaa9;\n\n  --accent: #d9ff35;\n  --accent-soft: rgba(217, 255, 53, 0.12);\n\n  --danger: #ff584d;\n\n  --max-width: 1240px;\n}\n\n\n\/* =========================================================\n   GLOBAL\n========================================================= *\/\n\n.container {\n  width: min(\n    calc(100% - 40px),\n    var(--max-width)\n  );\n\n  margin-inline: auto;\n}\n\n.eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n\n  font-size: 12px;\n  font-weight: 800;\n  letter-spacing: 0.22em;\n  text-transform: uppercase;\n\n  color: var(--accent);\n}\n\n.eyebrow::before {\n  content: \"\";\n\n  width: 28px;\n  height: 2px;\n\n  background: var(--accent);\n}\n\n.section-title {\n  margin-top: 18px;\n\n  font-size: clamp(\n    40px,\n    6vw,\n    76px\n  );\n\n  line-height: 0.95;\n  letter-spacing: -0.045em;\n\n  text-transform: uppercase;\n}\n\n.section-copy {\n  margin-top: 22px;\n\n  max-width: 650px;\n\n  font-size: 17px;\n  line-height: 1.75;\n\n  color: var(--muted);\n}\n\n\n\/* =========================================================\n   NAVIGATION\n========================================================= *\/\n\n.navbar {\n  position: absolute;\n  inset: 0 0 auto 0;\n\n  z-index: 20;\n\n  padding: 28px 0;\n}\n\n.nav-inner {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.logo {\n  font-size: 21px;\n  font-weight: 900;\n  letter-spacing: -0.04em;\n\n  text-transform: uppercase;\n}\n\n.logo span {\n  color: var(--accent);\n}\n\n.nav-links {\n  display: flex;\n  align-items: center;\n  gap: 34px;\n\n  list-style: none;\n\n  font-size: 12px;\n  font-weight: 800;\n  letter-spacing: 0.16em;\n\n  text-transform: uppercase;\n}\n\n.nav-links a {\n  color: #d2d4d3;\n\n  transition: 0.2s ease;\n}\n\n.nav-links a:hover {\n  color: var(--accent);\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.hero {\n  position: relative;\n\n  min-height: 100vh;\n\n  display: flex;\n  align-items: center;\n\n  isolation: isolate;\n  overflow: hidden;\n}\n\n.hero::before {\n  content: \"\";\n\n  position: absolute;\n  inset: 0;\n\n  background:\n    radial-gradient(\n      circle at 78% 42%,\n      rgba(39, 94, 255, 0.18),\n      transparent 28%\n    ),\n    radial-gradient(\n      circle at 74% 35%,\n      rgba(217, 255, 53, 0.08),\n      transparent 25%\n    ),\n    radial-gradient(\n      circle at 14% 75%,\n      rgba(255, 88, 77, 0.06),\n      transparent 25%\n    ),\n    linear-gradient(\n      90deg,\n      rgba(0, 0, 0, 0.98) 0%,\n      rgba(0, 0, 0, 0.82) 45%,\n      rgba(0, 0, 0, 0.58) 100%\n    );\n\n  z-index: -2;\n}\n\n.hero::after {\n  content: \"\";\n\n  position: absolute;\n  inset: 0;\n\n  opacity: 0.13;\n\n  background-image:\n    linear-gradient(\n      rgba(255, 255, 255, 0.04) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(255, 255, 255, 0.04) 1px,\n      transparent 1px\n    );\n\n  background-size: 70px 70px;\n\n  mask-image:\n    linear-gradient(\n      to bottom,\n      transparent,\n      black 25%,\n      black 80%,\n      transparent\n    );\n\n  z-index: -1;\n}\n\n.hero-watermark {\n  position: absolute;\n\n  right: -2vw;\n  bottom: -4vw;\n\n  z-index: -1;\n\n  font-size: clamp(\n    220px,\n    36vw,\n    620px\n  );\n\n  line-height: 0.7;\n\n  font-weight: 1000;\n  letter-spacing: -0.12em;\n\n  color: rgba(255, 255, 255, 0.018);\n\n  user-select: none;\n}\n\n.hero-layout {\n  width: 100%;\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 1.15fr)\n    minmax(360px, 0.85fr);\n\n  align-items: center;\n  gap: 30px;\n}\n\n.hero-content {\n  position: relative;\n  z-index: 2;\n\n  padding:\n    160px\n    0\n    90px;\n\n  max-width: 900px;\n}\n\n.hero h1 {\n  margin-top: 25px;\n\n  max-width: 950px;\n\n  font-size: clamp(\n    62px,\n    8vw,\n    126px\n  );\n\n  line-height: 0.82;\n  letter-spacing: -0.065em;\n\n  text-transform: uppercase;\n}\n\n.hero h1 span {\n  display: block;\n\n  color: var(--accent);\n}\n\n.hero-tagline {\n  margin-top: 30px;\n\n  font-size: clamp(\n    18px,\n    2vw,\n    25px\n  );\n\n  line-height: 1.45;\n\n  font-weight: 700;\n\n  text-transform: uppercase;\n}\n\n.hero-description {\n  margin-top: 20px;\n\n  max-width: 650px;\n\n  font-size: 16px;\n  line-height: 1.7;\n\n  color: var(--muted);\n}\n\n\n\/* =========================================================\n   HERO GRAPHIC\n========================================================= *\/\n\n.hero-visual {\n  position: relative;\n\n  min-height: 720px;\n\n  display: flex;\n  align-items: flex-end;\n  justify-content: center;\n\n  z-index: 1;\n}\n\n.hero-glow {\n  position: absolute;\n\n  width: 520px;\n  height: 520px;\n\n  border-radius: 50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(34, 96, 255, 0.35) 0%,\n      rgba(34, 96, 255, 0.14) 42%,\n      transparent 72%\n    );\n\n  filter: blur(14px);\n}\n\n.hero-character {\n  position: relative;\n  z-index: 2;\n\n  width: min(100%, 620px);\n\n  max-height: 760px;\n\n  object-fit: contain;\n  object-position: center bottom;\n\n  filter:\n    drop-shadow(\n      0\n      30px\n      35px\n      rgba(0, 0, 0, 0.72)\n    )\n    drop-shadow(\n      0\n      0\n      32px\n      rgba(36, 102, 255, 0.17)\n    );\n}\n\n\n\/* =========================================================\n   COMING SOON\n========================================================= *\/\n\n.coming-soon {\n  margin-top: 40px;\n\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 24px;\n}\n\n.coming-label {\n  font-size: clamp(\n    30px,\n    4vw,\n    50px\n  );\n\n  font-weight: 1000;\n  letter-spacing: -0.04em;\n\n  text-transform: uppercase;\n}\n\n.status {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n\n  padding:\n    10px\n    15px;\n\n  border:\n    1px solid\n    var(--panel-border);\n\n  border-radius: 999px;\n\n  background:\n    rgba(255, 255, 255, 0.045);\n\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: 0.12em;\n\n  text-transform: uppercase;\n\n  color: #d5d5d5;\n}\n\n.status-dot {\n  width: 8px;\n  height: 8px;\n\n  border-radius: 50%;\n\n  background: var(--accent);\n\n  box-shadow:\n    0\n    0\n    14px\n    var(--accent);\n}\n\n\n\/* =========================================================\n   BUTTONS\n========================================================= *\/\n\n.hero-buttons {\n  margin-top: 34px;\n\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n\n.btn {\n  min-height: 54px;\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  padding:\n    0\n    24px;\n\n  border:\n    1px solid\n    transparent;\n\n  font-size: 12px;\n  font-weight: 900;\n  letter-spacing: 0.13em;\n\n  text-transform: uppercase;\n\n  transition:\n    transform 0.2s ease,\n    background 0.2s ease,\n    border-color 0.2s ease;\n}\n\n.btn:hover {\n  transform: translateY(-2px);\n}\n\n.btn-primary {\n  background: var(--accent);\n  color: #0c0e0b;\n}\n\n.btn-secondary {\n  border-color:\n    rgba(255, 255, 255, 0.18);\n\n  background:\n    rgba(255, 255, 255, 0.04);\n}\n\n.btn-secondary:hover {\n  border-color:\n    rgba(255, 255, 255, 0.35);\n\n  background:\n    rgba(255, 255, 255, 0.08);\n}\n\n\n\/* =========================================================\n   SCROLL INDICATOR\n========================================================= *\/\n\n.scroll-indicator {\n  position: absolute;\n\n  left: 50%;\n  bottom: 28px;\n\n  transform:\n    translateX(-50%);\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n\n  font-size: 9px;\n  font-weight: 800;\n  letter-spacing: 0.22em;\n\n  text-transform: uppercase;\n\n  color: #747877;\n}\n\n.scroll-line {\n  width: 1px;\n  height: 38px;\n\n  background:\n    linear-gradient(\n      to bottom,\n      var(--accent),\n      transparent\n    );\n}\n\n\n\/* =========================================================\n   DEVELOPMENT\n========================================================= *\/\n\n.development {\n  padding:\n    120px\n    0;\n\n  background:\n    var(--bg-soft);\n}\n\n.cards {\n  margin-top: 55px;\n\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n\n  gap: 15px;\n}\n\n.card {\n  position: relative;\n\n  min-height: 390px;\n\n  padding: 22px;\n\n  display: flex;\n  flex-direction: column;\n\n  overflow: hidden;\n\n  border:\n    1px solid\n    rgba(255, 255, 255, 0.10);\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255, 255, 255, 0.045),\n      rgba(255, 255, 255, 0.015)\n    );\n\n  transition:\n    transform 0.3s ease,\n    border-color 0.3s ease;\n}\n\n.card:hover {\n  transform: translateY(-6px);\n\n  border-color:\n    rgba(217, 255, 53, 0.35);\n}\n\n.card-number {\n  position: relative;\n  z-index: 2;\n\n  font-size: 11px;\n  font-weight: 900;\n  letter-spacing: 0.16em;\n\n  color: var(--accent);\n}\n\n.card-graphic {\n  display: block;\n\n  width: 100%;\n  max-width: 260px;\n\n  height: 220px;\n\n  object-fit: contain;\n\n  margin:\n    12px\n    auto\n    10px;\n\n  filter:\n    drop-shadow(\n      0\n      16px\n      24px\n      rgba(0, 0, 0, 0.45)\n    );\n\n  transition:\n    transform 0.3s ease;\n}\n\n.card:hover .card-graphic {\n  transform:\n    translateY(-4px)\n    scale(1.03);\n}\n\n.card h3 {\n  margin-top: auto;\n\n  font-size: 25px;\n  font-weight: 900;\n  letter-spacing: -0.04em;\n\n  text-transform: uppercase;\n}\n\n.card p {\n  margin-top: 9px;\n\n  font-size: 14px;\n  line-height: 1.6;\n\n  color: var(--muted);\n}\n\n\n\/* =========================================================\n   PROGRESS\n========================================================= *\/\n\n.progress-box {\n  margin-top: 45px;\n\n  padding: 24px;\n\n  border:\n    1px solid\n    var(--panel-border);\n\n  background:\n    rgba(255, 255, 255, 0.025);\n}\n\n.progress-top {\n  display: flex;\n  justify-content: space-between;\n  gap: 20px;\n\n  font-size: 11px;\n  font-weight: 900;\n  letter-spacing: 0.13em;\n\n  text-transform: uppercase;\n}\n\n.progress-bar {\n  margin-top: 15px;\n\n  width: 100%;\n  height: 6px;\n\n  background:\n    rgba(255, 255, 255, 0.08);\n\n  overflow: hidden;\n}\n\n.progress-fill {\n  width: 70%;\n  height: 100%;\n\n  background:\n    var(--accent);\n}\n\n\n\/* =========================================================\n   STORY\n========================================================= *\/\n\n.story {\n  padding:\n    140px\n    0;\n\n  position: relative;\n\n  overflow: hidden;\n}\n\n.story-inner {\n  display: grid;\n\n  grid-template-columns:\n    1.1fr\n    0.9fr;\n\n  gap: 90px;\n\n  align-items: center;\n}\n\n.story-chapter {\n  border-left:\n    2px solid\n    var(--accent);\n\n  padding-left: 24px;\n}\n\n.story-chapter small {\n  display: block;\n\n  font-size: 11px;\n  font-weight: 900;\n  letter-spacing: 0.18em;\n\n  color: var(--accent);\n\n  text-transform: uppercase;\n}\n\n.story-chapter h3 {\n  margin-top: 10px;\n\n  font-size: clamp(\n    34px,\n    5vw,\n    64px\n  );\n\n  line-height: 0.95;\n\n  text-transform: uppercase;\n}\n\n.story-chapter p {\n  margin-top: 22px;\n\n  max-width: 480px;\n\n  font-size: 16px;\n  line-height: 1.75;\n\n  color: var(--muted);\n}\n\n\n\/* =========================================================\n   COMMUNITY CTA\n========================================================= *\/\n\n.community {\n  padding:\n    130px\n    0;\n\n  background:\n    var(--accent);\n\n  color:\n    #0a0b09;\n}\n\n.community-inner {\n  text-align: center;\n\n  max-width: 900px;\n\n  margin-inline: auto;\n}\n\n.community .eyebrow {\n  color:\n    #0a0b09;\n}\n\n.community .eyebrow::before {\n  background:\n    #0a0b09;\n}\n\n.community h2 {\n  margin-top: 22px;\n\n  font-size: clamp(\n    46px,\n    7vw,\n    90px\n  );\n\n  line-height: 0.9;\n  letter-spacing: -0.06em;\n\n  text-transform: uppercase;\n}\n\n.community p {\n  margin:\n    24px auto\n    0;\n\n  max-width: 620px;\n\n  font-size: 16px;\n  line-height: 1.7;\n\n  color:\n    rgba(0, 0, 0, 0.72);\n}\n\n.community .btn {\n  margin-top: 34px;\n\n  background:\n    #0a0b09;\n\n  color:\n    white;\n}\n\n\n\/* =========================================================\n   SOCIALS\n========================================================= *\/\n\n.socials {\n  margin-top: 34px;\n\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: center;\n\n  gap: 12px;\n}\n\n.social-icon {\n  width: 52px;\n  height: 52px;\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  border:\n    1px solid\n    rgba(0, 0, 0, 0.32);\n\n  background:\n    rgba(0, 0, 0, 0.06);\n\n  color:\n    #050606 !important;\n\n  transition:\n    transform 0.2s ease,\n    background 0.2s ease;\n}\n\n.social-icon svg {\n  width: 23px;\n  height: 23px;\n\n  fill: currentColor;\n}\n\n.social-icon:hover {\n  transform:\n    translateY(-3px);\n\n  background:\n    rgba(0, 0, 0, 0.14);\n}\n\n.kick-icon {\n  font-size: 22px;\n  font-weight: 1000;\n  line-height: 1;\n}\n\n.social-handle {\n  margin-top: 15px;\n\n  font-size: 11px;\n  font-weight: 900;\n  letter-spacing: 0.14em;\n\n  color:\n    rgba(0, 0, 0, 0.72);\n\n  text-transform: uppercase;\n}\n\n\n\/* =========================================================\n   FOOTER\n========================================================= *\/\n\nfooter {\n  padding:\n    46px\n    0;\n\n  background:\n    #050606;\n}\n\n.footer-inner {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 30px;\n\n  color:\n    #707473;\n\n  font-size: 12px;\n}\n\n.footer-brand {\n  color:\n    white;\n\n  font-size: 16px;\n  font-weight: 900;\n\n  text-transform: uppercase;\n}\n\n.footer-brand span {\n  color:\n    var(--accent);\n}\n\n.powered a {\n  color:\n    #d0d2d1;\n\n  font-weight: 700;\n}\n\n.powered a:hover {\n  color:\n    var(--accent);\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 1000px) {\n\n  .hero-layout {\n    grid-template-columns:\n      minmax(0, 1fr)\n      minmax(300px, 0.72fr);\n  }\n\n  .hero h1 {\n    font-size:\n      clamp(\n        58px,\n        8vw,\n        100px\n      );\n  }\n\n  .hero-visual {\n    min-height: 620px;\n  }\n\n}\n\n\n@media (max-width: 900px) {\n\n  .nav-links {\n    display: none;\n  }\n\n  .hero-layout {\n    grid-template-columns: 1fr;\n  }\n\n  .hero-content {\n    padding-bottom: 25px;\n  }\n\n  .hero-visual {\n    min-height: auto;\n\n    margin-top: -25px;\n  }\n\n  .hero-character {\n    width:\n      min(\n        100%,\n        560px\n      );\n  }\n\n  .cards {\n    grid-template-columns:\n      repeat(\n        2,\n        1fr\n      );\n  }\n\n  .story-inner {\n    grid-template-columns:\n      1fr;\n\n    gap: 55px;\n  }\n\n}\n\n\n@media (max-width: 600px) {\n\n  .container {\n    width:\n      min(\n        calc(100% - 28px),\n        var(--max-width)\n      );\n  }\n\n  .navbar {\n    padding:\n      22px\n      0;\n  }\n\n  .logo {\n    font-size: 18px;\n  }\n\n  .hero {\n    min-height: auto;\n  }\n\n  .hero-content {\n    padding-top:\n      130px;\n  }\n\n  .hero h1 {\n    font-size:\n      clamp(\n        54px,\n        18vw,\n        84px\n      );\n  }\n\n  .hero-tagline {\n    font-size: 16px;\n  }\n\n  .hero-buttons {\n    flex-direction:\n      column;\n  }\n\n  .btn {\n    width: 100%;\n  }\n\n  .coming-soon {\n    align-items:\n      flex-start;\n\n    flex-direction:\n      column;\n  }\n\n  .hero-visual {\n    margin-top: 10px;\n  }\n\n  .hero-character {\n    width: 100%;\n    max-height: 540px;\n  }\n\n  .cards {\n    grid-template-columns:\n      1fr;\n  }\n\n  .card {\n    min-height:\n      380px;\n  }\n\n  .development,\n  .story,\n  .community {\n    padding:\n      90px\n      0;\n  }\n\n  .footer-inner {\n    flex-direction:\n      column;\n\n    align-items:\n      flex-start;\n  }\n\n}\n\n<\/style>\n\n\n<!-- =======================================================\n     NAVIGATION\n======================================================== -->\n\n<header class=\"navbar\">\n\n  <div class=\"container nav-inner\">\n\n    <a href=\"#home\" class=\"logo\">\n      SQUID DISTRICT <span>RP<\/span>\n    <\/a>\n\n\n    <nav>\n\n      <ul class=\"nav-links\">\n\n        <li>\n          <a href=\"#home\">\n            Home\n          <\/a>\n        <\/li>\n\n        <li>\n          <a href=\"#about\">\n            About\n          <\/a>\n        <\/li>\n\n        <li>\n          <a href=\"#discord\">\n            Discord\n          <\/a>\n        <\/li>\n\n      <\/ul>\n\n    <\/nav>\n\n  <\/div>\n\n<\/header>\n\n\n\n<!-- =======================================================\n     HERO\n======================================================== -->\n\n<main>\n\n  <section class=\"hero\" id=\"home\">\n\n    <div class=\"hero-watermark\">\n      SD\n    <\/div>\n\n\n    <div class=\"container\">\n\n      <div class=\"hero-layout\">\n\n\n        <div class=\"hero-content\">\n\n          <div class=\"eyebrow\">\n            Welcome To The District\n          <\/div>\n\n\n          <h1>\n            Your Story\n            Starts In\n            <span>Summerhill.<\/span>\n          <\/h1>\n\n\n          <div class=\"hero-tagline\">\n            Start on the block.\n            Build your name.\n            Own the district.\n          <\/div>\n\n\n          <p class=\"hero-description\">\n            Squid District RP is a new FiveM roleplay\n            experience built around community,\n            progression, business, street culture and\n            creating your own story.\n          <\/p>\n\n\n          <div class=\"coming-soon\">\n\n            <div class=\"coming-label\">\n              Coming Soon\n            <\/div>\n\n\n            <div class=\"status\">\n\n              <span class=\"status-dot\"><\/span>\n\n              District Under Construction\n\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"hero-buttons\">\n\n            <a\n  href=\"https:\/\/discord.gg\/xJVSZEBVg\"\n  class=\"btn btn-primary\"\n  target=\"_blank\"\n  rel=\"noopener\"\n>\n  Join The Discord\n<\/a>\n\n\n            <a href=\"#about\" class=\"btn btn-secondary\">\n              Follow The Build\n            <\/a>\n\n          <\/div>\n\n        <\/div>\n\n\n\n        <div class=\"hero-visual\">\n\n          <div class=\"hero-glow\"><\/div>\n\n          <img decoding=\"async\" class=\"hero-character\" src=\"https:\/\/web-c9de5284.nodeveracloud.site\/wp-content\/uploads\/2026\/09\/SDCharacter.png\" alt=\"Squid District RP Character\">\n\n        <\/div>\n\n\n      <\/div>\n\n    <\/div>\n\n\n    <a href=\"#about\" class=\"scroll-indicator\">\n      Explore\n\n      <span class=\"scroll-line\"><\/span>\n    <\/a>\n\n\n  <\/section>\n\n\n\n  <!-- =====================================================\n       DEVELOPMENT\n  ====================================================== -->\n\n  <section class=\"development\" id=\"about\">\n\n    <div class=\"container\">\n\n\n      <div class=\"eyebrow\">\n        Building The District\n      <\/div>\n\n\n      <h2 class=\"section-title\">\n        The City Is\n        Taking Shape.\n      <\/h2>\n\n\n      <p class=\"section-copy\">\n        We&#8217;re creating a roleplay world where your\n        progression actually means something. Start\n        small, build relationships, make your moves,\n        and create a name people recognize.\n      <\/p>\n\n\n\n      <div class=\"cards\">\n\n\n        <article class=\"card\">\n\n          <span class=\"card-number\">\n            01\n          <\/span>\n\n          <img decoding=\"async\" class=\"card-graphic\" src=\"https:\/\/web-c9de5284.nodeveracloud.site\/wp-content\/uploads\/2026\/09\/sdhome.png\" alt=\"Summerhill\">\n\n          <h3>\n            Summerhill\n          <\/h3>\n\n          <p>\n            Your journey begins on the block.\n          <\/p>\n\n        <\/article>\n\n\n\n        <article class=\"card\">\n\n          <span class=\"card-number\">\n            02\n          <\/span>\n\n          <img decoding=\"async\" class=\"card-graphic\" src=\"https:\/\/web-c9de5284.nodeveracloud.site\/wp-content\/uploads\/2026\/09\/sdstore.png\" alt=\"Businesses\">\n\n          <h3>\n            Businesses\n          <\/h3>\n\n          <p>\n            Build, buy and operate businesses\n            throughout the district.\n          <\/p>\n\n        <\/article>\n\n\n\n        <article class=\"card\">\n\n          <span class=\"card-number\">\n            03\n          <\/span>\n\n          <img decoding=\"async\" class=\"card-graphic\" src=\"https:\/\/web-c9de5284.nodeveracloud.site\/wp-content\/uploads\/2026\/09\/sd.png\" alt=\"Roleplay\">\n\n          <h3>\n            Roleplay\n          <\/h3>\n\n          <p>\n            Create your character and decide\n            the path your story takes.\n          <\/p>\n\n        <\/article>\n\n\n\n        <article class=\"card\">\n\n          <span class=\"card-number\">\n            04\n          <\/span>\n\n          <img decoding=\"async\" class=\"card-graphic\" src=\"https:\/\/web-c9de5284.nodeveracloud.site\/wp-content\/uploads\/2026\/09\/communtiy.png\" alt=\"Community\">\n\n          <h3>\n            Community\n          <\/h3>\n\n          <p>\n            A living world shaped by the people\n            playing inside it.\n          <\/p>\n\n        <\/article>\n\n\n      <\/div>\n\n\n\n      <div class=\"progress-box\">\n\n        <div class=\"progress-top\">\n\n          <span>\n            World Development\n          <\/span>\n\n          <span>\n            70%\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"progress-bar\">\n\n          <div class=\"progress-fill\"><\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n    <\/div>\n\n  <\/section>\n\n\n\n  <!-- =====================================================\n       STORY\n  ====================================================== -->\n\n  <section class=\"story\">\n\n    <div class=\"container story-inner\">\n\n\n      <div>\n\n        <div class=\"eyebrow\">\n          The Story Begins\n        <\/div>\n\n\n        <h2 class=\"section-title\">\n          Come Up\n          From Nothing.\n        <\/h2>\n\n\n        <p class=\"section-copy\">\n          Start with limited money, limited\n          connections and a name nobody knows.\n          Work, build relationships, make moves\n          and earn your reputation.\n        <\/p>\n\n      <\/div>\n\n\n\n      <div class=\"story-chapter\">\n\n        <small>\n          Chapter One\n        <\/small>\n\n\n        <h3>\n          Summerhill\n        <\/h3>\n\n\n        <p>\n          Everybody wants to make it out.\n          Few people build something worth staying\n          for. This is where your story begins.\n        <\/p>\n\n      <\/div>\n\n\n    <\/div>\n\n  <\/section>\n\n\n\n  <!-- =====================================================\n       DISCORD CTA\n  ====================================================== -->\n\n  <section class=\"community\" id=\"discord\">\n\n    <div class=\"container community-inner\">\n\n\n      <div class=\"eyebrow\">\n        Join The Community\n      <\/div>\n\n\n      <h2>\n        Get In Before\n        The City Opens.\n      <\/h2>\n\n\n      <p>\n        Join Squid District before launch for\n        development updates, early announcements,\n        community events and your chance to be\n        among the first players through the gates.\n      <\/p>\n\n\n      <!-- Replace # with the real Discord invite when ready -->\n\n      <a href=\"#\" class=\"btn\" target=\"_blank\" rel=\"noopener\">\n        Join Squid District Discord\n      <\/a>\n\n\n\n      <div class=\"socials\">\n\n\n        <a href=\"https:\/\/www.tiktok.com\/@squiddistrictrp\" target=\"_blank\" rel=\"noopener\" aria-label=\"Squid District RP on TikTok\" class=\"social-icon\">\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M19.321 5.562a5.124 5.124 0 0 1-3.004-1.003 5.15 5.15 0 0 1-1.988-3.17h-3.12v13.574a2.67 2.67 0 1 1-2.67-2.67c.28 0 .55.043.804.123V9.24a5.786 5.786 0 1 0 5.986 5.722V8.075a8.207 8.207 0 0 0 4.792 1.532V6.49a5.15 5.15 0 0 1-.8-.928Z\"><\/path>\n          <\/svg>\n\n        <\/a>\n\n\n\n        <a href=\"https:\/\/www.instagram.com\/squiddistrictrp\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Squid District RP on Instagram\" class=\"social-icon\">\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M7.75 2h8.5A5.76 5.76 0 0 1 22 7.75v8.5A5.76 5.76 0 0 1 16.25 22h-8.5A5.76 5.76 0 0 1 2 16.25v-8.5A5.76 5.76 0 0 1 7.75 2Zm0 2A3.75 3.75 0 0 0 4 7.75v8.5A3.75 3.75 0 0 0 7.75 20h8.5A3.75 3.75 0 0 0 20 16.25v-8.5A3.75 3.75 0 0 0 16.25 4h-8.5ZM17.5 5.5A1.25 1.25 0 1 1 17.5 8a1.25 1.25 0 0 1 0-2.5ZM12 7a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z\"><\/path>\n          <\/svg>\n\n        <\/a>\n\n\n\n        <a href=\"https:\/\/www.youtube.com\/@squiddistrictrp\" target=\"_blank\" rel=\"noopener\" aria-label=\"Squid District RP on YouTube\" class=\"social-icon\">\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M23.5 6.2a3.02 3.02 0 0 0-2.13-2.14C19.5 3.55 12 3.55 12 3.55s-7.5 0-9.37.51A3.02 3.02 0 0 0 .5 6.2 31.5 31.5 0 0 0 0 12a31.5 31.5 0 0 0 .5 5.8 3.02 3.02 0 0 0 2.13 2.14c1.87.51 9.37.51 9.37.51s7.5 0 9.37-.51a3.02 3.02 0 0 0 2.13-2.14A31.5 31.5 0 0 0 24 12a31.5 31.5 0 0 0-.5-5.8ZM9.6 15.6V8.4L15.82 12 9.6 15.6Z\"><\/path>\n          <\/svg>\n\n        <\/a>\n\n\n\n        <a href=\"https:\/\/www.twitch.tv\/squiddistrictrp\" target=\"_blank\" rel=\"noopener\" aria-label=\"Squid District RP on Twitch\" class=\"social-icon\">\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M2 2h20v14l-5 5h-4l-3 3v-3H6l-4-4V2Zm2 2v12l3 3h5v2l2-2h3l3-3V4H4Zm5 3h2v6H9V7Zm5 0h2v6h-2V7Z\"><\/path>\n          <\/svg>\n\n        <\/a>\n\n\n\n        <a href=\"https:\/\/kick.com\/squiddistrictrp\" target=\"_blank\" rel=\"noopener\" aria-label=\"Squid District RP on Kick\" class=\"social-icon kick-icon\">\n          K\n        <\/a>\n\n\n      <\/div>\n\n\n      <div class=\"social-handle\">\n        @squiddistrictrp\n      <\/div>\n\n\n    <\/div>\n\n  <\/section>\n\n\n<\/main>\n\n\n\n<!-- =======================================================\n     FOOTER\n======================================================== -->\n\n<footer>\n\n  <div class=\"container footer-inner\">\n\n\n    <div>\n\n      <div class=\"footer-brand\">\n        Squid District <span>RP<\/span>\n      <\/div>\n\n\n      <div style=\"margin-top: 8px;\">\n        \u00a9 2026 Squid District RP\n      <\/div>\n\n    <\/div>\n\n\n\n    <div class=\"powered\">\n\n      Game infrastructure powered by\n\n      <a href=\"https:\/\/www.nodeveracloud.com\" target=\"_blank\" rel=\"noopener\">\n        Nodevera Cloud\n      <\/a>\n\n    <\/div>\n\n\n  <\/div>\n\n<\/footer>\n","protected":false},"excerpt":{"rendered":"<p>Squid District RP | Coming Soon SQUID DISTRICT RP Home About Discord SD Welcome To The District Your Story Starts [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/squiddistrictrp.com\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/squiddistrictrp.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/squiddistrictrp.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/squiddistrictrp.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/squiddistrictrp.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":5,"href":"https:\/\/squiddistrictrp.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":24,"href":"https:\/\/squiddistrictrp.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/24"}],"wp:attachment":[{"href":"https:\/\/squiddistrictrp.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}