| | <!DOCTYPE html> |
| | <html lang="en"> |
| | <head> |
| | <meta charset="UTF-8"> |
| | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| | <title>About Vision Equipment | Texas Water & Wastewater Solutions</title> |
| | <meta name="description" content="Learn about Vision Equipment's 25 years of experience serving Texas municipalities with water and wastewater treatment solutions."> |
| | <link rel="icon" type="image/x-icon" href="/static/favicon.ico"> |
| | <script src="https://cdn.tailwindcss.com"></script> |
| | <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> |
| | <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> |
| | <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> |
| | <script src="https://unpkg.com/feather-icons"></script> |
| | <style> |
| | .about-hero { |
| | background: linear-gradient(rgba(12, 74, 110, 0.9), rgba(2, 132, 199, 0.9)), url('http://static.photos/water/1200x630/1'); |
| | background-size: cover; |
| | background-position: center; |
| | } |
| | </style> |
| | </head> |
| | <body class="font-sans antialiased text-gray-800"> |
| | |
| | <nav class="bg-white shadow-md sticky top-0 z-50"> |
| | <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| | <div class="flex justify-between h-20 items-center"> |
| | <div class="flex-shrink-0 flex items-center"> |
| | <a href="index.html" class="text-2xl font-bold text-blue-900"> |
| | <span class="text-blue-600">Vision</span> Equipment |
| | </a> |
| | </div> |
| | <div class="hidden md:block"> |
| | <div class="ml-10 flex items-center space-x-8"> |
| | <a href="index.html" class="text-gray-600 hover:text-blue-700 font-medium">Home</a> |
| | <a href="about.html" class="text-blue-700 font-medium border-b-2 border-blue-700 px-1 pb-1">About</a> |
| | <a href="manufacturers.html" class="text-gray-600 hover:text-blue-700 font-medium">Manufacturers</a> |
| | <a href="blog.html" class="text-gray-600 hover:text-blue-700 font-medium">Blog</a> |
| | <a href="#contact" class="bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700 transition duration-300">Contact Us</a> |
| | </div> |
| | </div> |
| | <div class="md:hidden"> |
| | <button type="button" class="mobile-menu-button p-2 rounded-md text-gray-700 hover:text-blue-600 hover:bg-gray-100 focus:outline-none"> |
| | <i data-feather="menu"></i> |
| | </button> |
| | </div> |
| | </div> |
| | </div> |
| | |
| | <div class="mobile-menu hidden md:hidden bg-white shadow-lg"> |
| | <div class="px-2 pt-2 pb-3 space-y-1 sm:px-3"> |
| | <a href="index.html" class="block px-3 py-2 rounded-md text-base font-medium text-gray-600 hover:text-blue-700 hover:bg-gray-50">Home</a> |
| | <a href="about.html" class="block px-3 py-2 rounded-md text-base font-medium text-blue-700 bg-blue-50">About</a> |
| | <a href="manufacturers.html" class="block px-3 py-2 rounded-md text-base font-medium text-gray-600 hover:text-blue-700 hover:bg-gray-50">Manufacturers</a> |
| | <a href="blog.html" class="block px-3 py-2 rounded-md text-base font-medium text-gray-600 hover:text-blue-700 hover:bg-gray-50">Blog</a> |
| | <a href="#contact" class="block px-3 py-2 rounded-md text-base font-medium text-white bg-blue-600 hover:bg-blue-700">Contact Us</a> |
| | </div> |
| | </div> |
| | </nav> |
| |
|
| | |
| | <section class="about-hero text-white py-24 md:py-32"> |
| | <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| | <div class="max-w-3xl"> |
| | <h1 class="text-4xl md:text-5xl font-bold mb-6" data-aos="fade-up">Texas Water Experts Since 1999</h1> |
| | <p class="text-xl md:text-2xl text-blue-100" data-aos="fade-up" data-aos-delay="100"> |
| | For 25 years, we've been helping Texas municipalities solve their toughest water and wastewater challenges. |
| | </p> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | |
| | <section class="py-16 md:py-24 bg-white"> |
| | <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| | <div class="grid md:grid-cols-2 gap-12 items-center"> |
| | <div data-aos="fade-right"> |
| | <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-6">Our Story</h2> |
| | <div class="prose max-w-none text-gray-600"> |
| | <p> |
| | Founded in 1999 by water industry veterans, Vision Equipment began with a simple mission: to bring the best water and wastewater treatment technologies to Texas municipalities. |
| | </p> |
| | <p> |
| | What started as a small team of three has grown into a respected manufacturer's representative firm serving communities across the state. Our deep Texas roots mean we understand the unique challenges faced by municipal water systems in our region. |
| | </p> |
| | <p> |
| | Over the years, we've built strong relationships with both manufacturers and municipal clients, earning a reputation for technical expertise, reliability, and exceptional service. |
| | </p> |
| | </div> |
| | </div> |
| | <div data-aos="fade-left"> |
| | <div class="bg-gray-100 rounded-xl overflow-hidden"> |
| | <img src="http://static.photos/office/640x360/1" alt="Vision Equipment team" class="w-full h-auto"> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | |
| | <section class="py-16 md:py-24 bg-gray-50"> |
| | <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| | <div class="text-center mb-16"> |
| | <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4" data-aos="fade-up">Our Approach</h2> |
| | <div class="max-w-3xl mx-auto"> |
| | <p class="text-xl text-gray-600" data-aos="fade-up" data-aos-delay="100"> |
| | We take a consultative approach to every project, ensuring we understand your specific needs before recommending solutions. |
| | </p> |
| | </div> |
| | </div> |
| | |
| | <div class="grid md:grid-cols-3 gap-8"> |
| | <div class="bg-white p-8 rounded-xl shadow-sm" data-aos="fade-up"> |
| | <div class="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mb-6"> |
| | <i data-feather="target" class="w-8 h-8 text-blue-600"></i> |
| | </div> |
| | <h3 class="text-xl font-bold text-gray-900 mb-3">Technical Expertise</h3> |
| | <p class="text-gray-600"> |
| | Our team includes engineers and technical specialists who understand the complexities of water treatment systems. |
| | </p> |
| | </div> |
| | |
| | <div class="bg-white p-8 rounded-xl shadow-sm" data-aos="fade-up" data-aos-delay="100"> |
| | <div class="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mb-6"> |
| | <i data-feather="map" class="w-8 h-8 text-blue-600"></i> |
| | </div> |
| | <h3 class="text-xl font-bold text-gray-900 mb-3">Texas Focused</h3> |
| | <p class="text-gray-600"> |
| | We only serve Texas municipalities, giving us unmatched knowledge of local regulations and conditions. |
| | </p> |
| | </div> |
| | |
| | <div class="bg-white p-8 rounded-xl shadow-sm" data-aos="fade-up" data-aos-delay="200"> |
| | <div class="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mb-6"> |
| | <i data-feather="users" class="w-8 h-8 text-blue-600"></i> |
| | </div> |
| | <h3 class="text-xl font-bold text-gray-900 mb-3">Partnership Approach</h3> |
| | <p class="text-gray-600"> |
| | We build long-term relationships, not just transactions, with both manufacturers and municipal clients. |
| | </p> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | |
| | <section class="py-16 md:py-24 bg-white"> |
| | <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| | <div class="text-center mb-16"> |
| | <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4" data-aos="fade-up">Meet Our Team</h2> |
| | <div class="max-w-3xl mx-auto"> |
| | <p class="text-xl text-gray-600" data-aos="fade-up" data-aos-delay="100"> |
| | Our experienced team combines technical knowledge with local expertise to serve your needs. |
| | </p> |
| | </div> |
| | </div> |
| | |
| | <div class="grid md:grid-cols-3 gap-8"> |
| | <div class="bg-white rounded-lg overflow-hidden shadow-md" data-aos="fade-up"> |
| | <div class="h-64 bg-gray-100"> |
| | <img src="http://static.photos/people/640x360/1" alt="Team member" class="w-full h-full object-cover"> |
| | </div> |
| | <div class="p-6"> |
| | <h3 class="text-xl font-bold text-gray-900 mb-1">John Henderson</h3> |
| | <p class="text-blue-600 font-medium mb-3">President & Founder</p> |
| | <p class="text-gray-600"> |
| | 30+ years in water treatment. Former plant manager with deep knowledge of municipal operations. |
| | </p> |
| | </div> |
| | </div> |
| | |
| | <div class="bg-white rounded-lg overflow-hidden shadow-md" data-aos="fade-up" data-aos-delay="100"> |
| | <div class="h-64 bg-gray-100"> |
| | <img src="http://static.photos/people/640x360/2" alt="Team member" class="w-full h-full object-cover"> |
| | </div> |
| | <div class="p-6"> |
| | <h3 class="text-xl font-bold text-gray-900 mb-1">Sarah Chen</h3> |
| | <p class="text-blue-600 font-medium mb-3">VP of Engineering</p> |
| | <p class="text-gray-600"> |
| | PE with 15 years experience designing water treatment systems for Texas municipalities. |
| | </p> |
| | </div> |
| | </div> |
| | |
| | <div class="bg-white rounded-lg overflow-hidden shadow-md" data-aos="fade-up" data-aos-delay="200"> |
| | <div class="h-64 bg-gray-100"> |
| | <img src="http://static.photos/people/640x360/3" alt="Team member" class="w-full h-full object-cover"> |
| | </div> |
| | <div class="p-6"> |
| | <h3 class="text-xl font-bold text-gray-900 mb-1">Michael Rodriguez</h3> |
| | <p class="text-blue-600 font-medium mb-3">Regional Sales Manager</p> |
| | <p class="text-gray-600"> |
| | Serves South Texas communities with 12 years of wastewater treatment expertise. |
| | </p> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | |
| | <section id="contact" class="py-16 md:py-24 bg-blue-700 text-white"> |
| | <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center"> |
| | <h2 class="text-3xl md:text-4xl font-bold mb-6" data-aos="fade-up">Ready to Partner With Us?</h2> |
| | <p class="text-xl text-blue-100 max-w-3xl mx-auto mb-8" data-aos="fade-up" data-aos-delay="100"> |
| | Whether you're a manufacturer looking for Texas representation or a municipality needing solutions, we'd love to hear from you. |
| | </p> |
| | <a href="#contact" class="inline-flex items-center px-6 py-3 border-2 border-white text-base font-medium rounded-md text-white hover:bg-white hover:bg-opacity-10 transition duration-300" data-aos="fade-up" data-aos-delay="200"> |
| | Contact Our Team |
| | <i data-feather="arrow-right" class="ml-2 w-5 h-5"></i> |
| | </a> |
| | </div> |
| | </section> |
| |
|
| | |
| | <footer class="bg-gray-900 text-white pt-16 pb-8"> |
| | <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| | <div class="grid md:grid-cols-4 gap-12"> |
| | <div> |
| | <h3 class="text-2xl font-bold mb-4"> |
| | <span class="text-blue-400">Vision</span> Equipment |
| | </h3> |
| | <p class="text-gray-400 mb-4"> |
| | Serving Texas municipalities with water and wastewater treatment solutions since 1999. |
| | </p> |
| | <div class="flex space-x-4"> |
| | <a href="#" class="text-gray-400 hover:text-white transition duration-300"> |
| | <i data-feather="facebook" class="w-5 h-5"></i> |
| | </a> |
| | <a href="#" class="text-gray-400 hover:text-white transition duration-300"> |
| | <i data-feather="linkedin" class="w-5 h-5"></i> |
| | </a> |
| | <a href="#" class="text-gray-400 hover:text-white transition duration-300"> |
| | <i data-feather="twitter" class="w-5 h-5"></i> |
| | </a> |
| | </div> |
| | </div> |
| | <div> |
| | <h4 class="text-lg font-semibold mb-4">Quick Links</h4> |
| | <ul class="space-y-2"> |
| | <li><a href="index.html" class="text-gray-400 hover:text-white transition duration-300">Home</a></li> |
| | <li><a href="about.html" class="text-gray-400 hover:text-white transition duration-300">About Us</a></li> |
| | <li><a href="manufacturers.html" class="text-gray-400 hover:text-white transition duration-300">Manufacturers</a></li> |
| | <li><a href="blog.html" class="text-gray-400 hover:text-white transition duration-300">Blog</a></li> |
| | <li><a href="#contact" class="text-gray-400 hover:text-white transition duration-300">Contact</a></li> |
| | </ul> |
| | </div> |
| | <div> |
| | <h4 class="text-lg font-semibold mb-4">Services</h4> |
| | <ul class="space-y-2"> |
| | <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Water Treatment</a></li> |
| | <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Wastewater Treatment</a></li> |
| | <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Equipment Selection</a></li> |
| | <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Technical Support</a></li> |
| | </ul> |
| | </div> |
| | <div> |
| | <h4 class="text-lg font-semibold mb-4">Contact</h4> |
| | <address class="not-italic text-gray-400"> |
| | <p class="mb-2">123 Water Way</p> |
| | <p class="mb-2">Austin, TX 78701</p> |
| | <p class="mb-2">Phone: (512) 555-1234</p> |
| | <p>Email: info@visionequipment.com</p> |
| | </address> |
| | </div> |
| | </div> |
| | <div class="border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center"> |
| | <p class="text-gray-400 text-sm mb-4 md:mb-0"> |
| | © 2023 Vision Equipment. All rights reserved. |
| | </p> |
| | <div class="flex space-x-6"> |
| | <a href="#" class="text-gray-400 hover:text-white text-sm transition duration-300">Privacy Policy</a> |
| | <a href="#" class="text-gray-400 hover:text-white text-sm transition duration-300">Terms of Service</a> |
| | </div> |
| | </div> |
| | </div> |
| | </footer> |
| |
|
| | <script> |
| | |
| | document.querySelector('.mobile-menu-button').addEventListener('click', function() { |
| | document.querySelector('.mobile-menu').classList.toggle('hidden'); |
| | }); |
| | |
| | |
| | AOS.init({ |
| | duration: 800, |
| | easing: 'ease-in-out', |
| | once: true |
| | }); |
| | feather.replace(); |
| | </script> |
| | </body> |
| | </html> |
| |
|
