123 lines
7.0 KiB
PHP
123 lines
7.0 KiB
PHP
<?php require_once 'includes/header.php'; ?>
|
|
|
|
<!-- Hero Section -->
|
|
<section id="home" class="hero-section">
|
|
<div class="container">
|
|
<h1>Connect Your World</h1>
|
|
<p class="lead">Reliable, fast, and seamless communication solutions for everyone.</p>
|
|
<a href="#plans" class="btn btn-primary">See Our Plans</a>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Customer Segments Section -->
|
|
<section id="business" class="section bg-light">
|
|
<div class="container">
|
|
<h2 class="section-title">Built for Everyone</h2>
|
|
<div class="row g-4">
|
|
<!-- Residential -->
|
|
<div class="col-lg-4 d-flex align-items-stretch">
|
|
<div class="card segment-card text-center">
|
|
<div class="card-body">
|
|
<i class="bi bi-house-heart-fill fs-1 text-primary mb-3"></i>
|
|
<h3 class="card-title">Residential</h3>
|
|
<p class="card-text">High-speed internet and streaming for your home. Enjoy uninterrupted connectivity for work, school, and entertainment.</p>
|
|
<a href="#" class="btn btn-outline-primary mt-auto">Learn More</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Small Business -->
|
|
<div class="col-lg-4 d-flex align-items-stretch">
|
|
<div class="card segment-card text-center">
|
|
<div class="card-body">
|
|
<i class="bi bi-briefcase-fill fs-1 text-primary mb-3"></i>
|
|
<h3 class="card-title">Small Business</h3>
|
|
<p class="card-text">Affordable and scalable solutions to power your business growth. Keep your team connected and productive.</p>
|
|
<a href="#" class="btn btn-outline-primary mt-auto">Discover Solutions</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Enterprise -->
|
|
<div class="col-lg-4 d-flex align-items-stretch">
|
|
<div class="card segment-card text-center">
|
|
<div class="card-body">
|
|
<i class="bi bi-building-fill fs-1 text-primary mb-3"></i>
|
|
<h3 class="card-title">Enterprise</h3>
|
|
<p class="card-text">Dedicated fiber, cloud services, and robust infrastructure for large-scale operations. Mission-critical reliability.</p>
|
|
<a href="#" class="btn btn-outline-primary mt-auto">Explore Services</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Plans Section -->
|
|
<section id="plans" class="section">
|
|
<div class="container">
|
|
<h2 class="section-title">Our Plans</h2>
|
|
<div class="row justify-content-center g-4">
|
|
<!-- Basic Plan -->
|
|
<div class="col-lg-4">
|
|
<div class="card pricing-card h-100">
|
|
<div class="card-header text-center">
|
|
<h3>Starter</h3>
|
|
</div>
|
|
<div class="card-body text-center">
|
|
<p class="price">$29.99<span class="period">/mo</span></p>
|
|
<ul class="list-unstyled">
|
|
<li><i class="bi bi-check-circle-fill text-primary"></i> 100 Mbps Download</li>
|
|
<li><i class="bi bi-check-circle-fill text-primary"></i> Unlimited Data</li>
|
|
<li><i class="bi bi-x-circle"></i> HD Streaming</li>
|
|
<li><i class="bi bi-x-circle"></i> 24/7 Priority Support</li>
|
|
</ul>
|
|
</div>
|
|
<div class="card-footer text-center">
|
|
<a href="#" class="btn btn-outline-primary">Sign Up</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Pro Plan (Featured) -->
|
|
<div class="col-lg-4">
|
|
<div class="card pricing-card featured h-100">
|
|
<div class="card-header text-center">
|
|
<h3>Pro Fiber</h3>
|
|
</div>
|
|
<div class="card-body text-center">
|
|
<p class="price">$59.99<span class="period">/mo</span></p>
|
|
<ul class="list-unstyled">
|
|
<li><i class="bi bi-check-circle-fill text-primary"></i> 1 Gbps Symmetric</li>
|
|
<li><i class="bi bi-check-circle-fill text-primary"></i> Unlimited Data</li>
|
|
<li><i class="bi bi-check-circle-fill text-primary"></i> 4K Streaming</li>
|
|
<li><i class="bi bi-check-circle-fill text-primary"></i> 24/7 Priority Support</li>
|
|
</ul>
|
|
</div>
|
|
<div class="card-footer text-center">
|
|
<a href="#" class="btn btn-primary">Sign Up</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Business Plan -->
|
|
<div class="col-lg-4">
|
|
<div class="card pricing-card h-100">
|
|
<div class="card-header text-center">
|
|
<h3>Business Ultimate</h3>
|
|
</div>
|
|
<div class="card-body text-center">
|
|
<p class="price">$99.99<span class="period">/mo</span></p>
|
|
<ul class="list-unstyled">
|
|
<li><i class="bi bi-check-circle-fill text-primary"></i> 2 Gbps Symmetric</li>
|
|
<li><i class="bi bi-check-circle-fill text-primary"></i> Unlimited Data</li>
|
|
<li><i class="bi bi-check-circle-fill text-primary"></i> Dedicated Account Rep</li>
|
|
<li><i class="bi bi-check-circle-fill text-primary"></i> SLA Guarantee</li>
|
|
</ul>
|
|
</div>
|
|
<div class="card-footer text-center">
|
|
<a href="#" class="btn btn-outline-primary">Sign Up</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<?php require_once 'includes/footer.php'; ?>
|