/*
Theme Name: Uncode Child
Theme URI: http://www.undsgn.com/uncode
Template: uncode
Author: Undsgn
Author URI: http://www.undsgn.com
Description: Uncode is a pixel perfect WordPress Theme designed with terrific attention to details.
Version: 2.6.2.1753814759
Updated: 2025-07-29 14:45:59

*/
<?php
/**
 * Template Name: Iconic Insurance Homepage
 * Description: Custom homepage template for Iconic Insurance
 */

get_header(); ?>

<!-- Add the CSS styles to your theme's style.css or enqueue them -->
<style>
/* Add the contents of iconic-homepage-styles.css here, or better yet, enqueue it properly */
</style>

<!-- Hero Section -->
<section class="iconic-hero">
    <div class="container">
        <div class="row">
            <div class="col-lg-7">
                <h1>
                    <span class="health-insurance">Health insurance</span> <span class="sucks">sucks</span><br>
                    But it doesn't have to
                </h1>
                <p class="subtitle">
                    If you're buying your own health insurance, you have way more options than you think. We're here to help people like you find coverage that actually makes sense for your life (and your budget).
                </p>
                <a href="#typeform" class="cta-button">Complete Your Personal Health Snapshot</a>
                <p class="cta-subtitle">To Schedule Your Meeting</p>
            </div>
            <div class="col-lg-5">
                <div class="truly-independent">
                    <div class="shield-icon">
                        <svg viewBox="0 0 24 24">
                            <circle cx="12" cy="12" r="10" fill="none" stroke="currentColor" stroke-width="2"/>
                            <path d="M12 2 L16 12 L12 10 L8 12 Z" fill="currentColor"/>
                        </svg>
                    </div>
                    <h3>Truly Independent</h3>
                    <p>We're not tied to any one brand or carrier. That means we can actually focus on what's best for you—finding the plan that gives you the right coverage for your needs, lifestyle, and budget.</p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Stats Bar -->
<section class="stats-bar">
    <div class="container">
        <div class="row">
            <div class="col-lg-3">
                <div class="stat-item">
                    <span class="stat-number">10+</span>
                    <span class="stat-label">Years Experience</span>
                </div>
            </div>
            <div class="col-lg-3">
                <div class="stat-item">
                    <span class="stat-number">500+</span>
                    <span class="stat-label">Families Helped</span>
                </div>
            </div>
            <div class="col-lg-3">
                <div class="stat-item">
                    <span class="stat-number">28</span>
                    <span class="stat-label">States Licensed</span>
                </div>
            </div>
            <div class="col-lg-3">
                <div class="stat-item">
                    <span class="stat-number">5</span>
                    <span class="stat-label">Star Rating</span>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Typeform Section -->
<section class="typeform-section" id="typeform">
    <div class="container">
        <div class="typeform-container">
            <div class="typeform-title">
                <h2>Personal Health Snapshot</h2>
                <p>Complete your snapshot to schedule a meeting with our experts</p>
            </div>
            <div class="typeform-placeholder">
                <!-- Replace this with your actual Typeform embed code -->
                <strong>Typeform Integration</strong><br>
                Interactive form will appear here with questions about:<br>
                • Current health insurance situation<br>
                • Family size and health needs<br>
                • Budget preferences<br>
                • Contact information
            </div>
        </div>
    </div>
</section>

<!-- What You Can Expect Section -->
<section class="what-we-do-section">
    <div class="container">
        <div class="section-header">
            <h2>What You Can Expect</h2>
            <p>We handle all the confusing stuff so you can focus on what actually matters—your health and your family</p>
        </div>
        <div class="row">
            <div class="col-lg-4">
                <div class="service-card">
                    <div class="service-icon">
                        <svg viewBox="0 0 24 24">
                            <path d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/>
                        </svg>
                    </div>
                    <h3>Plan Comparison</h3>
                    <p>We'll show you all the options in your area and actually explain what they mean in normal English (no insurance jargon, we promise)</p>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="service-card">
                    <div class="service-icon">
                        <svg viewBox="0 0 24 24">
                            <path d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>
                        </svg>
                    </div>
                    <h3>Enrollment Support</h3>
                    <p>We'll walk you through the whole process and help you understand what to expect from your new plan—including how to actually use it when you need it</p>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="service-card">
                    <div class="service-icon">
                        <svg viewBox="0 0 24 24">
                            <path d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
                        </svg>
                    </div>
                    <h3>Ongoing Service</h3>
                    <p>We're here for the long haul—helping with claims questions, finding ways to lower your prescription costs, and basically being your health insurance advocate</p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Second CTA Section -->
<section class="second-cta-section">
    <div class="container">
        <div class="cta-center">
            <a href="#typeform" class="cta-button">Complete Your Personal Health Snapshot</a>
            <p class="cta-subtitle">To Schedule Your Meeting</p>
        </div>
    </div>
</section>

<!-- Life Situations Section -->
<section class="life-situations-section">
    <div class="container">
        <div class="section-header">
            <h2>Helping you in every life situation</h2>
        </div>
        <div class="row">
            <div class="col-lg-6">
                <div class="situation-card">
                    <div class="situation-icon">
                        <svg viewBox="0 0 24 24">
                            <circle cx="12" cy="12" r="3"/>
                            <path d="M12 1v6m0 6v6m11-7h-6m-6 0H1"/>
                        </svg>
                    </div>
                    <h3>Self-Employment</h3>
                    <p>Navigate health insurance options as a freelancer, contractor, or business owner with confidence and clarity.</p>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="situation-card">
                    <div class="situation-icon">
                        <svg viewBox="0 0 24 24">
                            <circle cx="12" cy="12" r="10"/>
                            <polyline points="12,6 12,12 16,14"/>
                        </svg>
                    </div>
                    <h3>Early Retirement</h3>
                    <p>Bridge the gap between employer coverage and Medicare with the right health insurance strategy.</p>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="situation-card">
                    <div class="situation-icon">
                        <svg viewBox="0 0 24 24">
                            <path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/>
                            <polyline points="14,2 14,8 20,8"/>
                            <line x1="16" y1="13" x2="8" y2="13"/>
                            <line x1="16" y1="17" x2="8" y2="17"/>
                            <polyline points="10,9 9,9 8,9"/>
                        </svg>
                    </div>
                    <h3>Facing COBRA</h3>
                    <p>Explore alternatives to expensive COBRA coverage and find more affordable options that meet your needs.</p>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="situation-card">
                    <div class="situation-icon">
                        <svg viewBox="0 0 24 24">
                            <path d="M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2"/>
                            <circle cx="12" cy="7" r="4"/>
                            <path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/>
                        </svg>
                    </div>
                    <h3>First Time Buyers</h3>
                    <p>Get expert guidance on purchasing your first health insurance plan and understanding what you really need.</p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Testimonials Section -->
<section class="testimonials-section">
    <div class="container">
        <div class="testimonial-container">
            <div class="testimonial-stars">
                <span class="star">★</span>
                <span class="star">★</span>
                <span class="star">★</span>
                <span class="star">★</span>
                <span class="star">★</span>
            </div>
            <blockquote class="testimonial-quote">
                I would highly recommend Iconic Insurance to anyone seeking to navigate the healthcare industry to find cost-effective solutions for their personal health insurance.
            </blockquote>
            <div class="testimonial-author">— Tim & Laura Blow</div>
            <div class="testimonial-location">Scottsdale, AZ</div>
        </div>
    </div>
</section>

<?php get_footer(); ?>
