{"id":10,"date":"2026-04-28T05:47:33","date_gmt":"2026-04-28T05:47:33","guid":{"rendered":"http:\/\/www.burcukosar.com\/?page_id=10"},"modified":"2026-04-28T08:01:25","modified_gmt":"2026-04-28T08:01:25","slug":"10-2","status":"publish","type":"page","link":"https:\/\/www.burcukosar.com\/","title":{"rendered":"Ana Sayfa"},"content":{"rendered":"\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&#038;family=Lora:ital,wght@0,400;0,600;1,400&#038;display=swap\" rel=\"stylesheet\">\n<style>\n    \/* === CSS VARIABLES \u2014 Marka Renk Sistemi v0.1 === *\/\n    :root {\n        --antrasit: #1E1E22;\n        --gece-lacivert: #142838;\n        --derin-yesil: #1F3A2E;\n        --ceviz-zengin: #6B3D28;\n        --ceviz-bronz: #55402A;\n        --bronz-altin: #B07829;\n        --tas-gri: #8C8178;\n        --krem: #EDE4D3;\n        --beyaz: #F5F0E8;\n        --font-heading: 'Montserrat', sans-serif;\n        --font-body: 'Lora', serif;\n    }\n    body {\n        margin: 0 !important;\n        padding: 0 !important;\n        background-color: var(--gece-lacivert) !important; \n        color: var(--krem);\n        font-family: var(--font-body);\n        font-size: 17px;\n        line-height: 1.7;\n        -webkit-font-smoothing: antialiased;\n    }\n    .wp-site-blocks { padding: 0 !important; background-color: var(--gece-lacivert) !important; gap: 0 !important; }\n.wp-site-blocks > * { max-width: 100% !important; }\n.wp-site-blocks > * + * { margin-top: 0 !important; }\n.entry-content { max-width: 100% !important; padding: 0 !important; margin: 0 !important; }\n.is-layout-constrained > * { max-width: 100% !important; }\n.is-layout-flow > * + * { margin-block-start: 0 !important; }\n.has-global-padding { padding: 0 !important; }\n.wp-block-custom-html { max-width: 100% !important; width: 100% !important; }\n.wp-block-group { margin-top: 0 !important; margin-bottom: 0 !important; }\nmain { gap: 0 !important; }\n* { margin-block-start: 0 !important; margin-block-end: 0 !important; }\n    \/* === HERO \u2014 Banner Style === *\/\n    .hero {\n        min-height: auto;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        text-align: center;\n        padding: 140px 24px;\n        position: relative;\n        overflow: hidden;\n        background: #1a1a1a;\n    }\n    .hero::before {\n        content: '';\n        position: absolute;\n        top: 0; left: 0; right: 0; bottom: 0;\n        background:\n            radial-gradient(ellipse at 50% 50%, rgba(80, 75, 68, 0.25) 0%, transparent 55%),\n            radial-gradient(ellipse at 50% 50%, transparent 40%, rgba(0, 0, 0, 0.5) 100%);\n        pointer-events: none;\n    }\n    .hero::after {\n        content: '';\n        position: absolute;\n        top: 0; left: 0; right: 0; bottom: 0;\n        background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'\/%3E%3C\/svg%3E\");\n        background-repeat: repeat;\n        background-size: 256px 256px;\n        opacity: 0.4;\n        pointer-events: none;\n    }\n    .hero-content { position: relative; z-index: 1; max-width: 720px; }\n    .hero-title {\n        font-family: var(--font-heading);\n        font-weight: 700;\n        font-size: clamp(28px, 5vw, 44px);\n        line-height: 1.2;\n        color: #ffffff;\n        letter-spacing: 3px;\n        text-transform: uppercase;\n        margin-bottom: 16px;\n        opacity: 0;\n        animation: fadeUp 0.8s ease 0.3s forwards;\n    }\n    .hero-subtitle {\n        font-family: var(--font-heading);\n        font-weight: 400;\n        font-size: clamp(13px, 2vw, 16px);\n        color: rgba(255, 255, 255, 0.7);\n        letter-spacing: 4px;\n        text-transform: uppercase;\n        opacity: 0;\n        animation: fadeUp 0.8s ease 0.5s forwards;\n    }\n\n    \/* === B\u00f6l\u00fcm 2 \u2014 Tan\u0131t\u0131m + D\u00f6n\u00fc\u015f\u00fcm === *\/\n    .about {\n        padding: 100px 24px;\n        background: var(--antrasit);\n        position: relative;\n    }\n    .about::before {\n        content: '';\n        position: absolute;\n        top: 0; left: 0; right: 0;\n        height: 1px;\n        background: linear-gradient(90deg, transparent, var(--ceviz-bronz), transparent);\n    }\n    .about-content { max-width: 640px; margin: 0 auto; }\n    .about-text {\n        font-family: var(--font-body);\n        font-size: 17px;\n        line-height: 1.8;\n        color: var(--krem);\n        margin-bottom: 28px;\n    }\n    .about-text:last-child { margin-bottom: 0; }\n    .about-highlight { font-family: var(--font-body); font-weight: 600; color: var(--krem); }\n    .about-accent { color: var(--bronz-altin); font-family: var(--font-body); font-style: italic; }\n\n    \/* === B\u00f6l\u00fcm 3 \u2014 Newsletter === *\/\n    .newsletter {\n        padding: 100px 24px;\n        background: var(--derin-yesil);\n        text-align: center;\n        position: relative;\n    }\n    .newsletter::before {\n        content: '';\n        position: absolute;\n        top: 0; left: 0; right: 0;\n        height: 1px;\n        background: linear-gradient(90deg, transparent, var(--ceviz-bronz), transparent);\n    }\n    .newsletter-content { max-width: 520px; margin: 0 auto; }\n    .newsletter-title {\n        font-family: var(--font-heading);\n        font-weight: 700;\n        font-size: clamp(24px, 4vw, 32px);\n        line-height: 1.25;\n        color: var(--krem);\n        margin-bottom: 20px;\n    }\n    .newsletter-description {\n        font-family: var(--font-body);\n        font-size: 16px;\n        line-height: 1.7;\n        color: var(--krem);\n        margin-bottom: 40px;\n        opacity: 0.9;\n    }\n\n    \/* === B\u00f6l\u00fcm 4 \u2014 Manifesto === *\/\n    .manifesto {\n        padding: 100px 24px;\n        background: var(--gece-lacivert);\n        text-align: center;\n        position: relative;\n    }\n    .manifesto::before {\n        content: '';\n        position: absolute;\n        top: 0; left: 0; right: 0;\n        height: 1px;\n        background: linear-gradient(90deg, transparent, var(--ceviz-bronz), transparent);\n    }\n    .manifesto-content { max-width: 600px; margin: 0 auto; }\n    .manifesto-title {\n        font-family: var(--font-heading);\n        font-weight: 700;\n        font-size: clamp(24px, 4vw, 32px);\n        line-height: 1.25;\n        color: var(--krem);\n        margin-bottom: 24px;\n    }\n    .manifesto-text {\n        font-family: var(--font-body);\n        font-size: 16px;\n        line-height: 1.7;\n        color: var(--krem);\n        margin-bottom: 40px;\n        opacity: 0.9;\n    }\n    .manifesto-placeholder {\n        padding: 48px 32px;\n        border: 1px solid var(--ceviz-bronz);\n        border-radius: 4px;\n        background: rgba(85, 64, 42, 0.08);\n    }\n    .manifesto-placeholder-text {\n        font-family: var(--font-heading);\n        font-weight: 500;\n        font-size: 14px;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        color: var(--bronz-altin);\n    }\n    .manifesto-placeholder-sub {\n        font-family: var(--font-body);\n        font-size: 14px;\n        color: var(--tas-gri);\n        margin-top: 12px;\n    }\n\n    \/* === Footer === *\/\n    .lp-footer {\n        padding: 48px 24px;\n        background: var(--antrasit);\n        text-align: center;\n        position: relative;\n    }\n    .lp-footer::before {\n        content: '';\n        position: absolute;\n        top: 0; left: 0; right: 0;\n        height: 1px;\n        background: linear-gradient(90deg, transparent, var(--ceviz-bronz), transparent);\n    }\n    .footer-socials { display: flex; justify-content: center; gap: 32px; margin-bottom: 24px; }\n    .footer-social-link {\n        font-family: var(--font-heading);\n        font-weight: 500;\n        font-size: 13px;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        color: var(--tas-gri);\n        text-decoration: none;\n        transition: color 0.3s ease;\n    }\n    .footer-social-link:hover { color: var(--bronz-altin); }\n    .footer-email { font-family: var(--font-body); font-size: 15px; color: var(--krem); margin-bottom: 24px; }\n    .footer-email a { color: var(--krem); text-decoration: none; border-bottom: 1px solid var(--ceviz-bronz); transition: border-color 0.3s ease; }\n    .footer-email a:hover { border-color: var(--bronz-altin); }\n    .footer-copyright { font-family: var(--font-heading); font-weight: 400; font-size: 12px; color: var(--tas-gri); letter-spacing: 1px; }\n\n    \/* === ANIMATIONS === *\/\n    @keyframes fadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .fade-in { opacity: 0; transform: translateY(24px); transition: opacity 0.7s ease, transform 0.7s ease; }\n    .fade-in.visible { opacity: 1; transform: translateY(0); }\n\n    \/* === RESPONSIVE === *\/\n    @media (max-width: 600px) {\n        .hero { padding: 100px 20px; }\n        .about, .newsletter, .manifesto { padding: 72px 20px; }\n        .footer-socials { gap: 20px; }\n        .footer-social-link { font-size: 11px; letter-spacing: 1.5px; }\n    }\n<\/style>\n\n<!-- B\u00d6L\u00dcM 1 \u2014 Hero (Banner) -->\n<section class=\"hero\">\n    <div class=\"hero-content\">\n        <h1 class=\"hero-title\">Burcu Ko\u015far<br>Vokal Akademi<\/h1>\n        <p class=\"hero-subtitle\">NEFES-BEDEN-SES<\/p>\n    <\/div>\n<\/section>\n\n<!-- B\u00d6L\u00dcM 2 \u2014 Tan\u0131t\u0131m + D\u00f6n\u00fc\u015f\u00fcm -->\n<section class=\"about\">\n    <div class=\"about-content\">\n        <p class=\"about-text fade-in\" style=\"font-size: 19px;\">\n            20 y\u0131l\u0131 a\u015fk\u0131n bir s\u00fcredir bilginin bizi g\u00f6t\u00fcrd\u00fc\u011f\u00fc yere gidiyoruz.\n            Ara\u015ft\u0131r\u0131yor, uyguluyor ve sorguluyoruz.\n        <\/p>\n        <p class=\"about-text fade-in\">\n            Ses e\u011fitimine dair ezber bilgiler ve teknikler, kopyala-yap\u0131\u015ft\u0131r metodlar ve sorgulanmadan tekrarlanan uygulamalar\u0131n yerine \u2014 <span class=\"about-highlight\">ya\u015fayan, adapte olabilen, fizyoloji temelli ve \u00e7ok katmanl\u0131 bir metod<\/span> \u00f6neriyoruz. Nefesten bedene, bedenden sese uzanan bir yol.\n        <\/p>\n        <p class=\"about-text fade-in\">\n            <span class=\"about-accent\">\u015eimdi de\u011fi\u015fim ve d\u00f6n\u00fc\u015f\u00fcm zaman\u0131.<\/span> T\u00fcm bu deneyim s\u00fcrecini ve \u00f6\u011frendiklerimizi daha sistematik, daha d\u00fcr\u00fcst ve daha eri\u015filebilir bir \u015fekilde payla\u015fabilmek i\u00e7in yeniden yap\u0131lan\u0131yoruz.\n        <\/p>\n    <\/div>\n<\/section>\n\n<!-- B\u00d6L\u00dcM 3 \u2014 Newsletter (MailerLite formu burada embed edilecek) -->\n<section class=\"newsletter\">\n    <div class=\"newsletter-content fade-in\">\n        <!-- MailerLite embed formu buraya yap\u0131\u015ft\u0131r\u0131lacak -->\n        <div class=\"ml-embedded\" data-form=\"0dcEF8\"><\/div>\n    <\/div>\n<\/section>\n\n<!-- B\u00d6L\u00dcM 4 \u2014 Manifesto -->\n<section class=\"manifesto\">\n    <div class=\"manifesto-content fade-in\">\n        <h2 class=\"manifesto-title\">Yeni D\u00f6nem Ba\u015fl\u0131yor<\/h2>\n        <p class=\"manifesto-text\">\n            Biz kimiz, neler yapt\u0131k, neden de\u011fi\u015fiyor ve d\u00f6n\u00fc\u015f\u00fcyoruz \u2014 bundan sonra bizden neler bekleyebilece\u011fini anlatt\u0131\u011f\u0131m\u0131z video i\u00e7eri\u011fe buradan ula\u015fabilirsin.\n        <\/p>\n        <div class=\"manifesto-placeholder\">\n            <p class=\"manifesto-placeholder-text\">\u00c7ok Yak\u0131nda<\/p>\n            <p class=\"manifesto-placeholder-sub\">Manifesto videosu yay\u0131nland\u0131\u011f\u0131nda burada olacak.<\/p>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- B\u00d6L\u00dcM 5 \u2014 Footer -->\n<div class=\"lp-footer\">\n    <div class=\"footer-socials\">\n        <a href=\"https:\/\/www.youtube.com\/channel\/UCytcKrCWeK3z9dBGMMxJggw\" target=\"_blank\" class=\"footer-social-link\">YouTube<\/a>\n<a href=\"https:\/\/www.instagram.com\/burcukosarvokalakademi\" target=\"_blank\" class=\"footer-social-link\">Instagram<\/a>\n      \n    <\/div>\n    <p class=\"footer-email\">\n        <a href=\"mailto:info@burcukosar.com\">info@burcukosar.com<\/a>\n    <\/p>\n    <p class=\"footer-copyright\">\u00a9 2026 Burcu Ko\u015far Vokal Akademi<\/p>\n<\/div>\n\n<!-- Scroll Animation -->\n<script>\n    const observer = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                entry.target.classList.add('visible');\n            }\n        });\n    }, {\n        threshold: 0.15,\n        rootMargin: '0px 0px -40px 0px'\n    });\n    document.querySelectorAll('.fade-in').forEach(el => observer.observe(el));\n<\/script>\n\n<!-- MailerLite Universal Script -->\n<script>\n    (function(w,d,e,u,f,l,n){w[f]=w[f]||function(){(w[f].q=w[f].q||[]).push(arguments);},l=d.createElement(e),l.async=1,l.src=u,n=d.getElementsByTagName(e)[0],n.parentNode.insertBefore(l,n);})(window,document,'script','https:\/\/assets.mailerlite.com\/js\/universal.js','ml');\n    ml('account', '2296897');\n<\/script>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Burcu Ko\u015farVokal Akademi NEFES-BEDEN-SES 20 y\u0131l\u0131 a\u015fk\u0131n bir s\u00fcredir bilginin bizi g\u00f6t\u00fcrd\u00fc\u011f\u00fc yere gidiyoruz. Ara\u015ft\u0131r\u0131yor, uyguluyor ve sorguluyoruz. Ses e\u011fitimine dair ezber bilgiler ve teknikler, kopyala-yap\u0131\u015ft\u0131r metodlar ve sorgulanmadan tekrarlanan uygulamalar\u0131n yerine \u2014 ya\u015fayan, adapte olabilen, fizyoloji temelli ve \u00e7ok katmanl\u0131 bir metod \u00f6neriyoruz. Nefesten bedene, bedenden sese uzanan bir yol. \u015eimdi de\u011fi\u015fim ve d\u00f6n\u00fc\u015f\u00fcm [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.burcukosar.com\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.burcukosar.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.burcukosar.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.burcukosar.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.burcukosar.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":15,"href":"https:\/\/www.burcukosar.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":32,"href":"https:\/\/www.burcukosar.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/32"}],"wp:attachment":[{"href":"https:\/\/www.burcukosar.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}