{/* HERO /} {/ IMAGE SUGGESTION: mehka, svetla lifestyle fotka ženske (30–55 let), nasmeh v profilu, roka na prsnem košu – občutek varnosti, topline. Alternativa: ilustracija ženskih silhuet v rožnatih tonih brez seksualizacije. /}
Rožnati oktober · serija seminarjev po Sloveniji Tretje mnenje za zdravje tvojih “jošk” Raziskujemo, kaj še poleg medicine. Pridi po jasnost o hormonih, presnovi in podpori ob (ali po) zdravljenju. Brez floskul, z veliko topline in praktičnih korakov. Izberi svojo lokacijoPrijava na obvestilaPrenesi knjižico + video serijo
Sproščen ton je nameren. Besedo “joške” uporabljamo v navednicah – igrivo, ne žaljivo.
{/* IMAGE SLOT 1 */}
Tukaj vstavi HERO sliko (glej predlog zgoraj)
{/* TERMINI */}
<section id="termini" className="py-16 sm:py-20 bg-white">
<div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
<div className="flex items-center justify-between">
<h2 className="text-2xl sm:text-3xl font-bold">Izberi termin in lokacijo</h2>
<a href="#trgovina" className="text-rose-700 font-semibold hover:underline">→ Povezava do spletne trgovine</a>
</div>
<div className="mt-8 grid md:grid-cols-3 gap-6">
{/* CARD LJUBLJANA */}
<div className="rounded-3xl border border-gray-200 p-6 shadow-sm hover:shadow-md transition">
<h3 className="text-xl font-bold">Ljubljana</h3>
<p className="mt-1 text-gray-700">Četrtek, 16. 10., 18:00–20:30</p>
<p className="text-gray-600">Obrtno-podjetniška zbornica Vič</p>
<div className="mt-4 aspect-[4/3] rounded-2xl bg-gray-50 flex items-center justify-center">
{/* IMAGE SUGGESTION: zunanjost/ambient dvorane, simbolična rožnata pentlja v minimalističnem stilu. */}
<span className="text-gray-400">Slika prizorišča ali simbolna grafika</span>
</div>
<a href="#trgovina" className="mt-5 inline-block rounded-xl bg-rose-600 px-4 py-2 text-white font-semibold hover:bg-rose-700">Rezerviraj mesto</a>
</div>
{/* CARD MARIBOR */}
<div className="rounded-3xl border border-gray-200 p-6 shadow-sm hover:shadow-md transition">
<h3 className="text-xl font-bold">Maribor</h3>
<p className="mt-1 text-gray-700">Četrtek, 23. 10., 18:00–20:30</p>
<p className="text-gray-600">Hotel Bau Maribor</p>
<div className="mt-4 aspect-[4/3] rounded-2xl bg-gray-50 flex items-center justify-center">
<span className="text-gray-400">Slika prizorišča ali simbolna grafika</span>
</div>
<a href="#trgovina" className="mt-5 inline-block rounded-xl bg-rose-600 px-4 py-2 text-white font-semibold hover:bg-rose-700">Rezerviraj mesto</a>
</div>
{/* CARD ANKARAN */}
<div className="rounded-3xl border border-gray-200 p-6 shadow-sm hover:shadow-md transition">
<h3 className="text-xl font-bold">Ankaran</h3>
<p className="mt-1 text-gray-700">Sobota, 18. 10., 18:00–20:30</p>
<p className="text-gray-600">Rezidenca Ortus (nasproti bolnišnice Valdoltra)</p>
<div className="mt-4 aspect-[4/3] rounded-2xl bg-gray-50 flex items-center justify-center">
<span className="text-gray-400">Slika prizorišča ali simbolna grafika</span>
</div>
<a href="#trgovina" className="mt-5 inline-block rounded-xl bg-rose-600 px-4 py-2 text-white font-semibold hover:bg-rose-700">Rezerviraj mesto</a>
</div>
</div>
</div>
</section>
{/* ZA KOGA JE */}
<section className="py-16 sm:py-20 bg-rose-50/60">
<div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
<h2 className="text-2xl sm:text-3xl font-bold">Za koga je seminar?</h2>
<div className="mt-6 grid md:grid-cols-3 gap-6">
<div className="rounded-3xl bg-white p-6 shadow-sm border">
<h3 className="font-semibold">Podpora ob/pred/po zdravljenju</h3>
<p className="mt-2 text-gray-700">Če prebolevaš ali si prebolela raka dojk ali druge hormonsko občutljive rake in želiš vedeti, kaj lahko narediš <em>poleg</em> uradne medicine.</p>
</div>
<div className="rounded-3xl bg-white p-6 shadow-sm border">
<h3 className="font-semibold">Preventiva (tudi ob predispoziciji)</h3>
<p className="mt-2 text-gray-700">Če imaš rak v družini ali svoje “vozličaste” dojke in želiš razumeti praktične korake za zmanjšanje tveganj.</p>
</div>
<div className="rounded-3xl bg-white p-6 shadow-sm border">
<h3 className="font-semibold">Celostno zdravje žensk</h3>
<p className="mt-2 text-gray-700">Če te zanimajo hormoni, prehrana, črevesje in presnova ter želiš strukturiran, življenjski pristop.</p>
</div>
</div>
</div>
</section>
{/* KAJ SE NAUČIŠ */}
<section className="py-16 sm:py-20 bg-white">
<div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
<h2 className="text-2xl sm:text-3xl font-bold">Kaj boš odnesla s seminarja</h2>
<div className="mt-6 grid md:grid-cols-2 gap-8">
<ul className="space-y-4 text-gray-800">
<li>• “Tretje mnenje”: drugačen, bolj celosten pogled na raka dojk in hormonsko občutljive rake.</li>
<li>• Kaj je estrogenska dominanca in kako ukrotimo tri različne vrste estrogenov.</li>
<li>• Kako preusmeriti škodljivo presnovo estrogenov v koristne poti.</li>
<li>• Vloga stresa in kako ga naslovimo v praksi.</li>
<li>• Prehranski protokoli za podporo presnove – od želodca do estroboloma.</li>
<li>• DUTCH test in <span className="whitespace-nowrap">E-sëni</span> test: kdaj, zakaj, kaj ti povesta.</li>
<li>• Mamografija in alternative: plusi in minusi različnih pristopov.</li>
</ul>
<div className="rounded-3xl bg-gray-50 p-6 border">
{/* IMAGE SUGGESTION: shematski, ne-medikaliziran diagram “presnova estrogenov” ali fotka delavnice (ti v akciji, tabla, ženske v publiki). */}
<div className="aspect-[4/3] w-full rounded-2xl bg-gray-100 mb-4 flex items-center justify-center">
<span className="text-gray-400">Vstavi vizual: presnova estrogenov / fotka s predavanja</span>
</div>
<p className="text-sm text-gray-600">Namig: ena strokovna grafika + ena “človeška” fotka povečata zaupanje in deljenja.</p>
</div>
</div>
</div>
</section>
{/* KAKO DELUJE – MEHANIZEM */}
<section className="py-16 sm:py-20 bg-rose-50/60">
<div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
<h2 className="text-2xl sm:text-3xl font-bold">Kako pridem do rezultatov</h2>
<p className="mt-4 text-gray-800">Delamo v treh korakih: (1) razumeš svoje hormone in presnovo, (2) uvedeš prilagojen prehranski in življenjski protokol, (3) spremljaš pokazatelje in po potrebi testiraš. Preprosto, izvedljivo, z jasnimi prioritetami.</p>
<div className="mt-6 grid md:grid-cols-2 gap-6">
<div className="rounded-3xl bg-white p-6 border shadow-sm">
<h3 className="font-semibold">Primer 1 (scenarij)</h3>
<p className="mt-2 text-gray-700">Maja ima v družini raka dojk. Na seminarju spozna estrogensko dominanco, uvede zajtrke z beljakovinami, korake za jetra in črevesje ter zmanjša nočni stres. Po 6 tednih se ji uredita energija in cikel, na kontroli je mirnejša in bolj suverena.</p>
</div>
<div className="rounded-3xl bg-white p-6 border shadow-sm">
<h3 className="font-semibold">Primer 2 (scenarij)</h3>
<p className="mt-2 text-gray-700">Ana je po kemoterapiji. S protokolom za črevesje in presnovo postopno uvede hrano, ki jo prenaša, ter se nauči, kateri testi ji imajo smisel. Zmanjša prebavne težave in dobi jasen plan za regeneracijo.</p>
</div>
</div>
</div>
</section>
{/* ZAKAJ JAZ – USP */}
<section className="py-16 sm:py-20 bg-white">
<div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
<h2 className="text-2xl sm:text-3xl font-bold">Zakaj izbrati ta seminar</h2>
<div className="mt-6 grid md:grid-cols-3 gap-6">
<div className="rounded-3xl bg-rose-50/60 p-6 border">
<h3 className="font-semibold">40 let izkušenj</h3>
<p className="mt-2 text-gray-700">Let dolgo pomagam tisočem ženskam; prihodnje leto odpiram celoletno Akademijo prehranske hormonologije.</p>
</div>
<div className="rounded-3xl bg-rose-50/60 p-6 border">
<h3 className="font-semibold">Poljudno, a natančno</h3>
<p className="mt-2 text-gray-700">Brez žargona, z humorjem in življenjskimi primeri – a vedno strukturirano in izvedljivo.</p>
</div>
<div className="rounded-3xl bg-rose-50/60 p-6 border">
<h3 className="font-semibold">Moja osebna zgodba</h3>
<p className="mt-2 text-gray-700">Imam genetsko predispozicijo in “vozličaste” dojke – vem, kako je iskati odgovore in mir.</p>
</div>
</div>
{/* USP STATEMENT */}
<div className="mt-10 rounded-3xl border p-6 bg-gray-50">
<p className="font-semibold">USP izjava</p>
<p className="mt-2 text-gray-800">Seminarska serija <strong>Tretje mnenje za zdravje tvojih “jošk”</strong> pomaga ženskam, ki želijo celostno podporo ob ali po zdravljenju raka dojk (in v preventivi), da dobijo jasen, izvedljiv načrt prehrane, presnove in testiranja – s pomočjo preverjenih protokolov za hormone in črevesje, ker združujem 40 let prakse, poljudno razlago in osebno izkušnjo.</p>
<div className="mt-4 grid md:grid-cols-2 gap-4 text-sm text-gray-700">
<div>
<p className="font-medium">Strokovna verzija</p>
<p>Serija pomaga prepoznati presnovne in hormonske dejavnike, optimizirati estrogensko presnovo ter izbrati smiselne teste za boljšo podporo zdravljenja in preventive.</p>
</div>
<div>
<p className="font-medium">Kofetarska verzija</p>
<p>Razčistiva hormone, urediva črevesje in presnovo, da se boš spet počutila varno v svojem telesu – z jasnim planom, brez dram.</p>
</div>
</div>
</div>
</div>
</section>
{/* BONUS: KNJIŽICA + VIDEO SERIJA */}
<section id="bonus" className="py-16 sm:py-20 bg-rose-50/60">
<div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
<div className="grid md:grid-cols-2 gap-8 items-center">
<div>
<h2 className="text-2xl sm:text-3xl font-bold">Brezplačno: knjižica + video serija</h2>
<p className="mt-3 text-gray-800">V oktobru prejemaš e‑pošto z “roza hormoni” vsebinami, praktičnimi koraki in knjižico, kako si lahko pomagaš <em>poleg</em> medicine (prehrana, razstrupljanje, podpore).</p>
<ul className="mt-4 space-y-2 text-gray-800">
<li>• Vodič po estrogenski presnovi (preprosto razloženo).</li>
<li>• Mini protokoli: črevesje, jetra, stres, spanje.</li>
<li>• Pregled testov (DUTCH, E-sëni) – kdaj imajo smisel.</li>
</ul>
</div>
<div className="rounded-3xl bg-white p-6 border shadow-sm">
{/* IMAGE SUGGESTION: mockup knjižice na beli mizi + screenshot enega videa (ti v kadru). */}
<div className="aspect-[4/3] w-full rounded-2xl bg-gray-100 mb-4 flex items-center justify-center">
<span className="text-gray-400">Vstavi mockup knjižice + video</span>
</div>
<form id="prijava" className="grid gap-3">
<input className="rounded-xl border px-4 py-3" placeholder="Vpiši ime" />
<input className="rounded-xl border px-4 py-3" placeholder="Vpiši e‑mail" />
<button className="rounded-2xl bg-rose-600 px-5 py-3 text-white font-semibold hover:bg-rose-700">Pošlji mi knjižico in video serijo</button>
<p className="text-xs text-gray-500">S prijavo potrjuješ prejemanje e‑novičk. Odjava kadarkoli.</p>
</form>
</div>
</div>
</div>
</section>
{/* SPONZORJI */}
<section className="py-14 bg-white">
<div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
<h2 className="text-2xl sm:text-3xl font-bold">Partnerji & sponzorji</h2>
<p className="mt-2 text-gray-700">Izdelki, ki jih vključujem v protokole in jih poznam iz prakse.</p>
<div className="mt-6 grid grid-cols-2 sm:grid-cols-4 gap-6">
{/* LOGO PLACEHOLDERS */}
<div className="aspect-[3/1] rounded-xl bg-gray-50 border flex items-center justify-center">NORSAN (logo)</div>
<div className="aspect-[3/1] rounded-xl bg-gray-50 border flex items-center justify-center">EUBIOMA (logo)</div>
<div className="aspect-[3/1] rounded-xl bg-gray-50 border flex items-center justify-center">VITALNO TELO (logo)</div>
<div className="aspect-[3/1] rounded-xl bg-gray-50 border flex items-center justify-center">Klepet ob kavi (logo)</div>
</div>
<p className="mt-3 text-sm text-gray-600">+ Predstavitev dodatnih ponudnikov specifičnih izdelkov za žensko zdravje in veselje.</p>
</div>
</section>
{/* FAQ */}
<section className="py-16 sm:py-20 bg-rose-50/60">
<div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
<h2 className="text-2xl sm:text-3xl font-bold">Pogosta vprašanja</h2>
<div className="mt-6 grid md:grid-cols-2 gap-6">
<div className="rounded-3xl bg-white p-6 border">
<p className="font-semibold">Zakaj beseda “joške” v naslovu?</p>
<p className="mt-2 text-gray-700">Ker želimo sprostiti napetost okoli resne teme. Navednice kažejo, da gre za ljudski, ne žaljiv ton. Vsebine ostanejo strokovne in spoštljive.</p>
</div>
<div className="rounded-3xl bg-white p-6 border">
<p className="font-semibold">Ali gre za medicinski nasvet?</p>
<p className="mt-2 text-gray-700">Ne. Seminar je izobraževalne narave in ne nadomešča zdravniške obravnave. Vse protokole prilagodi skupaj s svojim zdravnikom/terapevtom.</p>
</div>
<div className="rounded-3xl bg-white p-6 border">
<p className="font-semibold">Ali lahko pridem, če sem sredi zdravljenja?</p>
<p className="mt-2 text-gray-700">Seveda. Dobiš usmeritve, kako si lahko varno pomagaš <em>poleg</em> medicine in katere korake ima smisel prestaviti na kasnejši čas.</p>
</div>
<div className="rounded-3xl bg-white p-6 border">
<p className="font-semibold">Kaj pa, če me zanima samo video serija?</p>
<p className="mt-2 text-gray-700">Vpiši e‑mail in ves oktober prejemaš vsebine o hormonih. Dogodek je dodana vrednost, ne pogoj.</p>
</div>
</div>
</div>
</section>
{/* CTA FINAL */}
<section className="py-16 sm:py-20 bg-white">
<div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
<h2 className="text-3xl font-extrabold">Pridi po mir, znanje in načrt.</h2>
<p className="mt-3 text-gray-700">Izberi lokacijo ali se prijavi na obvestila. Če še nisi odločena, vzemi knjižico in video – začni doma, v svojem ritmu.</p>
<div className="mt-6 flex flex-wrap items-center justify-center gap-3">
<a href="#termini" className="rounded-2xl bg-rose-600 px-5 py-3 text-white font-semibold shadow hover:bg-rose-700">Rezerviraj mesto</a>
<a href="#prijava" className="rounded-2xl bg-white px-5 py-3 font-semibold shadow ring-1 ring-gray-200 hover:ring-rose-300">Prijava na obvestila</a>
</div>
</div>
</section>
{/* FOOTER / PRAVNO */}
<footer className="py-10 bg-rose-50/60 text-sm">
<div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 grid md:grid-cols-2 gap-6">
<div>
<p className="font-semibold">Pravno obvestilo</p>
<p className="mt-2 text-gray-700">Vse informacije so izobraževalne narave. Ne nadomeščajo diagnostike ali zdravljenja. Za odločanje o zdravju se posvetuj s svojim zdravnikom. Na dogodku ne postavljamo diagnoz in ne obljubljamo rezultatov.</p>
</div>
<div>
<p className="font-semibold">Kontakt in povezave</p>
<ul className="mt-2 text-gray-700 list-disc list-inside">
<li><a href="#trgovina" className="underline">Spletna trgovina (lokacije kot samostojni produkti)</a></li>
<li><a href="#prijava" className="underline">Prijava na obvestila / knjižico / video</a></li>
</ul>
</div>
</div>
</footer>
</div>);
}
