// Podform MVP — simplified single-file React app // Core journey: Land → Browse → View podcast → Submit request // No login required. No dashboards. No chat. No payments. const { useState } = React; // ── Icons (minimal set) ── const _ic = (paths, p) => { const {size=24,fill:fi,style:s,...r} = p||{}; const ch = (Array.isArray(paths)?paths:[paths]).map((d,i) => typeof d==='string'? React.createElement('path',{key:i,d}) : React.createElement(d.t||'path',{key:i,...d})); return React.createElement('svg',{width:size,height:size,viewBox:'0 0 24 24',fill:fi||'none',stroke:'currentColor',strokeWidth:2,strokeLinecap:'round',strokeLinejoin:'round',style:s,...r},...ch); }; const Search=(p)=>_ic(["M11 17.25a6.25 6.25 0 1 1 0-12.5 6.25 6.25 0 0 1 0 12.5z","M16 16l4.5 4.5"],p); const Mic=(p)=>_ic([{t:'rect',x:9,y:1,width:6,height:12,rx:3},"M19 10v2a7 7 0 0 1-14 0v-2","M12 19v4","M8 23h8"],p); const ArrowRight=(p)=>_ic(["M5 12h14","M12 5l7 7-7 7"],p); const ArrowLeft=(p)=>_ic(["M19 12H5","M12 19l-7-7 7-7"],p); const Check=(p)=>_ic("M20 6L9 17l-5-5",p); const Shield=(p)=>_ic("M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z",p); const Users=(p)=>_ic(["M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2",{t:'circle',cx:9,cy:7,r:4},"M23 21v-2a4 4 0 0 0-3-3.87","M16 3.13a4 4 0 0 1 0 7.75"],p); const Play=(p)=>_ic({t:'polygon',points:"5 3 19 12 5 21 5 3"},p); const Send=(p)=>_ic(["M22 2L11 13","M22 2l-7 20-4-9-9-4 20-7z"],p); const Mail=(p)=>_ic([{t:'rect',x:2,y:4,width:20,height:16,rx:2},"M22 7l-10 7L2 7"],p); const ChevronRight=(p)=>_ic("M9 18l6-6-6-6",p); const ChevronDown=(p)=>_ic("M6 9l6 6 6-6",p); const ChevronUp=(p)=>_ic("M18 15l-6-6-6 6",p); const Star=(p)=>{const{fill:f,...r}=p||{};return _ic({t:'polygon',points:"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2",...(f?{fill:f}:{})},r);}; const X=(p)=>_ic(["M18 6L6 18","M6 6l12 12"],p); function PodformLogo({ size = 28, color = "#7EE8D5" }) { return ( ); } // ── Podcast data ── const INITIAL_PODCASTS = [ { id:"1", name:"Gaurar Með Stæla", cat:"Grín", desc:"Unnar, Ingi og Tommi beint í æð alla mánudaga. Hér verða strákar að gaurum og stelpur að gellum.", listeners:0, eps:5, freq:"Vikulega", rating:5.0, reviews:33, age:{a1:0,a2:0,a3:0,a4:0,a5:0}, gender:{m:0,f:0,o:0}, loc:{rvk:0,other:0}, color:"#dc2626", img:"./covers/gaurar.jpg" }, { id:"2", name:"CURLY FM", cat:"Samfélag", desc:"Jakob og Krulli — snáðar að snáðast í boði tveir heimskir ehf.", listeners:0, eps:96, freq:"Vikulega", rating:4.5, reviews:87, age:{a1:0,a2:0,a3:0,a4:0,a5:0}, gender:{m:0,f:0,o:0}, loc:{rvk:0,other:0}, color:"#f59e0b", img:"./covers/curly.jpg" }, ]; const CATS = ["Allt","Fréttir","Tækni","Glæpasögur","Heilsa","Íþróttir","Viðskipti","Menning","Saga","Grín","Fræðsla","Tónlist","Vísindi","Samfélag"]; const fmtK = (n) => n >= 10000 ? (n/1000).toFixed(0)+"k" : n >= 1000 ? (n/1000).toFixed(1)+"k" : String(n); function RatingStars({rating, size = 14}) { return ( {[1,2,3,4,5].map(i => ( ))} ); } function ProgressBar({pct, color}) { return (
); } function PodImg({pod, size = 44, radius = "rounded-xl"}) { const s = size + "px"; if (pod.img) return {pod.name}; return
; } // ── Main App ── function PodformApp() { const [view, setView] = useState("landing"); const [q, setQ] = useState(""); const [cat, setCat] = useState("Allt"); const [selPod, setSelPod] = useState(null); const [openFaq, setOpenFaq] = useState(null); const [toast, setToast] = useState(null); const [showMobileMenu, setShowMobileMenu] = useState(false); const [requestForm, setRequestForm] = useState({ companyName:"", contactName:"", email:"", phone:"", message:"", podcast:"" }); const [podcastForm, setPodcastForm] = useState({ podcastName:"", contactName:"", email:"", phone:"", message:"" }); // Podcast state (mutable for admin CRUD) const [podcasts, setPodcasts] = useState(INITIAL_PODCASTS); // Admin state const [adminPass, setAdminPass] = useState(""); const [adminAuth, setAdminAuth] = useState(false); const [editPod, setEditPod] = useState(null); // null = closed, {} = new, {id:...} = editing const [deletePod, setDeletePod] = useState(null); // podcast to confirm delete const ADMIN_PASSWORD = "podform2026"; const emptyPodForm = () => ({name:"",cat:"Fréttir",desc:"",listeners:"",eps:"",freq:"Vikulega",rating:"4.5",reviews:"0",age:{a1:"0",a2:"0",a3:"0",a4:"0",a5:"0"},gender:{m:"0",f:"0",o:"0"},loc:{rvk:"0",other:"0"},color:"#7c3aed",img:""}); const go = (v) => { setView(v); window.scrollTo(0,0); setShowMobileMenu(false); }; const showToast = (msg) => { setToast(msg); setTimeout(() => setToast(null), 3500); }; const filtered = podcasts.filter(p => { if (cat !== "Allt" && p.cat !== cat) return false; if (q.trim()) { const s = q.toLowerCase(); return p.name.toLowerCase().includes(s) || p.desc.toLowerCase().includes(s); } return true; }); const handleRequestSubmit = (e) => { e.preventDefault(); const f = requestForm; if (!f.companyName || !f.contactName || !f.email) { showToast("Vinsamlegast fylltu út nauðsynlega reiti."); return; } // Send to Formspree fetch("https://formspree.io/f/meeppnlw", { method: "POST", headers: {"Content-Type": "application/json", "Accept": "application/json"}, body: JSON.stringify({ podcast: requestForm.podcast || "Ekkert valið", companyName: requestForm.companyName, contactName: requestForm.contactName, email: requestForm.email, phone: requestForm.phone || "—", message: requestForm.message || "—", }), }).then(res => { if (res.ok) { showToast("Fyrirspurn móttekin! Við höfum samband fljótlega."); setRequestForm({companyName:"", contactName:"", email:"", phone:"", message:"", podcast:""}); go("landing"); } else { showToast("Villa kom upp. Reyndu aftur."); } }).catch(() => { showToast("Villa kom upp. Reyndu aftur."); }); }; return (
{toast && (
{toast}
)} {/* ═══ NAV ═══ */} {/* ═══ LANDING ═══ */} {view === "landing" && (
{/* Hero — dual-sided */}

Hlaðvörp og fyrirtæki,{" "} tengd á einum stað

Podform gerir fyrirtækjum auðvelt að finna og styrkja íslensk hlaðvörp — og hlaðvörpum auðvelt að fá styrktaraðila.

Podcast illustration
{/* Podcasts on Podform */} {podcasts.length > 0 && (

Hlaðvörp á Podform

{[...podcasts].sort((a,b) => b.rating - a.rating).slice(0,6).map(p => (
{setSelPod(p);go("profile")}}>
{p.name}
{p.rating} ({p.reviews}) · {p.cat}
))}
)} {/* How it works */}

Hvernig virkar Podform?

Þrjú einföld skref

{[ {n:"1",t:"Skoðaðu hlaðvörp",d:"Skoðaðu hlaðvörp eftir flokkum, einkunnum og markhópi. Allt á einum stað.",icon:}, {n:"2",t:"Veldu það sem hentar",d:"Skoðaðu lýsingu, flokk og einkunnir hvers hlaðvarps til að finna rétta samsvörun.",icon:}, {n:"3",t:"Sendu fyrirspurn",d:"Fylltu út stutt eyðublað og við tengum þig við hlaðvarpið. Einfalt og fljótt.",icon:}, ].map((s,i) => (
{s.icon}
Skref {s.n}
{s.t}
{s.d}
))}
{/* Fyrir hlaðvörp — podcast acquisition */}
Fyrir hlaðvörp

Fáðu styrktaraðila fyrir hlaðvarpið þitt

Skráðu hlaðvarpið þitt á Podform og opnaðu dyrnar að fyrirtækjum sem vilja styrkja hlaðvörp eins og þitt. Ekkert kostar og enginn binding.

{[ {t:"Ókeypis skráning",d:"Enginn kostnaður við að vera á vettvangnum."}, {t:"Fyrirtæki finna þig",d:"Þú birtist í leitarniðurstöðum fyrirtækja sem leita að markhópnum þínum."}, {t:"Þú ræður skilmálum",d:"Verð og samstarf er alltaf í þínum höndum."}, ].map((item,i) => (
{item.t}
{item.d}
))}
Skráðu áhuga
{ e.preventDefault(); if (!podcastForm.podcastName || !podcastForm.email) { showToast("Vinsamlegast fylltu út nauðsynlega reiti."); return; } fetch("https://formspree.io/f/meeppnlw", { method:"POST", headers:{"Content-Type":"application/json","Accept":"application/json"}, body: JSON.stringify({type:"HLAÐVARP SKRÁNING", podcastName:podcastForm.podcastName, contactName:podcastForm.contactName||"—", email:podcastForm.email, phone:podcastForm.phone||"—", message:podcastForm.message||"—"}), }).then(r => { if(r.ok){showToast("Takk! Við höfum samband fljótlega.");setPodcastForm({podcastName:"",contactName:"",email:"",phone:"",message:""})}else{showToast("Villa kom upp.")} }).catch(()=>showToast("Villa kom upp.")); }} className="space-y-3"> setPodcastForm(f=>({...f,podcastName:e.target.value}))} placeholder="Nafn hlaðvarps *" className="w-full border rounded-lg px-3.5 py-2.5 text-sm" style={{borderColor:"#1A2744",backgroundColor:"#0B1120",color:"#ffffff"}} required/> setPodcastForm(f=>({...f,contactName:e.target.value}))} placeholder="Tengiliður" className="w-full border rounded-lg px-3.5 py-2.5 text-sm" style={{borderColor:"#1A2744",backgroundColor:"#0B1120",color:"#ffffff"}}/> setPodcastForm(f=>({...f,email:e.target.value}))} placeholder="Netfang *" className="w-full border rounded-lg px-3.5 py-2.5 text-sm" style={{borderColor:"#1A2744",backgroundColor:"#0B1120",color:"#ffffff"}} required/>