<?php
/**
 * Template Name: Business Partnerships
 * Professional business partnership page for Newteam F.C.
 *
 * @package Newteam
 */

get_header(); ?>

<style>
/* Presentation-style slide animations */
.slide-section {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.slide-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 80px 20px;
    text-align: center;
}

.stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 30px;
    margin: 40px 0;
}

.stat-card {
    background: rgba(255,255,255,0.15);
    padding: 30px 20px;
    border-radius: 15px;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.2);
}

.tier-card {
    background: white;
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
    height: 100%;
}

.tier-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 60px rgba(0,0,0,0.25);
}

.tier-featured {
    border: 3px solid #ffd700;
    transform: scale(1.05);
}

.tier-featured::before {
    content: "MOST POPULAR";
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    background: #ffd700;
    color: #333;
    padding: 8px 24px;
    border-radius: 20px;
    font-weight: bold;
    font-size: 0.8rem;
}

.anchor-tier {
    opacity: 0.7;
    border: 2px solid #e0e0e0;
}

/* Pricing cards styling */
.pricing-container {
    display: grid;
    grid-template-columns: repeat(3, minmax(300px, 1fr));
    gap: 30px;
    margin-bottom: 50px;
    align-items: stretch;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
}

.pricing-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 25px;
    min-height: 220px;
    min-width: 300px;
    border-radius: 15px;
    text-align: center;
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
    background: white;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    overflow: hidden;
}

.pricing-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0,0,0,0.15);
}

.pricing-card h3 {
    color: #000000 !important;
    margin-bottom: 15px;
    font-size: 1.2rem;
    font-weight: bold !important;
}

.price-number {
    font-size: 2.2rem;
    font-weight: bold;
    margin: 15px 0;
    color: #B8860B; /* Darker gold for readability */
    text-shadow: 0 0 8px rgba(218, 165, 32, 0.4);
    transition: text-shadow 0.3s ease;
    line-height: 1.2;
    white-space: nowrap;
    padding: 0 10px;
}

.price-subtitle {
    color: #666;
    font-size: 1rem;
    margin-bottom: 10px;
}

.pricing-card-featured {
    background: linear-gradient(135deg, #004d98, #1a73e8);
    color: white;
    transform: scale(1.05);
    box-shadow: 0 10px 30px rgba(0,77,152,0.3);
}

.pricing-card-featured h3 {
    color: white !important;
}

.pricing-card-featured .price-number {
    color: #FFD700; /* Brighter gold on dark background */
    text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
}

.pricing-card-featured .price-subtitle {
    color: white;
}

.pricing-card-featured .pricing-description {
    margin-top: 15px;
    font-size: 0.9rem;
    opacity: 0.9;
    color: white;
}

/* Add hover effect for better interactivity */
.pricing-card:hover .price-number {
    text-shadow: 0 0 12px rgba(218, 165, 32, 0.6);
}

.pricing-card-featured:hover .price-number {
    text-shadow: 0 0 15px rgba(255, 215, 0, 0.7);
}

@media (max-width: 1024px) {
    .pricing-container {
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 25px;
        padding: 0 20px;
    }
}

/* Enhanced Mobile Optimizations */
@media (max-width: 768px) {
    .slide-section {
        min-height: auto;
        padding: 20px 0;
    }
    
    .slide-content {
        padding: 40px 15px;
    }
    
    /* Mobile-optimized hero title */
    .slide-content h1 {
        font-size: clamp(2rem, 8vw, 3rem) !important;
        line-height: 1.3 !important;
        margin-bottom: 20px !important;
    }
    
    /* Mobile-optimized paragraphs */
    .slide-content p {
        font-size: clamp(1rem, 3vw, 1.2rem) !important;
        margin-bottom: 30px !important;
        line-height: 1.5 !important;
    }
    
    .stats-grid {
        grid-template-columns: 1fr;
        gap: 15px;
        margin: 30px 0;
    }
    
    .stat-card {
        padding: 20px 15px;
        text-align: center;
    }
    
    .pricing-container {
        grid-template-columns: 1fr;
        gap: 25px;
        padding: 0 15px;
    }
    
    .pricing-card {
        min-width: 100%;
        padding: 30px 20px;
        margin-bottom: 15px;
    }
    
    .price-number {
        font-size: 2.2rem;
        margin-bottom: 10px;
    }
    
    .pricing-card-featured {
        transform: none;
        margin: 20px 0;
    }
    
    /* Mobile-optimized success metrics */
    .slide-content ul {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }
    
    .slide-content li {
        flex-direction: column !important;
        text-align: center !important;
        padding: 20px !important;
    }
    
    .slide-content li span {
        margin-right: 0 !important;
        margin-bottom: 10px !important;
    }
    
    /* Mobile form optimizations */
    .contact-form {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
        padding: 20px !important;
    }
    
    .contact-form input,
    .contact-form textarea,
    .contact-form select {
        min-height: 44px !important;
        font-size: 16px !important;
        padding: 12px 16px !important;
        border-radius: 8px !important;
    }
    
    .contact-form button {
        min-height: 48px !important;
        font-size: 16px !important;
        padding: 14px 24px !important;
        border-radius: 8px !important;
        margin-top: 10px !important;
    }
    
    /* Mobile-optimized tier cards */
    .tier-card {
        padding: 25px 20px;
        margin-bottom: 20px;
    }
    
    .tier-card h3 {
        font-size: 1.4rem !important;
        margin-bottom: 15px !important;
    }
    
    .tier-card ul {
        font-size: 0.9rem !important;
        line-height: 1.4 !important;
    }
    
    .tier-card li {
        margin-bottom: 8px !important;
    }
    
    /* Mobile-optimized partnership cards grid */
    .slide-content div[style*="display: grid"][style*="grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))"] {
        display: block !important;
    }
    
    .slide-content div[style*="display: grid"][style*="grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))"] .tier-card {
        display: block !important;
        width: 100% !important;
        margin-bottom: 30px !important;
    }
    
    /* Mobile touch improvements */
    .pricing-card,
    .tier-card,
    .stat-card {
        transition: all 0.3s ease;
        cursor: pointer;
    }
    
    .pricing-card:active,
    .tier-card:active,
    .stat-card:active {
        transform: scale(0.98);
    }
    
    /* Mobile accessibility improvements */
    .contact-form label {
        display: block !important;
        margin-bottom: 8px !important;
        font-weight: 600 !important;
        font-size: 14px !important;
    }
    
    /* Mobile-optimized spacing */
    .slide-section + .slide-section {
        margin-top: 0 !important;
    }
    
    /* Mobile-optimized background boxes */
    .slide-content > div[style*="background"] {
        padding: 25px 20px !important;
        margin-top: 30px !important;
        border-radius: 15px !important;
    }
    
    /* Mobile-optimized headings */
    .slide-content h3 {
        font-size: clamp(1.3rem, 5vw, 1.6rem) !important;
        margin-bottom: 20px !important;
    }
    
    .slide-content h2 {
        font-size: clamp(1.6rem, 6vw, 2.2rem) !important;
        margin-bottom: 20px !important;
    }
}
</style>

<!-- Hero Slide -->
<section class="slide-section" style="background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-burgundy) 100%); color: var(--text-light);">
    <div class="slide-content">


        <!-- New Business-Focused Headline -->
        <h1 style="font-size: 4rem; margin-bottom: 20px; font-weight: 700; line-height: 1.2;">
            Join the Newteam FC Family - Grow Your Business with Boston Soccer
        </h1>
        <h2 style="font-size: 1.8rem; margin-bottom: 30px; font-weight: 400; opacity: 0.9;">
            Without expensive ads, complicated marketing, or hoping they notice you
        </h2>

        <!-- Jersey Mockup Photo -->
        <div style="margin: 40px 0; text-align: center;">
            <img src="<?php echo get_template_directory_uri(); ?>/images/jersey-mockup-logo.png" alt="Your Business Logo on Newteam FC Jersey" style="max-width: 500px; width: 100%; height: auto; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.2);">
            <div style="background: rgba(255,215,0,0.1); padding: 15px 20px; border-radius: 10px; border-left: 4px solid #ffd700; max-width: 500px; margin: 20px auto 0 auto;">
                <p style="margin: 0; font-size: 1rem; color: #666; font-style: italic; line-height: 1.4;">
                    <strong>Visual concept only:</strong> Final jersey design will look significantly different. This mockup demonstrates logo placement and visibility opportunities for your business.
                </p>
            </div>
        </div>

        <!-- Primary CTA Button -->
        <div style="margin: 40px 0;">
            <a href="#contact" style="display: inline-block; background: linear-gradient(45deg, #ffd700, #ffed4a); color: #001f3f; padding: 20px 40px; border-radius: 50px; font-size: 1.3rem; font-weight: bold; text-decoration: none; box-shadow: 0 10px 30px rgba(255,215,0,0.4); transition: all 0.3s;">
                Lock In Your Partnership Today →
            </a>
            <p style="font-size: 1rem; margin-top: 15px; opacity: 0.8;">
                (Jersey deadline: July 31st)
            </p>
        </div>



        <p style="font-size: 1.2rem; margin-bottom: 50px; max-width: 800px; margin-left: auto; margin-right: auto; line-height: 1.6; opacity: 0.9; margin-top: 30px;">
            Join Boston's premier soccer club as a community partner - where passionate supporters become your loyal customers because you support what they love. Through our exclusive partnership with <strong>Diaza Football</strong> - official supplier to 500+ professional clubs worldwide - we're creating real pathways to pro opportunities while building a passionate community of <strong>150+ soccer supporters</strong> who support local businesses.
        </p>
        
        <div style="background: rgba(255,255,255,0.15); padding: 40px; border-radius: 20px; margin-top: 40px; border: 2px solid rgba(184, 134, 11, 0.3);">
            <h3 style="font-size: 1.8rem; margin-bottom: 30px; text-align: center; color: var(--accent-gold); font-weight: bold;">📊 Your Marketing Reach</h3>
            <ul style="list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px;">
                <li style="display: flex; align-items: center; padding: 15px; background: rgba(0,0,0,0.2); border-radius: 12px; border-left: 4px solid var(--accent-gold);">
                    <span style="font-size: 2rem; margin-right: 15px;">👨‍👩‍👧‍👦</span>
                    <div>
                                        <div style="font-size: 1.4rem; font-weight: bold; color: var(--accent-gold);">150+ Active Club Members</div>
                <div style="font-size: 1rem; opacity: 0.9;">Direct connection to players, supporters, and the broader soccer community</div>
                    </div>
                </li>
                <li style="display: flex; align-items: center; padding: 15px; background: rgba(0,0,0,0.2); border-radius: 12px; border-left: 4px solid var(--accent-gold);">
                    <span style="font-size: 2rem; margin-right: 15px;">👀</span>
                    <div>
                        <div style="font-size: 1.4rem; font-weight: bold; color: var(--accent-gold);">10,000+</div>
                        <div style="font-size: 1rem; opacity: 0.9;">Monthly views and engagement across all social media platforms</div>
                    </div>
                </li>
                <li style="display: flex; align-items: center; padding: 15px; background: rgba(0,0,0,0.2); border-radius: 12px; border-left: 4px solid var(--accent-gold);">
                    <span style="font-size: 2rem; margin-right: 15px;">🌟</span>
                    <div>
                        <div style="font-size: 1.4rem; font-weight: bold; color: var(--accent-gold);">Diaza Football Partnership</div>
                        <div style="font-size: 1rem; opacity: 0.9;">Same kit supplier as Ronaldinho & Kaká - instant credibility</div>
                    </div>
                </li>
                <li style="display: flex; align-items: center; padding: 15px; background: rgba(0,0,0,0.2); border-radius: 12px; border-left: 4px solid var(--accent-gold);">
                    <span style="font-size: 2rem; margin-right: 15px;">📅</span>
                    <div>
                        <div style="font-size: 1.4rem; font-weight: bold; color: var(--accent-gold);">2 Seasons Annually</div>
                        <div style="font-size: 1rem; opacity: 0.9;">Year-round exposure (not just fall)</div>
                    </div>
                </li>
                <li style="display: flex; align-items: center; padding: 15px; background: rgba(0,0,0,0.2); border-radius: 12px; border-left: 4px solid var(--accent-gold);">
                    <span style="font-size: 2rem; margin-right: 15px;">🏆</span>
                    <div>
                        <div style="font-size: 1.4rem; font-weight: bold; color: var(--accent-gold);">Primera Division Champions</div>
                        <div style="font-size: 1rem; opacity: 0.9;">Your brand associated with excellence</div>
                    </div>
                </li>
                <li style="display: flex; align-items: center; padding: 15px; background: rgba(0,0,0,0.2); border-radius: 12px; border-left: 4px solid var(--accent-gold);">
                    <span style="font-size: 2rem; margin-right: 15px;">💰</span>
                    <div>
                        <div style="font-size: 1.4rem; font-weight: bold; color: var(--accent-gold);">Tax-Deductible</div>
                        <div style="font-size: 1rem; opacity: 0.9;">Marketing expense + charitable contribution</div>
                    </div>
                </li>
            </ul>
            

            
            <div style="text-align: center; margin-top: 25px; padding: 15px; background: rgba(184, 134, 11, 0.2); border-radius: 10px;">
                <p style="margin: 0; font-size: 1.1rem; font-weight: 600; color: var(--accent-gold);">
                    💼 Partner with a proven winner that delivers measurable community impact
                </p>
            </div>
        </div>
    </div>
</section>

<!-- Our Partners Section -->
<section class="slide-section" style="background: linear-gradient(135deg, var(--primary-dark), var(--primary-burgundy)); padding: 80px 0;">
    <div class="slide-content">
        <h2 style="font-size: 3rem; margin-bottom: 50px; color: #ffffff !important; font-weight: bold; text-align: center;">
            Our Partners
        </h2>
        
        <div style="display: flex; justify-content: center; margin: 40px 0;">
            <img src="<?php echo get_template_directory_uri(); ?>/images/DIAZA_LOGO_BLK.png" alt="Diaza Football Partnership" style="height: 240px; width: auto; filter: brightness(0) invert(1);">
        </div>
    </div>
</section>

<!-- Team Photos Section -->
<section class="slide-section" style="background: linear-gradient(135deg, var(--primary-dark), var(--primary-burgundy)); padding: 80px 0;">
    <div class="slide-content">
        <h2 style="font-size: 3rem; margin-bottom: 50px; color: #ffffff !important; font-weight: bold; text-align: center;">
            Meet Our Championship Team
        </h2>
        
        <!-- Team Photos Grid -->
        <div style="max-width: 1000px; margin: 0 auto;">
            <!-- Championship Photos Row -->
            <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-bottom: 60px;">
                <!-- Team Action Photo -->
                <div style="text-align: center;">
                    <img src="<?php echo get_template_directory_uri(); ?>/images/team-photo.jpg" alt="Newteam FC Championship Team" style="width: 100%; height: 600px; object-fit: cover; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.2);">
                    <h3 style="margin: 20px 0 10px 0; font-size: 1.4rem; color: #ffffff !important; font-weight: bold;">Championship Team</h3>
                    <p style="margin: 0; font-size: 1.1rem; color: #e0e0e0;">Your brand supports proven winners</p>
                </div>
                
                <!-- Fall 2023 Championship Photo -->
                <div style="text-align: center;">
                    <img src="<?php echo get_template_directory_uri(); ?>/images/fall-2023-championship.jpg" alt="Newteam FC Fall 2023 Championship" style="width: 100%; height: 600px; object-fit: cover; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.2);">
                    <h3 style="margin: 20px 0 10px 0; font-size: 1.4rem; color: #ffffff !important; font-weight: bold;">Fall 2023 Champions</h3>
                    <p style="margin: 0; font-size: 1.1rem; color: #e0e0e0;">Latest championship victory</p>
                </div>
            </div>
            
            <!-- Community & Venue Row -->
            <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 30px;">
                <!-- Team Community Photo -->
                <div style="text-align: center;">
                    <img src="<?php echo get_template_directory_uri(); ?>/images/Bowling-day.jpg" alt="Newteam FC Team Community" style="width: 100%; height: 600px; object-fit: cover; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.2);">
                    <h3 style="margin: 20px 0 10px 0; font-size: 1.4rem; color: #ffffff !important; font-weight: bold;">Community Bond</h3>
                    <p style="margin: 0; font-size: 1.1rem; color: #e0e0e0;">More than a team - we're a community</p>
                </div>
                
                <!-- Gillette Stadium Photo -->
                <div style="text-align: center;">
                    <img src="<?php echo get_template_directory_uri(); ?>/images/gillette-stadium.jpg" alt="Newteam FC at Gillette Stadium" style="width: 100%; height: 600px; object-fit: cover; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.2);">
                    <h3 style="margin: 20px 0 10px 0; font-size: 1.4rem; color: #ffffff !important; font-weight: bold;">Professional Venues</h3>
                    <p style="margin: 0; font-size: 1.1rem; color: #e0e0e0;">Playing at Gillette Stadium</p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- The Problem Section -->
<section class="slide-section" style="background: linear-gradient(135deg, var(--primary-dark), var(--primary-burgundy));">
    <div class="slide-content">
        <h2 style="font-size: 3rem; margin-bottom: 60px; color: #ffffff !important; font-weight: bold; text-align: center;">
            Most Boston Businesses Are Stuck in This Cycle
        </h2>
        
        <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 60px; max-width: 1200px; margin: 0 auto;">
            <!-- Problem Side -->
            <div style="background: #f8f9fa; padding: 40px; border-radius: 20px; box-shadow: 0 10px 40px rgba(0,0,0,0.1); border-left: 5px solid #ff4444;">
                <h3 style="font-size: 2rem; margin-bottom: 30px; color: #333333 !important; font-weight: bold;">
                    Most Boston businesses struggle with:
                </h3>
                <ul style="list-style: none; padding: 0; margin: 0;">
                    <li style="padding: 15px 0; font-size: 1.2rem; color: #666; border-bottom: 1px solid #eee;">
                        ❌ Facebook ads that get scrolled past
                    </li>
                    <li style="padding: 15px 0; font-size: 1.2rem; color: #666; border-bottom: 1px solid #eee;">
                        ❌ Groupon customers who never return
                    </li>
                    <li style="padding: 15px 0; font-size: 1.2rem; color: #666; border-bottom: 1px solid #eee;">
                        ❌ "Supporting" local teams with zero ROI
                    </li>
                    <li style="padding: 15px 0; font-size: 1.2rem; color: #666;">
                        ❌ Building real community connections
                    </li>
                </ul>
            </div>
            
            <!-- Solution Side -->
            <div style="background: #f8f9fa; padding: 40px; border-radius: 20px; box-shadow: 0 10px 40px rgba(0,0,0,0.1); border-left: 5px solid #4CAF50;">
                <h3 style="font-size: 2rem; margin-bottom: 30px; color: #333333 !important; font-weight: bold;">
                    What if instead, you had:
                </h3>
                <ul style="list-style: none; padding: 0; margin: 0;">
                    <li style="padding: 15px 0; font-size: 1.2rem; color: #666; border-bottom: 1px solid #eee;">
                        ✅ 150+ supporters who know your business by name
                    </li>
                    <li style="padding: 15px 0; font-size: 1.2rem; color: #666; border-bottom: 1px solid #eee;">
                        ✅ Supporters recommending you in local Facebook groups
                    </li>
                    <li style="padding: 15px 0; font-size: 1.2rem; color: #666; border-bottom: 1px solid #eee;">
                        ✅ A reason for teams to celebrate at YOUR location
                    </li>
                    <li style="padding: 15px 0; font-size: 1.2rem; color: #666;">
                        ✅ Measurable customer acquisition you can track
                    </li>
                </ul>
            </div>
        </div>

    </div>
</section>

<!-- How Partnerships Work - Industry-Specific Use Cases -->
<section class="slide-section" style="background: linear-gradient(135deg, var(--primary-dark), var(--primary-burgundy));">
    <div class="slide-content">
        <h2 style="font-size: 3rem; margin-bottom: 40px; color: #ffffff !important; font-weight: bold; text-align: center;">
            How Partnerships Work (Make it Tangible)
        </h2>
        <p style="font-size: 1.3rem; margin-bottom: 40px; color: #e0e0e0; text-align: center; max-width: 800px; margin-left: auto; margin-right: auto;">
            See exactly how businesses like yours turn soccer partnerships into customer acquisition
        </p>
        
        
        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; max-width: 1200px; margin: 0 auto;">
            <!-- Restaurants & Bars -->
            <div style="background: #f8f9fa; padding: 30px; border-radius: 15px; box-shadow: 0 5px 20px rgba(0,0,0,0.1); border-top: 4px solid #ff6b35;">
                <h3 style="font-size: 1.6rem; margin-bottom: 20px; color: #000000 !important; font-weight: bold;">
                    🍕 For Restaurants & Bars
                </h3>
                <ul style="list-style: none; padding: 0; margin: 0;">
                    <li style="padding: 8px 0; font-size: 1.1rem; color: #666;">• Become the official victory celebration destination</li>
                    <li style="padding: 8px 0; font-size: 1.1rem; color: #666;">• Host exclusive "Team Community Nights"</li>
                    <li style="padding: 8px 0; font-size: 1.1rem; color: #666;">• Frequent supporter visits throughout the season</li>
                    <li style="padding: 8px 0; font-size: 1.1rem; color: #666;">• Featured in every supporter WhatsApp group</li>
                </ul>
            </div>
            
            <!-- Fitness/Wellness -->
            <div style="background: #f8f9fa; padding: 30px; border-radius: 15px; box-shadow: 0 5px 20px rgba(0,0,0,0.1); border-top: 4px solid #4CAF50;">
                <h3 style="font-size: 1.6rem; margin-bottom: 20px; color: #000000 !important; font-weight: bold;">
                    💪 For Fitness/Wellness Businesses
                </h3>
                <ul style="list-style: none; padding: 0; margin: 0;">
                    <li style="padding: 8px 0; font-size: 1.1rem; color: #666;">• Direct access to health-conscious soccer community</li>
                    <li style="padding: 8px 0; font-size: 1.1rem; color: #666;">• Community members see you supporting player development</li>
                    <li style="padding: 8px 0; font-size: 1.1rem; color: #666;">• Exclusive membership offers for supporters</li>
                    <li style="padding: 8px 0; font-size: 1.1rem; color: #666;">• "Official Training Partner" credibility</li>
                </ul>
            </div>
            
            <!-- Retail & Services -->
            <div style="background: #f8f9fa; padding: 30px; border-radius: 15px; box-shadow: 0 5px 20px rgba(0,0,0,0.1); border-top: 4px solid #2196F3;">
                <h3 style="font-size: 1.6rem; margin-bottom: 20px; color: #000000 !important; font-weight: bold;">
                    🛍️ For Retail & Services
                </h3>
                <ul style="list-style: none; padding: 0; margin: 0;">
                    <li style="padding: 8px 0; font-size: 1.1rem; color: #666;">• Player appearances drive foot traffic</li>
                    <li style="padding: 8px 0; font-size: 1.1rem; color: #666;">• Featured on team social media channels</li>
                    <li style="padding: 8px 0; font-size: 1.1rem; color: #666;">• Game day promotional opportunities</li>
                    <li style="padding: 8px 0; font-size: 1.1rem; color: #666;">• Community hero status = customer loyalty</li>
                </ul>
            </div>
            
            <!-- Professional Services -->
            <div style="background: #f8f9fa; padding: 30px; border-radius: 15px; box-shadow: 0 5px 20px rgba(0,0,0,0.1); border-top: 4px solid #9c27b0;">
                <h3 style="font-size: 1.6rem; margin-bottom: 20px; color: #000000 !important; font-weight: bold;">
                    🏢 For Professional Services
                </h3>
                <ul style="list-style: none; padding: 0; margin: 0;">
                    <li style="padding: 8px 0; font-size: 1.1rem; color: #666;">• Exposure to 150+ decision-making supporters</li>
                    <li style="padding: 8px 0; font-size: 1.1rem; color: #666;">• Brand visibility during championship matches</li>
                    <li style="padding: 8px 0; font-size: 1.1rem; color: #666;">• Thought leadership opportunities</li>
                    <li style="padding: 8px 0; font-size: 1.1rem; color: #666;">• B2B referrals from grateful community members</li>
                </ul>
            </div>
        </div>
    </div>
</section>

<!-- Why Partner Slide -->
<section class="slide-section" style="background: var(--bg-secondary);">
    <div class="slide-content">
        <h2 style="font-size: 3rem; margin-bottom: 60px; color: #ffffff !important; font-weight: bold;">Why Partner with Newteam FC</h2>
        
        <div style="max-width: 900px; margin: 0 auto; text-align: left;">
            <ul style="list-style: none; padding: 0; margin: 0;">
                <li style="margin-bottom: 35px; padding: 25px; background: #e8e8e8; border-radius: 15px; box-shadow: 0 5px 15px rgba(0,0,0,0.08);">
                    <h3 style="font-size: 1.6rem; margin-bottom: 15px; color: #001f3f !important; font-weight: bold !important; display: flex; align-items: center;"><span style="margin-right: 15px;">🏆</span> Championship Performance</h3>
                    <p style="font-size: 1.1rem; line-height: 1.6; color: #333333; margin: 0;">Primera Division team in Casa League Boston with 4 trophies in 2 years, including competing at Gillette Stadium. Playing 2 competitive seasons annually in one of Boston's most respected amateur leagues, our consistent success creates passionate fan engagement and community pride that extends to our partners.</p>
                </li>
                
                <li style="margin-bottom: 35px; padding: 25px; background: #e8e8e8; border-radius: 15px; box-shadow: 0 5px 15px rgba(0,0,0,0.08);">
                    <h3 style="font-size: 1.6rem; margin-bottom: 15px; color: #001f3f !important; font-weight: bold !important; display: flex; align-items: center;"><span style="margin-right: 15px;">⚽</span> Professional Pathway Partnership</h3>
                    <p style="font-size: 1.1rem; line-height: 1.6; color: #333333; margin: 0;">Exclusive partnership with Diaza Football - official supplier to 500+ professional clubs worldwide, including USL Championship teams Brooklyn FC, and partners with soccer legends Ronaldinho and Kaká. Through this partnership, we're creating authentic pathways for local players to pursue professional opportunities while providing partners access to a global soccer network.</p>
                </li>
                
                <li style="margin-bottom: 0; padding: 25px; background: #e8e8e8; border-radius: 15px; box-shadow: 0 5px 15px rgba(0,0,0,0.08);">
                    <h3 style="font-size: 1.6rem; margin-bottom: 15px; color: #001f3f !important; font-weight: bold !important; display: flex; align-items: center;"><span style="margin-right: 15px;">🤝</span> Community Connection</h3>
                    <p style="font-size: 1.1rem; line-height: 1.6; color: #333333; margin: 0;">Deep roots in Boston soccer community with 500+ supporters who value businesses supporting local sports. As a <strong>501(c)(3) nonprofit organization</strong> through Casa League Boston, your partnership investment may qualify as a tax-deductible business expense.</p>
                </li>
            </ul>
        </div>
    </div>
</section>

<!-- Community Impact Slide -->
<section class="slide-section" style="background: var(--bg-primary);">
    <div class="slide-content">
        <h2 style="font-size: 3rem; margin-bottom: 60px; color: #ffffff !important; font-weight: bold;">Our Community Impact</h2>
        
        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 50px;">
            <div style="background: var(--bg-secondary); padding: 40px; border-radius: 20px; text-align: left;">
                <h3 style="font-size: 1.6rem; margin-bottom: 20px; color: var(--accent-gold);">Local Business Support</h3>
                <p style="font-size: 1.1rem; line-height: 1.7; color: var(--text-muted);">Our players genuinely choose partner locations for post-game celebrations, team meals, and events like team bowling or community gatherings that bring people closer together. This creates authentic word-of-mouth recommendations that extend far beyond our team to the broader soccer community.</p>
                <div style="background: var(--primary-burgundy); color: var(--text-light); padding: 15px; border-radius: 10px; margin-top: 20px; font-weight: bold;">
                    Authentic Community Relationships
                </div>
            </div>
            
            <div style="background: var(--bg-secondary); padding: 40px; border-radius: 20px; text-align: left;">
                <h3 style="font-size: 1.6rem; margin-bottom: 20px; color: var(--accent-gold);">Tax-Advantaged Partnership</h3>
                <p style="font-size: 1.1rem; line-height: 1.7; color: var(--text-muted);">As a 501(c)(3) nonprofit organization through Casa League Boston, your partnership investment may qualify as a tax-deductible business expense, providing additional financial benefits beyond marketing value.</p>
                <div style="background: var(--primary-burgundy); color: var(--text-light); padding: 15px; border-radius: 10px; margin-top: 20px; font-weight: bold;">
                    Potential Tax Deduction + Marketing ROI
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Professional Soccer Comparison Slide -->
<section class="slide-section" style="background: linear-gradient(135deg, var(--bg-primary), var(--bg-secondary));">
    <div class="slide-content">
        <h2 style="font-size: 3rem; margin-bottom: 40px; color: #ffffff !important; font-weight: bold;">Partnership Value vs. Professional Teams*</h2>
        
        <div class="pricing-container">
            <div class="pricing-card">
                <h3 style="color: #000000 !important; font-weight: bold !important;">MLS Team Partnerships</h3>
                <div class="price-number">$935,000+</div>
                <div class="price-subtitle">per season</div>
            </div>
            
            <div class="pricing-card">
                <h3 style="color: #000000 !important; font-weight: bold !important;">USL Championship</h3>
                <div class="price-number" style="font-size: 2rem;">$15,000-$75,000+</div>
                <div class="price-subtitle">per season</div>
            </div>
            
            <div class="pricing-card pricing-card-featured">
                <h3>Newteam FC</h3>
                <div class="price-number">$1,000-$3,500</div>
                <div class="price-subtitle">per season</div>
                <div class="pricing-description">Professional infrastructure at community pricing</div>
            </div>
        </div>
        
        <div style="background: var(--bg-secondary); padding: 40px; border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.3); text-align: left; border: 1px solid var(--bg-accent);">
            <h3 style="color: var(--text-light); margin-bottom: 25px; font-size: 1.8rem; text-align: center;">What Makes Us Different</h3>
            <div style="max-width: 800px; margin: 0 auto;">
                <p style="font-size: 1.1rem; line-height: 1.7; color: var(--text-muted); margin-bottom: 20px;">
                    <strong>Professional Infrastructure at Community Pricing:</strong> Access to professional soccer networks through Diaza Football (same supplier as USL Championship teams Brooklyn FC), combined with authentic community connections and championship-level performance.
                </p>
                <p style="font-size: 1.1rem; line-height: 1.7; color: var(--text-muted); margin-bottom: 20px;">
                    <strong>Measurable Community Impact:</strong> Unlike traditional sponsorships that focus on vague "awareness," our partnerships deliver trackable customer acquisition through authentic team relationships with local businesses.
                </p>
                <p style="font-size: 1.1rem; line-height: 1.7; color: var(--text-muted); margin-bottom: 20px;">
                    <strong>Tax-Advantaged Investment:</strong> As a 501(c)(3) nonprofit organization, your partnership investment may qualify as a tax-deductible business expense, providing dual value as both marketing spend and charitable contribution.
                </p>
                <p style="font-size: 1.1rem; line-height: 1.7; color: var(--text-muted); margin-bottom: 20px;">
                    <strong>Professional Pathway Credibility:</strong> Our partnership with global soccer network through Diaza Football provides authentic connections to professional soccer pathways, elevating your brand association beyond typical amateur sports sponsorships.
                </p>
                <p style="font-size: 1.1rem; line-height: 1.7; color: var(--text-muted); margin-bottom: 20px;">
                    <strong>Year-Round Engagement:</strong> Two competitive seasons annually means double the exposure and community touchpoints compared to single-season sports, maximizing your partnership ROI throughout the year.
                </p>
                <p style="font-size: 1.1rem; line-height: 1.7; color: var(--text-muted);">
                    <strong>Authentic Local Connection:</strong> Players and supporters genuinely choose partner businesses for post-game celebrations, team meals, and community events, creating organic word-of-mouth marketing that extends far beyond our immediate soccer community to the broader Boston area.
                </p>
            </div>
        </div>
    </div>
</section>

<!-- ROI Slide -->
<section class="slide-section" style="background: linear-gradient(135deg, var(--primary-dark), var(--primary-burgundy));">
    <div class="slide-content">
        <h2 style="font-size: 3rem; margin-bottom: 20px; color: #ffffff !important; font-weight: bold;">Partnership ROI & Measurement</h2>
        <h3 style="font-size: 1.8rem; margin-bottom: 60px; color: #ffd700 !important; font-weight: bold;">
            Stop Guessing. Start Tracking.
        </h3>
        <p style="font-size: 1.3rem; margin-bottom: 40px; color: #e0e0e0; max-width: 800px; margin-left: auto; margin-right: auto;">
            Real community connection with trackable business results, not just vague "awareness" metrics.
        </p>
        
        
        <!-- What You Can Measure -->
        <div style="background: #e8e8e8; padding: 40px; border-radius: 20px; margin-bottom: 40px;">
            <h3 style="color: #333333 !important; margin-bottom: 25px; font-size: 1.6rem; font-weight: bold;">
                ✅ What You Can Measure:
            </h3>
            <ul style="list-style: none; padding: 0; margin: 0; max-width: 800px; margin-left: auto; margin-right: auto;">
                <li style="padding: 12px 0; color: #333333; font-size: 1.1rem; border-bottom: 1px solid #eee;">
                    <strong>✓ Exclusive promo codes</strong> track every visit
                </li>
                <li style="padding: 12px 0; color: #333333; font-size: 1.1rem; border-bottom: 1px solid #eee;">
                    <strong>✓ Monthly reports</strong> on social engagement
                </li>
                <li style="padding: 12px 0; color: #333333; font-size: 1.1rem; border-bottom: 1px solid #eee;">
                    <strong>✓ Website traffic</strong> from our community portal
                </li>
                <li style="padding: 12px 0; color: #333333; font-size: 1.1rem; border-bottom: 1px solid #eee;">
                    <strong>✓ Event attendance</strong> and conversion rates
                </li>
                <li style="padding: 12px 0; color: #333333; font-size: 1.1rem;">
                    <strong>✓ Merchandise sales</strong> with your co-branded items
                </li>
            </ul>
        </div>

        <!-- Partnership Benefits in Action -->
        <div style="background: #e8e8e8; padding: 40px; border-radius: 20px; margin-bottom: 40px;">
            <h3 style="color: #333333 !important; margin-bottom: 25px; font-size: 1.6rem; font-weight: bold;">
                🎯 Partnership Benefits in Action:
            </h3>
            <ul style="list-style: none; padding: 0; margin: 0; max-width: 800px; margin-left: auto; margin-right: auto;">
                <li style="padding: 12px 0; color: #333333; font-size: 1.1rem; border-bottom: 1px solid #eee;">
                    <strong>✓</strong> Your logo on professional Diaza merchandise worn around Boston
                </li>
                <li style="padding: 12px 0; color: #333333; font-size: 1.1rem; border-bottom: 1px solid #eee;">
                    <strong>✓</strong> Direct access to 150+ engaged supporters
                </li>
                <li style="padding: 12px 0; color: #333333; font-size: 1.1rem; border-bottom: 1px solid #eee;">
                    <strong>✓</strong> Multiple team visits throughout each 6-month season
                </li>
                <li style="padding: 12px 0; color: #333333; font-size: 1.1rem;">
                    <strong>✓</strong> Authentic word-of-mouth marketing that money can't buy
                </li>
            </ul>
        </div>
        
        <!-- Community Engagement List -->
        <div style="background: #e8e8e8; padding: 40px; border-radius: 20px; margin-bottom: 40px;">
            <h3 style="color: #333333 !important; margin-bottom: 25px; font-size: 1.6rem; font-weight: bold;">📈 Community Engagement</h3>
            <ul style="list-style: none; padding: 0; margin: 0; max-width: 800px; margin-left: auto; margin-right: auto;">
                <li style="padding: 12px 0; color: #333333; font-size: 1.1rem; border-bottom: 1px solid #eee;">
                    <strong>✓</strong> 150+ local soccer supporters who actively support our partners
                </li>
                <li style="padding: 12px 0; color: #333333; font-size: 1.1rem; border-bottom: 1px solid #eee;">
                    <strong>✓</strong> 64.5% audience aged 18-34 (prime spending group)
                </li>
                <li style="padding: 12px 0; color: #333333; font-size: 1.1rem; border-bottom: 1px solid #eee;">
                    <strong>✓</strong> Authentic team visits creating genuine customer relationships
                </li>
                <li style="padding: 12px 0; color: #333333; font-size: 1.1rem; border-bottom: 1px solid #eee;">
                    <strong>✓</strong> Community event hosting opportunities
                </li>
                <li style="padding: 12px 0; color: #333333; font-size: 1.1rem;">
                    <strong>✓</strong> Professional network access through Diaza Football's global connections
                </li>
            </ul>
        </div>
        
        <!-- Guaranteed Exposure List -->
        <div style="background: #e8e8e8; padding: 40px; border-radius: 20px; margin-bottom: 40px;">
            <h3 style="color: #333333 !important; margin-bottom: 25px; font-size: 1.6rem; font-weight: bold;">🎯 Guaranteed Exposure</h3>
            <ul style="list-style: none; padding: 0; margin: 0; max-width: 800px; margin-left: auto; margin-right: auto;">
                <li style="padding: 12px 0; color: #333333; font-size: 1.1rem; border-bottom: 1px solid #eee;">
                    <strong>✓</strong> 10,000+ monthly Instagram views featuring your business
                </li>
                <li style="padding: 12px 0; color: #333333; font-size: 1.1rem; border-bottom: 1px solid #eee;">
                    <strong>✓</strong> Professional social media content showcasing real partnerships
                </li>
                <li style="padding: 12px 0; color: #333333; font-size: 1.1rem; border-bottom: 1px solid #eee;">
                    <strong>✓</strong> Website integration with traffic analytics
                </li>
                <li style="padding: 12px 0; color: #333333; font-size: 1.1rem; border-bottom: 1px solid #eee;">
                    <strong>✓</strong> High-quality photos from actual community events
                </li>
                <li style="padding: 12px 0; color: #333333; font-size: 1.1rem;">
                    <strong>✓</strong> Co-branded merchandise opportunities in our Diaza online store
                </li>
            </ul>
        </div>
    </div>
</section>

<!-- Partnership Tiers Slide -->
<section class="slide-section" style="background: #f0f0f0;">
    <div class="slide-content">
        <h2 style="font-size: 3rem; margin-bottom: 40px; color: #000000 !important;">Investment Options (Simple & Clear)</h2>
        <h3 style="font-size: 1.5rem; margin-bottom: 60px; color: #666; font-weight: normal;">
            Choose Your Partnership Level:
        </h3>
        
        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; max-width: 1200px; margin: 0 auto;">
            <!-- Community Partner -->
            <div class="tier-card" style="background: linear-gradient(135deg, #e3f2fd, #bbdefb);">
                <h3 style="font-size: 1.8rem; margin-bottom: 10px; color: #000000 !important; font-weight: bold;">Community Partner</h3>
                <div style="color: #666; font-size: 1rem; margin-bottom: 20px;">Perfect for: Building community connections</div>
                <div style="font-size: 3rem; font-weight: bold; color: #004d98; margin-bottom: 10px;">$1,000<span style="font-size: 1rem; color: #666;">/season</span></div>
                <div style="color: #666; font-size: 1rem; margin-bottom: 30px;">($167/month for 6 months)</div>
                
                <ul style="list-style: none; padding: 0; text-align: left; margin-bottom: 30px;">
                    <li style="padding: 10px 0; color: #000000; border-bottom: 1px solid #f0f0f0;">✓ Social media features (4 posts/month)</li>
                    <li style="padding: 10px 0; color: #000000; border-bottom: 1px solid #f0f0f0;">✓ Team visit to your business</li>
                    <li style="padding: 10px 0; color: #000000; border-bottom: 1px solid #f0f0f0;">✓ Partnership page listing</li>
                    <li style="padding: 10px 0; color: #000000;">✓ Monthly analytics reports</li>
                </ul>
                
                <button style="width: 100%; background: #f0f0f0; color: #666; padding: 15px; border: none; border-radius: 10px; font-size: 1.1rem; cursor: pointer;">
                    Perfect for Small Businesses
                </button>
            </div>
            
            <!-- Jersey Partner - MOST POPULAR -->
            <div class="tier-card tier-featured" style="background: linear-gradient(135deg, #fff3e0, #ffcc80);">
                <h3 style="font-size: 1.8rem; margin-bottom: 10px; color: #000000 !important; font-weight: bold;">Jersey Partner ⭐</h3>
                <div style="color: #666; font-size: 1rem; margin-bottom: 20px;">Perfect for: Serious customer acquisition</div>
                <div style="font-size: 3rem; font-weight: bold; color: #004d98; margin-bottom: 10px;">$2,000<span style="font-size: 1rem; color: #666;">/season</span></div>
                <div style="color: #666; font-size: 1rem; margin-bottom: 30px;">($333/month for 6 months)</div>
                
                <ul style="list-style: none; padding: 0; text-align: left; margin-bottom: 30px;">
                    <li style="padding: 10px 0; color: #000000; border-bottom: 1px solid #f0f0f0;">✓ Everything in Community PLUS:</li>
                    <li style="padding: 10px 0; color: #000000; border-bottom: 1px solid #f0f0f0;">✓ Logo on team jerseys</li>
                    <li style="padding: 10px 0; color: #000000; border-bottom: 1px solid #f0f0f0;">✓ Match day features (4x per season)</li>
                    <li style="padding: 10px 0; color: #000000; border-bottom: 1px solid #f0f0f0;">✓ Priority for victory celebrations</li>
                    <li style="padding: 10px 0; color: #000000;">✓ Custom promo code tracking</li>
                </ul>
                
                <button style="width: 100%; background: linear-gradient(135deg, #004d98, #1a73e8); color: white; padding: 15px; border: none; border-radius: 10px; font-size: 1.1rem; cursor: pointer;">
                    Best Value Partnership
                </button>
            </div>
            
            <!-- Title Partner -->
            <div class="tier-card" style="background: linear-gradient(135deg, #f3e5f5, #ce93d8);">
                <h3 style="font-size: 1.8rem; margin-bottom: 10px; color: #000000 !important; font-weight: bold;">Title Partner</h3>
                <div style="color: #666; font-size: 1rem; margin-bottom: 20px;">Perfect for: Market domination</div>
                <div style="font-size: 3rem; font-weight: bold; color: #004d98; margin-bottom: 10px;">$3,500<span style="font-size: 1rem; color: #666;">/season</span></div>
                <div style="color: #666; font-size: 1rem; margin-bottom: 30px;">($583/month for 6 months)</div>
                
                <ul style="list-style: none; padding: 0; text-align: left; margin-bottom: 30px;">
                    <li style="padding: 10px 0; color: #000000; border-bottom: 1px solid #f0f0f0;">✓ "YOUR BUSINESS presents Newteam FC"</li>
                    <li style="padding: 10px 0; color: #000000; border-bottom: 1px solid #f0f0f0;">✓ Premium jersey placement (chest or back)</li>
                    <li style="padding: 10px 0; color: #000000; border-bottom: 1px solid #f0f0f0;">✓ Exclusive category rights</li>
                    <li style="padding: 10px 0; color: #000000; border-bottom: 1px solid #f0f0f0;">✓ Player appearances on demand</li>
                    <li style="padding: 10px 0; color: #000000;">✓ Co-branded merchandise opportunities</li>
                </ul>
                
                <button style="width: 100%; background: #f0f0f0; color: #666; padding: 15px; border: none; border-radius: 10px; font-size: 1.1rem; cursor: pointer;">
                    Maximum Community Visibility
                </button>
            </div>
        </div>
        
        <!-- Custom Partnership & Tax Benefits -->
        <div style="margin-top: 40px; padding: 30px; background: #f8f9fa; border-radius: 15px; text-align: center;">
            <p style="color: #000000; margin-bottom: 20px; font-size: 1.2rem; font-weight: bold;">
                Looking for a custom partnership tailored to your business needs? Contact us to craft a bespoke sponsorship package starting at $500.
            </p>
            <p style="color: #000000; margin-bottom: 20px; font-size: 1.2rem; font-style: italic;">
                *All partnerships include tax-deductible receipt through our League's 501(c)(3) status*
            </p>
            <h4 style="color: #000000; margin-bottom: 20px; font-size: 1.3rem;">Season Schedule:</h4>
            <div style="display: flex; justify-content: center; gap: 40px; flex-wrap: wrap;">
                <div style="padding: 15px; background: #e8e8e8; border-radius: 10px; border-left: 4px solid #4CAF50; color: #333333;">
                    <strong style="color: #333333;">Fall Season:</strong> August - December
                </div>
                <div style="padding: 15px; background: #e8e8e8; border-radius: 10px; border-left: 4px solid #2196F3; color: #333333;">
                    <strong style="color: #333333;">Spring Season:</strong> February - June
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Limited Partnership Availability Section -->
<section class="slide-section" style="background: linear-gradient(135deg, var(--primary-dark), var(--primary-burgundy));">
    <div class="slide-content">
        <h2 style="font-size: 3rem; margin-bottom: 40px; color: #ffffff !important; font-weight: bold;">Limited Partnership Availability</h2>
        
        <div style="background: #ff4444; color: white; padding: 30px; border-radius: 20px; margin-bottom: 40px; text-align: center;">
            <h3 style="font-size: 2.2rem; margin-bottom: 20px; color: white;">
                ⏰ Season Starts in 5 Weeks - August 23rd, 2025
            </h3>
            <p style="font-size: 1.3rem; margin: 0; opacity: 0.9;">
                Don't miss your chance to be part of Boston's premier soccer community
            </p>
        </div>
        
        <div style="display: flex; justify-content: center; margin-bottom: 40px;">
            <!-- Current Availability - Centered -->
            <div style="background: #e8e8e8; padding: 40px; border-radius: 15px; box-shadow: 0 5px 20px rgba(0,0,0,0.1); max-width: 500px;">
                <h3 style="color: #000000; margin-bottom: 30px; font-size: 1.8rem; font-weight: bold; text-align: center;">
                    Current Availability:
                </h3>
                <ul style="list-style: none; padding: 0; margin: 0;">
                    <li style="padding: 15px 0; color: #4CAF50; font-size: 1.2rem; border-bottom: 1px solid #ddd; text-align: center;">
                        Community Partners: <strong>4 spots left</strong>
                    </li>
                    <li style="padding: 15px 0; color: #ff9800; font-size: 1.2rem; border-bottom: 1px solid #ddd; text-align: center;">
                        Jersey Partners: <strong>2 spots left</strong>
                    </li>
                    <li style="padding: 15px 0; color: #ff4444; font-size: 1.2rem; text-align: center;">
                        Title Partner: <strong>1 spot available</strong>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</section>

<!-- FAQ Section -->
<section class="slide-section" style="background: linear-gradient(135deg, var(--primary-dark), var(--primary-burgundy));">
    <div class="slide-content">
        <h2 style="font-size: 3rem; margin-bottom: 60px; color: #ffffff !important; font-weight: bold;">FAQ for Business Owners</h2>
        
        <div style="max-width: 900px; margin: 0 auto;">
            <div style="background: #e8e8e8; padding: 30px; border-radius: 15px; box-shadow: 0 5px 20px rgba(0,0,0,0.08); margin-bottom: 25px;">
                <h3 style="color: #000000 !important; margin-bottom: 15px; font-size: 1.4rem; font-weight: bold;">
                    "We're not a sports bar. Will this work for us?"
                </h3>
                <p style="color: #666; font-size: 1.1rem; line-height: 1.6; margin: 0;">
                    Our community includes supporters who need all types of services - from dentists to auto shops to tutoring centers. If community members use your service, this partnership makes sense. We've successfully worked with restaurants, fitness centers, retail stores, and professional services.
                </p>
            </div>
            
            <div style="background: #e8e8e8; padding: 30px; border-radius: 15px; box-shadow: 0 5px 20px rgba(0,0,0,0.08); margin-bottom: 25px;">
                <h3 style="color: #000000 !important; margin-bottom: 15px; font-size: 1.4rem; font-weight: bold;">
                    "How do we know supporters will actually come?"
                </h3>
                <p style="color: #666; font-size: 1.1rem; line-height: 1.6; margin: 0;">
                    We provide tracking codes and actively promote partner visits. Our players genuinely choose partner locations for post-game celebrations and team events. Plus, we only renew partnerships that see results - it's in our interest to make this work for you.
                </p>
            </div>
            
            <div style="background: #e8e8e8; padding: 30px; border-radius: 15px; box-shadow: 0 5px 20px rgba(0,0,0,0.08); margin-bottom: 25px;">
                <h3 style="color: #000000 !important; margin-bottom: 15px; font-size: 1.4rem; font-weight: bold;">
                    "What if we're not in Boston proper?"
                </h3>
                <p style="color: #666; font-size: 1.1rem; line-height: 1.6; margin: 0;">
                    Our supporters come from 20+ surrounding towns including Cambridge, Somerville, Brookline, and beyond. If you're within 30 minutes of Boston, you're in our zone. Many suburban businesses actually see better results because there's less competition for attention.
                </p>
            </div>
            
            <div style="background: #e8e8e8; padding: 30px; border-radius: 15px; box-shadow: 0 5px 20px rgba(0,0,0,0.08);">
                <h3 style="color: #000000 !important; margin-bottom: 15px; font-size: 1.4rem; font-weight: bold;">
                    "Can we try it for just one event first?"
                </h3>
                <p style="color: #666; font-size: 1.1rem; line-height: 1.6; margin: 0;">
                    Yes! Contact us about single-event partnerships to test the waters. We can arrange a team visit to your business or sponsor a specific game day to see how the community responds before committing to a full season.
                </p>
            </div>
        </div>
    </div>
</section>

<!-- Contact Slide -->
<section id="contact" class="slide-section" style="background: linear-gradient(135deg, var(--primary-dark), var(--primary-burgundy)); color: var(--text-light);">
    <div class="slide-content">
        <h2 style="font-size: 3rem; margin-bottom: 40px; color: #ffffff !important; font-weight: bold;">Ready to Partner with Us?</h2>
        <p style="font-size: 1.3rem; margin-bottom: 50px; max-width: 700px; margin-left: auto; margin-right: auto;">
            Contact us to discuss how we can create a customized partnership that delivers real results for your business.
        </p>
        
        <div style="background: rgba(0,0,0,0.3); padding: 50px; border-radius: 20px; backdrop-filter: blur(10px); max-width: 600px; margin: 0 auto; border: 1px solid var(--bg-accent);">
            <form id="partnership-form" class="contact-form">
                <?php wp_nonce_field('sponsorship_form_nonce', 'sponsorship_nonce'); ?>
                
                <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px;">
                    <input type="text" name="company_name" placeholder="Business Name *" required 
                           style="padding: 15px; border: 1px solid var(--bg-accent); border-radius: 10px; font-size: 1rem; background: var(--bg-secondary); color: var(--text-light);">
                    <input type="text" name="contact_name" placeholder="Your Name *" required 
                           style="padding: 15px; border: 1px solid var(--bg-accent); border-radius: 10px; font-size: 1rem; background: var(--bg-secondary); color: var(--text-light);">
                </div>
                
                <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px;">
                    <input type="email" name="email" placeholder="Email Address *" required 
                           style="padding: 15px; border: 1px solid var(--bg-accent); border-radius: 10px; font-size: 1rem; background: var(--bg-secondary); color: var(--text-light);">
                    <input type="tel" name="phone" placeholder="Phone Number" 
                           style="padding: 15px; border: 1px solid var(--bg-accent); border-radius: 10px; font-size: 1rem; background: var(--bg-secondary); color: var(--text-light);">
                </div>
                
                <select name="sponsorship_interest" required 
                        style="width: 100%; padding: 15px; border: 1px solid var(--bg-accent); border-radius: 10px; font-size: 1rem; margin-bottom: 20px; background: var(--bg-secondary); color: var(--text-light);">
                    <option value="">Select Partnership Interest *</option>
                    <option value="base_partnership">Base Partnership ($1,500/season)</option>
                    <option value="match_day_digital">Match Day & Digital Partner ($2,500/season)</option>
                    <option value="jersey_partner">Jersey Partner ($4,200/season)</option>
                    <option value="custom_package">Custom Partnership Package</option>
                    <option value="consultation">Partnership Consultation Call</option>
                </select>
                
                <textarea name="message" rows="4" placeholder="Tell us about your business goals and how we can help grow your customer base..."
                          style="width: 100%; padding: 15px; border: 1px solid var(--bg-accent); border-radius: 10px; font-size: 1rem; resize: vertical; margin-bottom: 20px; background: var(--bg-secondary); color: var(--text-light);"></textarea>
                

                
                <button type="submit" 
                        style="width: 100%; background: linear-gradient(45deg, var(--primary-burgundy), var(--primary-dark)); color: var(--text-light); padding: 18px; border: 2px solid var(--accent-gold); border-radius: 10px; font-size: 1.2rem; font-weight: bold; cursor: pointer; transition: all 0.3s;"
                        onmouseover="this.style.background='var(--accent-gold)'; this.style.color='var(--primary-dark)'"
                        onmouseout="this.style.background='linear-gradient(45deg, var(--primary-burgundy), var(--primary-dark))'; this.style.color='var(--text-light)'">
                    Start Your Partnership Journey
                </button>
            </form>
            
            <div id="form-message" style="margin-top: 20px; text-align: center;"></div>
            
        </div>
    </div>
</section>

<script>
// Handle partnership form submission
document.getElementById('partnership-form').addEventListener('submit', function(e) {
    e.preventDefault();
    
    const formData = new FormData(this);
    formData.append('action', 'process_sponsorship_inquiry');
    
    // Show loading state
    const submitButton = this.querySelector('button[type="submit"]');
    const originalText = submitButton.textContent;
    submitButton.textContent = 'Sending Partnership Inquiry...';
    submitButton.disabled = true;
    submitButton.style.opacity = '0.7';
    
    fetch('<?php echo admin_url('admin-ajax.php'); ?>', {
        method: 'POST',
        body: formData
    })
    .then(response => response.json())
    .then(data => {
        const messageDiv = document.getElementById('form-message');
        if (data.success) {
            messageDiv.innerHTML = '<div style="color: #4CAF50; background: rgba(76,175,80,0.1); padding: 15px; border-radius: 10px; border: 1px solid rgba(76,175,80,0.3);">' + data.message + '</div>';
            document.getElementById('partnership-form').reset();
        } else {
            messageDiv.innerHTML = '<div style="color: #ff6b6b; background: rgba(255,107,107,0.1); padding: 15px; border-radius: 10px; border: 1px solid rgba(255,107,107,0.3);">' + data.message + '</div>';
        }
        
        // Reset button
        submitButton.textContent = originalText;
        submitButton.disabled = false;
        submitButton.style.opacity = '1';
    })
    .catch(error => {
        console.error('Partnership inquiry error:', error);
        document.getElementById('form-message').innerHTML = '<div style="color: #ff6b6b; background: rgba(255,107,107,0.1); padding: 15px; border-radius: 10px; border: 1px solid rgba(255,107,107,0.3);">Sorry, there was an error. Please email us directly at goal@newteamfc.com</div>';
        
        // Reset button
        submitButton.textContent = originalText;
        submitButton.disabled = false;
        submitButton.style.opacity = '1';
    });
});

// Smooth scrolling for internal links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
    anchor.addEventListener('click', function (e) {
        e.preventDefault();
        document.querySelector(this.getAttribute('href')).scrollIntoView({
            behavior: 'smooth'
        });
    });
});
</script>

<?php get_footer(); ?>