BeToGather App \u2013 T\u00f6ltsd le a fesztiv\u00e1l appot!<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --gold: #D6A85B;\n --orange: #ED9455;\n --brown: #504336;\n --text: #594a3c;\n --blue: #26516B;\n --bg: #e8dfd5;\n --surface: #f3efea;\n --white: #ffffff;\n }\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n\n body {\n font-family: 'Instrument Sans', Poppins, sans-serif;\n background: var(--bg);\n color: var(--text);\n line-height: 1.6;\n }\n\n \/* HERO *\/\n .hero {\n background: var(--brown);\n color: var(--white);\n padding: 60px 24px 48px;\n text-align: center;\n }\n\n .hero-logo {\n width: 120px;\n height: 120px;\n margin: 0 auto 20px;\n display: block;\n }\n\n .hero h1 {\n font-family: Helvetica, Arial, sans-serif;\n font-size: 2rem;\n font-weight: 700;\n color: var(--gold);\n letter-spacing: 0.05em;\n margin-bottom: 8px;\n }\n\n .hero .subtitle {\n font-size: 1.1rem;\n color: rgba(255,255,255,0.85);\n margin-bottom: 6px;\n }\n\n .hero .date {\n font-size: 0.95rem;\n color: var(--gold);\n margin-bottom: 32px;\n }\n\n .cta-btn {\n display: inline-block;\n background: var(--gold);\n color: var(--brown) ;\n font-family: Helvetica, Arial, sans-serif;\n font-weight: 700;\n font-size: 1.1rem;\n padding: 16px 40px;\n border-radius: 50px;\n text-decoration: none;\n letter-spacing: 0.03em;\n transition: background 0.2s, transform 0.2s;\n }\n\n .cta-btn:hover {\n background: var(--orange);\n transform: scale(1.03);\n }\n\n \/* FEATURES *\/\n .features {\n padding: 48px 24px;\n max-width: 680px;\n margin: 0 auto;\n }\n\n .features h2 {\n font-family: Helvetica, Arial, sans-serif;\n font-size: 1.4rem;\n color: var(--brown);\n margin-bottom: 24px;\n text-align: center;\n }\n\n .feature-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 16px;\n }\n\n @media (max-width: 480px) {\n .feature-grid { grid-template-columns: 1fr; }\n }\n\n .feature-card {\n background: var(--surface);\n border-radius: 16px;\n padding: 20px;\n border-left: 4px solid var(--gold);\n }\n\n .feature-card .icon {\n font-size: 1.8rem;\n margin-bottom: 8px;\n }\n\n .feature-card h3 {\n font-family: Helvetica, Arial, sans-serif;\n font-size: 1rem;\n color: var(--brown);\n margin-bottom: 6px;\n }\n\n .feature-card p {\n font-size: 0.88rem;\n color: var(--text);\n line-height: 1.5;\n }\n\n \/* COMMUNITY HIGHLIGHT *\/\n .community-highlight {\n background: var(--brown);\n color: var(--white);\n padding: 40px 24px;\n text-align: center;\n margin: 0;\n }\n\n .community-highlight h2 {\n font-family: Helvetica, Arial, sans-serif;\n font-size: 1.4rem;\n color: var(--gold);\n margin-bottom: 16px;\n }\n\n .community-highlight p {\n font-size: 0.95rem;\n color: rgba(255,255,255,0.85);\n max-width: 500px;\n margin: 0 auto 20px;\n }\n\n .community-tags {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n }\n\n .tag {\n background: rgba(214,168,91,0.2);\n border: 1px solid var(--gold);\n color: var(--gold);\n padding: 6px 16px;\n border-radius: 50px;\n font-size: 0.88rem;\n font-weight: 600;\n }\n\n \/* INSTALL *\/\n .install-section {\n padding: 48px 24px;\n max-width: 680px;\n margin: 0 auto;\n }\n\n .install-section h2 {\n font-family: Helvetica, Arial, sans-serif;\n font-size: 1.4rem;\n color: var(--brown);\n margin-bottom: 24px;\n text-align: center;\n }\n\n .install-tabs {\n display: flex;\n gap: 8px;\n margin-bottom: 20px;\n }\n\n .tab-btn {\n flex: 1;\n padding: 12px;\n border: 2px solid var(--gold);\n background: transparent;\n color: var(--brown);\n font-family: Helvetica, Arial, sans-serif;\n font-weight: 700;\n font-size: 0.95rem;\n border-radius: 10px;\n cursor: pointer;\n transition: all 0.2s;\n }\n\n .tab-btn.active {\n background: var(--gold);\n color: var(--brown);\n }\n\n .tab-content { display: none; }\n .tab-content.active { display: block; }\n\n .steps {\n background: var(--surface);\n border-radius: 16px;\n padding: 24px;\n }\n\n .step {\n display: flex;\n gap: 16px;\n margin-bottom: 20px;\n align-items: flex-start;\n }\n\n .step:last-child { margin-bottom: 0; }\n\n .step-num {\n width: 32px;\n height: 32px;\n background: var(--gold);\n color: var(--brown);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 700;\n font-size: 0.9rem;\n flex-shrink: 0;\n margin-top: 2px;\n }\n\n .step-text h4 {\n font-family: Helvetica, Arial, sans-serif;\n color: var(--brown);\n margin-bottom: 4px;\n font-size: 0.95rem;\n }\n\n .step-text p {\n font-size: 0.87rem;\n color: var(--text);\n }\n\n \/* ACCORDION *\/\n .accordion-section {\n padding: 0 24px 48px;\n max-width: 680px;\n margin: 0 auto;\n }\n\n .accordion-section h2 {\n font-family: Helvetica, Arial, sans-serif;\n font-size: 1.4rem;\n color: var(--brown);\n margin-bottom: 16px;\n text-align: center;\n }\n\n .accordion-item {\n background: var(--surface);\n border-radius: 12px;\n margin-bottom: 8px;\n overflow: hidden;\n }\n\n .accordion-header {\n width: 100%;\n background: none;\n border: none;\n padding: 18px 20px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n text-align: left;\n font-family: Helvetica, Arial, sans-serif;\n font-weight: 700;\n font-size: 0.95rem;\n color: var(--brown);\n transition: background 0.2s;\n }\n\n .accordion-header:hover { background: rgba(214,168,91,0.1); }\n\n .accordion-header .arrow {\n color: var(--gold);\n font-size: 1.2rem;\n transition: transform 0.3s;\n flex-shrink: 0;\n }\n\n .accordion-header.open .arrow { transform: rotate(180deg); }\n\n .accordion-body {\n display: none;\n padding: 0 20px 18px;\n font-size: 0.9rem;\n color: var(--text);\n line-height: 1.6;\n }\n\n .accordion-body.open { display: block; }\n\n .accordion-body ul {\n padding-left: 20px;\n margin-top: 8px;\n }\n\n .accordion-body ul li { margin-bottom: 6px; }\n\n \/* FOOTER *\/\n .footer {\n background: var(--brown);\n color: rgba(255,255,255,0.7);\n text-align: center;\n padding: 32px 24px;\n font-size: 0.85rem;\n }\n\n .footer a {\n color: var(--gold);\n text-decoration: none;\n font-weight: 600;\n }\n\n .footer .app-link {\n display: inline-block;\n background: var(--gold);\n color: var(--brown);\n font-weight: 700;\n padding: 12px 28px;\n border-radius: 50px;\n margin-bottom: 20px;\n font-size: 1rem;\n text-decoration: none;\n }\n \n :root {\n --gold: #D6A85B;\n --orange: #ED9455;\n --brown: #504336;\n --text: #594a3c;\n --blue: #26516B;\n --bg: #e8dfd5;\n --surface: #f3efea;\n --white: #ffffff;\n }\n\n body {\n background: var(--bg) !important;\n color: var(--text) !important;\n }\n\n .hero {\n background: var(--brown) !important;\n color: var(--white) !important;\n }\n\n .hero h1 { color: var(--gold) !important; }\n\n .hero .subtitle { color: rgba(255,255,255,0.85) !important; }\n\n .hero .date { color: var(--gold) !important; }\n\n .cta-btn {\n background: var(--gold) !important;\n color: var(--brown) !important;\n }\n\n .cta-btn:hover { background: var(--orange) !important; }\n\n .features h2 { color: var(--brown) !important; }\n\n .feature-card {\n background: var(--surface) !important;\n border-left: 4px solid var(--gold) !important;\n }\n\n .feature-card h3 { color: var(--brown) !important; }\n\n .feature-card p { color: var(--text) !important; }\n\n .community-highlight {\n background: var(--brown) !important;\n color: var(--white) !important;\n }\n\n .community-highlight h2 { color: var(--gold) !important; }\n\n .community-highlight p { color: rgba(255,255,255,0.85) !important; }\n\n .tag {\n background: rgba(214,168,91,0.2) !important;\n border: 1px solid var(--gold) !important;\n color: var(--gold) !important;\n }\n\n .install-section h2 { color: var(--brown) !important; }\n\n .tab-btn {\n border: 2px solid var(--gold) !important;\n color: var(--brown) !important;\n }\n \n .tab-btn:hover {\n background: var(--gold) !important;\n }\n\n .tab-btn.active {\n background: var(--gold) !important;\n color: var(--brown) !important;\n }\n\n .steps { background: var(--surface) !important; }\n\n .step-num {\n background: var(--gold) !important;\n color: var(--brown) !important;\n }\n\n .step-text h4 { color: var(--brown) !important; }\n\n .step-text p { color: var(--text) !important; }\n\n .accordion-section h2 { color: var(--brown) !important; }\n\n .accordion-item { background: var(--surface) !important; }\n\n .accordion-header { color: var(--brown) !important; }\n\n .accordion-header:hover {\n background: rgba(214,168,91,0.1) !important;\n }\n\n .accordion-header .arrow { color: var(--gold) !important; }\n\n .accordion-body { color: var(--text) !important; }\n\n .footer {\n background: var(--brown) !important;\n color: rgba(255,255,255,0.7) !important;\n }\n\n .footer a { color: var(--gold) !important; }\n\n .footer .app-link {\n background: var(--gold) !important;\n color: var(--brown) !important;\n }\n \n button:focus {\n background: var(--gold) !important;\n }\n<\/style>\n<\/head>\n<body>\n\n\n<section class=\"hero\">\n <img decoding=\"async\" class=\"hero-logo\" src=\"https:\/\/betogather.hu\/wp-content\/uploads\/2025\/11\/Betogather-feher-1024x191.webp\" alt=\"BeToGather logo\" onerror=\"this.style.display='none'\">\n <h1>BETOGATHER APP<\/h1>\n <p class=\"subtitle\">A fesztiv\u00e1l a zsebedben<\/p>\n <p class=\"date\">2026. j\u00fanius 24\u201328. \u00b7 Balatonber\u00e9ny<\/p>\n <a href=\"https:\/\/betogather.vercel.app\" class=\"cta-btn\">\ud83d\udcf1 Megnyitom az appot<\/a>\n<\/section>\n\n\n<section class=\"features\">\n <h2>Mit tudsz csin\u00e1lni az appban?<\/h2>\n <div class=\"feature-grid\">\n <div class=\"feature-card\">\n <div class=\"icon\">\ud83d\udcc5<\/div>\n <h3>Teljes programlista<\/h3>\n <p>Minden program id\u0151rendi bont\u00e1sban, napra lebontva. K\u00f6nnyed\u00e9n \u00e1tl\u00e1thatod az eg\u00e9sz fesztiv\u00e1lt.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"icon\">\ud83d\udd0d<\/div>\n <h3>Gyors keres\u0151<\/h3>\n <p>Keress el\u0151ad\u00f3kra, programokra, helysz\u00ednekre \u2014 azonnal megtal\u00e1lod amit keresel.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"icon\">\ud83d\udc64<\/div>\n <h3>El\u0151ad\u00f3i profilok<\/h3>\n <p>Minden el\u0151ad\u00f3 \u00e9s fell\u00e9p\u0151 r\u00e9szletes bemutat\u00f3ja, k\u00e9pekkel \u00e9s programjaik list\u00e1j\u00e1val.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"icon\">\u2764\ufe0f<\/div>\n <h3>Kedvenc programok<\/h3>\n <p>Sz\u00edvecsk\u00e9zd be a neked tetsz\u0151 programokat, \u00e9s kapsz egy eml\u00e9keztet\u0151t 15 perccel a kezd\u00e9s el\u0151tt.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"icon\">\ud83d\udccd<\/div>\n <h3>Helysz\u00ednek<\/h3>\n <p>Minden t\u00e9r \u00e9s s\u00e1tor bemutat\u00e1sa a hozz\u00e1juk tartoz\u00f3 programlist\u00e1val.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"icon\">\u23f0<\/div>\n <h3>Eml\u00e9keztet\u0151<\/h3>\n <p>Automatikus push \u00e9rtes\u00edt\u0151 15 perccel a sz\u00edvecsk\u00e9zett programok kezd\u00e9se el\u0151tt \u2014 akkor is, ha az app be van z\u00e1rva.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"community-highlight\">\n <h2>\ud83d\udcac K\u00f6z\u00f6ss\u00e9g f\u00fcl<\/h2>\n <p>Szervezd meg az utaz\u00e1st \u00e9s a sz\u00e1ll\u00e1st, maradj naprak\u00e9sz a h\u00edrekr\u0151l, tal\u00e1lj \u00faj ismer\u0151s\u00f6ket a fesztiv\u00e1lon \u2014 bejelentkez\u00e9ssel.<\/p>\n <div class=\"community-tags\">\n <span class=\"tag\">\ud83d\ude97 Telekocsi \u2013 keres\/k\u00edn\u00e1l<\/span>\n <span class=\"tag\">\ud83c\udfe0 Sz\u00e1ll\u00e1s \u2013 keres\/k\u00edn\u00e1l<\/span>\n <span class=\"tag\">\ud83d\udce2 H\u00edrek & Inf\u00f3<\/span>\n <span class=\"tag\">\ud83e\udd1d Tal\u00e1lka<\/span>\n <span class=\"tag\">\ud83d\udd0d Tal\u00e1ltam \/ Keresem<\/span>\n <span class=\"tag\">\ud83d\udcac \u00c1ltal\u00e1nos<\/span>\n <\/div>\n<\/section>\n\n\n<section class=\"install-section\">\n <h2>Hogyan telep\u00edtsd?<\/h2>\n <div class=\"install-tabs\">\n <button class=\"tab-btn active\" onclick=\"showTab('android')\">\ud83e\udd16 Android<\/button>\n <button class=\"tab-btn\" onclick=\"showTab('ios')\">\ud83c\udf4e iPhone (iOS)<\/button>\n <\/div>\n\n <div id=\"android\" class=\"tab-content active\">\n <div class=\"steps\">\n <div class=\"step\">\n <div class=\"step-num\">1<\/div>\n <div class=\"step-text\">\n <h4>Nyisd meg b\u00f6ng\u00e9sz\u0151ben<\/h4>\n <p>L\u00e1togass el az <a href=\"https:\/\/betogather.vercel.app\" target=\"_blank\" style=\"color:var(--brown);font-weight:700;\">betogather.vercel.app<\/a> oldalra. <strong>Chrome b\u00f6ng\u00e9sz\u0151t aj\u00e1nlunk<\/strong> \u2014 m\u00e1s b\u00f6ng\u00e9sz\u0151b\u0151l is megnyithat\u00f3, de Chrome-ban a legegyszer\u0171bb a telep\u00edt\u00e9s.<\/p>\n <\/div>\n <\/div>\n <div class=\"step\">\n <div class=\"step-num\">2<\/div>\n <div class=\"step-text\">\n <h4>Fogadd el a telep\u00edt\u00e9si aj\u00e1nlatot<\/h4>\n <p>Az oldal alj\u00e1n megjelenik egy banner: \u201eTelep\u00edtsd az appot!\" \u2014 kattints a <strong>Telep\u00edt\u00e9s<\/strong> gombra.<\/p>\n <\/div>\n <\/div>\n <div class=\"step\">\n <div class=\"step-num\">3<\/div>\n <div class=\"step-text\">\n <h4>Ha nem jelenik meg a banner<\/h4>\n <p>Kattints a Chrome jobb fels\u0151 sark\u00e1ban a <strong>\u22ee men\u00fcre<\/strong>, majd v\u00e1laszd: <strong>\u201eAlkalmaz\u00e1s telep\u00edt\u00e9se\"<\/strong> vagy <strong>\u201eHozz\u00e1ad\u00e1s a kezd\u0151k\u00e9perny\u0151h\u00f6z\"<\/strong>.<\/p>\n <\/div>\n <\/div>\n <div class=\"step\">\n <div class=\"step-num\">4<\/div>\n <div class=\"step-text\">\n <h4>K\u00e9sz!<\/h4>\n <p>A BeToGather app megjelenik a telefon kezd\u0151k\u00e9perny\u0151j\u00e9n \u2014 \u00fagy m\u0171k\u00f6dik, mint b\u00e1rmely m\u00e1s alkalmaz\u00e1s.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"ios\" class=\"tab-content\">\n <div class=\"steps\">\n <div class=\"step\">\n <div class=\"step-num\">1<\/div>\n <div class=\"step-text\">\n <h4>Nyisd meg Safari b\u00f6ng\u00e9sz\u0151ben<\/h4>\n <p>L\u00e1togass el az <a href=\"https:\/\/betogather.vercel.app\" target=\"_blank\" style=\"color:var(--brown);font-weight:700;\">betogather.vercel.app<\/a> oldalra iPhone Safari b\u00f6ng\u00e9sz\u0151j\u00e9b\u0151l. <strong>Fontos: Safari b\u00f6ng\u00e9sz\u0151t haszn\u00e1lj<\/strong> \u2014 Chrome-b\u00f3l nem telep\u00edthet\u0151 iOS-en.<\/p>\n <\/div>\n <\/div>\n <div class=\"step\">\n <div class=\"step-num\">2<\/div>\n <div class=\"step-text\">\n <h4>Kattints a Megoszt\u00e1s ikonra<\/h4>\n <p>Az oldal alj\u00e1n k\u00f6z\u00e9pen tal\u00e1lhat\u00f3 a <strong>\u25a1\u2191 Megoszt\u00e1s<\/strong> gomb \u2014 kattints r\u00e1.<\/p>\n <\/div>\n <\/div>\n <div class=\"step\">\n <div class=\"step-num\">3<\/div>\n <div class=\"step-text\">\n <h4>V\u00e1laszd: \u201eF\u0151k\u00e9perny\u0151re\"<\/h4>\n <p>A megjelen\u0151 men\u00fcb\u0151l g\u00f6rgess le \u00e9s v\u00e1laszd: <strong>\u201eHozz\u00e1ad\u00e1s a f\u0151k\u00e9perny\u0151h\u00f6z\"<\/strong>.<\/p>\n <\/div>\n <\/div>\n <div class=\"step\">\n <div class=\"step-num\">4<\/div>\n <div class=\"step-text\">\n <h4>Kattints a \u201eHozz\u00e1ad\u00e1s\" gombra<\/h4>\n <p>Jobb fel\u00fcl er\u0151s\u00edtsd meg \u2014 a BeToGather app megjelenik a f\u0151k\u00e9perny\u0151n.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"accordion-section\">\n <h2>Tudnival\u00f3k<\/h2>\n\n <div class=\"accordion-item\">\n <button class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n \u2705 Mi\u00e9rt \u00e9rdemes telep\u00edteni?\n <span class=\"arrow\">\u25bc<\/span>\n <\/button>\n <div class=\"accordion-body\">\n <ul>\n <li>Mindig k\u00e9zn\u00e9l van \u2014 nem kell b\u00f6ng\u00e9sz\u0151t nyitni<\/li>\n <li>Offline is m\u0171k\u00f6dik az alapfunkci\u00f3k egy r\u00e9sze<\/li>\n <li>Push \u00e9rtes\u00edt\u0151t kapsz a kedvenc programjaid el\u0151tt<\/li>\n <li>Gyorsabb, mint a weboldal b\u00f6ng\u00e9sz\u0151b\u0151l<\/li>\n <li>Ingyenes, nem kell App Store vagy Play Store<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"accordion-item\">\n <button class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n \ud83d\udcf1 Rendszerk\u00f6vetelm\u00e9nyek\n <span class=\"arrow\">\u25bc<\/span>\n <\/button>\n <div class=\"accordion-body\">\n <ul>\n <li><strong>Android:<\/strong> Android 8.0 vagy \u00fajabb, Chrome b\u00f6ng\u00e9sz\u0151 aj\u00e1nlott<\/li>\n <li><strong>iPhone\/iPad:<\/strong> iOS 14 vagy \u00fajabb, Safari b\u00f6ng\u00e9sz\u0151 sz\u00fcks\u00e9ges<\/li>\n <li><strong>Internetkapcsolat:<\/strong> az els\u0151 megnyit\u00e1shoz sz\u00fcks\u00e9ges, ut\u00e1na r\u00e9szben offline is m\u0171k\u00f6dik<\/li>\n <li><strong>\u00c9rtes\u00edt\u0151kh\u00f6z:<\/strong> enged\u00e9lyezni kell az \u00e9rtes\u00edt\u00e9seket a telefon be\u00e1ll\u00edt\u00e1saiban<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"accordion-item\">\n <button class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n \ud83d\udd10 Kell-e regisztr\u00e1ci\u00f3 vagy bel\u00e9p\u00e9s?\n <span class=\"arrow\">\u25bc<\/span>\n <\/button>\n <div class=\"accordion-body\">\n <p>Az app legt\u00f6bb funkci\u00f3ja \u2014 programlista, el\u0151ad\u00f3k, keres\u0151, sz\u00edvecsk\u00e9z\u00e9s, \u00e9rtes\u00edt\u0151k \u2014 <strong>bejelentkez\u00e9s n\u00e9lk\u00fcl<\/strong> is el\u00e9rhet\u0151.<\/p>\n <p style=\"margin-top:8px\">A <strong>K\u00f6z\u00f6ss\u00e9g f\u00fcl<\/strong> (telekocsi, sz\u00e1ll\u00e1s, chat) haszn\u00e1lat\u00e1hoz sz\u00fcks\u00e9ges egy egyszer\u0171 bel\u00e9p\u00e9s Google fi\u00f3kkal vagy email c\u00edmmel. Az email c\u00edm soha nem jelenik meg m\u00e1s felhaszn\u00e1l\u00f3knak \u2014 csak a te \u00e1ltalad v\u00e1lasztott becen\u00e9v l\u00e1tszik.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"accordion-item\">\n <button class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n \ud83d\udd14 Hogyan m\u0171k\u00f6dnek az \u00e9rtes\u00edt\u0151k?\n <span class=\"arrow\">\u25bc<\/span>\n <\/button>\n <div class=\"accordion-body\">\n <p>Ha sz\u00edvecsk\u00e9zel egy programot, az app automatikusan be\u00e1ll\u00edt egy eml\u00e9keztet\u0151t <strong>15 perccel a kezd\u00e9s el\u0151tt<\/strong>.<\/p>\n <p style=\"margin-top:8px\">Az \u00e9rtes\u00edt\u0151 akkor is meg\u00e9rkezik, ha az app be van z\u00e1rva \u2014 felt\u00e9ve, hogy enged\u00e9lyezted az \u00e9rtes\u00edt\u00e9seket. Az enged\u00e9lyt az app az els\u0151 sz\u00edvecsk\u00e9z\u00e9skor k\u00e9ri.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"accordion-item\">\n <button class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n \ud83d\udee1\ufe0f Adatv\u00e9delem (GDPR)\n <span class=\"arrow\">\u25bc<\/span>\n <\/button>\n <div class=\"accordion-body\">\n <ul>\n <li>Az email c\u00edm soha nem jelenik meg m\u00e1s felhaszn\u00e1l\u00f3knak<\/li>\n <li>A chat \u00fczenetekben csak a te \u00e1ltalad megadott becen\u00e9v l\u00e1tszik<\/li>\n <li>A sz\u00edvecsk\u00e9zett programok csak a te telefonodon t\u00e1rol\u00f3dnak<\/li>\n <li>Az app nem gy\u0171jt szem\u00e9lyes adatot regisztr\u00e1ci\u00f3 n\u00e9lk\u00fcl<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"accordion-item\">\n <button class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n \u2753 Gyakori k\u00e9rd\u00e9sek\n <span class=\"arrow\">\u25bc<\/span>\n <\/button>\n <div class=\"accordion-body\">\n <p><strong>Ingyenes az app?<\/strong><br>Igen, teljesen ingyenes.<\/p>\n <p style=\"margin-top:10px\"><strong>App Store-b\u00f3l vagy Play Store-b\u00f3l kell let\u00f6lteni?<\/strong><br>Nem \u2014 k\u00f6zvetlen\u00fcl a b\u00f6ng\u00e9sz\u0151b\u0151l telep\u00edthet\u0151, mindenfajta \u00e1ruh\u00e1z n\u00e9lk\u00fcl.<\/p>\n <p style=\"margin-top:10px\"><strong>Friss\u00fcl-e automatikusan a program?<\/strong><br>Igen \u2014 ha a szervez\u0151k friss\u00edtik a programot, az app automatikusan mutatja az aktu\u00e1lis adatokat.<\/p>\n <p style=\"margin-top:10px\"><strong>Mi van, ha nincs internet a helysz\u00ednen?<\/strong><br>Az alapadatok (programok, el\u0151ad\u00f3k) r\u00e9szben el\u00e9rhet\u0151k offline is, de a chat \u00e9s az \u00e9rtes\u00edt\u0151k internetkapcsolatot ig\u00e9nyelnek.<\/p>\n <\/div>\n <\/div>\n\n<\/section>\n\n\n<footer class=\"footer\">\n <a href=\"https:\/\/betogather.vercel.app\" class=\"app-link\">\ud83d\udcf1 Megnyitom az appot<\/a>\n <p>\u00a9 2026 BeToGather Fesztiv\u00e1l \u00b7 <a href=\"https:\/\/betogather.hu\/en\/\">betogather.hu<\/a><\/p>\n<\/footer>\n\n<script>\n function showTab(tab) {\n document.querySelectorAll('.tab-content').forEach(el => el.classList.remove('active'));\n document.querySelectorAll('.tab-btn').forEach(el => el.classList.remove('active'));\n document.getElementById(tab).classList.add('active');\n event.target.classList.add('active');\n }\n\n function toggleAccordion(btn) {\n const body = btn.nextElementSibling;\n const isOpen = body.classList.contains('open');\n \/\/ Close all\n document.querySelectorAll('.accordion-body').forEach(el => el.classList.remove('open'));\n document.querySelectorAll('.accordion-header').forEach(el => el.classList.remove('open'));\n \/\/ Open clicked if was closed\n if (!isOpen) {\n body.classList.add('open');\n btn.classList.add('open');\n }\n }\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>BeToGather App \u2013 T\u00f6ltsd le a fesztiv\u00e1l appot! BETOGATHER APP A fesztiv\u00e1l a zsebedben 2026. j\u00fanius 24\u201328. \u00b7 Balatonber\u00e9ny 📱 Megnyitom az appot Mit tudsz csin\u00e1lni az appban? 📅 Teljes programlista Minden program id\u0151rendi bont\u00e1sban, napra lebontva. K\u00f6nnyed\u00e9n \u00e1tl\u00e1thatod az eg\u00e9sz fesztiv\u00e1lt. 🔍 Gyors keres\u0151 Keress el\u0151ad\u00f3kra, programokra, helysz\u00ednekre \u2014 azonnal megtal\u00e1lod amit keresel. 👤 […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-4113","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/betogather.hu\/en\/wp-json\/wp\/v2\/pages\/4113","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/betogather.hu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/betogather.hu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/betogather.hu\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/betogather.hu\/en\/wp-json\/wp\/v2\/comments?post=4113"}],"version-history":[{"count":22,"href":"https:\/\/betogather.hu\/en\/wp-json\/wp\/v2\/pages\/4113\/revisions"}],"predecessor-version":[{"id":4260,"href":"https:\/\/betogather.hu\/en\/wp-json\/wp\/v2\/pages\/4113\/revisions\/4260"}],"wp:attachment":[{"href":"https:\/\/betogather.hu\/en\/wp-json\/wp\/v2\/media?parent=4113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\nBeToGather App \u2013 T\u00f6ltsd le a fesztiv\u00e1l appot!<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --gold: #D6A85B;\n --orange: #ED9455;\n --brown: #504336;\n --text: #594a3c;\n --blue: #26516B;\n --bg: #e8dfd5;\n --surface: #f3efea;\n --white: #ffffff;\n }\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n\n body {\n font-family: 'Instrument Sans', Poppins, sans-serif;\n background: var(--bg);\n color: var(--text);\n line-height: 1.6;\n }\n\n \/* HERO *\/\n .hero {\n background: var(--brown);\n color: var(--white);\n padding: 60px 24px 48px;\n text-align: center;\n }\n\n .hero-logo {\n width: 120px;\n height: 120px;\n margin: 0 auto 20px;\n display: block;\n }\n\n .hero h1 {\n font-family: Helvetica, Arial, sans-serif;\n font-size: 2rem;\n font-weight: 700;\n color: var(--gold);\n letter-spacing: 0.05em;\n margin-bottom: 8px;\n }\n\n .hero .subtitle {\n font-size: 1.1rem;\n color: rgba(255,255,255,0.85);\n margin-bottom: 6px;\n }\n\n .hero .date {\n font-size: 0.95rem;\n color: var(--gold);\n margin-bottom: 32px;\n }\n\n .cta-btn {\n display: inline-block;\n background: var(--gold);\n color: var(--brown) ;\n font-family: Helvetica, Arial, sans-serif;\n font-weight: 700;\n font-size: 1.1rem;\n padding: 16px 40px;\n border-radius: 50px;\n text-decoration: none;\n letter-spacing: 0.03em;\n transition: background 0.2s, transform 0.2s;\n }\n\n .cta-btn:hover {\n background: var(--orange);\n transform: scale(1.03);\n }\n\n \/* FEATURES *\/\n .features {\n padding: 48px 24px;\n max-width: 680px;\n margin: 0 auto;\n }\n\n .features h2 {\n font-family: Helvetica, Arial, sans-serif;\n font-size: 1.4rem;\n color: var(--brown);\n margin-bottom: 24px;\n text-align: center;\n }\n\n .feature-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 16px;\n }\n\n @media (max-width: 480px) {\n .feature-grid { grid-template-columns: 1fr; }\n }\n\n .feature-card {\n background: var(--surface);\n border-radius: 16px;\n padding: 20px;\n border-left: 4px solid var(--gold);\n }\n\n .feature-card .icon {\n font-size: 1.8rem;\n margin-bottom: 8px;\n }\n\n .feature-card h3 {\n font-family: Helvetica, Arial, sans-serif;\n font-size: 1rem;\n color: var(--brown);\n margin-bottom: 6px;\n }\n\n .feature-card p {\n font-size: 0.88rem;\n color: var(--text);\n line-height: 1.5;\n }\n\n \/* COMMUNITY HIGHLIGHT *\/\n .community-highlight {\n background: var(--brown);\n color: var(--white);\n padding: 40px 24px;\n text-align: center;\n margin: 0;\n }\n\n .community-highlight h2 {\n font-family: Helvetica, Arial, sans-serif;\n font-size: 1.4rem;\n color: var(--gold);\n margin-bottom: 16px;\n }\n\n .community-highlight p {\n font-size: 0.95rem;\n color: rgba(255,255,255,0.85);\n max-width: 500px;\n margin: 0 auto 20px;\n }\n\n .community-tags {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n }\n\n .tag {\n background: rgba(214,168,91,0.2);\n border: 1px solid var(--gold);\n color: var(--gold);\n padding: 6px 16px;\n border-radius: 50px;\n font-size: 0.88rem;\n font-weight: 600;\n }\n\n \/* INSTALL *\/\n .install-section {\n padding: 48px 24px;\n max-width: 680px;\n margin: 0 auto;\n }\n\n .install-section h2 {\n font-family: Helvetica, Arial, sans-serif;\n font-size: 1.4rem;\n color: var(--brown);\n margin-bottom: 24px;\n text-align: center;\n }\n\n .install-tabs {\n display: flex;\n gap: 8px;\n margin-bottom: 20px;\n }\n\n .tab-btn {\n flex: 1;\n padding: 12px;\n border: 2px solid var(--gold);\n background: transparent;\n color: var(--brown);\n font-family: Helvetica, Arial, sans-serif;\n font-weight: 700;\n font-size: 0.95rem;\n border-radius: 10px;\n cursor: pointer;\n transition: all 0.2s;\n }\n\n .tab-btn.active {\n background: var(--gold);\n color: var(--brown);\n }\n\n .tab-content { display: none; }\n .tab-content.active { display: block; }\n\n .steps {\n background: var(--surface);\n border-radius: 16px;\n padding: 24px;\n }\n\n .step {\n display: flex;\n gap: 16px;\n margin-bottom: 20px;\n align-items: flex-start;\n }\n\n .step:last-child { margin-bottom: 0; }\n\n .step-num {\n width: 32px;\n height: 32px;\n background: var(--gold);\n color: var(--brown);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 700;\n font-size: 0.9rem;\n flex-shrink: 0;\n margin-top: 2px;\n }\n\n .step-text h4 {\n font-family: Helvetica, Arial, sans-serif;\n color: var(--brown);\n margin-bottom: 4px;\n font-size: 0.95rem;\n }\n\n .step-text p {\n font-size: 0.87rem;\n color: var(--text);\n }\n\n \/* ACCORDION *\/\n .accordion-section {\n padding: 0 24px 48px;\n max-width: 680px;\n margin: 0 auto;\n }\n\n .accordion-section h2 {\n font-family: Helvetica, Arial, sans-serif;\n font-size: 1.4rem;\n color: var(--brown);\n margin-bottom: 16px;\n text-align: center;\n }\n\n .accordion-item {\n background: var(--surface);\n border-radius: 12px;\n margin-bottom: 8px;\n overflow: hidden;\n }\n\n .accordion-header {\n width: 100%;\n background: none;\n border: none;\n padding: 18px 20px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n text-align: left;\n font-family: Helvetica, Arial, sans-serif;\n font-weight: 700;\n font-size: 0.95rem;\n color: var(--brown);\n transition: background 0.2s;\n }\n\n .accordion-header:hover { background: rgba(214,168,91,0.1); }\n\n .accordion-header .arrow {\n color: var(--gold);\n font-size: 1.2rem;\n transition: transform 0.3s;\n flex-shrink: 0;\n }\n\n .accordion-header.open .arrow { transform: rotate(180deg); }\n\n .accordion-body {\n display: none;\n padding: 0 20px 18px;\n font-size: 0.9rem;\n color: var(--text);\n line-height: 1.6;\n }\n\n .accordion-body.open { display: block; }\n\n .accordion-body ul {\n padding-left: 20px;\n margin-top: 8px;\n }\n\n .accordion-body ul li { margin-bottom: 6px; }\n\n \/* FOOTER *\/\n .footer {\n background: var(--brown);\n color: rgba(255,255,255,0.7);\n text-align: center;\n padding: 32px 24px;\n font-size: 0.85rem;\n }\n\n .footer a {\n color: var(--gold);\n text-decoration: none;\n font-weight: 600;\n }\n\n .footer .app-link {\n display: inline-block;\n background: var(--gold);\n color: var(--brown);\n font-weight: 700;\n padding: 12px 28px;\n border-radius: 50px;\n margin-bottom: 20px;\n font-size: 1rem;\n text-decoration: none;\n }\n \n :root {\n --gold: #D6A85B;\n --orange: #ED9455;\n --brown: #504336;\n --text: #594a3c;\n --blue: #26516B;\n --bg: #e8dfd5;\n --surface: #f3efea;\n --white: #ffffff;\n }\n\n body {\n background: var(--bg) !important;\n color: var(--text) !important;\n }\n\n .hero {\n background: var(--brown) !important;\n color: var(--white) !important;\n }\n\n .hero h1 { color: var(--gold) !important; }\n\n .hero .subtitle { color: rgba(255,255,255,0.85) !important; }\n\n .hero .date { color: var(--gold) !important; }\n\n .cta-btn {\n background: var(--gold) !important;\n color: var(--brown) !important;\n }\n\n .cta-btn:hover { background: var(--orange) !important; }\n\n .features h2 { color: var(--brown) !important; }\n\n .feature-card {\n background: var(--surface) !important;\n border-left: 4px solid var(--gold) !important;\n }\n\n .feature-card h3 { color: var(--brown) !important; }\n\n .feature-card p { color: var(--text) !important; }\n\n .community-highlight {\n background: var(--brown) !important;\n color: var(--white) !important;\n }\n\n .community-highlight h2 { color: var(--gold) !important; }\n\n .community-highlight p { color: rgba(255,255,255,0.85) !important; }\n\n .tag {\n background: rgba(214,168,91,0.2) !important;\n border: 1px solid var(--gold) !important;\n color: var(--gold) !important;\n }\n\n .install-section h2 { color: var(--brown) !important; }\n\n .tab-btn {\n border: 2px solid var(--gold) !important;\n color: var(--brown) !important;\n }\n \n .tab-btn:hover {\n background: var(--gold) !important;\n }\n\n .tab-btn.active {\n background: var(--gold) !important;\n color: var(--brown) !important;\n }\n\n .steps { background: var(--surface) !important; }\n\n .step-num {\n background: var(--gold) !important;\n color: var(--brown) !important;\n }\n\n .step-text h4 { color: var(--brown) !important; }\n\n .step-text p { color: var(--text) !important; }\n\n .accordion-section h2 { color: var(--brown) !important; }\n\n .accordion-item { background: var(--surface) !important; }\n\n .accordion-header { color: var(--brown) !important; }\n\n .accordion-header:hover {\n background: rgba(214,168,91,0.1) !important;\n }\n\n .accordion-header .arrow { color: var(--gold) !important; }\n\n .accordion-body { color: var(--text) !important; }\n\n .footer {\n background: var(--brown) !important;\n color: rgba(255,255,255,0.7) !important;\n }\n\n .footer a { color: var(--gold) !important; }\n\n .footer .app-link {\n background: var(--gold) !important;\n color: var(--brown) !important;\n }\n \n button:focus {\n background: var(--gold) !important;\n }\n<\/style>\n<\/head>\n<body>\n\n\n<section class=\"hero\">\n <img decoding=\"async\" class=\"hero-logo\" src=\"https:\/\/betogather.hu\/wp-content\/uploads\/2025\/11\/Betogather-feher-1024x191.webp\" alt=\"BeToGather logo\" onerror=\"this.style.display='none'\">\n <h1>BETOGATHER APP<\/h1>\n <p class=\"subtitle\">A fesztiv\u00e1l a zsebedben<\/p>\n <p class=\"date\">2026. j\u00fanius 24\u201328. \u00b7 Balatonber\u00e9ny<\/p>\n <a href=\"https:\/\/betogather.vercel.app\" class=\"cta-btn\">\ud83d\udcf1 Megnyitom az appot<\/a>\n<\/section>\n\n\n<section class=\"features\">\n <h2>Mit tudsz csin\u00e1lni az appban?<\/h2>\n <div class=\"feature-grid\">\n <div class=\"feature-card\">\n <div class=\"icon\">\ud83d\udcc5<\/div>\n <h3>Teljes programlista<\/h3>\n <p>Minden program id\u0151rendi bont\u00e1sban, napra lebontva. K\u00f6nnyed\u00e9n \u00e1tl\u00e1thatod az eg\u00e9sz fesztiv\u00e1lt.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"icon\">\ud83d\udd0d<\/div>\n <h3>Gyors keres\u0151<\/h3>\n <p>Keress el\u0151ad\u00f3kra, programokra, helysz\u00ednekre \u2014 azonnal megtal\u00e1lod amit keresel.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"icon\">\ud83d\udc64<\/div>\n <h3>El\u0151ad\u00f3i profilok<\/h3>\n <p>Minden el\u0151ad\u00f3 \u00e9s fell\u00e9p\u0151 r\u00e9szletes bemutat\u00f3ja, k\u00e9pekkel \u00e9s programjaik list\u00e1j\u00e1val.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"icon\">\u2764\ufe0f<\/div>\n <h3>Kedvenc programok<\/h3>\n <p>Sz\u00edvecsk\u00e9zd be a neked tetsz\u0151 programokat, \u00e9s kapsz egy eml\u00e9keztet\u0151t 15 perccel a kezd\u00e9s el\u0151tt.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"icon\">\ud83d\udccd<\/div>\n <h3>Helysz\u00ednek<\/h3>\n <p>Minden t\u00e9r \u00e9s s\u00e1tor bemutat\u00e1sa a hozz\u00e1juk tartoz\u00f3 programlist\u00e1val.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"icon\">\u23f0<\/div>\n <h3>Eml\u00e9keztet\u0151<\/h3>\n <p>Automatikus push \u00e9rtes\u00edt\u0151 15 perccel a sz\u00edvecsk\u00e9zett programok kezd\u00e9se el\u0151tt \u2014 akkor is, ha az app be van z\u00e1rva.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"community-highlight\">\n <h2>\ud83d\udcac K\u00f6z\u00f6ss\u00e9g f\u00fcl<\/h2>\n <p>Szervezd meg az utaz\u00e1st \u00e9s a sz\u00e1ll\u00e1st, maradj naprak\u00e9sz a h\u00edrekr\u0151l, tal\u00e1lj \u00faj ismer\u0151s\u00f6ket a fesztiv\u00e1lon \u2014 bejelentkez\u00e9ssel.<\/p>\n <div class=\"community-tags\">\n <span class=\"tag\">\ud83d\ude97 Telekocsi \u2013 keres\/k\u00edn\u00e1l<\/span>\n <span class=\"tag\">\ud83c\udfe0 Sz\u00e1ll\u00e1s \u2013 keres\/k\u00edn\u00e1l<\/span>\n <span class=\"tag\">\ud83d\udce2 H\u00edrek & Inf\u00f3<\/span>\n <span class=\"tag\">\ud83e\udd1d Tal\u00e1lka<\/span>\n <span class=\"tag\">\ud83d\udd0d Tal\u00e1ltam \/ Keresem<\/span>\n <span class=\"tag\">\ud83d\udcac \u00c1ltal\u00e1nos<\/span>\n <\/div>\n<\/section>\n\n\n<section class=\"install-section\">\n <h2>Hogyan telep\u00edtsd?<\/h2>\n <div class=\"install-tabs\">\n <button class=\"tab-btn active\" onclick=\"showTab('android')\">\ud83e\udd16 Android<\/button>\n <button class=\"tab-btn\" onclick=\"showTab('ios')\">\ud83c\udf4e iPhone (iOS)<\/button>\n <\/div>\n\n <div id=\"android\" class=\"tab-content active\">\n <div class=\"steps\">\n <div class=\"step\">\n <div class=\"step-num\">1<\/div>\n <div class=\"step-text\">\n <h4>Nyisd meg b\u00f6ng\u00e9sz\u0151ben<\/h4>\n <p>L\u00e1togass el az <a href=\"https:\/\/betogather.vercel.app\" target=\"_blank\" style=\"color:var(--brown);font-weight:700;\">betogather.vercel.app<\/a> oldalra. <strong>Chrome b\u00f6ng\u00e9sz\u0151t aj\u00e1nlunk<\/strong> \u2014 m\u00e1s b\u00f6ng\u00e9sz\u0151b\u0151l is megnyithat\u00f3, de Chrome-ban a legegyszer\u0171bb a telep\u00edt\u00e9s.<\/p>\n <\/div>\n <\/div>\n <div class=\"step\">\n <div class=\"step-num\">2<\/div>\n <div class=\"step-text\">\n <h4>Fogadd el a telep\u00edt\u00e9si aj\u00e1nlatot<\/h4>\n <p>Az oldal alj\u00e1n megjelenik egy banner: \u201eTelep\u00edtsd az appot!\" \u2014 kattints a <strong>Telep\u00edt\u00e9s<\/strong> gombra.<\/p>\n <\/div>\n <\/div>\n <div class=\"step\">\n <div class=\"step-num\">3<\/div>\n <div class=\"step-text\">\n <h4>Ha nem jelenik meg a banner<\/h4>\n <p>Kattints a Chrome jobb fels\u0151 sark\u00e1ban a <strong>\u22ee men\u00fcre<\/strong>, majd v\u00e1laszd: <strong>\u201eAlkalmaz\u00e1s telep\u00edt\u00e9se\"<\/strong> vagy <strong>\u201eHozz\u00e1ad\u00e1s a kezd\u0151k\u00e9perny\u0151h\u00f6z\"<\/strong>.<\/p>\n <\/div>\n <\/div>\n <div class=\"step\">\n <div class=\"step-num\">4<\/div>\n <div class=\"step-text\">\n <h4>K\u00e9sz!<\/h4>\n <p>A BeToGather app megjelenik a telefon kezd\u0151k\u00e9perny\u0151j\u00e9n \u2014 \u00fagy m\u0171k\u00f6dik, mint b\u00e1rmely m\u00e1s alkalmaz\u00e1s.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"ios\" class=\"tab-content\">\n <div class=\"steps\">\n <div class=\"step\">\n <div class=\"step-num\">1<\/div>\n <div class=\"step-text\">\n <h4>Nyisd meg Safari b\u00f6ng\u00e9sz\u0151ben<\/h4>\n <p>L\u00e1togass el az <a href=\"https:\/\/betogather.vercel.app\" target=\"_blank\" style=\"color:var(--brown);font-weight:700;\">betogather.vercel.app<\/a> oldalra iPhone Safari b\u00f6ng\u00e9sz\u0151j\u00e9b\u0151l. <strong>Fontos: Safari b\u00f6ng\u00e9sz\u0151t haszn\u00e1lj<\/strong> \u2014 Chrome-b\u00f3l nem telep\u00edthet\u0151 iOS-en.<\/p>\n <\/div>\n <\/div>\n <div class=\"step\">\n <div class=\"step-num\">2<\/div>\n <div class=\"step-text\">\n <h4>Kattints a Megoszt\u00e1s ikonra<\/h4>\n <p>Az oldal alj\u00e1n k\u00f6z\u00e9pen tal\u00e1lhat\u00f3 a <strong>\u25a1\u2191 Megoszt\u00e1s<\/strong> gomb \u2014 kattints r\u00e1.<\/p>\n <\/div>\n <\/div>\n <div class=\"step\">\n <div class=\"step-num\">3<\/div>\n <div class=\"step-text\">\n <h4>V\u00e1laszd: \u201eF\u0151k\u00e9perny\u0151re\"<\/h4>\n <p>A megjelen\u0151 men\u00fcb\u0151l g\u00f6rgess le \u00e9s v\u00e1laszd: <strong>\u201eHozz\u00e1ad\u00e1s a f\u0151k\u00e9perny\u0151h\u00f6z\"<\/strong>.<\/p>\n <\/div>\n <\/div>\n <div class=\"step\">\n <div class=\"step-num\">4<\/div>\n <div class=\"step-text\">\n <h4>Kattints a \u201eHozz\u00e1ad\u00e1s\" gombra<\/h4>\n <p>Jobb fel\u00fcl er\u0151s\u00edtsd meg \u2014 a BeToGather app megjelenik a f\u0151k\u00e9perny\u0151n.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"accordion-section\">\n <h2>Tudnival\u00f3k<\/h2>\n\n <div class=\"accordion-item\">\n <button class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n \u2705 Mi\u00e9rt \u00e9rdemes telep\u00edteni?\n <span class=\"arrow\">\u25bc<\/span>\n <\/button>\n <div class=\"accordion-body\">\n <ul>\n <li>Mindig k\u00e9zn\u00e9l van \u2014 nem kell b\u00f6ng\u00e9sz\u0151t nyitni<\/li>\n <li>Offline is m\u0171k\u00f6dik az alapfunkci\u00f3k egy r\u00e9sze<\/li>\n <li>Push \u00e9rtes\u00edt\u0151t kapsz a kedvenc programjaid el\u0151tt<\/li>\n <li>Gyorsabb, mint a weboldal b\u00f6ng\u00e9sz\u0151b\u0151l<\/li>\n <li>Ingyenes, nem kell App Store vagy Play Store<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"accordion-item\">\n <button class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n \ud83d\udcf1 Rendszerk\u00f6vetelm\u00e9nyek\n <span class=\"arrow\">\u25bc<\/span>\n <\/button>\n <div class=\"accordion-body\">\n <ul>\n <li><strong>Android:<\/strong> Android 8.0 vagy \u00fajabb, Chrome b\u00f6ng\u00e9sz\u0151 aj\u00e1nlott<\/li>\n <li><strong>iPhone\/iPad:<\/strong> iOS 14 vagy \u00fajabb, Safari b\u00f6ng\u00e9sz\u0151 sz\u00fcks\u00e9ges<\/li>\n <li><strong>Internetkapcsolat:<\/strong> az els\u0151 megnyit\u00e1shoz sz\u00fcks\u00e9ges, ut\u00e1na r\u00e9szben offline is m\u0171k\u00f6dik<\/li>\n <li><strong>\u00c9rtes\u00edt\u0151kh\u00f6z:<\/strong> enged\u00e9lyezni kell az \u00e9rtes\u00edt\u00e9seket a telefon be\u00e1ll\u00edt\u00e1saiban<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"accordion-item\">\n <button class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n \ud83d\udd10 Kell-e regisztr\u00e1ci\u00f3 vagy bel\u00e9p\u00e9s?\n <span class=\"arrow\">\u25bc<\/span>\n <\/button>\n <div class=\"accordion-body\">\n <p>Az app legt\u00f6bb funkci\u00f3ja \u2014 programlista, el\u0151ad\u00f3k, keres\u0151, sz\u00edvecsk\u00e9z\u00e9s, \u00e9rtes\u00edt\u0151k \u2014 <strong>bejelentkez\u00e9s n\u00e9lk\u00fcl<\/strong> is el\u00e9rhet\u0151.<\/p>\n <p style=\"margin-top:8px\">A <strong>K\u00f6z\u00f6ss\u00e9g f\u00fcl<\/strong> (telekocsi, sz\u00e1ll\u00e1s, chat) haszn\u00e1lat\u00e1hoz sz\u00fcks\u00e9ges egy egyszer\u0171 bel\u00e9p\u00e9s Google fi\u00f3kkal vagy email c\u00edmmel. Az email c\u00edm soha nem jelenik meg m\u00e1s felhaszn\u00e1l\u00f3knak \u2014 csak a te \u00e1ltalad v\u00e1lasztott becen\u00e9v l\u00e1tszik.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"accordion-item\">\n <button class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n \ud83d\udd14 Hogyan m\u0171k\u00f6dnek az \u00e9rtes\u00edt\u0151k?\n <span class=\"arrow\">\u25bc<\/span>\n <\/button>\n <div class=\"accordion-body\">\n <p>Ha sz\u00edvecsk\u00e9zel egy programot, az app automatikusan be\u00e1ll\u00edt egy eml\u00e9keztet\u0151t <strong>15 perccel a kezd\u00e9s el\u0151tt<\/strong>.<\/p>\n <p style=\"margin-top:8px\">Az \u00e9rtes\u00edt\u0151 akkor is meg\u00e9rkezik, ha az app be van z\u00e1rva \u2014 felt\u00e9ve, hogy enged\u00e9lyezted az \u00e9rtes\u00edt\u00e9seket. Az enged\u00e9lyt az app az els\u0151 sz\u00edvecsk\u00e9z\u00e9skor k\u00e9ri.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"accordion-item\">\n <button class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n \ud83d\udee1\ufe0f Adatv\u00e9delem (GDPR)\n <span class=\"arrow\">\u25bc<\/span>\n <\/button>\n <div class=\"accordion-body\">\n <ul>\n <li>Az email c\u00edm soha nem jelenik meg m\u00e1s felhaszn\u00e1l\u00f3knak<\/li>\n <li>A chat \u00fczenetekben csak a te \u00e1ltalad megadott becen\u00e9v l\u00e1tszik<\/li>\n <li>A sz\u00edvecsk\u00e9zett programok csak a te telefonodon t\u00e1rol\u00f3dnak<\/li>\n <li>Az app nem gy\u0171jt szem\u00e9lyes adatot regisztr\u00e1ci\u00f3 n\u00e9lk\u00fcl<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"accordion-item\">\n <button class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n \u2753 Gyakori k\u00e9rd\u00e9sek\n <span class=\"arrow\">\u25bc<\/span>\n <\/button>\n <div class=\"accordion-body\">\n <p><strong>Ingyenes az app?<\/strong><br>Igen, teljesen ingyenes.<\/p>\n <p style=\"margin-top:10px\"><strong>App Store-b\u00f3l vagy Play Store-b\u00f3l kell let\u00f6lteni?<\/strong><br>Nem \u2014 k\u00f6zvetlen\u00fcl a b\u00f6ng\u00e9sz\u0151b\u0151l telep\u00edthet\u0151, mindenfajta \u00e1ruh\u00e1z n\u00e9lk\u00fcl.<\/p>\n <p style=\"margin-top:10px\"><strong>Friss\u00fcl-e automatikusan a program?<\/strong><br>Igen \u2014 ha a szervez\u0151k friss\u00edtik a programot, az app automatikusan mutatja az aktu\u00e1lis adatokat.<\/p>\n <p style=\"margin-top:10px\"><strong>Mi van, ha nincs internet a helysz\u00ednen?<\/strong><br>Az alapadatok (programok, el\u0151ad\u00f3k) r\u00e9szben el\u00e9rhet\u0151k offline is, de a chat \u00e9s az \u00e9rtes\u00edt\u0151k internetkapcsolatot ig\u00e9nyelnek.<\/p>\n <\/div>\n <\/div>\n\n<\/section>\n\n\n<footer class=\"footer\">\n <a href=\"https:\/\/betogather.vercel.app\" class=\"app-link\">\ud83d\udcf1 Megnyitom az appot<\/a>\n <p>\u00a9 2026 BeToGather Fesztiv\u00e1l \u00b7 <a href=\"https:\/\/betogather.hu\/en\/\">betogather.hu<\/a><\/p>\n<\/footer>\n\n<script>\n function showTab(tab) {\n document.querySelectorAll('.tab-content').forEach(el => el.classList.remove('active'));\n document.querySelectorAll('.tab-btn').forEach(el => el.classList.remove('active'));\n document.getElementById(tab).classList.add('active');\n event.target.classList.add('active');\n }\n\n function toggleAccordion(btn) {\n const body = btn.nextElementSibling;\n const isOpen = body.classList.contains('open');\n \/\/ Close all\n document.querySelectorAll('.accordion-body').forEach(el => el.classList.remove('open'));\n document.querySelectorAll('.accordion-header').forEach(el => el.classList.remove('open'));\n \/\/ Open clicked if was closed\n if (!isOpen) {\n body.classList.add('open');\n btn.classList.add('open');\n }\n }\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>BeToGather App \u2013 T\u00f6ltsd le a fesztiv\u00e1l appot! BETOGATHER APP A fesztiv\u00e1l a zsebedben 2026. j\u00fanius 24\u201328. \u00b7 Balatonber\u00e9ny 📱 Megnyitom az appot Mit tudsz csin\u00e1lni az appban? 📅 Teljes programlista Minden program id\u0151rendi bont\u00e1sban, napra lebontva. K\u00f6nnyed\u00e9n \u00e1tl\u00e1thatod az eg\u00e9sz fesztiv\u00e1lt. 🔍 Gyors keres\u0151 Keress el\u0151ad\u00f3kra, programokra, helysz\u00ednekre \u2014 azonnal megtal\u00e1lod amit keresel. 👤 […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-4113","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/betogather.hu\/en\/wp-json\/wp\/v2\/pages\/4113","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/betogather.hu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/betogather.hu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/betogather.hu\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/betogather.hu\/en\/wp-json\/wp\/v2\/comments?post=4113"}],"version-history":[{"count":22,"href":"https:\/\/betogather.hu\/en\/wp-json\/wp\/v2\/pages\/4113\/revisions"}],"predecessor-version":[{"id":4260,"href":"https:\/\/betogather.hu\/en\/wp-json\/wp\/v2\/pages\/4113\/revisions\/4260"}],"wp:attachment":[{"href":"https:\/\/betogather.hu\/en\/wp-json\/wp\/v2\/media?parent=4113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}