{"id":11,"date":"2026-05-01T20:28:03","date_gmt":"2026-05-01T20:28:03","guid":{"rendered":"https:\/\/websitesmockup.com\/projectsafeplay\/?page_id=11"},"modified":"2026-05-20T00:42:40","modified_gmt":"2026-05-20T00:42:40","slug":"the-issue","status":"publish","type":"page","link":"https:\/\/websitesmockup.com\/projectsafeplay\/","title":{"rendered":"The Issue"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11\" class=\"elementor elementor-11\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b50414e e-con-full e-flex e-con e-parent\" data-id=\"b50414e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aac1ed4 elementor-widget elementor-widget-html\" data-id=\"aac1ed4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"hero sp-home-hero\">\r\n  <div class=\"hero-bg\"><\/div>\r\n  <div class=\"hero-grid-lines\"><\/div>\r\n  <div class=\"hero-inner\">\r\n    <div class=\"hero-content\">\r\n      <div class=\"hero-eyebrow\">The Safety Divide<\/div>\r\n      \r\n      <h1>Not Every Young Athlete Can Afford <span style=\"color: #7ed321;\">Brain Protection<\/span> But With <span style=\"color: #7ed321;\">Project Safeplay<\/span> And the Q-Collar They Can.<\/h1>\r\n      \r\n      <p class=\"hero-desc\">We are bridging the gap between elite safety technology and the athletes who need it most, ensuring financial status never dictates physical safety.<\/p>\r\n      \r\n      <div class=\"hero-buttons\">\r\n        <a href=\"#problem\" class=\"btn-primary\">View The Issue<\/a>\r\n        <a href=\"https:\/\/websitesmockup.com\/projectsafeplay\/donations\/\" class=\"btn-outline\">Support a Player<\/a>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"hero-visual-column\">\r\n      <div class=\"hero-badge\" style=\"display: flex; flex-direction: column; align-items: center; text-align: center;\">\r\n        <!-- Logo Image Added Here -->\r\n        <img decoding=\"async\" \r\n          src=\"https:\/\/websitesmockup.com\/projectsafeplay\/wp-content\/uploads\/2026\/05\/psp-logo-236x300.webp\" \r\n          alt=\"Project Safeplay Logo\" style=\"width: 180px; height: auto; margin-bottom: 20px; filter: drop-shadow(0 0 10px rgba(126, 211, 33, 0.2));\"\r\n        >\r\n        <span>\"A player's family income should never determine whether their brain gets protected.\"<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"problem-section\" id=\"problem\">\r\n  <div class=\"problem-inner\">\r\n    <div>\r\n        <div class=\"section-eyebrow\">The Economic Gap<\/div>\r\n        <h2 class=\"section-title\">The <em>Safety<\/em> Barrier<\/h2>\r\n        <p class=\"problem-desc reveal\">The Q-Collar is FDA-cleared technology that helps protect the brain during contact sports. But at nearly $200 retail \u2014 and with no used market since it's a medical device \u2014 economically disadvantaged athletes are being left exposed.<\/p>\r\n        <p class=\"problem-desc reveal\" style=\"font-weight:500;\">We believe safety shouldn't be a luxury item. When elite programs equip their players while others go without, a dangerous divide is created.<\/p>   \r\n        \r\n        <div class=\"reveal\" style=\"margin: 40px auto; width: 100% !important; max-width: 100% !important; display: flex; justify-content: center;\">\r\n          <img decoding=\"async\" src=\"https:\/\/websitesmockup.com\/projectsafeplay\/wp-content\/uploads\/2026\/05\/the-issue-img.webp\" alt=\"The Safety Issue\" style=\"width: 100% !important; min-width: 100% !important; height: 750px !important; min-height: 750px !important; border-radius: 12px; object-fit: cover; object-position: top center; border: 1px solid rgba(126, 211, 33, 0.25);\">\r\n        <\/div>\r\n    \r\n    <\/div>\r\n    <div class=\"problem-visual\">\r\n      <div class=\"problem-card reveal\">\r\n        <div class=\"problem-card-icon\">\ud83d\udcb0<\/div>\r\n        <h4>High Cost Barrier<\/h4>\r\n        <p>At nearly $200, the Q-Collar is out of reach for families from lower-income communities who need it most.<\/p>\r\n      <\/div>\r\n      <div class=\"problem-card reveal\">\r\n        <div class=\"problem-card-icon\">\ud83d\udeab<\/div>\r\n        <h4>No Secondary Market<\/h4>\r\n        <p>As an FDA-cleared medical device, Q-Collars cannot be resold or donated used \u2014 every player needs a new one.<\/p>\r\n      <\/div>\r\n      <div class=\"problem-card reveal\">\r\n        <div class=\"problem-card-icon\">\u26a0\ufe0f<\/div>\r\n        <h4>A Growing Safety Gap<\/h4>\r\n        <p>Wealthier programs equip their players with cutting-edge protection while disadvantaged youth play at higher risk.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* CSS FOR UNIFORM FONT SIZE *\/\r\n\r\n.hero {\r\n  min-height: 80vh !important; \r\n  display: flex !important;\r\n  align-items: center !important;\r\n  position: relative !important;\r\n  overflow: hidden !important;\r\n  padding: 100px 60px 40px !important; \r\n}\r\n\r\n.hero-inner {\r\n  position: relative !important;\r\n  z-index: 2 !important;\r\n  max-width: 1280px !important;\r\n  margin: 0 auto !important;\r\n  width: 100% !important;\r\n  display: grid !important;\r\n  grid-template-columns: 1.2fr 0.8fr !important;\r\n  gap: 40px !important;\r\n  align-items: center !important;\r\n}\r\n\r\n\/* Base H1 Styling *\/\r\n.hero h1 {\r\n  font-family: 'Barlow Condensed', sans-serif !important;\r\n  font-weight: 900 !important;\r\n  font-size: clamp(1.4rem, 3vw, 3rem) !important; \/* Uniform starting size *\/\r\n  line-height: 1.05 !important;\r\n  text-transform: uppercase !important;\r\n  letter-spacing: 1px !important;\r\n  margin-bottom: 24px !important;\r\n  color: var(--white) !important;\r\n}\r\n\r\n\/* \"AFFORD PROTECTION\" Emphasized Line *\/\r\n.hero h1 em {\r\n  font-style: normal !important;\r\n  color: var(--green) !important;\r\n  display: block !important;\r\n  font-size: 1.1em !important; \/* Slight bump for emphasis, consistent across breakpoints *\/\r\n  text-shadow: 0 0 20px rgba(126, 211, 33, 0.3) !important;\r\n  margin-top: 5px !important;\r\n  margin-bottom: 5px !important;\r\n}\r\n\r\n\/* \"BUT FROM THE PROJECTS...\" Bottom Line *\/\r\n.uniform-h1 {\r\n  display: block !important;\r\n  font-size: 1.0em !important; \/* Forces same base size as the top lines *\/\r\n  color: var(--white) !important;\r\n}\r\n\r\n.hero-content {\r\n  background: transparent !important;\r\n  border: none !important;\r\n  box-shadow: none !important;\r\n  backdrop-filter: none !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n.hero-desc {\r\n  font-size: 1rem !important;\r\n  line-height: 1.6 !important;\r\n  color: #ffffff !important;\r\n  max-width: 520px !important;\r\n  margin-bottom: 28px !important;\r\n}\r\n\r\n.hero-eyebrow {\r\n  font-size: 1.6rem !important; \r\n  margin-bottom: 18px !important;\r\n}\r\n\r\n.problem-card {\r\n  background: var(--dark3) !important;\r\n  border: 1px solid rgba(126,211,33,0.1) !important;\r\n  border-left: 4px solid var(--green) !important;\r\n  transition: transform 0.3s ease !important;\r\n}\r\n\r\n.problem-card:hover {\r\n  transform: translateX(10px) !important;\r\n  background: #1a1a1a !important;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .hero {\r\n    min-height: auto !important;\r\n    padding: 80px 24px 40px !important;\r\n  }\r\n  \r\n  \/* Update mobile uniform size *\/\r\n  .hero h1 { \r\n    font-size: 2.5rem !important; \r\n  }\r\n  \r\n  .hero-inner {\r\n    grid-template-columns: 1fr !important;\r\n    text-align: center !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n  const reveals = document.querySelectorAll('.reveal');\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach((entry, i) => {\r\n      if (entry.isIntersecting) {\r\n        setTimeout(() => entry.target.classList.add('visible'), i * 100);\r\n      }\r\n    });\r\n  }, { threshold: 0.1 });\r\n  reveals.forEach(el => observer.observe(el));\r\n<\/script>\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>The Safety Divide Not Every Young Athlete Can Afford Brain Protection But With Project Safeplay And the Q-Collar They Can. We are bridging the gap between elite safety technology and the athletes who need it most, ensuring financial status never dictates physical safety. View The Issue Support a Player &#8220;A player&#8217;s family income should never [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/websitesmockup.com\/projectsafeplay\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/websitesmockup.com\/projectsafeplay\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/websitesmockup.com\/projectsafeplay\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/websitesmockup.com\/projectsafeplay\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/websitesmockup.com\/projectsafeplay\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":127,"href":"https:\/\/websitesmockup.com\/projectsafeplay\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":539,"href":"https:\/\/websitesmockup.com\/projectsafeplay\/wp-json\/wp\/v2\/pages\/11\/revisions\/539"}],"wp:attachment":[{"href":"https:\/\/websitesmockup.com\/projectsafeplay\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}