{"id":2,"date":"2026-08-13T11:52:18","date_gmt":"2026-08-13T11:52:18","guid":{"rendered":"https:\/\/19positivevibes.it\/?page_id=2"},"modified":"2026-08-13T12:49:28","modified_gmt":"2026-08-13T12:49:28","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/19positivevibes.it\/","title":{"rendered":"Homepage"},"content":{"rendered":"\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<!-- === 19 POSITIVE VIBES: HERO SECTION BY GEVIX MC (FIXED MOBILE) === -->\n<style>\n\/* 1. RESET PER ELIMINARE FASCIA BIANCA E PADDING DEL TEMA *\/\nhtml, body {\n  overflow-x: hidden !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n:root {\n  --hero-bg-deep: #050505;\n  --hero-bg-accent: #1a1a1a;\n  --text-main: #ffffff;\n  --font-heading: 'Montserrat', sans-serif;\n  --font-body: 'Open Sans', sans-serif;\n}\n\n\/* Forziamo la sezione a rompere i margini del tema e occupare il 100% reale *\/\n#gevix-hero {\n  position: relative;\n  width: 100vw;\n  left: 50%;\n  right: 50%;\n  margin-left: -50vw !important;\n  margin-right: -50vw !important;\n  min-height: 100vh;\n  overflow: hidden;\n  color: var(--text-main);\n  background: var(--hero-bg-deep);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1;\n  box-sizing: border-box;\n}\n\n\/* 2. SFONDO ANIMATO \"RESPIRO\" *\/\n#gevix-hero::before {\n  content: '';\n  position: absolute;\n  top: -50%;\n  left: -50%;\n  width: 200%;\n  height: 200%;\n  background: radial-gradient(circle, var(--hero-bg-accent) 0%, var(--hero-bg-deep) 70%);\n  animation: bg-breathe 25s infinite ease-in-out;\n  z-index: -2;\n  opacity: 0.8;\n}\n\n@keyframes bg-breathe {\n  0%, 100% { transform: scale(1); opacity: 0.7; }\n  50% { transform: scale(1.1); opacity: 1; }\n}\n\n\/* 3. TEXTURE DI BACKGROUND (TESTO GIGANTE CORRETTO) *\/\n.hero-text-texture {\n  position: absolute;\n  font-family: var(--font-heading);\n  font-size: 18vw;\n  font-weight: 900;\n  color: rgba(255, 255, 255, 0.03);\n  text-transform: uppercase;\n  letter-spacing: -0.05em;\n  white-space: nowrap;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(-8deg);\n  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.08);\n  user-select: none;\n  z-index: -1;\n  pointer-events: none;\n  max-width: 100%;\n}\n\n\/* 4. LAYOUT CONTENUTO CENTRATO *\/\n.hero-content-wrapper {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  z-index: 2;\n  width: 100%;\n  max-width: 1200px;\n  padding: 40px 20px;\n  box-sizing: border-box;\n  margin: 0 auto;\n}\n\n\/* 5. LOGO DINAMICO CON GLOW *\/\n.hero-logo-container {\n  position: relative;\n  width: 260px;\n  height: 260px;\n  margin: 0 auto 30px auto;\n}\n\n.hero-logo-container img {\n  width: 100%;\n  height: 100%;\n  border-radius: 50%;\n  object-fit: cover;\n  box-shadow: 0 0 20px rgba(0,0,0,0.5);\n  display: block;\n}\n\n.hero-logo-glow {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  border-radius: 50%;\n  background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 70%);\n  animation: logo-glow 4s infinite ease-in-out;\n  z-index: -1;\n}\n\n@keyframes logo-glow {\n  0%, 100% { transform: scale(1); opacity: 0.5; }\n  50% { transform: scale(1.15); opacity: 1; }\n}\n\n\/* 6. TESTI *\/\n.hero-title {\n  font-family: var(--font-heading);\n  font-size: 56px;\n  font-weight: 800;\n  text-transform: uppercase;\n  letter-spacing: -0.02em;\n  margin: 0 0 10px 0;\n  background: linear-gradient(135deg, #ffffff 0%, #e0e0e0 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  line-height: 1.1;\n}\n\n.hero-subtitle {\n  font-family: var(--font-body);\n  font-size: 18px;\n  font-weight: 400;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n  color: rgba(255, 255, 255, 0.7);\n  margin: 0 0 40px 0;\n}\n\n\/* 7. BOTTONE *\/\n.hero-cta {\n  display: inline-block;\n  padding: 15px 35px;\n  background: transparent;\n  border: 2px solid #ffffff;\n  color: #ffffff;\n  font-family: var(--font-heading);\n  font-size: 15px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.1em;\n  text-decoration: none;\n  border-radius: 4px;\n  transition: all 0.3s ease;\n  cursor: pointer;\n}\n\n.hero-cta:hover {\n  background: #ffffff;\n  color: #000000;\n  transform: translateY(-3px);\n  box-shadow: 0 10px 20px rgba(255,255,255,0.2);\n}\n\n\/* 8. OPTIMIZATION SPECIFICA MOBILE *\/\n@media (max-width: 768px) {\n  #gevix-hero { \n    min-height: 90vh; \n    padding: 60px 0;\n  }\n  .hero-logo-container { \n    width: 190px; \n    height: 190px; \n    margin-bottom: 25px;\n  }\n  .hero-title { \n    font-size: 36px; \n  }\n  .hero-subtitle { \n    font-size: 13px; \n    letter-spacing: 0.05em;\n    margin-bottom: 30px;\n  }\n  .hero-text-texture { \n    font-size: 22vw; \n    top: 45%;\n  }\n  .hero-cta {\n    padding: 12px 28px;\n    font-size: 13px;\n  }\n}\n<\/style>\n\n<section id=\"gevix-hero\">\n  <!-- Texture di sfondo -->\n  <div class=\"hero-text-texture\">GEVIX MC<\/div>\n\n  <div class=\"hero-content-wrapper\" id=\"hero-interactive\">\n    <!-- Logo circolare -->\n    <div class=\"hero-logo-container\">\n      <div class=\"hero-logo-glow\"><\/div>\n      <img decoding=\"async\" src=\"https:\/\/19positivevibes.it\/wp-content\/uploads\/2026\/08\/1786532762514.png\" alt=\"Gevix Mc - 19 Positive Vibes\">\n    <\/div>\n\n    <!-- Titolo e Sottotitolo -->\n    <h1 class=\"hero-title\">Gevix Mc<\/h1>\n    <p class=\"hero-subtitle\">Musica . Energia . Positive Vibes<\/p>\n\n    <!-- Botton Call to Action -->\n    <a href=\"#nuova-musica\" class=\"hero-cta\">Ascolta l&#8217;Inedito<\/a>\n  <\/div>\n<\/section>\n\n<!-- JAVASCRIPT PER PARALLASSE -->\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  const heroContainer = document.getElementById('gevix-hero');\n  const interactiveContent = document.getElementById('hero-interactive');\n  \n  \/\/ Attivo l'effetto 3D solo su schermi desktop per evitare scatti su mobile\n  if (heroContainer && interactiveContent && window.innerWidth > 768) {\n    heroContainer.addEventListener('mousemove', function(e) {\n      const xAxis = (window.innerWidth \/ 2 - e.pageX) \/ 40;\n      const yAxis = (window.innerHeight \/ 2 - e.pageY) \/ 40;\n      \n      interactiveContent.style.transform = `rotateY(${xAxis}deg) rotateX(${yAxis}deg) translateZ(10px)`;\n    });\n    \n    heroContainer.addEventListener('mouseleave', function() {\n      interactiveContent.style.transform = 'rotateY(0deg) rotateX(0deg) translateZ(0px)';\n      interactiveContent.style.transition = 'transform 0.5s ease-out';\n    });\n  }\n});\n<\/script>\n<\/blockquote>\n\n\n\n<style>\n.custom-player-container {\n    background: #1e1e1e;\n    padding: 30px;\n    border-radius: 12px;\n    border: 1px solid #333;\n    max-width: 400px;\n    margin: 40px auto;\n    text-align: center;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.3);\n}\n\n.player-label {\n    font-family: 'Montserrat', sans-serif;\n    color: #888;\n    font-size: 12px;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    margin-bottom: 10px;\n    display: block;\n}\n\n.track-title {\n    font-family: 'Montserrat', sans-serif;\n    color: #fff;\n    font-size: 18px;\n    margin-bottom: 20px;\n    font-weight: 600;\n}\n\n\/* Trucco CSS per rendere il player nativo scuro e coerente col sito *\/\naudio {\n    width: 100%;\n    filter: invert(1) hue-rotate(180deg) brightness(1.2);\n}\n<\/style>\n\n<div class=\"custom-player-container\">\n   \n    <h2 class=\"track-title\">Mani in Pasta &#8211; Gevix Mc<\/h2>\n    \n    <audio controls>\n        <source src=\"https:\/\/19positivevibes.it\/wp-content\/uploads\/2026\/08\/Mani-in-Pasta-Gevix-Mc-2-1.mp3\" type=\"audio\/mpeg\">\n        Il tuo browser non supporta l&#8217;elemento audio.\n    <\/audio>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>GEVIX MC Gevix Mc Musica . Energia . Positive Vibes Ascolta l&#8217;Inedito Mani in Pasta &#8211; Gevix Mc Il tuo browser non supporta l&#8217;elemento audio.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/19positivevibes.it\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/19positivevibes.it\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/19positivevibes.it\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/19positivevibes.it\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/19positivevibes.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":5,"href":"https:\/\/19positivevibes.it\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":17,"href":"https:\/\/19positivevibes.it\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/17"}],"wp:attachment":[{"href":"https:\/\/19positivevibes.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}