mvp-showcase-section.html

<!-- MVP Showcase Section -->
<section id="mvp-showcase" class="section-dark">
    <div class="container">
        <div class="section-header">
            <h2>MVP Showcase</h2>
            <div class="section-line"></div>
        </div>
        
        <div class="showcase-intro">
            <p class="highlight-text">Experience the future of electric vehicle infrastructure through our interactive demonstrations of The Link ecosystem components.</p>
        </div>
        
        <div class="showcase-grid">
            <div class="showcase-card">
                <div class="card-icon"><i class="fas fa-mobile-alt"></i></div>
                <h3>Mobile Application</h3>
                <p>Reserve vehicles, manage your subscription, and find charging stations with our intuitive mobile interface.</p>
                <div class="card-actions">
                    <a href="mvp/mobile-app.html" class="btn secondary-btn">Explore Demo</a>
                </div>
            </div>
            
            <div class="showcase-card">
                <div class="card-icon"><i class="fas fa-charging-station"></i></div>
                <h3>Charging Hub Interface</h3>
                <p>Interact with The Link charging stations, monitor availability, and experience our premium amenities.</p>
                <div class="card-actions">
                    <a href="mvp/charging-hub.html" class="btn secondary-btn">Explore Demo</a>
                </div>
            </div>
            
            <div class="showcase-card">
                <div class="card-icon"><i class="fas fa-solar-panel"></i></div>
                <h3>Energy Simulation</h3>
                <p>Visualize how our integrated solar and battery systems optimize energy flow and reduce emissions.</p>
                <div class="card-actions">
                    <a href="mvp/energy-simulation.html" class="btn secondary-btn">Explore Demo</a>
                </div>
            </div>
            
            <div class="showcase-card">
                <div class="card-icon"><i class="fas fa-map-marked-alt"></i></div>
                <h3>Deployment Map</h3>
                <p>Explore our phased deployment plan across Illinois with demographic and EV adoption overlays.</p>
                <div class="card-actions">
                    <a href="mvp/deployment-map.html" class="btn secondary-btn">Explore Demo</a>
                </div>
            </div>
            
            <div class="showcase-card">
                <div class="card-icon"><i class="fas fa-id-card"></i></div>
                <h3>Subscription Portal</h3>
                <p>Compare subscription tiers, manage your account, and track usage through our customer portal.</p>
                <div class="card-actions">
                    <a href="mvp/subscription-portal.html" class="btn secondary-btn">Explore Demo</a>
                </div>
            </div>
            
            <div class="showcase-card">
                <div class="card-icon"><i class="fas fa-link"></i></div>
                <h3>ChainLink Tokenization</h3>
                <p>Discover how our tokenization model creates community ownership and sustainable funding.</p>
                <div class="card-actions">
                    <a href="mvp/chainlink-demo.html" class="btn secondary-btn">Explore Demo</a>
                </div>
            </div>
        </div>
    </div>
</section>