{"id":121,"date":"2026-05-01T18:23:16","date_gmt":"2026-05-01T18:23:16","guid":{"rendered":"https:\/\/demowebdesign.live\/renita\/?page_id=121"},"modified":"2026-06-11T21:49:34","modified_gmt":"2026-06-11T21:49:34","slug":"about-me","status":"publish","type":"page","link":"https:\/\/demowebdesign.live\/renita\/index.php\/about-me\/","title":{"rendered":"About Me"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"121\" class=\"elementor elementor-121\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2a5920a7 e-con-full e-flex e-con e-parent\" data-id=\"2a5920a7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a1e618b elementor-widget elementor-widget-html\" data-id=\"a1e618b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t    <!-- Google Fonts -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <!-- GSAP -->\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n\r\n    <style>\r\n        :root {\r\n            --ah-cream: #fdfbf7;\r\n            --ah-sky: #e0f2fe;\r\n            --ah-accent: #1a2a3a;\r\n            --ah-gold: #b58d4a;\r\n            --ah-text: #2c3e50;\r\n        }\r\n\r\n        * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n        body {\r\n            background-color: var(--ah-cream);\r\n            font-family: 'Inter', sans-serif;\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        .ah-hero {\r\n            padding: 180px !important;\r\n            width: 100%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            position: relative;\r\n            background: linear-gradient(135deg, var(--ah-cream) 0%, var(--ah-sky) 100%);\r\n            overflow: hidden;\r\n            text-align: center;\r\n        }\r\n\r\n        \/* --- Background Decor --- *\/\r\n        .ah-bg-decor {\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            z-index: 1;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .ah-bokeh {\r\n            position: absolute;\r\n            background: radial-gradient(circle, rgba(181, 141, 74, 0.1) 0%, transparent 70%);\r\n            border-radius: 50%;\r\n            filter: blur(60px);\r\n            opacity: 0.6;\r\n        }\r\n\r\n        .ah-cloud {\r\n            position: absolute;\r\n            background: white;\r\n            border-radius: 50%;\r\n            filter: blur(100px);\r\n            opacity: 0.4;\r\n        }\r\n\r\n        .ah-ghost-text {\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 35vw;\r\n            color: var(--ah-accent);\r\n            opacity: 0.02;\r\n            z-index: 0;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        \/* --- Content Layout --- *\/\r\n        .ah-container {\r\n            max-width: 1000px;\r\n            padding: 0 5%;\r\n            position: relative;\r\n            z-index: 10;\r\n        }\r\n\r\n        .ah-sub {\r\n            font-size: 0.9rem;\r\n            font-weight: 700;\r\n            letter-spacing: 6px;\r\n            color: var(--ah-gold);\r\n            text-transform: uppercase;\r\n            margin-bottom: 25px;\r\n            display: block;\r\n        }\r\n\r\n        .ah-h1 {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: clamp(3rem, 7vw, 5.5rem);\r\n            color: var(--ah-accent);\r\n            line-height: 1.1;\r\n            margin-bottom: 30px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .ah-p {\r\n            font-size: clamp(1.1rem, 1.5vw, 1.4rem);\r\n            line-height: 1.8;\r\n            color: var(--ah-text);\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n            opacity: 0.8;\r\n            font-weight: 400;\r\n        }\r\n\r\n        .ah-divider {\r\n            width: 100px;\r\n            height: 2px;\r\n            background: var(--ah-gold);\r\n            margin: 40px auto;\r\n            opacity: 0.5;\r\n        }\r\n\r\n        \/* Decorative Sidebar Elements *\/\r\n        .ah-sidebar-tag {\r\n            position: absolute;\r\n            right: 40px;\r\n            top: 50%;\r\n            transform: translateY(-50%) rotate(90deg);\r\n            font-size: 0.75rem;\r\n            font-weight: 700;\r\n            letter-spacing: 4px;\r\n            color: var(--ah-gold);\r\n            text-transform: uppercase;\r\n            opacity: 0.4;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        \/* --- Responsive --- *\/\r\n        @media (max-width: 768px) {\r\n            .ah-hero { padding-top: 120px !important; padding-left: 0px !important; padding-right:0px !important}\r\n            .ah-sidebar-tag { display: none; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <section class=\"ah-hero\">\r\n        \r\n        <!-- Background Decor -->\r\n        <div class=\"ah-bg-decor\" id=\"ah-decor\">\r\n            <div class=\"ah-ghost-text\">AUTHOR<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ah-container\">\r\n            <span class=\"ah-sub\">Author \u00b7 Communicator \u00b7 Woman of Faith<\/span>\r\n            <h1 class=\"ah-h1\">About <br>Renita T. Shelton<\/h1>\r\n            <div class=\"ah-divider\"><\/div>\r\n            <p class=\"ah-p\">\r\n                A life shaped by storms, refined by faith, and marked by the undeniable hand of God. \r\n            <\/p>\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n    <script>\r\n        (function() {\r\n            function initAboutHero() {\r\n                if (typeof gsap === 'undefined') return;\r\n\r\n                \/\/ 1. Background Animating Elements\r\n                const decor = document.getElementById('ah-decor');\r\n                if (decor) {\r\n                    \/\/ Floating Bokeh\r\n                    for (let i = 0; i < 4; i++) {\r\n                        const b = document.createElement('div');\r\n                        b.className = 'ah-bokeh';\r\n                        const size = 200 + Math.random() * 200;\r\n                        b.style.width = size + 'px'; b.style.height = size + 'px';\r\n                        b.style.left = Math.random() * 100 + '%'; b.style.top = Math.random() * 100 + '%';\r\n                        decor.appendChild(b);\r\n                        gsap.to(b, {\r\n                            x: \"random(-100, 100)\", y: \"random(-100, 100)\",\r\n                            duration: 10 + Math.random() * 5, repeat: -1, yoyo: true, ease: \"sine.inOut\"\r\n                        });\r\n                    }\r\n\r\n                    \/\/ Floating Soft Clouds\r\n                    for (let i = 0; i < 3; i++) {\r\n                        const c = document.createElement('div');\r\n                        c.className = 'ah-cloud';\r\n                        const size = 300 + Math.random() * 400;\r\n                        c.style.width = size + 'px'; c.style.height = size + 'px';\r\n                        c.style.left = Math.random() * 100 + '%'; c.style.top = Math.random() * 100 + '%';\r\n                        decor.appendChild(c);\r\n                        gsap.to(c, {\r\n                            x: \"random(-150, 150)\", y: \"random(-150, 150)\",\r\n                            duration: 15 + Math.random() * 10, repeat: -1, yoyo: true, ease: \"sine.inOut\"\r\n                        });\r\n                    }\r\n                }\r\n\r\n                \/\/ 2. Entrance Animation\r\n                const tl = gsap.timeline();\r\n\r\n                tl.from(\".ah-sub\", { y: 30, opacity: 0, duration: 1, ease: \"power3.out\" })\r\n                  .from(\".ah-h1\", { y: 40, opacity: 0, duration: 1, ease: \"power3.out\" }, \"-=0.7\")\r\n                  .from(\".ah-divider\", { width: 0, opacity: 0, duration: 1 }, \"-=0.7\")\r\n                  .from(\".ah-p\", { y: 20, opacity: 0, duration: 1, ease: \"power3.out\" }, \"-=0.7\")\r\n                  .from(\".ah-sidebar-tag\", { x: 50, opacity: 0, duration: 1 }, \"-=0.5\");\r\n            }\r\n\r\n            if (document.readyState === 'complete') {\r\n                initAboutHero();\r\n            } else {\r\n                window.addEventListener('load', initAboutHero);\r\n            }\r\n        })();\r\n    <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1f9e4ea e-con-full e-flex e-con e-parent\" data-id=\"1f9e4ea\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-876de9f elementor-widget elementor-widget-html\" data-id=\"876de9f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Google Fonts -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<!-- GSAP & ScrollTrigger -->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n\r\n<style>\r\n    :root {\r\n        --as-cream: #fdfbf7;\r\n        --as-sky: #e0f2fe;\r\n        --as-accent: #1a2a3a;\r\n        --as-gold: #b58d4a;\r\n        --as-text: #2c3e50;\r\n        --as-indigo: #2419F4;\r\n        --as-cyan: #1ABEFE;\r\n        --as-transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);\r\n    }\r\n\r\n    * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n    body {\r\n        background-color: var(--as-cream);\r\n        font-family: 'Inter', sans-serif;\r\n        overflow-x: hidden;\r\n        color: var(--as-text);\r\n    }\r\n\r\n    .as-section {\r\n        padding-top: 120px;\r\n        padding-bottom: 20px;\r\n        position: relative;\r\n        background-color: var(--as-cream);\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* --- Background Decor --- *\/\r\n    .as-bg-decor {\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        z-index: 1;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .as-ghost-letter {\r\n        position: absolute;\r\n        top: 10%;\r\n        left: -5%;\r\n        font-family: 'Playfair Display', serif;\r\n        font-size: 50vw;\r\n        color: var(--as-accent);\r\n        opacity: 0.02;\r\n        line-height: 1;\r\n    }\r\n\r\n    .as-bokeh {\r\n        position: absolute;\r\n        border-radius: 50%;\r\n        filter: blur(80px);\r\n        opacity: 0.5;\r\n    }\r\n\r\n    \/* --- Main Layout --- *\/\r\n    .as-container {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        padding: 0 5%;\r\n        display: grid;\r\n        grid-template-columns: 1.2fr 1fr;\r\n        gap: 100px;\r\n        align-items: center;\r\n        position: relative;\r\n        z-index: 10;\r\n    }\r\n\r\n    .as-image-wrap { position: relative; width: 100%; }\r\n\r\n    .as-image-mask {\r\n        width: 100%;\r\n        aspect-ratio: 4\/5;\r\n        overflow: hidden;\r\n        border-radius: 0px 0px 0px 0px;\r\n        position: relative;\r\n        box-shadow: 0 40px 80px rgba(0,0,0,0.08);\r\n    }\r\n\r\n    .as-img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.1); }\r\n\r\n    \/* Content Blocks *\/\r\n    .as-content { padding-right: 50px; }\r\n\r\n    .as-pre {\r\n        font-size: 0.9rem;\r\n        font-weight: 700;\r\n        letter-spacing: 4px;\r\n        color: var(--as-indigo);\r\n        text-transform: uppercase;\r\n        margin-bottom: 25px;\r\n        display: block;\r\n    }\r\n\r\n    .as-h2 {\r\n        font-family: 'Playfair Display', serif;\r\n        font-size: clamp(2.5rem, 4.5vw, 4rem);\r\n        color: var(--as-accent);\r\n        line-height: 1.1;\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    .as-p {\r\n        font-size: 1.1rem;\r\n        line-height: 1.8;\r\n        color: var(--as-text);\r\n        margin-bottom: 30px;\r\n        opacity: 0.9;\r\n    }\r\n\r\n    \/* Premium Quote Card *\/\r\n    .as-quote-card {\r\n        margin: 40px 0;\r\n        padding: 50px 60px;\r\n        background: linear-gradient(135deg, var(--as-cyan), var(--as-indigo));\r\n        border-radius: 40px;\r\n        box-shadow: 0 30px 60px rgba(36, 25, 244, 0.2);\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .as-quote-card::before {\r\n        content: \"\\201C\";\r\n        position: absolute;\r\n        top: -20px;\r\n        left: 20px;\r\n        font-family: 'Playfair Display', serif;\r\n        font-size: 12rem;\r\n        color: white;\r\n        opacity: 0.25;\r\n        line-height: 1;\r\n    }\r\n\r\n    .as-quote-text {\r\n        font-family: 'Playfair Display', serif;\r\n        font-size: 1.6rem;\r\n        font-style: italic;\r\n        color: #ffffff;\r\n        line-height: 1.6;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Full Width Block Content *\/\r\n    .as-full-width {\r\n        max-width: 1400px;\r\n        margin: 20px auto 0;\r\n        padding: 0 5%;\r\n        position: relative;\r\n        z-index: 10;\r\n    }\r\n\r\n    \/* ============================================\r\n       SMALL PHOTO 1 \u2014 top-right of the main image\r\n       ============================================ *\/\r\n    .as-small-photo-1 {\r\n        position: absolute;\r\n        top: -40px;\r\n        right: -50px;\r\n        width: 155px;\r\n        height: 195px;\r\n        border-radius: 120px 120px 0 0;\r\n        overflow: hidden;\r\n        border: 4px solid var(--as-cream);\r\n        box-shadow: 0 20px 50px rgba(36, 25, 244, 0.22);\r\n        z-index: 15;\r\n        transition: var(--as-transition);\r\n    }\r\n\r\n    .as-small-photo-1 img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: var(--as-transition);\r\n    }\r\n\r\n    .as-small-photo-1:hover img { transform: scale(1.07); }\r\n\r\n    \/* ============================================\r\n       SMALL PHOTO 2 \u2014 bottom-left of the main image\r\n       ============================================ *\/\r\n    .as-small-photo-2 {\r\n        position: absolute;\r\n        bottom: 60px;\r\n        left: -50px;\r\n        width: 140px;\r\n        height: 180px;\r\n        border-radius: 100px 100px 0 0;\r\n        overflow: hidden;\r\n        border: 4px solid var(--as-cream);\r\n        box-shadow: 0 20px 50px rgba(26, 190, 254, 0.25);\r\n        z-index: 15;\r\n        transition: var(--as-transition);\r\n    }\r\n\r\n    .as-small-photo-2 img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: var(--as-transition);\r\n    }\r\n\r\n    .as-small-photo-2:hover img { transform: scale(1.07); }\r\n\r\n    \/* --- Responsive --- *\/\r\n    @media (max-width: 1100px) {\r\n        .as-container { grid-template-columns: 1fr; gap: 80px; }\r\n        .as-content { padding-right: 0; }\r\n        .as-image-wrap { max-width: 600px; margin: 0 auto; }\r\n        .as-small-photo-1 { top: -25px; right: -10px; width: 110px; height: 140px; }\r\n        .as-small-photo-2 { bottom: 40px; left: -10px; width: 100px; height: 130px; }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .as-quote-card { padding: 40px 30px; }\r\n        .as-quote-text { font-size: 1.3rem; }\r\n        .as-quote-card::before { font-size: 8rem; top: -10px; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"as-section\">\r\n\r\n    <!-- Background Decor -->\r\n    <div class=\"as-bg-decor\" id=\"as-decor\">\r\n        <div class=\"as-ghost-letter\" id=\"as-parallax-r\">R<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"as-container\">\r\n\r\n        <!-- Left: Visuals -->\r\n        <div class=\"as-image-wrap\">\r\n\r\n            <div class=\"as-image-mask\">\r\n                <img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/renita\/wp-content\/uploads\/2026\/06\/img-1-scaled.jpg\" alt=\"Renita Shelton\" class=\"as-img\" id=\"as-scrub-img\">\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Right: Detailed Content -->\r\n        <div class=\"as-content\">\r\n            <span class=\"as-pre\">Meet the Author<\/span>\r\n            <h2 class=\"as-h2\">A Life Shaped <br>by Faith<\/h2>\r\n\r\n            <p class=\"as-p\">\r\n                Renita T. Shelton is a communications professional, former television producer, and public information leader with more than three decades of experience in media, community engagement, and public service. She has informed, educated, and served communities through broadcast journalism, municipal communications, and public safety, but her greatest story has never been told on air. It has been lived on her knees.\r\n            <\/p>\r\n\r\n            <p class=\"as-p\">\r\n                Her journey into faith began with her grandmother, a woman the family quietly knew carried prophetic gifts. When her grandmother passed, Renita was present, having been drawn to the hospital by an unexplained prompting. It was only hours later, in the quiet of the early morning, that God revealed to her: the dream her grandmother had described days before was a vision of that very moment. It was the first sign that the same spiritual gifts her grandmother carried were stirring in her as well.\r\n            <\/p>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Full Width Content Block -->\r\n    <div class=\"as-full-width\">\r\n\r\n        <p class=\"as-p\">\r\n            The defining chapter of Renita's life came on February 24, 1999, when her daughter Aria was born three months premature, weighing one pound and fifteen ounces. Doctors gave little hope. Her husband urged her to disconnect life support. Standing alone at her daughter's isolette, Renita made a vow to God: \"If You do this for me, I will give Aria back to You and tell everyone how it happened.\" On August 5, 1999, nearly six months later, Aria came home. A miracle that left the NICU staff speechless.\r\n        <\/p>\r\n\r\n        <p class=\"as-p\">\r\n            Through the storms that followed, the dissolution of her marriage, the loss of her television career, and the long road of caregiving, Renita's faith deepened, and her calling became undeniable. She eventually trained as a firefighter at age 47, receiving the High Heat Award for excellence in academics, physical training, and perseverance. She has served as a Fire Education Specialist, Public Information Officer, and Director of Community Relations. Through every role, the same thread has run: the call to serve, to communicate, and to point others to God.\r\n        <\/p>\r\n\r\n        <p class=\"as-p\">\r\n            Strength Through the Storms is the story she was always meant to tell. It is not simply a memoir; it is a testimony of the miraculous power of God in one family's darkest hours and a call for anyone in the middle of their own storm to hold on.\r\n        <\/p>\r\n\r\n        <!-- Gradient Quote Block -->\r\n        <div class=\"as-quote-card\">\r\n            <p class=\"as-quote-text\">\r\n                When I look back over my life, I see now what I could not see then, that every storm had purpose. Every delay, every detour, every breaking point was an invitation to trust God on a deeper level.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <p class=\"as-p\">\r\n            Renita is available for speaking engagements, ministry events, keynotes, and community presentations, where she shares messages of faith, endurance, and transformation. She is currently developing additional devotional resources, teaching materials, and future books designed to encourage spiritual growth, healing, and renewed hope.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n    (function() {\r\n        function initAboutSection() {\r\n            if (typeof gsap === 'undefined' || typeof ScrollTrigger === 'undefined') return;\r\n            gsap.registerPlugin(ScrollTrigger);\r\n\r\n            const colors = ['#2419F4', '#B314F6', '#1ABEFE'];\r\n\r\n            \/\/ 1. Background Animating Elements\r\n            const decor = document.getElementById('as-decor');\r\n            if (decor) {\r\n                for (let i = 0; i < 6; i++) {\r\n                    const b = document.createElement('div');\r\n                    b.className = 'as-bokeh';\r\n                    const size = 150 + Math.random() * 200;\r\n                    const color = colors[i % colors.length];\r\n                    b.style.width = size + 'px'; b.style.height = size + 'px';\r\n                    b.style.left = Math.random() * 100 + '%'; b.style.top = Math.random() * 100 + '%';\r\n                    b.style.background = `radial-gradient(circle, ${color}33 0%, transparent 70%)`;\r\n                    decor.appendChild(b);\r\n                    gsap.to(b, {\r\n                        x: \"random(-60, 60)\", y: \"random(-60, 60)\",\r\n                        duration: 12 + Math.random() * 8, repeat: -1, yoyo: true, ease: \"sine.inOut\"\r\n                    });\r\n                }\r\n            }\r\n\r\n            \/\/ Parallax Ghost Letter\r\n            gsap.to(\"#as-parallax-r\", {\r\n                yPercent: -40, ease: \"none\",\r\n                scrollTrigger: { trigger: \".as-section\", start: \"top bottom\", end: \"bottom top\", scrub: true }\r\n            });\r\n\r\n            \/\/ 2. Image Scrub Animation\r\n            gsap.to(\"#as-scrub-img\", {\r\n                scale: 1, ease: \"none\",\r\n                scrollTrigger: { trigger: \".as-image-wrap\", start: \"top bottom\", end: \"bottom top\", scrub: true }\r\n            });\r\n\r\n            \/\/ 3. Staggered Reveals\r\n            const tl = gsap.timeline({\r\n                scrollTrigger: { trigger: \".as-container\", start: \"top 80%\" }\r\n            });\r\n\r\n            tl.from(\".as-image-wrap\", { x: -50, opacity: 0, duration: 1.2, ease: \"power3.out\" })\r\n              .from(\".as-pre\", { y: 20, opacity: 0, duration: 0.8 }, \"-=0.8\")\r\n              .from(\".as-h2\", { y: 30, opacity: 0, duration: 0.8 }, \"-=0.6\")\r\n              .from(\".as-content .as-p\", { y: 30, opacity: 0, stagger: 0.2, duration: 0.8 }, \"-=0.6\");\r\n\r\n            \/\/ 4. Full Width Block Reveals\r\n            gsap.from(\".as-full-width .as-p, .as-full-width .as-quote-card\", {\r\n                y: 30, opacity: 0, stagger: 0.2, duration: 0.8, ease: \"power3.out\",\r\n                scrollTrigger: { trigger: \".as-full-width\", start: \"top 80%\" }\r\n            });\r\n\r\n            \/\/ 5. Small Photo 1 \u2014 drops in from top-right\r\n            gsap.from(\"#as-small-photo-1\", {\r\n                scrollTrigger: { trigger: \".as-image-wrap\", start: \"top 80%\" },\r\n                y: -60, x: 40, opacity: 0, duration: 1.4, ease: \"power3.out\", delay: 0.5\r\n            });\r\n\r\n            \/\/ 6. Small Photo 2 \u2014 rises in from bottom-left\r\n            gsap.from(\"#as-small-photo-2\", {\r\n                scrollTrigger: { trigger: \".as-image-wrap\", start: \"top 80%\" },\r\n                y: 60, x: -40, opacity: 0, duration: 1.4, ease: \"power3.out\", delay: 0.7\r\n            });\r\n        }\r\n\r\n        if (document.readyState === 'complete') initAboutSection();\r\n        else window.addEventListener('load', initAboutSection);\r\n    })();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5baadbb e-con-full e-flex e-con e-parent\" data-id=\"5baadbb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aeec661 elementor-widget elementor-widget-html\" data-id=\"aeec661\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <!-- GSAP & ScrollTrigger -->\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n\r\n   <style>\r\n    :root {\r\n        --tp-cream: #fdfbf7;\r\n        --tp-sky: #e0f2fe;\r\n        --tp-accent: #1a2a3a;\r\n        --tp-gold: #b58d4a;\r\n        --tp-text: #2c3e50;\r\n        --tp-transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);\r\n    }\r\n\r\n\r\n    body {\r\n        background-color: var(--tp-cream);\r\n        font-family: 'Inter', sans-serif;\r\n        overflow-x: hidden;\r\n        color: var(--tp-text);\r\n    }\r\n\r\n    .tp-wrapper {\r\n        position: relative;\r\n        background-color: var(--tp-cream);\r\n    }\r\n\r\n    \/* --- Background Decor --- *\/\r\n    .tp-bg-decor {\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        z-index: 1;\r\n        pointer-events: none;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .tp-bokeh {\r\n        position: absolute;\r\n        background: radial-gradient(circle, rgba(224, 242, 254, 0.6) 0%, transparent 70%);\r\n        border-radius: 50%;\r\n        filter: blur(80px);\r\n        opacity: 0.5;\r\n    }\r\n\r\n    .tp-ghost-text {\r\n        position: absolute;\r\n        font-family: 'Playfair Display', serif;\r\n        font-size: 20vw;\r\n        color: var(--tp-accent);\r\n        opacity: 0.02;\r\n        z-index: 0;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    \/* --- 3. THE TURNING POINT --- *\/\r\n    .tp-turning-sec {\r\n        padding-top: 80px !important;\r\n        padding-bottom: 20px;\r\n        background: linear-gradient(to bottom, var(--tp-cream), var(--tp-sky), var(--tp-cream));\r\n        text-align: center;\r\n        position: relative;\r\n        z-index: 10;\r\n    }\r\n\r\n    .tp-container-center {\r\n        max-width: 900px;\r\n        margin: 0 auto;\r\n        padding: 0 5%;\r\n    }\r\n\r\n    .tp-sub {\r\n        font-size: 0.85rem;\r\n        font-weight: 700;\r\n        letter-spacing: 5px;\r\n        color: var(--tp-gold);\r\n        text-transform: uppercase;\r\n        margin-bottom: 20px;\r\n        display: block;\r\n    }\r\n\r\n    .tp-h2 {\r\n        font-family: 'Playfair Display', serif;\r\n        font-size: clamp(2.5rem, 5vw, 4.5rem);\r\n        color: var(--tp-accent);\r\n        line-height: 1.1;\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    .tp-p-main {\r\n        font-size: clamp(1.1rem, 1.3vw, 1.5rem);\r\n        line-height: 1.8;\r\n        color: var(--tp-text);\r\n        opacity: 0.9;\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    .tp-divider-vert {\r\n        width: 1px;\r\n        height: 100px;\r\n        background: linear-gradient(to bottom, var(--tp-gold), transparent);\r\n        margin: 60px auto 0;\r\n    }\r\n\r\n    \/* --- 4. FROM PAIN TO PURPOSE --- *\/\r\n    .tp-purpose-sec {\r\n        padding: 150px 0;\r\n        position: relative;\r\n        z-index: 10;\r\n    }\r\n\r\n    .tp-container-split {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        padding: 0 5%;\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 100px;\r\n        align-items: center;\r\n    }\r\n\r\n    .tp-content-left {\r\n        padding-right: 50px;\r\n    }\r\n\r\n    .tp-h3 {\r\n        font-family: 'Playfair Display', serif;\r\n        font-size: clamp(2rem, 4vw, 3.5rem);\r\n        color: var(--tp-accent);\r\n        margin-bottom: 35px;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .tp-p-sub {\r\n        font-size: 1.1rem;\r\n        line-height: 1.8;\r\n        color: var(--tp-text);\r\n        margin-bottom: 30px;\r\n        opacity: 0.8;\r\n    }\r\n\r\n    .tp-feature {\r\n        display: flex;\r\n        gap: 20px;\r\n        margin-top: 40px;\r\n    }\r\n\r\n    .tp-feature-icon {\r\n        width: 50px;\r\n        height: 50px;\r\n        background: var(--tp-sky);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: var(--tp-gold);\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .tp-feature-h {\r\n        font-size: 1.1rem;\r\n        font-weight: 700;\r\n        color: var(--tp-accent);\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    \/* \u2500\u2500 FIXED: was missing closing brace causing cascade failure \u2500\u2500 *\/\r\n    .tp-visual-right {\r\n        position: relative;\r\n        width: 100%;\r\n        aspect-ratio: 1\/1;\r\n        min-height: 450px;\r\n    }\r\n\r\n    .tp-visual-img-wrap {\r\n        width: 100%;\r\n        height: 100%;\r\n        border-radius: 50% 50% 0 50%;\r\n        overflow: hidden;\r\n        position: relative;\r\n        box-shadow: 0 30px 60px rgba(0,0,0,0.08);\r\n    }\r\n\r\n    .tp-visual-img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        object-position: center center;\r\n        transform: scale(1.05);\r\n        filter: saturate(0.8) brightness(1.1);\r\n    }\r\n\r\n    .tp-visual-overlay {\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        background: radial-gradient(circle at center, transparent 0%, var(--tp-sky) 100%);\r\n        opacity: 0.4;\r\n    }\r\n\r\n    \/* --- Responsive --- *\/\r\n    @media (max-width: 1100px) {\r\n        .tp-container-split { grid-template-columns: 1fr; gap: 80px; text-align: center; }\r\n        .tp-content-left { padding-right: 0; }\r\n        .tp-visual-right { max-width: 500px; margin: 0 auto; }\r\n        .tp-feature { justify-content: center; text-align: left; }\r\n    }\r\n\r\n   @media (max-width: 768px) {\r\n\r\n    \/* \ud83d\udeab Kill horizontal + inner scroll completely *\/\r\n    html, body {\r\n        overflow-x: hidden !important;\r\n    }\r\n\r\n    .tp-wrapper,\r\n    .tp-purpose-sec,\r\n    .tp-container-split {\r\n        overflow: hidden !important;\r\n    }\r\n\r\n    \/* \u2705 Fix container width issue (MAIN BUG) *\/\r\n    .tp-container-split {\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n        padding: 0 20px !important;\r\n        margin: 0 auto !important;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* \u2705 Prevent any child from exceeding width *\/\r\n    .tp-container-split > * {\r\n        max-width: 100% !important;\r\n    }\r\n\r\n    \/* \u2705 Fix image overflow *\/\r\n     .tp-visual-right {\r\n        height: auto !important;\r\n        min-height: unset !important;\r\n        aspect-ratio: unset !important;\r\n    }\r\n\r\n    .tp-visual-img-wrap {\r\n        height: auto !important;\r\n        border-radius: 20px !important;   \/* simple shape for mobile *\/\r\n        overflow: hidden;\r\n    }\r\n\r\n    .tp-visual-img {\r\n        width: 100%;\r\n        height: auto !important;          \/* \ud83d\udd25 IMPORTANT FIX *\/\r\n        object-fit: contain !important;   \/* show full image *\/\r\n        display: block;\r\n    }\r\n\r\n    \/* \u2705 Fix long text causing push *\/\r\n    .tp-p-main,\r\n    .tp-p-sub {\r\n        word-wrap: break-word;\r\n        overflow-wrap: break-word;\r\n    }\r\n\r\n    \/* \u2705 Remove ghost text overflow *\/\r\n    .tp-ghost-text {\r\n        display: none !important;\r\n    }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <div class=\"tp-wrapper\">\r\n        \r\n        <!-- Background Decor -->\r\n        <div class=\"tp-bg-decor\" id=\"tp-decor\">\r\n            <div class=\"tp-ghost-text\" style=\"top: 10%; right: -5%;\">STORM<\/div>\r\n            <div class=\"tp-ghost-text\" style=\"bottom: 20%; left: -5%;\">HEALING<\/div>\r\n        <\/div>\r\n\r\n        <!-- 3. THE TURNING POINT -->\r\n        <section class=\"tp-turning-sec\" id=\"tp-turning\">\r\n            <div class=\"tp-container-center\">\r\n                <span class=\"tp-sub\">STORM \u00b7 FAITH \u00b7 MIRACLE \u00b7 HEALING<\/span>\r\n                <h2 class=\"tp-h2\">The Night That Changed Everything<\/h2>\r\n                <p class=\"tp-p-main\">\r\n                    At 3:00 a.m. on February 12, 1999, Renita's water broke three months early. She drove herself to the hospital alone; her husband had gone back to bed. The fluid was tinted green: a sign that her unborn daughter was already in distress. Twelve days later, an emergency C-section brought Aria into the world in silence. The monitors had gone quiet. There was no cry.\r\n                <\/p>\r\n                <p class=\"tp-p-main\">\r\n                   The doctor who delivered her performed a Classic C-section, two incisions forming a cross on Renita's abdomen. She would later reflect on the significance of that symbol. A cross that Jesus bore. A cross she was now being called to carry.\r\nWhat followed was 165 days in the NICU, a faith rebuilt from nothing, and a God who showed up so unmistakably that even the doctors took notice.\r\n\r\n                <\/p>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- 4. FROM PAIN TO PURPOSE -->\r\n        <!--<section class=\"tp-purpose-sec\">-->\r\n        <!--    <div class=\"tp-container-split\">-->\r\n                \r\n                <!-- Left: Content -->\r\n        <!--        <div class=\"as-content tp-content-left\">-->\r\n        <!--            <span class=\"tp-sub\">Transformation<\/span>-->\r\n        <!--            <h3 class=\"tp-h3\">From Pain to Purpose<\/h3>-->\r\n        <!--            <p class=\"tp-p-sub\">-->\r\n        <!--                What could have been a story of defeat became a testimony of transformation. Renita\u2019s experiences became the foundation for her ministry, her message, and her mission.-->\r\n        <!--            <\/p>-->\r\n        <!--            <p class=\"tp-p-sub\">-->\r\n        <!--                Her story is not just about survival, but about healing, growth, and discovering purpose through life\u2019s trials. She inspires others to hold onto faith, no matter how fierce the storm.-->\r\n        <!--            <\/p>-->\r\n\r\n                    <!-- Professional Feature Card -->\r\n        <!--            <div class=\"tp-feature\">-->\r\n        <!--                <div class=\"tp-feature-icon\">-->\r\n        <!--                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>-->\r\n        <!--                <\/div>-->\r\n        <!--                <div class=\"tp-feature-info\">-->\r\n        <!--                    <h4 class=\"tp-feature-h\">Unwavering Strength<\/h4>-->\r\n        <!--                    <p class=\"tp-p-sub\" style=\"font-size: 0.95rem; margin-bottom: 0;\">Building a foundation that withstands life's most difficult seasons.<\/p>-->\r\n        <!--                <\/div>-->\r\n        <!--            <\/div>-->\r\n        <!--        <\/div>-->\r\n\r\n                <!-- Right: Visual -->\r\n        <!--        <div class=\"tp-visual-right\">-->\r\n        <!--            <div class=\"tp-visual-img-wrap\">-->\r\n        <!--                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1506744038136-46273834b3fb?auto=format&fit=crop&w=1000&q=80\" alt=\"Light and Purpose\" class=\"tp-visual-img\">-->\r\n        <!--                <div class=\"tp-visual-overlay\"><\/div>-->\r\n        <!--            <\/div>-->\r\n        <!--        <\/div>-->\r\n\r\n        <!--    <\/div>-->\r\n        <!--<\/section>-->\r\n\r\n    <\/div>\r\n\r\n    <script>\r\n        (function() {\r\n            function initTurningPoint() {\r\n                if (typeof gsap === 'undefined' || typeof ScrollTrigger === 'undefined') return;\r\n                gsap.registerPlugin(ScrollTrigger);\r\n\r\n                \/\/ 1. Background Elements (Lightweight)\r\n                const decor = document.getElementById('tp-decor');\r\n                if (decor) {\r\n                    for (let i = 0; i < 5; i++) {\r\n                        const b = document.createElement('div');\r\n                        b.className = 'tp-bokeh';\r\n                        const size = 150 + Math.random() * 200;\r\n                        b.style.width = size + 'px'; b.style.height = size + 'px';\r\n                        b.style.left = Math.random() * 100 + '%'; b.style.top = Math.random() * 100 + '%';\r\n                        decor.appendChild(b);\r\n                        gsap.to(b, {\r\n                            x: \"random(-50, 50)\", y: \"random(-50, 50)\",\r\n                            duration: 12 + Math.random() * 8, repeat: -1, yoyo: true, ease: \"sine.inOut\"\r\n                        });\r\n                    }\r\n                }\r\n\r\n                \/\/ Parallax Ghost Text\r\n                gsap.to(\".tp-ghost-text\", {\r\n                    yPercent: -30,\r\n                    ease: \"none\",\r\n                    scrollTrigger: {\r\n                        trigger: \".tp-wrapper\",\r\n                        start: \"top bottom\",\r\n                        end: \"bottom top\",\r\n                        scrub: true\r\n                    }\r\n                });\r\n\r\n                \/\/ 2. Slow Emotional Entrance (Turning Point)\r\n                gsap.from(\"#tp-turning .tp-container-center > *\", {\r\n                    y: 40, opacity: 0, stagger: 0.3, duration: 2, ease: \"power2.out\",\r\n                    scrollTrigger: {\r\n                        trigger: \"#tp-turning\",\r\n                        start: \"top 80%\"\r\n                    }\r\n                });\r\n\r\n                \/\/ 3. Split Reveal (Purpose Section)\r\n                const tl = gsap.timeline({\r\n                    scrollTrigger: {\r\n                        trigger: \".tp-container-split\",\r\n                        start: \"top 80%\"\r\n                    }\r\n                });\r\n\r\n                tl.from(\".tp-content-left > *\", { x: -50, opacity: 0, stagger: 0.2, duration: 1.2, ease: \"power3.out\" })\r\n                  .from(\".tp-visual-right\", { x: 50, opacity: 0, duration: 1.5, ease: \"power3.out\" }, \"-=1.2\");\r\n            }\r\n\r\n            if (document.readyState === 'complete') {\r\n                initTurningPoint();\r\n            } else {\r\n                window.addEventListener('load', initTurningPoint);\r\n            }\r\n        })();\r\n    <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e68182e e-con-full e-flex e-con e-parent\" data-id=\"e68182e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ff5ec2 elementor-widget elementor-widget-html\" data-id=\"9ff5ec2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t    <!-- Google Fonts -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <!-- GSAP & ScrollTrigger -->\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n\r\n    <style>\r\n        :root {\r\n            --bc-cream: #fdfbf7;\r\n            --bc-gold: #b58d4a;\r\n            --bc-accent: #1a2a3a;\r\n            --bc-text: #2c3e50;\r\n            --bc-sky: #e0f2fe;\r\n            \r\n            \/* Palette Colors *\/\r\n            --bc-indigo: #2419F4;\r\n            --bc-cyan: #1ABEFE;\r\n            \r\n            --bc-transition: all 0.7s cubic-bezier(0.16, 1, 0.3, 1);\r\n        }\r\n\r\n        * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n        body {\r\n            background-color: var(--bc-cream);\r\n            font-family: 'Inter', sans-serif;\r\n            overflow-x: hidden;\r\n            color: var(--bc-text);\r\n        }\r\n\r\n        .bc-section {\r\n            padding-top: 50px;\r\n            position: relative;\r\n            background-color: var(--bc-cream);\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* --- Background Decor --- *\/\r\n        .bc-bg-decor {\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            z-index: 1;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .bc-ghost-vertical {\r\n            position: absolute;\r\n            top: 50%;\r\n            right: 2%;\r\n            transform: translateY(-50%) rotate(90deg);\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 15vw;\r\n            color: var(--bc-accent);\r\n            opacity: 0.02;\r\n            white-space: nowrap;\r\n            letter-spacing: 20px;\r\n        }\r\n\r\n        .bc-bokeh {\r\n            position: absolute;\r\n            border-radius: 50%;\r\n            filter: blur(80px);\r\n            opacity: 0.4;\r\n        }\r\n\r\n        \/* --- Avant Garde 2-Column Layout --- *\/\r\n        .bc-container {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            padding: 0 5%;\r\n            display: grid;\r\n            grid-template-columns: 1.1fr 0.9fr;\r\n            gap: 50px;\r\n            align-items: center;\r\n            position: relative;\r\n            z-index: 10;\r\n        }\r\n\r\n        \/* Left Column: Visual Perspective *\/\r\n        .bc-visual-area { position: relative; perspective: 1500px; }\r\n\r\n        .bc-glass-frame {\r\n            width: 100%;\r\n            aspect-ratio: 1\/1.2;\r\n            background: white;\r\n            padding: 40px;\r\n            border-radius: 40px;\r\n            box-shadow: 0 40px 100px rgba(0,0,0,0.05);\r\n            border: 1px solid rgba(181, 141, 74, 0.1);\r\n            position: relative;\r\n            transform: rotateY(15deg) rotateX(5deg);\r\n            transition: var(--bc-transition);\r\n        }\r\n\r\n        .bc-visual-area:hover .bc-glass-frame {\r\n            transform: rotateY(0deg) rotateX(0deg) scale(1.02);\r\n        }\r\n\r\n        .bc-img-mask { width: 100%; height: 100%; border-radius: 20px; overflow: hidden; position: relative; }\r\n        .bc-img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.1); transition: transform 1.5s ease; }\r\n        .bc-visual-area:hover .bc-img { transform: scale(1); }\r\n\r\n        .bc-floating-badge {\r\n            position: absolute; top: -20px; right: -20px;\r\n            background: linear-gradient(135deg, var(--bc-indigo), var(--bc-cyan));\r\n            color: white; padding: 30px; border-radius: 50%;\r\n            font-size: 0.8rem; font-weight: 800; text-transform: uppercase;\r\n            letter-spacing: 2px; box-shadow: 0 15px 30px rgba(36, 25, 244, 0.25);\r\n            z-index: 2;\r\n        }\r\n\r\n        \/* Right Column: Content area *\/\r\n        .bc-content { padding-left: 40px; position: relative; }\r\n        .bc-connect-line { position: absolute; left: -80px; top: 50%; width: 100px; height: 1px; background: var(--bc-gold); opacity: 0.5; }\r\n\r\n        .bc-sub { font-size: 0.85rem; font-weight: 700; letter-spacing: 6px; color: var(--bc-indigo); text-transform: uppercase; margin-bottom: 25px; display: block; }\r\n        .bc-h2 { font-family: 'Playfair Display', serif; font-size: clamp(2.5rem, 4.5vw, 4rem); color: var(--bc-accent); line-height: 1.1; margin-bottom: 40px; }\r\n        .bc-p { font-size: 1.15rem; line-height: 1.9; color: var(--bc-text); margin-bottom: 30px; opacity: 0.9; }\r\n\r\n        \/* Premium Highlight Box Styles *\/\r\n        .bc-highlight-box {\r\n            margin: 40px 0;\r\n            padding: 50px;\r\n            background: linear-gradient(135deg, var(--bc-cyan), var(--bc-indigo));\r\n            border-radius: 40px;\r\n            box-shadow: 0 30px 60px rgba(36, 25, 244, 0.2);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* Large Stylized Quotation Mark *\/\r\n        .bc-highlight-box::before {\r\n            content: \"\\201C\";\r\n            position: absolute;\r\n            top: -20px;\r\n            left: 20px;\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 10rem;\r\n            color: white;\r\n            opacity: 0.15;\r\n            line-height: 1;\r\n        }\r\n\r\n        .bc-highlight-text {\r\n            font-size: 1.2rem;\r\n            font-weight: 500;\r\n            font-style: italic;\r\n            color: #ffffff;\r\n            position: relative;\r\n            z-index: 2;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* CTA Button *\/\r\n        .bc-btn-wrap { margin-top: 50px; }\r\n        .bc-cta-btn {\r\n            position: relative; width: 70px; height: 70px;\r\n            background: linear-gradient(135deg, var(--bc-indigo), var(--bc-cyan));\r\n            color: white; text-decoration: none !important; border-radius: 50%;\r\n            display: flex; align-items: center; justify-content: center;\r\n            overflow: hidden; transition: width 0.6s var(--bc-transition), border-radius 0.6s var(--bc-transition), background 0.4s ease;\r\n            white-space: nowrap; box-shadow: 0 10px 30px rgba(36, 25, 244, 0.15);\r\n        }\r\n        \r\n        .bc-btn-icon{color: white !important;}\r\n\r\n        .bc-cta-btn:hover { width: 280px; border-radius: 50px; }\r\n        .bc-btn-text { opacity: 0; max-width: 0; transition: opacity 0.3s ease, max-width 0.5s ease; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; font-size: 0.9rem; }\r\n        .bc-cta-btn:hover .bc-btn-text { opacity: 1; max-width: 200px; margin-left: 15px; color: white !important; }\r\n        .bc-btn-icon:hover{ color: white !important;}\r\n\r\n        @media (max-width: 1024px) {\r\n            .bc-container { grid-template-columns: 1fr; gap: 80px; }\r\n            .bc-content { padding-left: 0; }\r\n            .bc-visual-area { max-width: 600px; margin: 0 auto; }\r\n            .bc-connect-line { display: none; }\r\n        }\r\n\r\n        @media (max-width: 600px) {\r\n            .bc-glass-frame { padding: 20px; border-radius: 20px; }\r\n            .bc-cta-btn:hover { width: 240px; }\r\n            .bc-highlight-box { padding: 40px 30px; }\r\n            .bc-highlight-text { font-size: 1.1rem; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <section class=\"bc-section\" id=\"bc-trigger\">\r\n        \r\n        <!-- Background Decor -->\r\n        <div class=\"bc-bg-decor\" id=\"bc-decor\">\r\n            <div class=\"bc-ghost-vertical\">LEGACY<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"bc-container\">\r\n            \r\n            <!-- Left: Visual area with 3D Perspective -->\r\n            <div class=\"bc-visual-area\">\r\n                <div class=\"bc-glass-frame\" id=\"bc-parallax-frame\">\r\n                    <div class=\"bc-img-mask\">\r\n                        <img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/renita\/wp-content\/uploads\/2026\/05\/renita-book-cover-mockup.png\" alt=\"Book Cover Teaser\" class=\"bc-img\" id=\"bc-parallax-img\">\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"bc-floating-badge\">\r\n                    New <br> Release\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Right: Content area -->\r\n            <div class=\"bc-content\">\r\n                <div class=\"bc-connect-line\" id=\"bc-line\"><\/div>\r\n                \r\n                <span class=\"bc-sub\">Author Insight<\/span>\r\n                <h2 class=\"bc-h2\">The Story Behind the Book<\/h2>\r\n                \r\n                <p class=\"bc-p\">\r\n                    Renita did not set out to write a book. She was encouraged to do so by Pastor Christwill A. Adjei-Sarpong, whose counsel redirected her steps and whose spoken title, Strength Through the Storms, became a banner of hope that sustained her even as she faced new storms while writing it. The result is a memoir unlike most: deeply personal, Scripture-anchored, and filled with accounts of the miraculous that leave no room for coincidence. It is the story Renita was always meant to tell.\r\n                <\/p>\r\n\r\n                <!-- Gradient Quote Box -->\r\n                <div class=\"bc-highlight-box\">\r\n                    <p class=\"bc-highlight-text\">\r\n                        My purpose in writing is not simply to tell of the trials we faced, but to share the hope, the healing, and the deliverance that resulted as an unshakeable trust in God grew.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"bc-btn-wrap\">\r\n                    <a href=\"https:\/\/demowebdesign.live\/renita\/index.php\/books\/\" class=\"bc-cta-btn\">\r\n                        <span class=\"bc-btn-icon\">\r\n                            <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"><\/path><path d=\"m12 5 7 7-7 7\"><\/path><\/svg>\r\n                        <\/span>\r\n                        <span class=\"bc-btn-text\">Explore the Book<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n    <script>\r\n        (function() {\r\n            function initBookConnection() {\r\n                if (typeof gsap === 'undefined' || typeof ScrollTrigger === 'undefined') return;\r\n                gsap.registerPlugin(ScrollTrigger);\r\n\r\n                const colors = ['#2419F4', '#B314F6', '#1ABEFE'];\r\n\r\n                \/\/ 1. Background Elements\r\n                const decor = document.getElementById('bc-decor');\r\n                if (decor) {\r\n                    for (let i = 0; i < 5; i++) {\r\n                        const b = document.createElement('div');\r\n                        b.className = 'bc-bokeh';\r\n                        const size = 150 + Math.random() * 200;\r\n                        const color = colors[i % colors.length];\r\n                        b.style.width = size + 'px'; b.style.height = size + 'px';\r\n                        b.style.left = Math.random() * 100 + '%'; b.style.top = Math.random() * 100 + '%';\r\n                        b.style.background = `radial-gradient(circle, ${color}33 0%, transparent 70%)`;\r\n                        decor.appendChild(b);\r\n                        gsap.to(b, {\r\n                            x: \"random(-60, 60)\", y: \"random(-60, 60)\",\r\n                            duration: 12 + Math.random() * 8, repeat: -1, yoyo: true, ease: \"sine.inOut\"\r\n                        });\r\n                    }\r\n                }\r\n\r\n                \/\/ 2. 3D Parallax Perspective\r\n                gsap.to(\"#bc-parallax-frame\", {\r\n                    rotateY: -10, rotateX: -5, ease: \"none\",\r\n                    scrollTrigger: { trigger: \".bc-visual-area\", start: \"top bottom\", end: \"bottom top\", scrub: true }\r\n                });\r\n\r\n                gsap.to(\"#bc-parallax-img\", {\r\n                    scale: 1.2, yPercent: 10, ease: \"none\",\r\n                    scrollTrigger: { trigger: \".bc-visual-area\", start: \"top bottom\", end: \"bottom top\", scrub: true }\r\n                });\r\n\r\n                \/\/ 3. Staggered Reveals\r\n                const tl = gsap.timeline({ scrollTrigger: { trigger: \".bc-container\", start: \"top 80%\" } });\r\n\r\n                tl.from(\".bc-visual-area\", { x: -60, opacity: 0, duration: 1.5, ease: \"power3.out\" })\r\n                  .from(\".bc-connect-line\", { width: 0, opacity: 0, duration: 1 }, \"-=1\")\r\n                  .from(\".bc-sub\", { y: 20, opacity: 0, duration: 0.8 }, \"-=1\")\r\n                  .from(\".bc-h2\", { y: 30, opacity: 0, duration: 0.8 }, \"-=0.6\")\r\n                  .from(\".bc-p\", { y: 30, opacity: 0, stagger: 0.2, duration: 0.8 }, \"-=0.6\")\r\n                  .from(\".bc-highlight-box\", { y: 20, opacity: 0, duration: 1 }, \"-=0.4\");\r\n            }\r\n\r\n            if (document.readyState === 'complete') initBookConnection();\r\n            else window.addEventListener('load', initBookConnection);\r\n        })();\r\n    <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-25f7120 e-con-full e-flex e-con e-parent\" data-id=\"25f7120\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c4ddc26 elementor-widget elementor-widget-html\" data-id=\"c4ddc26\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t    <!-- Google Fonts -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <!-- GSAP & ScrollTrigger -->\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n\r\n    <style>\r\n        :root {\r\n            --cta-cream: #fdfbf7;\r\n            --cta-gold: #b58d4a;\r\n            --cta-accent: #1a2a3a;\r\n            --cta-text: #2c3e50;\r\n            --cta-sky: #e0f2fe;\r\n            --cta-transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);\r\n        }\r\n\r\n        * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n        body {\r\n            background-color: var(--cta-cream);\r\n            font-family: 'Inter', sans-serif;\r\n            overflow-x: hidden;\r\n            color: var(--cta-text);\r\n        }\r\n\r\n        .cta-section {\r\n            position: relative;\r\n            padding: 150px 0;\r\n            background: radial-gradient(circle at center, rgba(181, 141, 74, 0.05) 0%, var(--cta-cream) 70%);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* Background Decor *\/\r\n        .cta-bg-decor {\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            z-index: 1;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .cta-bokeh {\r\n            position: absolute;\r\n            background: radial-gradient(circle, rgba(224, 242, 254, 0.6) 0%, transparent 70%);\r\n            border-radius: 50%;\r\n            filter: blur(80px);\r\n            opacity: 0.5;\r\n        }\r\n\r\n        .cta-ghost-text {\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 30vw;\r\n            color: var(--cta-accent);\r\n            opacity: 0.02;\r\n            z-index: 0;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        .cta-container {\r\n            max-width: 900px;\r\n            width: 90%;\r\n            position: relative;\r\n            z-index: 10;\r\n            text-align: center;\r\n        }\r\n\r\n        .cta-sub {\r\n            font-size: 0.85rem;\r\n            font-weight: 700;\r\n            letter-spacing: 5px;\r\n            color: var(--cta-gold);\r\n            text-transform: uppercase;\r\n            margin-bottom: 25px;\r\n            display: block;\r\n        }\r\n\r\n        .cta-h2 {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: clamp(2.5rem, 5vw, 4.5rem);\r\n            color: var(--cta-accent);\r\n            line-height: 1.1;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .cta-p {\r\n            font-size: 1.1rem;\r\n            line-height: 1.8;\r\n            color: var(--cta-text);\r\n            max-width: 600px;\r\n            margin: 0 auto 60px;\r\n            opacity: 0.8;\r\n        }\r\n\r\n        \/* --- Form Styling --- *\/\r\n        .cta-form {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 25px;\r\n            align-items: center;\r\n        }\r\n\r\n        .cta-input-group {\r\n            width: 100%;\r\n            max-width: 500px;\r\n            position: relative;\r\n        }\r\n\r\n        .cta-input {\r\n            width: 100%;\r\n            padding: 20px 30px;\r\n            background: white;\r\n            border: 1px solid rgba(181, 141, 74, 0.2);\r\n            border-radius: 50px;\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 1rem;\r\n            color: var(--cta-accent);\r\n            transition: var(--cta-transition);\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.02);\r\n            outline: none;\r\n        }\r\n\r\n        .cta-input:focus {\r\n            border-color: var(--cta-gold);\r\n            box-shadow: 0 10px 30px rgba(181, 141, 74, 0.15);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .cta-input::placeholder {\r\n            color: rgba(44, 62, 80, 0.4);\r\n        }\r\n\r\n        \/* --- Circle Morphing Button --- *\/\r\n        .cta-submit-btn {\r\n            position: relative;\r\n            width: 80px;\r\n            height: 80px;\r\n            background: linear-gradient(135deg, #2419F4, #1ABEFE);\r\n            color: white;\r\n            border: none;\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            overflow: hidden;\r\n            transition: width 0.6s var(--cta-transition), border-radius 0.6s var(--cta-transition), background 0.4s ease;\r\n            white-space: nowrap;\r\n            margin-top: 20px;\r\n        }\r\n\r\n        .cta-submit-btn:hover {\r\n            width: 280px;\r\n            border-radius: 50px;\r\n            background: linear-gradient(135deg, #2419F4, #1ABEFE);\r\n        }\r\n\r\n        .cta-btn-text {\r\n            opacity: 0;\r\n            max-width: 0;\r\n            transition: opacity 0.3s ease, max-width 0.5s ease;\r\n            font-weight: 700;\r\n            letter-spacing: 2px;\r\n            text-transform: uppercase;\r\n            font-size: 0.9rem;\r\n        }\r\n\r\n        .cta-submit-btn:hover .cta-btn-text {\r\n            opacity: 1;\r\n            max-width: 200px;\r\n            margin-left: 15px;\r\n        }\r\n\r\n        .cta-btn-icon {\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        \/* Shimmer Effect *\/\r\n        .cta-submit-btn::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: 0; left: -100%;\r\n            width: 50%; height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\r\n            transition: 0.6s;\r\n        }\r\n\r\n        .cta-submit-btn:hover::before {\r\n            left: 150%;\r\n        }\r\n\r\n        \/* --- Responsive --- *\/\r\n        @media (max-width: 768px) {\r\n            .cta-section { padding: 100px 0; }\r\n            .cta-submit-btn:hover { width: 240px; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <section class=\"cta-section\" id=\"cta-trigger\">\r\n        \r\n        <!-- Background Decor -->\r\n        <div class=\"cta-bg-decor\" id=\"cta-decor\">\r\n            <div class=\"cta-ghost-text\">COMMUNITY<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cta-container\">\r\n            <span class=\"cta-sub\">Stay Inspired<\/span>\r\n            <h2 class=\"cta-h2\">Receive Encouragement & Healing Words<\/h2>\r\n            <p class=\"cta-p\">\r\n                Join a growing community of readers, prayer warriors, and storm survivors. Receive faith encouragements, devotional content drawn from the book, updates on speaking events, and a word in season, delivered to your inbox.\r\n            <\/p>\r\n\r\n            <form class=\"cta-form\" onsubmit=\"return false;\">\r\n                <div class=\"cta-input-group\">\r\n                    <input type=\"text\" class=\"cta-input\" placeholder=\"Your Name\" required>\r\n                <\/div>\r\n                <div class=\"cta-input-group\">\r\n                    <input type=\"email\" class=\"cta-input\" placeholder=\"Your Email Address\" required>\r\n                <\/div>\r\n                \r\n                <button type=\"submit\" class=\"cta-submit-btn\">\r\n                    <span class=\"cta-btn-icon\">\r\n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m5 12 7-7 7 7\"><\/path><path d=\"M12 19V5\"><\/path><\/svg>\r\n                    <\/span>\r\n                    <span class=\"cta-btn-text\">Join the Journey<\/span>\r\n                <\/button>\r\n            <\/form>\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n    <script>\r\n        (function() {\r\n            function initCTA() {\r\n                if (typeof gsap === 'undefined' || typeof ScrollTrigger === 'undefined') return;\r\n                gsap.registerPlugin(ScrollTrigger);\r\n\r\n                \/\/ 1. Background Animating Elements (Lightweight)\r\n                const decor = document.getElementById('cta-decor');\r\n                if (decor) {\r\n                    for (let i = 0; i < 4; i++) {\r\n                        const b = document.createElement('div');\r\n                        b.className = 'cta-bokeh';\r\n                        const size = 150 + Math.random() * 200;\r\n                        b.style.width = size + 'px'; b.style.height = size + 'px';\r\n                        b.style.left = Math.random() * 100 + '%'; b.style.top = Math.random() * 100 + '%';\r\n                        decor.appendChild(b);\r\n                        gsap.to(b, {\r\n                            x: \"random(-50, 50)\", y: \"random(-50, 50)\",\r\n                            duration: 10 + Math.random() * 5, repeat: -1, yoyo: true, ease: \"sine.inOut\"\r\n                        });\r\n                    }\r\n                }\r\n\r\n                \/\/ Parallax Ghost Text\r\n                gsap.to(\".cta-ghost-text\", {\r\n                    yPercent: -20,\r\n                    ease: \"none\",\r\n                    scrollTrigger: {\r\n                        trigger: \"#cta-trigger\",\r\n                        start: \"top bottom\",\r\n                        end: \"bottom top\",\r\n                        scrub: true\r\n                    }\r\n                });\r\n\r\n                \/\/ 2. Entrance Animations\r\n                const tl = gsap.timeline({\r\n                    scrollTrigger: {\r\n                        trigger: \".cta-container\",\r\n                        start: \"top 85%\"\r\n                    }\r\n                });\r\n\r\n                tl.from(\".cta-sub\", { y: 20, opacity: 0, duration: 0.8 })\r\n                  .from(\".cta-h2\", { y: 30, opacity: 0, duration: 0.8 }, \"-=0.6\")\r\n                  .from(\".cta-p\", { y: 30, opacity: 0, duration: 0.8 }, \"-=0.6\")\r\n                  .from(\".cta-input-group\", { scale: 0.95, opacity: 0, stagger: 0.1, duration: 0.8 }, \"-=0.6\")\r\n                  .from(\".cta-submit-btn\", { scale: 0, opacity: 0, duration: 0.8, ease: \"back.out(1.7)\" }, \"-=0.4\");\r\n            }\r\n\r\n            if (document.readyState === 'complete') {\r\n                initCTA();\r\n            } else {\r\n                window.addEventListener('load', initCTA);\r\n            }\r\n        })();\r\n    <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>AUTHOR Author \u00b7 Communicator \u00b7 Woman of Faith About Renita T. Shelton A life shaped by storms, refined by faith, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-121","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demowebdesign.live\/renita\/index.php\/wp-json\/wp\/v2\/pages\/121","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demowebdesign.live\/renita\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demowebdesign.live\/renita\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demowebdesign.live\/renita\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demowebdesign.live\/renita\/index.php\/wp-json\/wp\/v2\/comments?post=121"}],"version-history":[{"count":112,"href":"https:\/\/demowebdesign.live\/renita\/index.php\/wp-json\/wp\/v2\/pages\/121\/revisions"}],"predecessor-version":[{"id":748,"href":"https:\/\/demowebdesign.live\/renita\/index.php\/wp-json\/wp\/v2\/pages\/121\/revisions\/748"}],"wp:attachment":[{"href":"https:\/\/demowebdesign.live\/renita\/index.php\/wp-json\/wp\/v2\/media?parent=121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}