/* ============================================================ BALEARIC GROOVE v3 — parts-v3.jsx Design System: Yellow #F1E850 · Red #E42322 · Deep Glass ============================================================ */ const { useState, useEffect, useContext, createContext } = React; const LangContext = createContext({ lang: 'en', setLang: () => {} }); function useLang() { return useContext(LangContext); } /* ── Translations ── */ const T = { en: { est: 'Est. 2026 · Ibiza · Balearic Islands', heroH1: 'Mediterranean soul,', heroH2: 'after midnight.', heroSub: 'An independent record label for Balearic Downtempo & Deep House. We sign feeling over formula — the warm, the patient, the deep.', heroCta1: 'Explore Releases', heroCta2: 'Submit Music', navReleases: 'Releases', navArtists: 'Artists', navSound: 'Sound', navDemo: 'Submit Music', maniEye: 'The Sound', maniH: ['Not just a label.','A character with','something to say.'], maniP1: "Balearic Groove was born in a rain-soaked alley with a vinyl in one hand and nothing to prove. We don't chase the charts — we chase the feeling of the last hour before sunrise, when the island goes quiet and the bass goes deep.", maniP2: 'Every release is curated, mastered and pressed with intention. Mediterranean warmth, underground edge, zero compromise.', statFounded:'Founded', statReleases:'Releases', statArtists:'Artists on roster', relEye:'Discography', relH:'Latest', relHem:'Releases', filterAll:'All', artEye:'The Roster', artH:'Our', artHem:'Artists', artJoin:'Join the roster', artView:'View Profile', artReleases:'releases', ctaEye:'Open Submissions', ctaH:'Is your music', ctaHem:'the right fit?', ctaSub:"We listen to every demo. If it fits our sound, we'll be in touch within 4–6 weeks.", ctaBtn:'Send Your Music', demoEye:'A&R · demos@balearicgroove.com', demoH:'Send us your', demoHem:'music', demoSub:"We listen to every demo. No connections needed — just the right feeling.", fName:'Your Name', fEmail:'Email', fArtist:'Artist / Project Name', fGenre:'Genre / Style', fGenreP:'Select a style…', fLink:'Demo Link', fLinkP:'SoundCloud private / Dropbox / WeTransfer URL', fMsg:'Message', fMsgP:'Tell us about your sound…', fMsgOpt:'(optional)', fGdpr:'I agree to Balearic Groove storing my submission to review it, in line with the', fPrivacy:'Privacy Policy', fSubmit:'Submit Demo', fSending:'Sending…', fReply:'Avg. reply · 4–6 weeks', r1t:'Every demo gets heard', r1s:'No gatekeeping. A human listens to all of it.', r2t:'Artist-first deals', r2s:'Fair splits, full credit, real promo behind every release.', r3t:'A real home', r3s:"Join a tight roster, not an algorithm's playlist.", soundTags:['Balearic','Downtempo','Deep House','Organic','Sunset','Dub','Analog warmth','120–122 BPM'], faq:[ ['What do you listen for?','Feeling first. We want originality, warmth and a strong sense of mood over technical perfection. Mediterranean spirit always wins.'], ['How should I send my demo?','A private SoundCloud, Dropbox or WeTransfer link to 1–3 of your best tracks. No zip files, please.'], ["Do you reply to everyone?","We genuinely listen to every demo. If it fits we reach out within 4–6 weeks. Silence just means it wasn't the right moment."], ], successH:'Demo received.', successW:'4–6 weeks', successCta:'Back to the music', successP:"It's spinning on our deck right now. We'll get back to you within", footDesc:'Mediterranean Downtempo & Deep House. Pressed with intention in Ibiza, Balearic Islands.', footExplore:'Explore', footListen:'Listen', footNews:'Newsletter', footNewsSub:'Sunset sessions & new releases. No spam.', footCopy:'© 2026 Balearic Groove Records · Made with salt air in', streamSoon:'SoundCloud · streaming soon', featTag:'Featured', streamNow:'Stream Now', viewTracklist:'View tracklist', joinRoster:'Join the roster', errReq:'Required', errEmail:'Valid email required', errPick:'Pick one', errLink:'Add a full link (https://…)', errConsent:'Consent required', }, es: { est: 'Est. 2026 · Ibiza · Islas Baleares', heroH1: 'Alma mediterránea,', heroH2: 'después de medianoche.', heroSub: 'Un sello discográfico independiente de Balearic Downtempo y Deep House. Firmamos sentimiento, no fórmula — lo cálido, lo paciente, lo profundo.', heroCta1: 'Explorar Lanzamientos', heroCta2: 'Mandar Música', navReleases:'Lanzamientos', navArtists:'Artistas', navSound:'Sonido', navDemo:'Mandar Música', maniEye:'El Sonido', maniH:['No solo un sello.','Un personaje con','algo que decir.'], maniP1:'Balearic Groove nació en un callejón bajo la lluvia, con un vinilo en la mano y nada que demostrar. No perseguimos las listas — perseguimos ese feeling de la última hora antes del amanecer, cuando la isla enmudece y el bajo se hace profundo.', maniP2:'Cada lanzamiento es curado, masterizado y prensado con intención. Calidez mediterránea, filo underground, cero compromiso.', statFounded:'Fundado', statReleases:'Lanzamientos', statArtists:'Artistas en roster', relEye:'Discografía', relH:'Últimos', relHem:'Lanzamientos', filterAll:'Todos', artEye:'El Roster', artH:'Nuestros', artHem:'Artistas', artJoin:'Únete al roster', artView:'Ver Perfil', artReleases:'lanzamientos', ctaEye:'Convocatoria Abierta', ctaH:'¿Tu música es', ctaHem:'lo que buscamos?', ctaSub:'Escuchamos cada demo. Si encaja con nuestro sonido, te contactamos en 4–6 semanas.', ctaBtn:'Mandar Música', demoEye:'A&R · demos@balearicgroove.com', demoH:'Mándanos tu', demoHem:'música', demoSub:'Escuchamos cada demo. Sin enchufes — solo el feeling correcto.', fName:'Tu Nombre', fEmail:'Correo Electrónico', fArtist:'Nombre Artístico / Proyecto', fGenre:'Género / Estilo', fGenreP:'Elige un estilo…', fLink:'Enlace al Demo', fLinkP:'SoundCloud privado / Dropbox / URL WeTransfer', fMsg:'Mensaje', fMsgP:'Cuéntanos sobre tu sonido…', fMsgOpt:'(opcional)', fGdpr:'Acepto que Balearic Groove guarde mi envío para revisarlo, conforme a la', fPrivacy:'Política de Privacidad', fSubmit:'Enviar Demo', fSending:'Enviando…', fReply:'Resp. media · 4–6 semanas', r1t:'Cada demo se escucha', r1s:'Sin filtros. Una persona real escucha todo.', r2t:'Contratos artista-primero', r2s:'Reparto justo, crédito completo, promo real.', r3t:'Un hogar de verdad', r3s:"Únete a un roster pequeño, no a la playlist de un algoritmo.", soundTags:['Balearic','Downtempo','Deep House','Orgánico','Atardecer','Dub','Calidez analógica','120–122 BPM'], faq:[ ['¿Qué buscáis?','El feeling primero. Queremos originalidad, calidez y un fuerte sentido del mood por encima de la perfección técnica.'], ['¿Cómo envío mi demo?','Un enlace privado de SoundCloud, Dropbox o WeTransfer con 1–3 temas. Sin zips, por favor.'], ['¿Respondéis a todo el mundo?','Escuchamos cada demo. Si encaja, contactamos en 4–6 semanas. El silencio solo significa que no era el momento.'], ], successH:'Demo recibido.', successW:'4–6 semanas', successCta:'Volver a la música', successP:'Está girando en nuestra mesa. Te responderemos en', footDesc:'Downtempo Balear y Deep House. Prensado con intención en Ibiza, Islas Baleares.', footExplore:'Explorar', footListen:'Escuchar', footNews:'Newsletter', footNewsSub:'Sesiones de atardecer y nuevos lanzamientos. Sin spam.', footCopy:'© 2026 Balearic Groove Records · Hecho con aire salado en', streamSoon:'SoundCloud · próximamente', featTag:'Destacado', streamNow:'Escuchar Ahora', viewTracklist:'Ver tracklist', joinRoster:'Únete al roster', errReq:'Obligatorio', errEmail:'Email válido requerido', errPick:'Elige uno', errLink:'Añade un enlace completo (https://…)', errConsent:'Se requiere consentimiento', } }; /* ── Icons ── */ const I = { insta: () => (), soundcloud: () => (), spotify: () => (), beatport: () => (), play: () => (), pause: () => (), prev: () => (), next: () => (), vol: () => (), plus: () => (), close: () => (), arrow: () => (), arrowUp: () => (), send: () => (), user: () => (), music: () => (), }; /* ── Data ── */ const SOCIAL = [ { k:'insta', label:'Instagram', url:'https://instagram.com/balearicgroove' }, { k:'soundcloud', label:'SoundCloud', url:'https://soundcloud.com/balearicgroove' }, { k:'spotify', label:'Spotify', url:'https://open.spotify.com/' }, { k:'beatport', label:'Beatport', url:'https://www.beatport.com/' }, ]; const RELEASES = [ { id:'bg001', title:'Sunset Mirage', artist:'Marina Solé', format:'EP', date:'2026.05.18', c1:'#0f3340', c2:'#0a1b28', accent:'ep', cover:'https://images.unsplash.com/photo-1509233725247-49e657c54213?w=640&q=80&fit=crop' }, { id:'bg002', title:'Salinas at 4AM', artist:'Dunes', format:'Single', date:'2026.04.02', c1:'#3a2a1c', c2:'#1d130a', accent:'single', cover:'https://images.unsplash.com/photo-1519681393784-d120267933ba?w=640&q=80&fit=crop' }, { id:'bg003', title:'Mediterráneo', artist:'Niko Vega', format:'LP', date:'2026.02.21', c1:'#2c2a16', c2:'#161408', accent:'lp', cover:'https://images.unsplash.com/photo-1516483638261-f4dbaf036963?w=640&q=80&fit=crop' }, ]; const FEATURED = { title:'Aurora', artist:'Marina Solé', format:'EP', date:'2026.06.01', track:'Aurora (Original Mix)', desc:'Our flagship release of the season. A journey through Mediterranean nights — deep, patient, and impossibly warm.', c1:'#0d3a44', c2:'#081a26', cover:'https://images.unsplash.com/photo-1604537466608-109fa2f16c3b?w=900&q=80&fit=crop' }; const ARTISTS = [ { name:'Marina Solé', style:'Balearic Downtempo', releases:4, photo:'https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=500&q=80&fit=crop&crop=faces' }, { name:'Dunes', style:'Deep House', releases:2, photo:'https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=500&q=80&fit=crop&crop=faces' }, { name:'Niko Vega', style:'Organic House', releases:6, photo:'https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?w=500&q=80&fit=crop&crop=faces' }, { name:'Lluna', style:'Ambient · Dub', releases:3, photo:'https://images.unsplash.com/photo-1531746020798-e6953c6e8e04?w=500&q=80&fit=crop&crop=faces' }, ]; /* ── WALKING MASCOT — ping-pong canvas player ── */ function WalkingMascot() { const canvasRef = React.useRef(null); React.useEffect(() => { const canvas = canvasRef.current; if (!canvas) return; const ctx = canvas.getContext('2d'); const video = document.createElement('video'); video.src = 'assets/mascot-walk.mp4'; video.muted = true; video.playsInline = true; video.preload = 'auto'; let animId = null, reversing = false, revTime = 0; const STEP = 1 / 24; const draw = () => { ctx.clearRect(0, 0, canvas.width, canvas.height); if (video.readyState < 2) return; ctx.drawImage(video, 0, 0, canvas.width, canvas.height); // Remove white background const id = ctx.getImageData(0, 0, canvas.width, canvas.height); const d = id.data; for (let i = 0; i < d.length; i += 4) { const r=d[i], g=d[i+1], b=d[i+2]; if (r > 218 && g > 218 && b > 218) { const avg = (r + g + b) / 3; d[i+3] = Math.round(Math.max(0, (255 - avg) * 4)); } } ctx.putImageData(id, 0, 0); }; const rafLoop = () => { draw(); animId = requestAnimationFrame(rafLoop); }; const doRevStep = () => { if (!reversing) return; revTime = Math.max(0, revTime - STEP); video.currentTime = revTime; }; video.addEventListener('loadedmetadata', () => { canvas.width = video.videoWidth || 500; canvas.height = video.videoHeight || 500; }); video.addEventListener('play', () => { cancelAnimationFrame(animId); animId = requestAnimationFrame(rafLoop); }); video.addEventListener('ended', () => { reversing = true; revTime = video.duration; cancelAnimationFrame(animId); doRevStep(); }); video.addEventListener('seeked', () => { draw(); if (!reversing) return; if (revTime <= 0) { reversing = false; video.play().catch(() => {}); } else { setTimeout(doRevStep, STEP * 1000); } }); video.load(); video.play().catch(() => {}); return () => { reversing = false; cancelAnimationFrame(animId); video.pause(); video.src = ''; }; }, []); return ( ); } /* ── useReveal (scroll-based, bulletproof) ── */ function useReveal() { useEffect(() => { const reveal = () => { const h = window.innerHeight || document.documentElement.clientHeight; document.querySelectorAll('.reveal:not(.in)').forEach(el => { const r = el.getBoundingClientRect(); if (r.top < h * .92 && r.bottom > -40) el.classList.add('in'); }); }; reveal(); window.addEventListener('scroll', reveal, { passive:true }); window.addEventListener('resize', reveal); const t1 = setTimeout(reveal, 200), t2 = setTimeout(reveal, 800); return () => { window.removeEventListener('scroll', reveal); window.removeEventListener('resize', reveal); clearTimeout(t1); clearTimeout(t2); }; }, []); } /* ── Blob light source component ── */ function Blob({ className, style }) { return ; } /* ── NAV ── */ function Nav({ onOpenDemo }) { const { lang, setLang } = useLang(); const t = T[lang]; const [scrolled, setScrolled] = useState(false); const [menu, setMenu] = useState(false); useEffect(() => { const fn = () => setScrolled(window.scrollY > 60); window.addEventListener('scroll', fn, { passive:true }); fn(); return () => window.removeEventListener('scroll', fn); }, []); useEffect(() => { document.body.style.overflow = menu ? 'hidden' : ''; }, [menu]); const go = (e, href) => { e.preventDefault(); setMenu(false); if (href === '#demo') { onOpenDemo(); return; } document.querySelector(href)?.scrollIntoView({ behavior:'smooth' }); }; const links = [[t.navReleases,'#releases'],[t.navArtists,'#artists'],[t.navSound,'#manifesto']]; return (
Balearic GrooveBalearic Groove
{links.map(([label,href]) => go(e,href)}>{label})} go(e,'#demo')}>{t.navDemo}
{SOCIAL.map(s=>{I[s.k]()})}
/
); } /* ── HERO ── */ function Hero({ onOpenDemo }) { const { lang } = useLang(); const t = T[lang]; const rain = Array.from({ length: 60 }); const parts = Array.from({ length: 24 }); return (
Balearic Groove — rainy alley
{/* Yellow glow orb behind the mascot */}
{rain.map((_,i) => { const l=Math.random()*100, dur=.5+Math.random()*.7, delay=Math.random()*4, h=50+Math.random()*70; return ; })}
{parts.map((_,i) => { const l=Math.random()*100, top=35+Math.random()*55, sz=2+Math.random()*5, dur=6+Math.random()*7, delay=Math.random()*7; return ; })}
{SOCIAL.map(s=>{I[s.k]()})}
{t.est}

{t.heroH1}
{t.heroH2}

{t.heroSub}

{e.preventDefault();document.querySelector('#releases')?.scrollIntoView({behavior:'smooth'});}}> {I.play()} {t.heroCta1}
Scroll
); } /* ── MARQUEE ── */ function Marquee() { const items = ['Deep House','Balearic','Downtempo','Sunset Sessions','Organic House','Ibiza Nights','Analog Soul','After Hours']; const row = [...items, ...items]; return ( ); } /* ── MANIFESTO ── */ function Manifesto() { const { lang } = useLang(); const t = T[lang]; return (
{/* Atmospheric blobs for glass depth */}
{t.maniEye}

{t.maniH[0]}
{t.maniH[1]}
{t.maniH[2]}

{t.maniP1}

{t.maniP2}

2026
{t.statFounded}
12
{t.statReleases}
4
{t.statArtists}
); } Object.assign(window, { React, useState, useEffect, useContext, createContext, LangContext, useLang, T, I, SOCIAL, RELEASES, FEATURED, ARTISTS, useReveal, Blob, WalkingMascot, Nav, Hero, Marquee, Manifesto, });