<?php
require_once $_SERVER['DOCUMENT_ROOT'] . '/config.php';
include BASE_PATH . '/include/header.php'; ?>

<main id="content">
    <!-- Hero Section -->
    <section class="subpage-hero">
        <div class="container">
            <h1>Flexible <span>Financing</span></h1>
            <p>Get the chimney services you need today with flexible payment options. We partner with Enhancify to
                provide you with competitive financing solutions.</p>
        </div>
    </section>

    <!-- Breadcrumbs -->
    <div class="breadcrumb-container">
        <div class="container">
            <a href="/"><i class="fas fa-home"></i> Home</a> / <a href="/about-us/">About Us</a> /
            <span>Financing</span>
        </div>
    </div>

    <!-- Financing Section -->
    <section class="section-padding">
        <div class="container">
            <div class="row align-items-center g-5">
                <div class="col-lg-6">
                    <h2 class="section-title">Why Finance Your Project?</h2>
                    <p class="lead mb-4">Don't let budget constraints delay essential chimney repairs or upgrades.
                        Financing allows you to:</p>
                    <ul class="list-unstyled">
                        <li class="mb-3 d-flex align-items-start">
                            <i class="fas fa-check-circle text-primary me-3 mt-1"></i>
                            <span><strong>Preserve Cash:</strong> Keep your savings for other needs.</span>
                        </li>
                        <li class="mb-3 d-flex align-items-start">
                            <i class="fas fa-check-circle text-primary me-3 mt-1"></i>
                            <span><strong>Low Monthly Payments:</strong> Spread the cost over time with affordable
                                installments.</span>
                        </li>
                        <li class="mb-3 d-flex align-items-start">
                            <i class="fas fa-check-circle text-primary me-3 mt-1"></i>
                            <span><strong>Quick Approval:</strong> Get a decision in minutes with no impact on your
                                credit score for pre-qualification.</span>
                        </li>
                        <li class="mb-3 d-flex align-items-start">
                            <i class="fas fa-check-circle text-primary me-3 mt-1"></i>
                            <span><strong>No Hidden Fees:</strong> Transparent terms and competitive rates.</span>
                        </li>
                    </ul>
                    <div class="mt-5">
                        <a href="https://www.enhancify.com/crest-chimney-service-llc" target="_blank"
                            class="btn-pro">Apply Now</a>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="pro-card p-4 shadow border-0">
                        <!-- Enhancify Widget -->
                        <div class="enhancify-widget">
                            <iframe src="https://www.enhancify.com/crest-chimney-service-llc/embed" width="100%"
                                height="600" frameborder="0"></iframe>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Steps Section -->
    <section class="section-padding bg-light">
        <div class="container">
            <h2 class="section-title text-center mb-5">How It Works</h2>
            <div class="row g-4">
                <div class="col-md-4">
                    <div class="pro-card text-center p-5 h-100">
                        <div class="step-number mb-4">1</div>
                        <h4>Check Rates</h4>
                        <p>Fill out a simple form to see your personalized monthly payment options.</p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="pro-card text-center p-5 h-100">
                        <div class="step-number mb-4">2</div>
                        <h4>Choose a Plan</h4>
                        <p>Select the financing plan that best fits your budget and project needs.</p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="pro-card text-center p-5 h-100">
                        <div class="step-number mb-4">3</div>
                        <h4>Get Started</h4>
                        <p>Once approved, we can schedule your service and get to work right away.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Contact CTA -->
    <section class="section-padding bg-dark text-white text-center">
        <div class="container">
            <h2 class="text-white mb-4">Have Questions About <span>Financing?</span></h2>
            <p class="lead mb-5 opacity-75">Our team is here to help you navigate your payment options.</p>
            <a href="tel:<?php echo get_phone_number_tel(); ?>" class="btn-pro"><?php echo get_phone_number(); ?></a>
        </div>
    </section>
</main>

<style>
    .step-number {
        width: 60px;
        height: 60px;
        background-color: var(--primary);
        color: white;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.5rem;
        font-weight: 800;
        margin: 0 auto;
    }
</style>

<?php include BASE_PATH . '/include/footer.php'; ?>