| | <!DOCTYPE html> |
| | <html lang="en"> |
| | <head> |
| | <meta charset="UTF-8"> |
| | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| | <title>Features - ChemiCorr AI</title> |
| | <link rel="icon" type="image/x-icon" href="/static/favicon.ico"> |
| | <script src="https://cdn.tailwindcss.com"></script> |
| | <script src="https://unpkg.com/feather-icons"></script> |
| | <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> |
| | <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script> |
| | <style> |
| | .feature-card:hover .feature-icon { |
| | transform: rotate(5deg) scale(1.1); |
| | } |
| | .feature-icon { |
| | transition: all 0.3s ease; |
| | } |
| | </style> |
| | </head> |
| | <body class="bg-gray-50 font-sans"> |
| | <div id="vanta-bg" class="fixed inset-0 z-0"></div> |
| | <div class="relative z-10 min-h-screen flex flex-col"> |
| | |
| | <header class="bg-gradient-to-r from-blue-600 to-blue-800 text-white shadow-lg"> |
| | <div class="container mx-auto px-4 py-6 flex justify-between items-center"> |
| | <div class="flex items-center space-x-3"> |
| | <i data-feather="flask" class="w-8 h-8 text-blue-200"></i> |
| | <h1 class="text-2xl font-bold">ChemiCorr AI</h1> |
| | </div> |
| | <nav class="hidden md:flex space-x-6"> |
| | <a href="index.html" class="hover:text-blue-200 transition">Home</a> |
| | <a href="features.html" class="text-blue-200 font-medium">Features</a> |
| | <a href="about.html" class="hover:text-blue-200 transition">About</a> |
| | <a href="contact.html" class="hover:text-blue-200 transition">Contact & Support</a> |
| | <a href="plans.html" class="hover:text-blue-200 transition">Plans</a> |
| | <a href="login.html" class="hover:text-blue-200 transition">Login/Signup</a> |
| | </nav> |
| | <button id="mobile-menu-button" class="md:hidden text-white"> |
| | <i data-feather="menu"></i> |
| | </button> |
| | |
| | <div id="mobile-menu" class="hidden md:hidden absolute top-full left-0 right-0 bg-blue-700 shadow-lg"> |
| | <nav class="flex flex-col p-4 space-y-2"> |
| | <a href="index.html" class="hover:text-blue-200 transition py-2">Home</a> |
| | <a href="features.html" class="text-blue-200 font-medium py-2">Features</a> |
| | <a href="about.html" class="hover:text-blue-200 transition py-2">About</a> |
| | <a href="contact.html" class="hover:text-blue-200 transition py-2">Contact & Support</a> |
| | <a href="plans.html" class="hover:text-blue-200 transition py-2">Plans</a> |
| | <a href="login.html" class="hover:text-blue-200 transition py-2">Login/Signup</a> |
| | </nav> |
| | </div> |
| | </div> |
| | </header> |
| |
|
| | |
| | <main class="flex-grow container mx-auto px-4 py-12"> |
| | <div class="max-w-6xl mx-auto"> |
| | |
| | <section class="text-center mb-16"> |
| | <h2 class="text-4xl font-bold text-gray-800 mb-4">Advanced Chemical Corrosion Analysis</h2> |
| | <p class="text-xl text-gray-600 max-w-2xl mx-auto"> |
| | ChemiCorr AI combines ChatGPT-like interaction with real research from Google Scholar for chemical corrosion analysis. |
| | </p> |
| | </section> |
| |
|
| | |
| | <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8"> |
| | |
| | <div class="feature-card bg-white p-8 rounded-xl shadow-md hover:shadow-lg transition"> |
| | <div class="feature-icon w-16 h-16 bg-blue-100 rounded-xl flex items-center justify-center mb-6"> |
| | <i data-feather="file-text" class="w-8 h-8 text-blue-600"></i> |
| | </div> |
| | <h3 class="text-xl font-semibold mb-3">Smart File Analysis</h3> |
| | <p class="text-gray-600 mb-4"> |
| | Automatically extract corrosion data from CSV, Excel, PDF, JSON, and image files with industry-leading accuracy. |
| | </p> |
| | <ul class="space-y-2 text-sm text-gray-600"> |
| | <li class="flex items-center"><i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i> CSV/Excel rate measurements</li> |
| | <li class="flex items-center"><i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i> PDF inspection reports</li> |
| | <li class="flex items-center"><i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i> Microscopy images</li> |
| | </ul> |
| | </div> |
| | |
| | |
| | <div class="feature-card bg-white p-8 rounded-xl shadow-md hover:shadow-lg transition"> |
| | <div class="feature-icon w-16 h-16 bg-blue-100 rounded-xl flex items-center justify-center mb-6"> |
| | <i data-feather="trending-up" class="w-8 h-8 text-blue-600"></i> |
| | </div> |
| | <h3 class="text-xl font-semibold mb-3">Visual Trend Analysis</h3> |
| | <p class="text-gray-600 mb-4"> |
| | Generate interactive corrosion rate graphs, pit depth maps, and degradation timelines automatically. |
| | </p> |
| | <ul class="space-y-2 text-sm text-gray-600"> |
| | <li class="flex items-center"><i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i> Time-series charts</li> |
| | <li class="flex items-center"><i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i> 3D corrosion maps</li> |
| | <li class="flex items-center"><i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i> Custom visualization</li> |
| | </ul> |
| | </div> |
| | |
| | |
| | <div class="feature-card bg-white p-8 rounded-xl shadow-md hover:shadow-lg transition"> |
| | <div class="feature-icon w-16 h-16 bg-blue-100 rounded-xl flex items-center justify-center mb-6"> |
| | <i data-feather="alert-circle" class="w-8 h-8 text-blue-600"></i> |
| | </div> |
| | <h3 class="text-xl font-semibold mb-3">Risk Assessment</h3> |
| | <p class="text-gray-600 mb-4"> |
| | Get severity ratings and maintenance recommendations based on industry standards and predictive models. |
| | </p> |
| | <ul class="space-y-2 text-sm text-gray-600"> |
| | <li class="flex items-center"><i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i> ASTM/NACE standards</li> |
| | <li class="flex items-center"><i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i> Predictive analytics</li> |
| | <li class="flex items-center"><i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i> Mitigation strategies</li> |
| | </ul> |
| | </div> |
| | |
| | |
| | <div class="feature-card bg-white p-8 rounded-xl shadow-md hover:shadow-lg transition"> |
| | <div class="feature-icon w-16 h-16 bg-blue-100 rounded-xl flex items-center justify-center mb-6"> |
| | <i data-feather="cpu" class="w-8 h-8 text-blue-600"></i> |
| | </div> |
| | <h3 class="text-xl font-semibold mb-3">AI-Powered Insights</h3> |
| | <p class="text-gray-600 mb-4"> |
| | Our advanced machine learning models identify patterns and predict future corrosion behavior. |
| | </p> |
| | <ul class="space-y-2 text-sm text-gray-600"> |
| | <li class="flex items-center"><i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i> Anomaly detection</li> |
| | <li class="flex items-center"><i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i> Predictive modeling</li> |
| | <li class="flex items-center"><i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i> Material degradation</li> |
| | </ul> |
| | </div> |
| | |
| | |
| | <div class="feature-card bg-white p-8 rounded-xl shadow-md hover:shadow-lg transition"> |
| | <div class="feature-icon w-16 h-16 bg-blue-100 rounded-xl flex items-center justify-center mb-6"> |
| | <i data-feather="book" class="w-8 h-8 text-blue-600"></i> |
| | </div> |
| | <h3 class="text-xl font-semibold mb-3">Knowledge Base</h3> |
| | <p class="text-gray-600 mb-4"> |
| | Access corrosion science references, standards, and case studies right in the chat interface. |
| | </p> |
| | <ul class="space-y-2 text-sm text-gray-600"> |
| | <li class="flex items-center"><i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i> Technical references</li> |
| | <li class="flex items-center"><i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i> Industry standards</li> |
| | <li class="flex items-center"><i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i> Case studies</li> |
| | </ul> |
| | </div> |
| | |
| | |
| | <div class="feature-card bg-white p-8 rounded-xl shadow-md hover:shadow-lg transition"> |
| | <div class="feature-icon w-16 h-16 bg-blue-100 rounded-xl flex items-center justify-center mb-6"> |
| | <i data-feather="download" class="w-8 h-8 text-blue-600"></i> |
| | </div> |
| | <h3 class="text-xl font-semibold mb-3">Report Generation</h3> |
| | <p class="text-gray-600 mb-4"> |
| | Export professional reports with analysis summaries, visualizations, and recommendations. |
| | </p> |
| | <ul class="space-y-2 text-sm text-gray-600"> |
| | <li class="flex items-center"><i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i> PDF reports</li> |
| | <li class="flex items-center"><i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i> Custom templates</li> |
| | <li class="flex items-center"><i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i> Shareable links</li> |
| | </ul> |
| | </div> |
| | </div> |
| |
|
| | |
| | <section class="mt-16 bg-gradient-to-r from-blue-600 to-blue-700 rounded-xl p-8 text-white text-center"> |
| | <h3 class="text-2xl font-bold mb-4">Ready to transform your corrosion analysis?</h3> |
| | <p class="max-w-2xl mx-auto mb-6 text-blue-100"> |
| | Get started with Rust Whisperer AI today and experience intelligent corrosion analysis powered by AI. |
| | </p> |
| | <button class="bg-white text-blue-700 hover:bg-blue-50 px-8 py-3 rounded-lg font-semibold transition inline-flex items-center"> |
| | <i data-feather="zap" class="mr-2"></i> Start Free Trial |
| | </button> |
| | </section> |
| | </div> |
| | </main> |
| |
|
| | |
| | <footer class="bg-gray-800 text-white py-8"> |
| | <div class="container mx-auto px-4"> |
| | <div class="grid md:grid-cols-4 gap-8"> |
| | <div> |
| | <h4 class="text-lg font-semibold mb-4">Rust Whisperer AI</h4> |
| | <p class="text-gray-400"> |
| | Advanced corrosion analysis powered by AI for engineers and maintenance professionals. |
| | </p> |
| | </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">Home</a></li> |
| | <li><a href="features.html" class="text-gray-400 hover:text-white transition">Features</a></li> |
| | <li><a href="#" class="text-gray-400 hover:text-white transition">Documentation</a></li> |
| | </ul> |
| | </div> |
| | <div> |
| | <h4 class="text-lg font-semibold mb-4">Resources</h4> |
| | <ul class="space-y-2"> |
| | <li><a href="#" class="text-gray-400 hover:text-white transition">Blog</a></li> |
| | <li><a href="#" class="text-gray-400 hover:text-white transition">Support</a></li> |
| | <li><a href="#" class="text-gray-400 hover:text-white transition">Community</a></li> |
| | </ul> |
| | </div> |
| | <div> |
| | <h4 class="text-lg font-semibold mb-4">Contact</h4> |
| | <ul class="space-y-2"> |
| | <li class="flex items-center text-gray-400"><i data-feather="mail" class="mr-2 w-4 h-4"></i> support@rustwhisperer.ai</li> |
| | <li class="flex items-center text-gray-400"><i data-feather="phone" class="mr-2 w-4 h-4"></i> +1 (555) 123-4567</li> |
| | </ul> |
| | </div> |
| | </div> |
| | <div class="border-t border-gray-700 mt-8 pt-8 text-center text-gray-400"> |
| | <p>© 2023 Rust Whisperer AI. All rights reserved.</p> |
| | </div> |
| | </div> |
| | </footer> |
| | </div> |
| |
|
| | <script> |
| | |
| | VANTA.NET({ |
| | el: "#vanta-bg", |
| | mouseControls: true, |
| | touchControls: true, |
| | gyroControls: false, |
| | minHeight: 200.00, |
| | minWidth: 200.00, |
| | scale: 1.00, |
| | scaleMobile: 1.00, |
| | color: 0x3b82f6, |
| | backgroundColor: 0xf8fafc, |
| | points: 12.00, |
| | maxDistance: 22.00, |
| | spacing: 18.00 |
| | }); |
| | |
| | feather.replace(); |
| | |
| | const mobileMenuButton = document.getElementById('mobile-menu-button'); |
| | const mobileMenu = document.getElementById('mobile-menu'); |
| | |
| | if (mobileMenuButton && mobileMenu) { |
| | mobileMenuButton.addEventListener('click', (e) => { |
| | e.preventDefault(); |
| | e.stopPropagation(); |
| | mobileMenu.classList.toggle('hidden'); |
| | const icon = mobileMenuButton.querySelector('i'); |
| | if (mobileMenu.classList.contains('hidden')) { |
| | icon.setAttribute('data-feather', 'menu'); |
| | } else { |
| | icon.setAttribute('data-feather', 'x'); |
| | } |
| | feather.replace(); |
| | }); |
| | |
| | |
| | document.addEventListener('click', (e) => { |
| | if (!mobileMenuButton.contains(e.target) && !mobileMenu.contains(e.target)) { |
| | mobileMenu.classList.add('hidden'); |
| | const icon = mobileMenuButton.querySelector('i'); |
| | icon.setAttribute('data-feather', 'menu'); |
| | feather.replace(); |
| | } |
| | }); |
| | } |
| | |
| | document.querySelectorAll('.feature-card').forEach((card, index) => { |
| | anime({ |
| | targets: card, |
| | opacity: [0, 1], |
| | translateY: [20, 0], |
| | duration: 800, |
| | delay: index * 100, |
| | easing: 'easeOutExpo' |
| | }); |
| | }); |
| | </script> |
| | </body> |
| | </html> |
| |
|
