I Am Maria

gistfile1.txt

<?php
/**
 * Template Name: I Am Maria Preorder Page
 * Template Post Type: page
 */
?>

<?php get_header(); ?>

<section class="i-am-maria" id="preorder">
    <div class="wrapper">
        <div class="book-img">
            <?php echo render_inline_svg('https://mariashriver.com/wp-content/uploads/2024/12/free-event.svg'); ?>
            <img src="https://mariashriver.com/wp-content/uploads/2024/11/i-am-maria-book-cover.png" class="i-am-maria-cover">
        </div>
        <div class="book-info">
            <div class="metabox">
                <h1>I Am Maria</h1>
                <p>A book like no other, “I Am Maria” weaves Shriver’s hard-earned wisdom with her own deeply personal poetry and reminds readers there is strength and love on the other side of all of our hardest days. “I Am Maria” is a roadmap for anyone trying to shed the labels, layers, and armor that holds us back from creating a wildly authentic and meaningful life.</p>
            </div>
            <div class="metabox">
                <div class="newline">
                    <p>Apr 01, 2025 | ISBN 81923652039485</p>
                </div>
                <div class="shop-buttons-container">
                    <h3>Preorder from:</h3>
                    <ul class="shop-buttons">
                        <li class="shop-buttons-link"><a href="https://amzn.to/3VDnUnw" target="_blank" rel="nofollow noopener noreferrer">Amazon</a></li>
                        <li class="shop-buttons-link"><a href="https://www.anrdoezrs.net/click-8373827-11819508?sid=PRHEFFDF5A7F1&amp;url=http://www.barnesandnoble.com/w/?ean=9780593653395" target="_blank" rel="nofollow noopener noreferrer">Barnes & Noble</a></li>
                        <li class="shop-buttons-link"><a href="http://www.tkqlhce.com/click-8373827-10747236?SID=PRHEFFDF5A7F1--9780593653395&amp;url=http://www.booksamillion.com/p/9780593653395" target="_blank" rel="nofollow noopener noreferrer">Books A Million</a></li>
                        <li class="shop-buttons-link"><a href="https://bookshop.org/a/4380/9780593653395" target="_blank" rel="nofollow noopener noreferrer">Bookshop.org</a></li>
                        <li class="shop-buttons-link"><a href="http://www.hudsonbooksellers.com/book/9780593653395?utm_source=prh&amp;utm_medium=affiliate&amp;utm_term=301&amp;utm_content=PRHEFFDF5A7F1--9780593653395&amp;utm_campaign=9780593653395" target="_blank" rel="nofollow noopener noreferrer">Hudson Booksellers</a></li>
                        <li class="shop-buttons-link"><a href="http://www.powells.com/book/-9780593653395?utm_source=randomhouse&amp;utm_campaign=randomhouse&amp;utm_content=PRHEFFDF5A7F1--9780593653395" target="_blank" rel="nofollow noopener noreferrer">Powell's</a></li>
                        <li class="shop-buttons-link"><a href="http://goto.target.com/c/128773/81938/2092?subId1=PRHEFFDF5A7F1--9780593653395&amp;u=http%3A%2F%2Fwww.target.com%2Fs%3FsearchTerm%3D9780593653395" target="_blank" rel="nofollow noopener noreferrer">Target</a></li>
                        <li class="shop-buttons-link"><a href="https://goto.walmart.com/c/128773/565706/9383?subId1=PRHEFFDF5A7F1&amp;veh=aff&amp;sourceid=imp_000011112222333344&amp;u=https%3A%2F%2Fwww.walmart.com%2Fsearch%3Fquery%3D9780593653395" target="_blank" rel="nofollow noopener noreferrer">Walmart</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="about-book" id="i-am-maria">
    <div class="wrapper">
        <h2 class="section-header">About the Book</h2>
        <p><strong class="larger">A book like no other,</strong> <em>I Am Maria</em> weaves Shriver’s hard-earned wisdom with her own deeply personal poetry. <em>I Am Maria</em> reminds readers there is strength and love on the other side of all of our hardest days.</p>
        <p><em>I Am Maria</em> is a powerful collection of Maria Shriver’s own poems that grapple with identity, grief, love, loss, longing, heartbreak, and healing. Her deeply personal poems address life’s transitions, challenges, successes, and failures. Vulnerable and deeply moving, Shriver’s words are a collection of her life experiences woven into poetry to inspire everyone on their own journey. It is also an invitation for readers to write their own personal poetry, reclaiming the art as accessible to everyone and a tool to look within.</p>
        <p><em>I Am Maria</em> is a roadmap for anyone trying to shed the labels, layers, and armor that holds us back from creating a wildly authentic and meaningful life.</p>
        <blockquote>“I never imagined writing poetry would help me embarkOn a journey deep into myself I never imagined that everything I sought or thought I needed was within me all along” <p>— from <em>I Am Maria</em></p></blockquote>
    </div>
</section>

<section class="form" id="sign-up">
    <div class="form-container">
        <h3>"I Am Maria" Pre-Launch Celebration with Maria Shriver and The Sunday Paper Community</h3>
        <p>Grab your copy of Maria's upcoming book, "I Am Maria," today to join us on January 28 for a live Zoom event hosted by Maria! Simply fill out the form below to share your preorder information and submit your questions for Maria, and The Sunday Paper team will be in touch with more details soon.</p>
        <form id="preorder-form" action="https://formspree.io/f/xgvebjor" method="POST">
            <div>
                <label for="name">Name*</label>
                <input type="text" id="name" name="name" required>
            </div>
            <div>
                <label for="email">E-mail*</label>
                <input type="email" id="email" name="email" required>
            </div>
            <div>
                <label for="preorder-location">Where Did You Preorder Your Copy?*
                    <br><p>Ex: Bookshop, Amazon, Barnes & Noble, etc.</p>
                </label>
                <input type="text" id="preorder-location" name="preorder-location" required>
            </div>
            <div>
                <label for="order-number">Order Number*</label>
                <input type="text" id="order-number" name="order-number" required>
            </div>
            <div>
                <label for="questions">Submit Your Questions for Maria</label>
                <textarea id="questions" name="questions" rows="4"></textarea>
            </div>
            <button type="submit">Sign Up</button>
            <small>*required fields</small>
        </form>
        <div id="confirmation-message">
            <p><strong>Thank you for signing up!</strong> We can’t wait to connect with you during the Zoom call.<br>Stay tuned for more details in your inbox.</p>
        </div>
        <em>Completing this form will also sign you up to receive emails from Maria Shriver's digital newsmagazine, The Sunday Paper, if you are not already subscribed.</em>
        <small class="terms">By joining, you accept acknowledge and agree to our<br><a target="_blank" href="/terms-of-use/">Terms of Use</a> and <a target="_blank" href="/privacy-policy/">Privacy Policy.</a></small>
    </div>
    <div class="form-footer">
        <a href="#preorder" class="preorder-btn">
            Preorder now
        </a>
        <em>Available now for preorder<br>On sale April 01, 2025</em>
    </div>
    <!-- <div class="flowers">
        <img id="flowers-top-right" src="https://mariashriver.com/wp-content/uploads/2024/12/flowers-top-right.png" alt="" />
        <img id="flowers-top-left" src="https://mariashriver.com/wp-content/uploads/2024/12/flowers-top-left.png" alt="" />
        <img id="flowers-bottom-right" src="https://mariashriver.com/wp-content/uploads/2024/12/flowers-bottom-right.png" alt="" />
        <img id="flowers-bottom-left" src="https://mariashriver.com/wp-content/uploads/2024/12/flowers-bottom-left.png" alt="" />
    </div> -->
</section>

<script>
    document.getElementById('preorder-form').addEventListener('submit', function(event) {
        event.preventDefault(); // Prevent the form from submitting immediately
        const form = document.getElementById('preorder-form');
        const confirmationMessage = document.getElementById('confirmation-message');
        
        // Simulate form submission (e.g., using fetch API)
        fetch(form.action, {
            method: form.method,
            body: new FormData(form),
            headers: {
                'Accept': 'application/json'
            }
        }).then(response => {
            if (response.ok) {
                // Hide the form and show the confirmation message
                form.style.display = 'none';
                confirmationMessage.style.display = 'block';

                // Wait until the confirmation message is visible, then scroll
                const observer = new MutationObserver((mutations) => {
                    mutations.forEach((mutation) => {
                        if (mutation.target.style.display === 'block') {
                            // Smoothly scroll to the confirmation message
                            confirmationMessage.scrollIntoView({ behavior: 'smooth' });
                            observer.disconnect(); // Stop observing after scrolling
                        }
                    });
                });

                // Observe changes in the confirmation message's display property
                observer.observe(confirmationMessage, { attributes: true, attributeFilter: ['style'] });
            } else {
                alert('Something went wrong. Please try again.');
            }
        }).catch(error => {
            alert('An error occurred. Please check your connection and try again.');
        });
    });
</script>

<section class="about">
    <div class="about-container">
        <h2 class="section-header">About Maria</h2>
        <div class="about-container-content">
            <img src="https://mariashriver.com/wp-content/uploads/2024/12/about-maria.png" alt="Maria Shriver sitting down">
            <p>Maria Shriver is a mother and grandmother, a Peabody and Emmy Award-winning journalist and producer. She is the author of seven New York Times bestselling books, the former First Lady of California, an NBC News Special Anchor, founder of Shriver Media, The Women’s Alzheimer’s Movement, the brain health brand MOSH, and the publisher of The Open Field. When she’s not thinking or writing, she can be found hanging with her kids and grandkids.</p>
        </div>
    </div>
</section>

<?php get_footer(); ?>