<?php

require_once __DIR__ . '/app/helpers.php';
require_once __DIR__ . '/app/analytics.php';
require_once __DIR__ . '/app/public-layout.php';

sparrow_record_analytics_event('page_view', 'page', null, 'About', '', '/about.php');

$about_css = <<<'CSS'
.about-page h1,
.about-page h2,
.about-page h3 {
    color: var(--sparrow-purple-dark);
}

.about-page-section {
    margin-top: 18px;
}

.about-anchor-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin-top: 14px;
}

.about-anchor-nav a {
    display: inline-flex;
    align-items: center;
    padding: 7px 12px;
    border-radius: 999px;
    background: var(--sparrow-soft-pink);
    border: 1px solid var(--sparrow-border);
    color: var(--sparrow-purple-dark);
    font-weight: bold;
    font-size: 13px;
    text-decoration: none;
}

.about-anchor-nav a:hover {
    background: #ffffff;
    text-decoration: none;
}

.about-card {
    background: var(--sparrow-card);
    border: 1px solid var(--sparrow-border);
    border-radius: 22px;
    padding: 20px;
    box-shadow: 0 8px 30px rgba(70, 35, 60, 0.06);
}

.about-card p {
    color: var(--sparrow-muted);
    line-height: 1.65;
}

.about-card p:first-child {
    margin-top: 0;
}

.about-card p:last-child {
    margin-bottom: 0;
}

.about-card ul {
    margin-bottom: 0;
    color: var(--sparrow-muted);
    line-height: 1.65;
}

.about-two-col,
.about-card-grid {
    display: grid;
    gap: 18px;
}

.about-two-col {
    grid-template-columns: repeat(2, 1fr);
}

.about-card-grid {
    grid-template-columns: repeat(3, 1fr);
}

.about-mini-list {
    display: grid;
    gap: 10px;
    margin-top: 14px;
}

.about-mini-card {
    padding: 12px 14px;
    border-radius: 16px;
    background: var(--sparrow-soft-pink);
    border: 1px solid var(--sparrow-border);
    color: var(--sparrow-purple-dark);
}

.about-section-heading {
    margin: 26px 0 12px;
}

.about-back-top {
    margin-top: 12px;
}

.about-back-top a {
    color: var(--sparrow-purple-dark);
    font-weight: bold;
    font-size: 13px;
    text-decoration: none;
}

.about-back-top a:hover {
    text-decoration: underline;
}

@media (max-width: 850px) {
    .about-two-col,
    .about-card-grid {
        grid-template-columns: 1fr;
    }
}
CSS;

sparrow_public_header('About', 'about', $about_css);

?>

<div class="about-page" id="top">
    <section class="public-card public-hero">
        <h1>About Sparrow &amp; Seed Creations</h1>

        <p>
            Faith-filled, handmade creations crafted with care, purpose, and prayer.
        </p>

        <div class="about-anchor-nav">
            <a href="#artist">Artist</a>
            <a href="#business">Business</a>
            <a href="#sparrows-seeds">Sparrows &amp; Seeds</a>
            <a href="#mission">Mission</a>
            <a href="#craftsmanship">Craftsmanship</a>
            <a href="#quality">Quality</a>
            <a href="#care">Care</a>
            <a href="#turnaround">Turnaround</a>
            <a href="#promise">Promise</a>
            <a href="#heart">Heart</a>
        </div>
    </section>

    <section class="about-page-section" id="artist">
        <h2 class="about-section-heading">About the Artist</h2>

        <div class="about-card">
            <p>
                Hi, I’m Kia — the hands, heart, and prayer behind every Sparrow &amp; Seed Creations piece.
                What began as a small spark of creativity with custom tumblers has grown into a calling:
                to craft beautiful, intentional items that remind each person just how valued and cherished they are.
            </p>

            <p>
                Inspired by the promises of Scripture — that God sees every sparrow and that faith,
                even as small as a mustard seed, can move mountains — my hope is that each creation
                becomes more than just a product.
            </p>

            <p>
                Whether it’s a tumbler, a shirt, or a custom piece, I want it to be an everyday reminder
                of hope, joy, and purpose placed inside you by a loving Creator.
            </p>
        </div>

        <p class="about-back-top"><a href="#top">Back to top</a></p>
    </section>

    <section class="about-page-section" id="business">
        <h2 class="about-section-heading">About Sparrow &amp; Seed Creations</h2>

        <div class="about-card">
            <p>
                Sparrow &amp; Seed Creations began with a simple desire: to create beautiful things that honor God
                and encourage others. What started as a creative outlet with handcrafted tumblers has grown into
                a mission to spread hope and joy through handcrafted products, custom apparel, and faith-inspired pieces.
            </p>

            <p>
                We choose materials thoughtfully, like safer water-based epoxy alternatives and quality apparel,
                because stewardship is part of our calling. We want to craft items that are a blessing,
                not a burden, to the people who use them.
            </p>

            <p>
                Every design is prayed over, created with care, and inspired by truths found in Scripture:
                that God sees us, loves us, and is always working through the small seeds of faith we plant.
            </p>
        </div>

        <p class="about-back-top"><a href="#top">Back to top</a></p>
    </section>

    <section class="about-page-section" id="sparrows-seeds">
        <h2 class="about-section-heading">Why Sparrows &amp; Seeds?</h2>

        <div class="about-two-col">
            <div class="about-card">
                <h3>Sparrows</h3>
                <p>
                    Sparrows remind us that God watches over every detail, including us.
                </p>
            </div>

            <div class="about-card">
                <h3>Seeds</h3>
                <p>
                    Seeds remind us that even tiny faith can grow into great hope.
                </p>
            </div>
        </div>

        <div class="about-card about-page-section">
            <p>
                Together, they represent the heart behind everything we do:
            </p>

            <div class="about-mini-list">
                <div class="about-mini-card">
                    <strong>You are deeply valued.</strong>
                </div>

                <div class="about-mini-card">
                    <strong>Your faith matters.</strong>
                </div>

                <div class="about-mini-card">
                    <strong>God is working good in your story. 🌿</strong>
                </div>
            </div>
        </div>

        <p class="about-back-top"><a href="#top">Back to top</a></p>
    </section>

    <section class="about-page-section" id="mission">
        <h2 class="about-section-heading">Our Mission &amp; Values</h2>

        <div class="about-card">
            <h3>Our Mission</h3>
            <p>
                To glorify God through creativity, craftsmanship, and compassion — inspiring faith
                and encouraging hearts through every product we make.
            </p>
        </div>

        <div class="about-card-grid about-page-section">
            <div class="about-card">
                <h3>Faith-Led Creation</h3>
                <p>
                    We trust God’s guidance in every design, decision, and new direction.
                </p>
            </div>

            <div class="about-card">
                <h3>Purposeful Craftsmanship</h3>
                <p>
                    Excellence honors God — we work with diligence and intention.
                </p>
            </div>

            <div class="about-card">
                <h3>Safer Materials</h3>
                <p>
                    Water-based, non-toxic alternatives reflect our commitment to health and stewardship.
                </p>
            </div>
        </div>

        <div class="about-card about-page-section">
            <h3>Encouragement Through Every Order</h3>
            <p>
                We want every product to carry joy, comfort, or confidence to the person who receives it.
            </p>
        </div>

        <p class="about-back-top"><a href="#top">Back to top</a></p>
    </section>

    <section class="about-page-section" id="craftsmanship">
        <h2 class="about-section-heading">Craftsmanship That Cares</h2>

        <div class="about-card">
            <p>
                Every item is created with excellence and attention to detail. Our tumblers are handcrafted
                using a high-quality, water-based, non-toxic resin alternative called Grand Finale, which creates
                a strong, glass-like finish without the harmful chemicals found in traditional epoxy.
            </p>

            <p>
                For apparel, we use high-quality garments paired with durable, professional-grade printing methods
                to ensure each design remains vibrant and long-lasting through everyday wear.
            </p>

            <p>
                To keep the sparkle shining brightly, I use premium polyester glitter from The Glitter Guy.
                High-poly glitter holds its brilliance beautifully under the protective finish so your tumbler
                remains stunning for years to come.
            </p>
        </div>

        <p class="about-back-top"><a href="#top">Back to top</a></p>
    </section>

    <section class="about-page-section" id="quality">
        <h2 class="about-section-heading">Quality You Can Trust</h2>

        <div class="about-two-col">
            <div class="about-card">
                <h3>Tumblers</h3>
                <ul>
                    <li>Stainless steel, double-walled, and vacuum insulated</li>
                    <li>BPA-free and built to keep drinks cold up to 24 hours and hot up to 8 hours</li>
                    <li>Includes a spill-proof lid, reusable straw, and care instructions</li>
                </ul>
            </div>

            <div class="about-card">
                <h3>Apparel</h3>
                <ul>
                    <li>High-quality, comfortable garments</li>
                    <li>Professionally applied designs for durability</li>
                    <li>Designed to maintain color and detail with proper care</li>
                </ul>
            </div>
        </div>

        <p class="about-back-top"><a href="#top">Back to top</a></p>
    </section>

    <section class="about-page-section" id="care">
        <h2 class="about-section-heading">Care Instructions</h2>

        <div class="about-two-col">
            <div class="about-card">
                <h3>Tumblers</h3>
                <ul>
                    <li>Handle gently for the first 30 days while full cure completes</li>
                    <li>Light handling is OK in 3–5 days</li>
                    <li>Hand wash only</li>
                    <li>No dishwasher or microwave</li>
                    <li>Avoid dropping or rough impact to protect the finish</li>
                </ul>
            </div>

            <div class="about-card">
                <h3>Apparel</h3>
                <ul>
                    <li>Turn inside out before washing</li>
                    <li>Machine wash cold</li>
                    <li>Do not bleach</li>
                    <li>Tumble dry low or hang dry</li>
                    <li>Do not iron directly on the design</li>
                </ul>
            </div>
        </div>

        <div class="about-card about-page-section">
            <p>
                Each item is handmade with care, and following these instructions will help your piece stay beautiful
                for years to come.
            </p>
        </div>

        <p class="about-back-top"><a href="#top">Back to top</a></p>
    </section>

    <section class="about-page-section" id="turnaround">
        <h2 class="about-section-heading">Production &amp; Turnaround Time</h2>

        <div class="about-two-col">
            <div class="about-card">
                <h3>Custom Items</h3>
                <p>
                    Custom-made items typically have a production turnaround time of 3–6 weeks.
                    This allows time for careful creation, curing, and finishing to ensure each piece meets our quality standards.
                </p>
            </div>

            <div class="about-card">
                <h3>Ready-to-Ship Items</h3>
                <p>
                    Items marked as Ready to Ship will be processed and shipped by the end of the current work week.
                </p>
            </div>
        </div>

        <div class="about-card about-page-section">
            <p>
                We believe that creating something meaningful takes time, and we are grateful for your patience and trust
                as we craft pieces designed to bless and encourage.
            </p>
        </div>

        <p class="about-back-top"><a href="#top">Back to top</a></p>
    </section>

    <section class="about-page-section" id="promise">
        <h2 class="about-section-heading">A Promise of Care</h2>

        <div class="about-card">
            <p>
                Accidents happen, especially with items we love and use every day. If your tumbler is ever dropped
                or damaged, I offer one complimentary repair within the first year of purchase.
            </p>

            <p>
                Should you need additional repairs after that, I’m happy to fix it for a small service fee to cover
                materials and return shipping.
            </p>

            <p>
                My goal is that your piece continues to bring joy, beauty, and encouragement for as long as possible,
                because what you carry and wear every day should remind you of the value within you. 💛
            </p>
        </div>

        <p class="about-back-top"><a href="#top">Back to top</a></p>
    </section>

    <section class="about-page-section" id="heart">
        <h2 class="about-section-heading">From My Heart to Yours</h2>

        <div class="about-card">
            <p>
                Every purchase supports my family and helps fuel a mission rooted in faith, joy, and encouragement.
                When you shop small, you’re not just buying a product — you’re supporting a purpose.
            </p>

            <p>
                All sales are final. Thank you for understanding and for being here. 💕
            </p>
        </div>

        <p class="about-back-top"><a href="#top">Back to top</a></p>
    </section>
</div>

<?php sparrow_public_footer(); ?>