deepvision_builderOS / index.html
lattmamb's picture
Upload 17 files
d1b7c84 verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Unity Fleet - The Link EV Charging Network</title>
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@300;400;500;600;700&display=swap" rel="stylesheet">
</head>
<body>
<div class="noise-overlay"></div>
<header>
<nav>
<div class="logo">UNITY FLEET</div>
<div class="nav-links">
<a href="#what-is-the-link">What is The Link</a>
<a href="#subscription-tiers">Subscription Tiers</a>
<a href="#impact-equity">Impact & Equity</a>
<a href="#tokenization">ChainLink Tokenization</a>
<a href="#rural-plan">Rural Revitalization</a>
<a href="#mvp-showcase">MVP Showcase</a>
</div>
</nav>
<div class="hero">
<div class="hero-content">
<h1 class="glitch-text">UNITY FLEET</h1>
<h2>The Link EV Charging Network</h2>
<p>Revolutionizing electric vehicle infrastructure across Illinois</p>
<div class="cta-buttons">
<a href="#project-overview" class="btn primary-btn">Explore The Project</a>
<a href="#grant-proposal" class="btn secondary-btn">View Grant Proposal</a>
</div>
</div>
<div class="hero-image-container">
<div class="hero-image" style="background-image: url('DA9BA4EE-1541-40D5-BD7B-F3D9227808D1.png');"></div>
</div>
</div>
</header>
<section id="what-is-the-link" class="section-dark">
<div class="container">
<div class="section-header">
<h2>What is The Link?</h2>
<div class="section-line"></div>
</div>
<div class="content-grid">
<div class="text-content">
<p class="highlight-text">A revolutionary approach to EV charging infrastructure, reimagining charging stations as destination hubs that combine fast-charging capabilities with amenity-rich environments.</p>
<div class="feature-list">
<div class="feature-item">
<div class="feature-icon"><i class="fas fa-bolt"></i></div>
<div class="feature-text">
<h3>Advanced Charging</h3>
<p>Multiple DC Fast Charging ports with 150kW capability and future-ready design for heavy-duty vehicles</p>
</div>
</div>
<div class="feature-item">
<div class="feature-icon"><i class="fas fa-solar-panel"></i></div>
<div class="feature-text">
<h3>Solar Integration</h3>
<p>On-site solar generation with battery storage for truly emissions-free charging</p>
</div>
</div>
<div class="feature-item">
<div class="feature-icon"><i class="fas fa-coffee"></i></div>
<div class="feature-text">
<h3>Premium Amenities</h3>
<p>Elevated lounge areas with refreshments, Wi-Fi, and productivity spaces</p>
</div>
</div>
<div class="feature-item">
<div class="feature-icon"><i class="fas fa-mobile-alt"></i></div>
<div class="feature-text">
<h3>Smart Technology</h3>
<p>AI-powered management systems and seamless mobile app integration</p>
</div>
</div>
</div>
</div>
<div class="image-content">
<div class="image-card">
<img src="4A717E73-3287-4051-AE08-44EB1DD21F7F.png" alt="The Link Charging Hub">
<div class="image-overlay">
<span>The Link Charging Hub</span>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="subscription-tiers" class="section-gradient">
<div class="container">
<div class="section-header">
<h2>Unity Fleet Subscription Tiers</h2>
<div class="section-line"></div>
</div>
<div class="subscription-cards">
<div class="subscription-card">
<div class="card-header">
<h3>FlexRide</h3>
<div class="price">Starting at $299/mo</div>
</div>
<div class="card-content">
<ul>
<li>Access to shared EVs on a regular basis</li>
<li>Balances affordability and convenience</li>
<li>Includes insurance and maintenance</li>
<li>Priority charging at The Link hubs</li>
<li>Flexible booking through mobile app</li>
</ul>
<div class="card-cta">
<a href="#" class="btn card-btn">Learn More</a>
</div>
</div>
</div>
<div class="subscription-card featured">
<div class="card-header">
<h3>Take-Home</h3>
<div class="price">Starting at $699/mo</div>
</div>
<div class="card-content">
<ul>
<li>Exclusive access to a dedicated EV</li>
<li>Multiple tiers with different mileage allowances</li>
<li>Comprehensive insurance coverage</li>
<li>All maintenance and charging included</li>
<li>Vehicle upgrades available</li>
</ul>
<div class="card-cta">
<a href="#" class="btn card-btn">Learn More</a>
</div>
</div>
</div>
<div class="subscription-card">
<div class="card-header">
<h3>All-Access</h3>
<div class="price">Starting at $499/mo</div>
</div>
<div class="card-content">
<ul>
<li>Unlimited rides within designated areas</li>
<li>Flat daily or monthly fee</li>
<li>Eliminates personal vehicle reliance</li>
<li>Includes all charging and maintenance</li>
<li>24/7 vehicle availability</li>
</ul>
<div class="card-cta">
<a href="#" class="btn card-btn">Learn More</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="impact-equity" class="section-dark">
<div class="container">
<div class="section-header">
<h2>Impact & Equity</h2>
<div class="section-line"></div>
</div>
<div class="content-columns">
<div class="column">
<h3>Environmental Impact</h3>
<div class="impact-metric">
<div class="metric-number">3-4</div>
<div class="metric-text">Metric tons of CO2 reduced annually per EV</div>
</div>
<div class="impact-metric">
<div class="metric-number">30%</div>
<div class="metric-text">Energy from on-site solar generation</div>
</div>
<div class="impact-metric">
<div class="metric-number">1,500+</div>
<div class="metric-text">Metric tons of emissions avoided in Year 1</div>
</div>
</div>
<div class="column">
<h3>Community Access Program</h3>
<p>Unity Fleet is committed to ensuring that the benefits of transportation electrification are accessible to all Illinois residents, regardless of income, location, or ability.</p>
<ul class="equity-list">
<li>Discounted transportation options for low-income individuals</li>
<li>Partnerships with social service organizations</li>
<li>Targeted outreach to underserved communities</li>
<li>Simplified payment options that don't require credit cards or smartphones</li>
<li>ADA-compliant physical infrastructure exceeding minimum requirements</li>
</ul>
</div>
<div class="column">
<h3>Economic Development</h3>
<div class="impact-metric">
<div class="metric-number">25+</div>
<div class="metric-text">Direct jobs created in Year 1</div>
</div>
<div class="impact-metric">
<div class="metric-number">70%</div>
<div class="metric-text">Procurement from Illinois-based suppliers</div>
</div>
<div class="impact-metric">
<div class="metric-number">$7.5M</div>
<div class="metric-text">Projected revenue by Year 5</div>
</div>
</div>
</div>
</div>
</section>
<section id="tokenization" class="section-gradient">
<div class="container">
<div class="section-header">
<h2>ChainLink Tokenization</h2>
<div class="section-line"></div>
</div>
<div class="tokenization-content">
<div class="token-diagram">
<div class="token-circle">
<div class="token-inner">
<i class="fas fa-link"></i>
</div>
<div class="token-orbit">
<div class="orbit-item"><i class="fas fa-charging-station"></i></div>
<div class="orbit-item"><i class="fas fa-car"></i></div>
<div class="orbit-item"><i class="fas fa-solar-panel"></i></div>
<div class="orbit-item"><i class="fas fa-users"></i></div>
</div>
</div>
</div>
<div class="token-info">
<h3>Asset Ownership Structure</h3>
<p>The ChainLink tokenization model creates a revolutionary approach to infrastructure ownership and community investment.</p>
<div class="token-benefits">
<div class="benefit-item">
<div class="benefit-icon"><i class="fas fa-coins"></i></div>
<div class="benefit-text">Fractional ownership of charging infrastructure</div>
</div>
<div class="benefit-item">
<div class="benefit-icon"><i class="fas fa-chart-line"></i></div>
<div class="benefit-text">Community investment opportunities</div>
</div>
<div class="benefit-item">
<div class="benefit-icon"><i class="fas fa-handshake"></i></div>
<div class="benefit-text">Transparent revenue sharing</div>
</div>
<div class="benefit-item">
<div class="benefit-icon"><i class="fas fa-shield-alt"></i></div>
<div class="benefit-text">Secure blockchain verification</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="rural-plan" class="section-dark">
<div class="container">
<div class="section-header">
<h2>Rural Revitalization Plan</h2>
<div class="section-line"></div>
</div>
<div class="rural-content">
<div class="rural-image">
<img src="6120F952-C801-4C53-AFE0-BB9363A1F539.png" alt="Charging Station">
</div>
<div class="rural-text">
<h3>Trillion-Dollar Vision for Illinois</h3>
<p>Unity Fleet's rural revitalization strategy extends beyond urban centers to transform transportation access across all of Illinois.</p>
<div class="timeline">
<div class="timeline-item">
<div class="timeline-marker">1</div>
<div class="timeline-content">
<h4>Strategic Hub Placement</h4>
<p>Establishing The Link charging hubs along key rural corridors</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-marker">2</div>
<div class="timeline-content">
<h4>Community Partnerships</h4>
<p>Collaborating with local businesses and municipalities</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-marker">3</div>
<div class="timeline-content">
<h4>Economic Stimulus</h4>
<p>Creating jobs and attracting visitors to rural communities</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-marker">4</div>
<div class="timeline-content">
<h4>Infrastructure Integration</h4>
<p>Connecting rural areas to the statewide clean transportation network</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="grant-proposal" class="section-gradient">
<div class="container">
<div class="section-header">
<h2>Grant Proposal</h2>
<div class="section-line"></div>
</div>
<div class="proposal-content">
<div class="proposal-overview">
<h3>Illinois Department of Transportation Statewide Planning and Research Funds</h3>
<div class="proposal-details">
<div class="detail-item">
<div class="detail-label">Funding Request</div>
<div class="detail-value">$3,200,000</div>
</div>
<div class="detail-item">
<div class="detail-label">Matching Funds</div>
<div class="detail-value">$3,800,000</div>
</div>
<div class="detail-item">
<div class="detail-label">Total Project Budget</div>
<div class="detail-value">$7,000,000</div>
</div>
<div class="detail-item">
<div class="detail-label">Implementation Timeline</div>
<div class="detail-value">15 months</div>
</div>
</div>
</div>
<div class="proposal-sections">
<div class="accordion">
<div class="accordion-item">
<div class="accordion-header">Executive Summary</div>
<div class="accordion-content">
<p>Unity Fleet LLC is pleased to submit this proposal for the Illinois Department of Transportation's Statewide Planning and Research Funds grant to support the development of "The Link" - an innovative electric vehicle (EV) charging network that will transform transportation infrastructure across Illinois.</p>
<a href="#" class="read-more">Read Full Section</a>
</div>
</div>
<div class="accordion-item">
<div class="accordion-header">Project Description</div>
<div class="accordion-content">
<p>Unity Fleet LLC is a newly established Illinois-based company dedicated to revolutionizing electric vehicle (EV) infrastructure and transportation services. "The Link" represents a revolutionary approach to EV charging infrastructure, reimagining charging stations as destination hubs.</p>
<a href="#" class="read-more">Read Full Section</a>
</div>
</div>
<div class="accordion-item">
<div class="accordion-header">Alignment with Illinois Initiatives</div>
<div class="accordion-content">
<p>"The Link" EV charging network and Unity Fleet services directly support Illinois' Priority Climate Action Plan and the state's commitment to the Paris Agreement's greenhouse gas reduction targets.</p>
<a href="#" class="read-more">Read Full Section</a>
</div>
</div>
<div class="accordion-item">
<div class="accordion-header">Implementation Plan</div>
<div class="accordion-content">
<p>Unity Fleet will implement "The Link" EV charging network through a strategic, phased approach that ensures careful planning, quality execution, and continuous improvement based on operational feedback.</p>
<a href="#" class="read-more">Read Full Section</a>
</div>
</div>
<div class="accordion-item">
<div class="accordion-header">Budget and Financial Plan</div>
<div class="accordion-content">
<p>Unity Fleet requests $3,200,000 in funding from the Illinois Department of Transportation's Statewide Planning and Research Funds grant to support the implementation of "The Link" EV charging network.</p>
<a href="#" class="read-more">Read Full Section</a>
</div>
</div>
<div class="accordion-item">
<div class="accordion-header">Performance Metrics</div>
<div class="accordion-content">
<p>Unity Fleet will implement a comprehensive performance measurement framework to track the impact and effectiveness of "The Link" charging network and associated fleet services.</p>
<a href="#" class="read-more">Read Full Section</a>
</div>
</div>
<div class="accordion-item">
<div class="accordion-header">Partnerships and Stakeholder Engagement</div>
<div class="accordion-content">
<p>Unity Fleet has established strategic partnerships with key organizations to enhance the implementation and impact of "The Link" charging network.</p>
<a href="#" class="read-more">Read Full Section</a>
</div>
</div>
</div>
<div class="proposal-download">
<a href="unity_fleet_complete_proposal.md" download class="btn download-btn">
<i class="fas fa-download"></i> Download Full Proposal
</a>
</div>
</div>
</div>
</div>
</section>
<!-- 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>
<footer>
<div class="container">
<div class="footer-content">
<div class="footer-logo">
<div class="logo">UNITY FLEET</div>
<p>Revolutionizing electric vehicle infrastructure across Illinois</p>
</div>
<div class="footer-links">
<div class="link-column">
<h4>Navigation</h4>
<a href="#what-is-the-link">What is The Link</a>
<a href="#subscription-tiers">Subscription Tiers</a>
<a href="#impact-equity">Impact & Equity</a>
<a href="#tokenization">ChainLink Tokenization</a>
<a href="#rural-plan">Rural Revitalization</a>
<a href="#mvp-showcase">MVP Showcase</a>
</div>
<div class="link-column">
<h4>Contact</h4>
<a href="mailto:info@unityfleet.com">info@unityfleet.com</a>
<a href="tel:+12175551234">+1 (217) 555-1234</a>
<p>2457 E Eldorado St<br>Decatur, IL 62521</p>
</div>
<div class="link-column">
<h4>Legal</h4>
<a href="#">Privacy Policy</a>
<a href="#">Terms of Service</a>
<a href="#">Accessibility</a>
</div>
</div>
</div>
<div class="footer-bottom">
<p>&copy; 2025 Unity Fleet LLC. All rights reserved.</p>
<div class="social-links">
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-linkedin"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
</footer>
<script src="scripts.js"></script>
</body>
</html>