{"id":8,"date":"2026-05-28T18:34:29","date_gmt":"2026-05-28T18:34:29","guid":{"rendered":"https:\/\/footjuice.lol\/?page_id=8"},"modified":"2026-05-28T19:03:25","modified_gmt":"2026-05-28T19:03:25","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/footjuice.lol\/","title":{"rendered":"Elementor #8"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d9cdf1 e-con-full e-flex e-con e-parent\" data-id=\"5d9cdf1\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d0ef10c elementor-widget elementor-widget-html\" data-id=\"d0ef10c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@300;400;500;700&family=IBM+Plex+Mono:wght@300;400;500;600&display=swap');\r\n\r\n:root{\r\n  --bg:#050000;\r\n  --bg2:#0d0202;\r\n  --red:#ff3c3c;\r\n  --soft:#ff9898;\r\n  --line:rgba(255,70,70,.12);\r\n  --glass:rgba(255,255,255,.025);\r\n}\r\n\r\n*{\r\n  margin:0;\r\n  padding:0;\r\n  box-sizing:border-box;\r\n}\r\n\r\nhtml{\r\n  scroll-behavior:smooth;\r\n}\r\n\r\nbody{\r\n  background:var(--bg);\r\n  color:white;\r\n  overflow-x:hidden;\r\n  font-family:'Space Grotesk',sans-serif;\r\n}\r\n\r\n\/* CRT SCANLINES *\/\r\nbody::before{\r\n  content:\"\";\r\n  position:fixed;\r\n  inset:0;\r\n  background:\r\n  repeating-linear-gradient(\r\n    to bottom,\r\n    rgba(255,0,0,.05) 0px,\r\n    rgba(255,0,0,.05) 1px,\r\n    transparent 1px,\r\n    transparent 4px\r\n  );\r\n  opacity:.3;\r\n  mix-blend-mode:screen;\r\n  pointer-events:none;\r\n  z-index:99999;\r\n}\r\n\r\n\/* VIGNETTE *\/\r\nbody::after{\r\n  content:\"\";\r\n  position:fixed;\r\n  inset:0;\r\n  background:\r\n  radial-gradient(circle at center,\r\n  transparent 35%,\r\n  rgba(0,0,0,.7) 100%);\r\n  pointer-events:none;\r\n  z-index:99998;\r\n}\r\n\r\n\/* NOISE *\/\r\n.noise{\r\n  position:fixed;\r\n  inset:0;\r\n  background-image:url(\"https:\/\/grainy-gradients.vercel.app\/noise.svg\");\r\n  opacity:1;\r\n  mix-blend-mode:soft-light;\r\n  pointer-events:none;\r\n  z-index:9999;\r\n}\r\n\r\n\/* GRID *\/\r\n.grid{\r\n  position:fixed;\r\n  inset:0;\r\n  background-image:\r\n  linear-gradient(rgba(255,0,0,.04) 1px, transparent 1px),\r\n  linear-gradient(90deg, rgba(255,0,0,.04) 1px, transparent 1px);\r\n  background-size:80px 80px;\r\n  mask-image:radial-gradient(circle at center, black 30%, transparent 90%);\r\n  pointer-events:none;\r\n  z-index:1;\r\n}\r\n\r\n\/* GLOBAL *\/\r\nsection{\r\n  position:relative;\r\n  padding:130px 7%;\r\n  z-index:5;\r\n}\r\n\r\n.container{\r\n  max-width:1450px;\r\n  margin:auto;\r\n}\r\n\r\n\/* SMALL UI *\/\r\n.mini-tag{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  border:1px solid var(--line);\r\n  padding:10px 16px;\r\n  background:rgba(255,0,0,.04);\r\n  font-size:11px;\r\n  letter-spacing:2px;\r\n  text-transform:uppercase;\r\n  font-family:'IBM Plex Mono',monospace;\r\n  color:#ff9d9d;\r\n}\r\n\r\n.mini-tag::before{\r\n  content:\"\";\r\n  width:8px;\r\n  height:8px;\r\n  background:#ff3b3b;\r\n  box-shadow:0 0 12px #ff0000;\r\n}\r\n\r\n\/* TITLES *\/\r\n.section-mini{\r\n  color:#ff8e8e;\r\n  font-size:11px;\r\n  letter-spacing:3px;\r\n  text-transform:uppercase;\r\n  font-family:'IBM Plex Mono',monospace;\r\n  margin-bottom:18px;\r\n}\r\n\r\n.section-title{\r\n  font-size:clamp(50px,7vw,120px);\r\n  line-height:.9;\r\n  letter-spacing:-6px;\r\n  text-transform:uppercase;\r\n  color:#ff5252;\r\n  margin-bottom:30px;\r\n}\r\n\r\n.section-text{\r\n  color:#c58a8a;\r\n  font-size:15px;\r\n  line-height:2;\r\n  max-width:720px;\r\n}\r\n\r\n\/* BUTTONS *\/\r\n.btn{\r\n  height:42px;\r\n  padding:0 18px;\r\n  border:1px solid rgba(255,80,80,.16);\r\n  background:rgba(255,255,255,.025);\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  text-decoration:none;\r\n  color:#ffd5d5;\r\n  font-size:11px;\r\n  letter-spacing:1px;\r\n  text-transform:uppercase;\r\n  transition:.3s;\r\n  cursor:pointer;\r\n  font-family:'IBM Plex Mono',monospace;\r\n}\r\n\r\n.btn:hover{\r\n  background:rgba(255,0,0,.09);\r\n  border-color:rgba(255,0,0,.35);\r\n  transform:translateY(-3px);\r\n  box-shadow:0 0 25px rgba(255,0,0,.15);\r\n}\r\n\r\n\/* HERO *\/\r\n.hero{\r\n  min-height:100vh;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  text-align:center;\r\n}\r\n\r\n.hero video{\r\n  position:absolute;\r\n  inset:0;\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  filter:brightness(.32) contrast(1.2) saturate(1.15);\r\n}\r\n\r\n.hero-overlay{\r\n  position:absolute;\r\n  inset:0;\r\n  background:\r\n  linear-gradient(to bottom,\r\n  rgba(5,0,0,.15),\r\n  rgba(5,0,0,1)),\r\n  radial-gradient(circle at top,\r\n  rgba(255,0,0,.15),\r\n  transparent 65%);\r\n}\r\n\r\n.hero-content{\r\n  position:relative;\r\n  z-index:4;\r\n  max-width:1200px;\r\n}\r\n\r\n.hero h1{\r\n  margin-top:28px;\r\n  font-size:clamp(80px,13vw,210px);\r\n  line-height:.82;\r\n  letter-spacing:-10px;\r\n  text-transform:uppercase;\r\n  color:#ff4545;\r\n  font-weight:700;\r\n  text-shadow:\r\n  0 0 18px rgba(255,0,0,.45),\r\n  0 0 40px rgba(255,0,0,.2);\r\n}\r\n\r\n.hero p{\r\n  max-width:720px;\r\n  margin:28px auto 0;\r\n  color:#c88c8c;\r\n  line-height:2;\r\n  font-size:15px;\r\n}\r\n\r\n.ca-wrap{\r\n  margin-top:40px;\r\n  display:flex;\r\n  justify-content:center;\r\n  gap:10px;\r\n  flex-wrap:wrap;\r\n}\r\n\r\n.ca-box{\r\n  height:42px;\r\n  display:flex;\r\n  align-items:center;\r\n  padding:0 18px;\r\n  border:1px solid rgba(255,0,0,.15);\r\n  background:rgba(255,255,255,.025);\r\n  color:#ff8b8b;\r\n  font-size:12px;\r\n  font-family:'IBM Plex Mono',monospace;\r\n}\r\n\r\n.hero-links{\r\n  margin-top:14px;\r\n  display:flex;\r\n  justify-content:center;\r\n  gap:10px;\r\n  flex-wrap:wrap;\r\n}\r\n\r\n\/* ABOUT *\/\r\n.about-grid{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:80px;\r\n  align-items:center;\r\n}\r\n\r\n.about-left{\r\n  position:relative;\r\n  height:760px;\r\n}\r\n\r\n.about-left img{\r\n  position:absolute;\r\n  object-fit:cover;\r\n  border:1px solid rgba(255,255,255,.08);\r\n  transition:.4s;\r\n  box-shadow:0 30px 90px rgba(0,0,0,.5);\r\n}\r\n\r\n.about-left img:hover{\r\n  transform:scale(1.03);\r\n}\r\n\r\n.about-main{\r\n  width:430px;\r\n  height:580px;\r\n  left:50%;\r\n  top:50%;\r\n  transform:translate(-50%,-50%);\r\n  z-index:5;\r\n}\r\n\r\n.about-1{\r\n  width:250px;\r\n  left:0;\r\n  top:30px;\r\n  transform:rotate(-10deg);\r\n}\r\n\r\n.about-2{\r\n  width:220px;\r\n  right:10px;\r\n  top:40px;\r\n  transform:rotate(9deg);\r\n}\r\n\r\n.about-3{\r\n  width:260px;\r\n  left:50px;\r\n  bottom:0;\r\n  transform:rotate(7deg);\r\n}\r\n\r\n\/* GALLERY *\/\r\n.gallery-top{\r\n  text-align:center;\r\n  max-width:900px;\r\n  margin:auto;\r\n}\r\n\r\n.gallery-grid{\r\n  margin-top:60px;\r\n  display:grid;\r\n  grid-template-columns:repeat(4,1fr);\r\n  gap:18px;\r\n}\r\n\r\n.gallery-item{\r\n  position:relative;\r\n  overflow:hidden;\r\n  border:1px solid rgba(255,255,255,.06);\r\n  background:#120101;\r\n}\r\n\r\n.gallery-item img{\r\n  width:100%;\r\n  height:500px;\r\n  object-fit:cover;\r\n  transition:.5s;\r\n  filter:contrast(1.05) saturate(1.05);\r\n}\r\n\r\n.gallery-item:hover img{\r\n  transform:scale(1.06);\r\n}\r\n\r\n.gallery-item::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background:\r\n  linear-gradient(to top,\r\n  rgba(0,0,0,.75),\r\n  transparent 45%);\r\n}\r\n\r\n\/* JOIN *\/\r\n.join{\r\n  min-height:90vh;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  text-align:center;\r\n}\r\n\r\n.join-bg{\r\n  position:absolute;\r\n  inset:0;\r\n  background:url('http:\/\/footjuice.lol\/wp-content\/uploads\/2026\/05\/Asset-6.png') center\/cover no-repeat;\r\n  filter:brightness(.3) contrast(1.2);\r\n}\r\n\r\n.join-overlay{\r\n  position:absolute;\r\n  inset:0;\r\n  background:\r\n  linear-gradient(to bottom,\r\n  rgba(5,0,0,.95),\r\n  rgba(5,0,0,.55),\r\n  rgba(5,0,0,.98));\r\n}\r\n\r\n.join-content{\r\n  position:relative;\r\n  z-index:4;\r\n  max-width:1000px;\r\n}\r\n\r\n.join h2{\r\n  margin-top:28px;\r\n  font-size:clamp(70px,10vw,180px);\r\n  line-height:.82;\r\n  letter-spacing:-9px;\r\n  text-transform:uppercase;\r\n  color:#ff4545;\r\n  text-shadow:\r\n  0 0 18px rgba(255,0,0,.45),\r\n  0 0 40px rgba(255,0,0,.2);\r\n}\r\n\r\n.join p{\r\n  max-width:720px;\r\n  margin:28px auto 0;\r\n  color:#c88c8c;\r\n  line-height:2;\r\n  font-size:15px;\r\n}\r\n\r\n.join-btns{\r\n  display:flex;\r\n  justify-content:center;\r\n  gap:10px;\r\n  flex-wrap:wrap;\r\n  margin-top:35px;\r\n}\r\n\r\n\/* FOOTER *\/\r\n.footer{\r\n  padding:50px 7%;\r\n  border-top:1px solid rgba(255,255,255,.05);\r\n  position:relative;\r\n  z-index:5;\r\n}\r\n\r\n.footer-inner{\r\n  max-width:1450px;\r\n  margin:auto;\r\n  display:flex;\r\n  justify-content:space-between;\r\n  align-items:center;\r\n  flex-wrap:wrap;\r\n  gap:20px;\r\n}\r\n\r\n.footer-logo{\r\n  font-size:30px;\r\n  color:#ff5252;\r\n  font-weight:700;\r\n  letter-spacing:-1px;\r\n}\r\n\r\n.footer p{\r\n  color:#8b5d5d;\r\n  font-size:12px;\r\n  letter-spacing:2px;\r\n  text-transform:uppercase;\r\n  font-family:'IBM Plex Mono',monospace;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media(max-width:1100px){\r\n\r\n  .about-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .gallery-grid{\r\n    grid-template-columns:1fr 1fr;\r\n  }\r\n}\r\n\r\n@media(max-width:768px){\r\n\r\n  section{\r\n    padding:100px 6%;\r\n  }\r\n\r\n  .hero h1,\r\n  .join h2{\r\n    letter-spacing:-4px;\r\n  }\r\n\r\n  .gallery-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .about-left{\r\n    height:530px;\r\n  }\r\n\r\n  .about-main{\r\n    width:280px;\r\n    height:390px;\r\n  }\r\n\r\n  .about-1,\r\n  .about-2,\r\n  .about-3{\r\n    width:170px;\r\n  }\r\n\r\n  .footer-inner{\r\n    justify-content:center;\r\n    text-align:center;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"noise\"><\/div>\r\n<div class=\"grid\"><\/div>\r\n\r\n<!-- HERO -->\r\n<section class=\"hero\">\r\n\r\n  <video autoplay muted loop playsinline>\r\n    <source src=\"https:\/\/footjuice.lol\/wp-content\/uploads\/2026\/05\/FOOTJUICE-BG-OPT.mp4\" type=\"video\/mp4\">\r\n  <\/video>\r\n\r\n  <div class=\"hero-overlay\"><\/div>\r\n\r\n  <div class=\"hero-content\">\r\n\r\n    <div class=\"mini-tag\">\r\n      $FOOTJUICE<\/div>\r\n\r\n    <h1>\r\n      Fresh<br>Foot Juice\r\n    <\/h1>\r\n\r\n    <p>\r\n      One convention moment turned into full internet folklore.  \r\n      Blurry footage. Late-night chaos. Endless reactions.\r\n    <\/p>\r\n\r\n    <div class=\"ca-wrap\">\r\n\r\n      <div class=\"ca-box\" id=\"caText\">\r\n        8J7s2xv9FootJuiceCAExample123456789\r\n      <\/div>\r\n\r\n      <button class=\"btn\" onclick=\"copyCA()\">\r\n        Copy CA\r\n      <\/button>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"hero-links\">\r\n      <a href=\"#\" class=\"btn\">Twitter<\/a>\r\n      <a href=\"#\" class=\"btn\">Telegram<\/a>\r\n      <a href=\"#\" class=\"btn\">Chart<\/a>\r\n      <a href=\"#\" class=\"btn\">Buy<\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- ABOUT -->\r\n<section>\r\n\r\n  <div class=\"container\">\r\n\r\n    <div class=\"about-grid\">\r\n\r\n      <div class=\"about-left\">\r\n\r\n        <img decoding=\"async\" class=\"about-main\" src=\"https:\/\/footjuice.lol\/wp-content\/uploads\/2026\/05\/Asset-3.png\">\r\n\r\n        <img decoding=\"async\" class=\"about-1\" src=\"https:\/\/footjuice.lol\/wp-content\/uploads\/2026\/05\/Asset-2.png\">\r\n\r\n        <img decoding=\"async\" class=\"about-2\" src=\"https:\/\/footjuice.lol\/wp-content\/uploads\/2026\/05\/Asset-4.png\">\r\n\r\n        <img decoding=\"async\" class=\"about-3\" src=\"https:\/\/footjuice.lol\/wp-content\/uploads\/2026\/05\/Asset-5.png\">\r\n\r\n      <\/div>\r\n\r\n      <div>\r\n\r\n        <div class=\"section-mini\">\r\n          Convention Archive\r\n        <\/div>\r\n\r\n        <h2 class=\"section-title\">\r\n          About The<br>Phenomenon\r\n        <\/h2>\r\n\r\n        <p class=\"section-text\">\r\n          Fresh Foot Juice is inspired by one of the most talked-about convention moments of 2026. During a late-night FanimeCon gathering, videos and photos began spreading online showing cosplayers serving drinks under signs reading \u201cFresh Feet Juice.\u201d\r\n          <br><br>\r\n          The reactions were immediate and divided. Some people thought it was hilarious performance art. Others were completely horrified. That tension became part of the meme itself.\r\n          <br><br>\r\n          Foot Juice exists in that strange space between internet chaos, convention culture, and cursed late-night memories that somehow became impossible to ignore.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- GALLERY -->\r\n<section>\r\n\r\n  <div class=\"container\">\r\n\r\n    <div class=\"gallery-top\">\r\n\r\n      <div class=\"section-mini\">\r\n        Visual Logs\r\n      <\/div>\r\n\r\n      <h2 class=\"section-title\">\r\n        The Timeline<br>Collapsed\r\n      <\/h2>\r\n\r\n      <p class=\"section-text\" style=\"margin:auto;\">\r\n        Screenshots became memes.  \r\n        Reposts became internet history.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"gallery-grid\">\r\n\r\n      <div class=\"gallery-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/footjuice.lol\/wp-content\/uploads\/2026\/05\/FJ1.jpg\">\r\n      <\/div>\r\n\r\n      <div class=\"gallery-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/footjuice.lol\/wp-content\/uploads\/2026\/05\/FJ2.jpg\">\r\n      <\/div>\r\n\r\n      <div class=\"gallery-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/footjuice.lol\/wp-content\/uploads\/2026\/05\/FJ3.jpg\">\r\n      <\/div>\r\n\r\n      <div class=\"gallery-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/footjuice.lol\/wp-content\/uploads\/2026\/05\/FJ4.jpg\">\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- JOIN -->\r\n<section class=\"join\">\r\n\r\n  <div class=\"join-bg\"><\/div>\r\n  <div class=\"join-overlay\"><\/div>\r\n\r\n  <div class=\"join-content\">\r\n\r\n    <div class=\"mini-tag\">\r\n      Community Access Open\r\n    <\/div>\r\n\r\n    <h2>\r\n      Join The<br>Chaos\r\n    <\/h2>\r\n\r\n    <p>\r\n      The cooler is open. The footage still exists.  \r\n      Whether you think it\u2019s cursed, iconic, disgusting, or legendary \u2014 welcome to Foot Juice.\r\n    <\/p>\r\n\r\n    <div class=\"join-btns\">\r\n      <a href=\"#\" class=\"btn\">Join Telegram<\/a>\r\n      <a href=\"#\" class=\"btn\">Follow Twitter<\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- FOOTER -->\r\n<footer class=\"footer\">\r\n\r\n  <div class=\"footer-inner\">\r\n\r\n    <div class=\"footer-logo\">\r\n      FOOT JUICE\r\n    <\/div>\r\n\r\n    <p>\r\n      &copy 2026 footjuice<\/p>\r\n\r\n  <\/div>\r\n\r\n<\/footer>\r\n\r\n<script>\r\nfunction copyCA() {\r\n  const text = document.getElementById(\"caText\").innerText;\r\n\r\n  navigator.clipboard.writeText(text);\r\n\r\n  const btn = event.target;\r\n\r\n  btn.innerText = \"Copied\";\r\n\r\n  setTimeout(() => {\r\n    btn.innerText = \"Copy CA\";\r\n  }, 2000);\r\n}\r\n\r\n\/* subtle crt flicker *\/\r\nsetInterval(() => {\r\n  document.body.style.opacity = 0.997 + Math.random() * 0.003;\r\n}, 120);\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>$FOOTJUICE FreshFoot Juice One convention moment turned into full internet folklore. Blurry footage. Late-night chaos. Endless reactions. 8J7s2xv9FootJuiceCAExample123456789 Copy CA Twitter Telegram Chart Buy Convention Archive About ThePhenomenon Fresh Foot Juice is inspired by one of the most talked-about convention moments of 2026. During a late-night FanimeCon gathering, videos and photos began spreading online showing [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/footjuice.lol\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/footjuice.lol\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/footjuice.lol\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/footjuice.lol\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/footjuice.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":10,"href":"https:\/\/footjuice.lol\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":34,"href":"https:\/\/footjuice.lol\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/34"}],"wp:attachment":[{"href":"https:\/\/footjuice.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}