; } // ─────────────────────────────────────────────────────────── // TESTIMONIALS — Atsiliepimai // ─────────────────────────────────────────────────────────── function TestimonialCard({ quote, name, role, avatar, accent, big }) { return (

{ e.currentTarget.style.transform = "translateY(-3px)"; }} onMouseOut={e => { e.currentTarget.style.transform = "translateY(0)"; }} > {/* Decorative open quote */}

{quote}

{/* Star rating */}

{[1,2,3,4,5].map(i => ( ))}

{/* Author */}

{avatar}

{name}

{role}

); } function SectionTestimonials() { return (

— Mūsų virtuvės lankytojos —

47 būsimi AI šefai jau mokosi kiekvieną savaitę

{/* Trust strip */}

); } function TrustStat({ number, label, sub }) { return (

{number}{sub && /{sub}}

{label}

); } // ─────────────────────────────────────────────────────────── // MOBILE STICKY CTA — only visible on small screens // ─────────────────────────────────────────────────────────── function MobileStickyCTA() { return (

AI Virtuvė · narystė

nuo 19€/mėn · atšaukite bet kada

Prisijungti

); } // ─────────────────────────────────────────────────────────── // AUDIENCE — Kam tai skirta? // ─────────────────────────────────────────────────────────── function SectionAudience() { const items = [ { ic: "🥄", t: "Pavargai nuo painių instrukcijų?", d: "Mokomės be sudėtingos teorijos — su konkrečiais žingsniais ir pavyzdžiais." }, { ic: "⏰", t: "Užtenka 1 val. per savaitę", d: "Viena gyva pamoka antradieniais — ne valandos prie ekrano, o realūs rezultatai." }, { ic: "🧂", t: "Lietuviška bendruomenė", d: "Visiems, kurie nori suprasti AI — be IT žargono, su realiu palaikymu kiekvieną savaitę." }, { ic: "🍯", t: "Lengvai pritaikoma", d: "Praktiniai pavyzdžiai darbui, šeimai ir kasdienybei." }, ]; return (

— Kam ši virtuvė —

AI virtuvė, kurioje gimsta aiškumas.

Išmokysime panaudoti dirbtinį intelektą savo gyvenime. Praktiniai mokymai darbui ir kasdienybei — be IT žargono, be sudėtingų instrukcijų.

{items.map((it, i) => (

{it.ic}

{it.t}

{it.d}

))}

); } // ─────────────────────────────────────────────────────────── // PAIN → PROMISE — DABAR vs PO MOKYMŲ // ─────────────────────────────────────────────────────────── function SectionTransformation() { const before = [ "Užduotys užtrunka ilgiau, nei turėtų", "Sunku greitai apsispręsti", "Darbas ir buitis \u201Esuvalgo\u201C dieną", "AI naudoji paviršutiniškai", ]; const after = [ "Užduotis atliekate greičiau ir paprasčiau", "Sprendimus priimate užtikrinčiau", "Atsiranda daugiau laiko sau", "AI tampa realiu pagalbininku", ]; return (

— Reali nauda —

Tas pats laikas. Daug daugiau naudos.

AI atlaisvina valandas, kurios eidavo į rutiną. Per kelias savaites pamatysite, kaip ta pati diena talpina kur kas daugiau.

{/* BEFORE */}

DABAR

{it}

{/* Arrow */}

{/* AFTER */}

PO MOKYMŲ

{it}

); } // ─────────────────────────────────────────────────────────── // AI TOOLS — ChatGPT / Claude / Midjourney / Gemini // ─────────────────────────────────────────────────────────── function SectionTools() { const tools = [ { name: "ChatGPT", brand: "OpenAI", color: "#10A37F", use: "Rašymas, planavimas, atsakymai" }, { name: "Claude", brand: "Anthropic", color: "#D97757", use: "Ilgi tekstai, dokumentų analizė" }, { name: "Grok", brand: "xAI", color: "#1DA1F2", use: "Naujausios temos, X integracijos" }, { name: "Gemini", brand: "Google", color: "#4FB3FF", use: "Paieška, integracijos, Google" }, ]; return (

— Mūsų ingredientai —

Pasirinksime tau tinkamiausią AI įrankį

{tools.map((t, i) => (

{t.name[0]}

{t.name}

{t.brand}

{t.use}

))}

); } // ─────────────────────────────────────────────────────────── // HOSTS — Šefai + Meniu (chefs + menu metaphor) // ─────────────────────────────────────────────────────────── function ChefCard({ portrait, name, role, specialty, bio, quote, accent, objectPos = "center top" }) { return (

{ e.currentTarget.style.transform = "translateY(-4px)"; e.currentTarget.style.borderColor = accent + "55"; }} onMouseOut={e => { e.currentTarget.style.transform = "translateY(0)"; e.currentTarget.style.borderColor = "var(--line)"; }} > {/* Cropped portrait — "plated" framing */}

{/* Subtle vignette */}

{/* Floating specialty badge */}

{specialty}

{/* Name plate at bottom */}

{role}

{name}

{/* Body */}

{bio}

„{quote}"

); } function WeeklyPerk({ dotColor, pulse, label, detail }) { return (

{label}

{detail}

); } function AIMenuItem({ icon, title, desc }) { return (

{icon}

{title}

{desc}

); } function MenuItem({ problem, dish, recipe, chef, accent, num }) { return (

{num}

{/* The problem — in quotes, big, conversational */}

„{problem}"

{/* Topic name + recipe description */}

{dish}

{recipe}

gamins

{chef}

); } // ─────────────────────────────────────────────────────────── // AI MENU — standalone section (was inside SectionHosts) // ─────────────────────────────────────────────────────────── function SectionAIMenu() { return (

{/* Menu — split layout: items left, board right */}

{/* Decorative neon glow */}

{/* LEFT — items */}

— AI meniu —

Įjunkite savo AI virtuvę.

Lietuviška AI bendruomenė. Praktiniai mokymai.

} title="Idėjos" desc="Kūrybiškos idėjos tavo verslui, paremtos dirbtinio intelekto įžvalgomis." /> } title="AI agentai" desc="Išmanūs AI agentai, kurie padeda atlikti užduotis, aptarnauti klientus ir taupyti laiką." /> } title="Analitika" desc="Duomenų analizė ir aiškios įžvalgos, padedančios priimti geresnius sprendimus." /> } title="Kūryba" desc="AI generuoja turinį, dizainus ir sprendimus, kurie įkvepia." /> } title="Skonis" desc="Technologijos ir kūryba, jungiamos tam, kad rezultatas būtų išskirtinis." /> } title="AI automatizacijos" desc="Procesų automatizavimas leidžia sutaupyti laiko, mažinti rutiną ir pasiekti daugiau." />

✦ Išmanūs sprendimai. Skanūs rezultatai. ✦

{/* RIGHT — board image */}

); } function SectionHosts() { return (

{/* Header */}

— Šios virtuvės šefai —

Mes paruošime tau AI patiekalą — sriubą, pietus ar vakarienę.

Du praktikai. Du požiūriai. Vienas tikslas — kad tu realiai mokėtum naudoti AI. Pasakyk, ko šiandien reikia, ir žinome, ką paduoti.

{/* Two chef cards */}

Verslo ir AI konsultantas. Pirmosios su AI parašytos knygos Lietuvoje autorius. Aurimas konsultuoja verslus dėl AI strategijos ir automatizacijos, kuria verslo valdymo sistemas, tinklapius ir apps — aurimaslevickas.lt} quote="Geras receptas — kai bet kas gali pakartoti. Net pirmą kartą." accent="#FFD23F" objectPos="50% 18%" /> 15 metų patirties socialiniuose tinkluose. Kuriamas turinys surinko 320M+ peržiūrų — 8 video peržengė 1M peržiūrų ribą. Mokymų platforma — rytis.io. AI Rytis naudoja turinio kūrime kasdien, moka, kaip iš dirbtinio intelekto gauti gyvus, ne robotiškus rezultatus.} quote="AI yra įrankis. Mokomės jį valdyti, ne atvirkščiai." accent="#4FB3FF" objectPos="50% 18%" />

); } // ─────────────────────────────────────────────────────────── // COUNTDOWN // ─────────────────────────────────────────────────────────── function useCountdown(targetDate) { const [now, setNow] = React.useState(Date.now()); React.useEffect(() => { const id = setInterval(() => setNow(Date.now()), 1000); return () => clearInterval(id); }, []); const diff = Math.max(0, targetDate - now); const days = Math.floor(diff / 86400000); const hours = Math.floor((diff % 86400000) / 3600000); const minutes = Math.floor((diff % 3600000) / 60000); const seconds = Math.floor((diff % 60000) / 1000); return { days, hours, minutes, seconds }; } function CountdownBox({ value, label }) { return (

{String(value).padStart(2, "0")}

{label}

); } function SectionCountdown() { // Next Thursday 19:00 LT time const target = React.useMemo(() => { const d = new Date(); const day = d.getDay(); const daysUntilThu = (4 - day + 7) % 7 || 7; d.setDate(d.getDate() + daysUntilThu); d.setHours(19, 0, 0, 0); return d.getTime(); }, []); const { days, hours, minutes, seconds } = useCountdown(target); return (

● ARTĖJA Kita transliacija

Tiesioginė pamoka prasidės:

Antradienį, 19:00. Tema: „Kaip ChatGPT padės suplanuoti šeimos savaitę." Po pamokos — atsiunčiame įrašą ir užrašus.

); } // ─────────────────────────────────────────────────────────── // LIVE STREAM PLACEHOLDER // ─────────────────────────────────────────────────────────── function SectionLive() { return (

{/* Scanline texture */}

{/* Big play */}

Prisijunkite prie tiesioginės pamokos

Transliacija prasidės antradienį 19:00

{/* Corner overlays */}

● LIVE NETRUKUS

CH·12 · 1080p · LT

{/* Chat sidebar */}

💬 Bendruomenės pokalbis 247 online

Po praeitos pamokos ChatGPT suplanavo visą savaitę 😍 Ar bus apie Midjourney šiandien? Ačiū už pamoką, viskas suprantama! Pirmoji savaitė, baisu prisijungti — visi tokie mieli ❤️

Rašyti žinutę...

); } function ChatMsg({ name, color, children }) { return (

{name[0]}

{name}

{children}

); } // ─────────────────────────────────────────────────────────── // PRICING — Monthly + Annual // ─────────────────────────────────────────────────────────── function SectionPricing({ price = 19 }) { const annualPrice = price * 10; // 2 months free const annualSavings = price * 2; const features = [ "4 gyvi online susitikimai per mėnesį (antradieniais 19:00)", "4 klausimų-atsakymų sesijos per mėnesį", "Visos paskaitos įrašuose — žiūri, kada tau patogu", "Promptų ir AI agentų biblioteka — kopijuok ir naudok", "Uždara WhatsApp / Telegram bendruomenė", "Asmeninė pagalba nuo Aurimo ir Ryčio", ]; return (

— Kainoraštis —

Mažiau, nei vakarienė restorane.

Pasirinkis mėnesinį arba metinį narystės planą. Atšaukite bet kada.

{/* MONTHLY */} {/* ANNUAL — featured */} 2 mėnesiai dovanai (taupote {annualSavings}€), Bankinis pavedimas — galimas, ]} cta="Pasirinkti metinį" ctaTarget="registracija" cycle="annual" featured />

); } function PricingCard({ tag, tagline, price, period, sub, features, cta, ctaTarget, cycle, featured }) { return (

{featured && (

taupote 2 mėn!

)}

{tag}

{tagline}

{price}€ / {period}

{sub}

{ try { localStorage.setItem("aivirtuve_cycle", cycle); window.dispatchEvent(new Event("cycle-change")); } catch (e) {} }} className={featured ? "btn btn-primary" : "btn btn-ghost"} style={{ marginTop: 24, justifyContent: "center" }} > {cta}

); } // ─────────────────────────────────────────────────────────── // FAQ // ─────────────────────────────────────────────────────────── function FAQItem({ q, a, index }) { const [open, setOpen] = React.useState(index === 0); return (

{a}

); } function SectionFAQ() { const faqs = [ { q: "Aš visiškai nieko nesu darius su AI. Tikrai galėsiu sekti?", a: "Tikrai. Programa sukurta būtent pradedantiesiems — nuo pirmo paspaudimo iki realaus rezultato. Neturi reikšmės, ar dirbote IT srityje, ar ne. Pradedame nuo nulio ir einame žingsnis po žingsnio.", }, { q: "Kiek laiko tai užims per savaitę?", a: "Užtenka 1 valandos per savaitę. Tiesioginė pamoka antradieniais 19:00 trunka apie 1 val. + per mėnesį dar 4 klausimų-atsakymų sesijos. Visus įrašus gali pažiūrėti savo laiku — jeigu kažkurią savaitę praleidi, viskas išlieka tavo narystei.", }, { q: "Kas vyksta tiesioginėse pamokose?", a: "Aurimas arba Rytis pristato vieną temą (pvz. \u201Ekaip naudoti ChatGPT planavimui\u201C), parodo gyvai, kaip jis pats tai daro, ir atsako į tavo klausimus. Daug praktikos, mažai teorijos.", }, { q: "O jeigu kursai man netiks?", a: "Atšaukti narystę gali bet kada — be klausimų, be sutarčių. Moki tik už tą mėnesį, kurį naudoji.", }, { q: "Ar gausiu sertifikatą?", a: "Bendruomenė nesiekia sertifikato — ji siekia, kad tu realiai mokėtum naudoti AI. Tačiau jeigu reikia patvirtinimo darbdaviui — pateiksime dalyvavimo dokumentą.", }, { q: "Kokie įrankiai bus mokomi?", a: "ChatGPT, Claude, Midjourney ir Gemini — pagrindiniai. Kartas nuo karto pridedame naujus, kai pasirodo verti dėmesio.", }, ]; return (

— DUK —

Dažniausiai užduodami klausimai

{faqs.map((f, i) => )}

); } // ─────────────────────────────────────────────────────────── // CHECKOUT — Apmokėjimas (Shopify/Stripe-style structure, dark theme) // ─────────────────────────────────────────────────────────── function CheckoutField({ label, type = "text", value, onChange, placeholder, required, optional, autoComplete }) { return ( {label} {required && *} {optional && nebūtina} { e.target.style.borderColor = "var(--neon-yellow)"; e.target.style.background = "rgba(0,0,0,.4)"; }} onBlur={(e) => { e.target.style.borderColor = "var(--line-2)"; e.target.style.background = "rgba(0,0,0,.3)"; }} /> ); } function CheckoutSelect({ label, value, onChange, options, required }) { return ( {label} {required && *} ); } function CycleOption({ active, onClick, title, detail, badge }) { return ( ); } function PaymentMethodRadio({ id, value, current, onChange, icon, title, subtitle }) { const active = value === current; return ( {icon}

{title}

{subtitle}

); } function CheckoutProgress({ step }) { const steps = ["Krepšelis", "Apmokėjimas", "Patvirtinimas"]; return (

{steps.map((label, i) => (

{i < step && } {i === step && } {label}

{i < steps.length - 1 && ( )} ))}

); } function SectionRegistration({ price = 19 }) { const [submitted, setSubmitted] = React.useState(false); const [loading, setLoading] = React.useState(false); const [showCoupon, setShowCoupon] = React.useState(false); const [couponApplied, setCouponApplied] = React.useState(false); const [paymentMethod, setPaymentMethod] = React.useState("card"); const [cycle, setCycle] = React.useState(() => { try { return localStorage.getItem("aivirtuve_cycle") || "monthly"; } catch (e) { return "monthly"; } }); const [form, setForm] = React.useState({ name: "", surname: "", company: "", country: "LT", address: "", city: "", postal: "", phone: "", email: "", coupon: "", }); // Listen for cycle changes from pricing card clicks React.useEffect(() => { const handler = () => { try { setCycle(localStorage.getItem("aivirtuve_cycle") || "monthly"); } catch (e) {} }; window.addEventListener("cycle-change", handler); return () => window.removeEventListener("cycle-change", handler); }, []); // If user switches to monthly, force card payment (bank transfer not allowed for recurring) React.useEffect(() => { if (cycle === "monthly" && paymentMethod === "bank") { setPaymentMethod("card"); } }, [cycle, paymentMethod]); const update = (k) => (e) => setForm(s => ({ ...s, [k]: e.target.value })); const basePrice = cycle === "annual" ? price * 10 : price; const cycleLabel = cycle === "annual" ? "metams" : "mėn."; const discount = couponApplied ? 5 : 0; const total = Math.max(0, basePrice - discount); function handleSubmit(e) { e.preventDefault(); setLoading(true); // Placeholder: would POST to backend → Stripe Checkout Session → redirect setTimeout(() => { setLoading(false); setSubmitted(true); }, 900); } return (

— Apmokėjimas —

Vienas žingsnis — ir esi virtuvėje.

{/* BILLING CYCLE TOGGLE */} {!submitted && (

setCycle("monthly")} title="Mėnesinis" detail={`${price}€ / mėn.`} /> setCycle("annual")} title="Metinis" detail={`${price * 10}€ / metams`} badge={`taupote ${price * 2}€`} />

)} {!submitted ? (

{/* LEFT — payment details */}

Tavo duomenys

Apmokėjimo būdas

setPaymentMethod("card")} icon={

} title="Mokėjimo kortele · Stripe" subtitle={cycle === "annual" ? "Vienkartinis mokėjimas metams · Visa, Mastercard, Apple/Google Pay" : "Auto-nuskaitymas kas mėnesį · Visa, Mastercard, Apple/Google Pay"} /> {/* Bank transfer — only available for annual */} {cycle === "annual" ? ( setPaymentMethod("bank")} icon={

} title="Bankinis pavedimas" subtitle="Sąskaitą atsiųsime el. paštu · prieiga po pavedimo (1–2 d.d.)" /> ) : (

Bankinis pavedimas — tik metiniam planui (mėnesiniam reikia auto-nuskaitymo)

)}

{/* RIGHT — order summary */}

Tavo užsakymas

{/* Column headers */}

Prekė Viso

{/* Product line */}

AI Virtuvė · narystė

{cycle === "annual" ? `Metinis planas · 12 mėnesių prieiga · 2 mėn. dovanai` : `Mėnesinis planas · Atnaujinama kas mėn. · Atšaukite bet kada`}

× 1 {basePrice.toFixed(2).replace(".", ",")}€

{/* Totals */}

Tarpinė suma {basePrice.toFixed(2).replace(".", ",")}€

{cycle === "annual" && (

Metinė nuolaida (2 mėn. dovanai) −2 mėn.

)}

Viso {total.toFixed(2).replace(".", ",")}€

Spausdami patvirtinate Naudojimo sąlygas ir Privatumo politiką.

{/* Trust row */}

) : ( // SUCCESS STATE — patvirtinimas

🎉

Sveiki atvykę į virtuvę, {form.name}!

{paymentMethod === "card" ? "Apmokėjimas sėkmingas." : "Užsakymas priimtas. Sąskaitą bankiniam pavedimui išsiuntėme el. paštu."} {" "}Per 5 minutes gausite kvietimo nuorodą į {form.email}.

Užsakymas: {total}€ · AI Virtuvė narystė · #LT{Math.floor(Math.random() * 90000 + 10000)}

)}

); } function TrustBit({ label }) { return (

{label}

); } // ─────────────────────────────────────────────────────────── // NAV + FOOTER // ─────────────────────────────────────────────────────────── function BrainMark({ color = "currentColor" }) { // Stylized two-hemisphere brain, matching the apron print return ( ); } function BrandLogo({ size = "md", color = "var(--text)" }) { return ( AI virtuvė ); } function Nav() { return ( ); } function Footer() { return ( ); } Object.assign(window, { BrainMark, BrandLogo, CycleOption, PricingCard, SectionTurnOn, SectionAudience, SectionAIMenu, SectionTransformation, SectionTools, SectionHosts, SectionTestimonials, SectionCountdown, SectionLive, SectionPricing, SectionFAQ, SectionRegistration, MobileStickyCTA, Nav, Footer, });