Display the pricing at standard rates up to 1500 USD per month. Also use language a civil engineer would understand, not an LLM Fine tuner
Browse files- components/footer.js +6 -6
- components/header.js +2 -2
- index.html +40 -42
components/footer.js
CHANGED
|
@@ -187,11 +187,11 @@ class CustomFooter extends HTMLElement {
|
|
| 187 |
<h3 class="footer-heading">Services</h3>
|
| 188 |
<ul class="footer-links">
|
| 189 |
<li><a href="#">LLM Fine-Tuning</a></li>
|
| 190 |
-
<li><a href="#">
|
| 191 |
-
<li><a href="#">
|
| 192 |
<li><a href="#">Proposal Automation</a></li>
|
| 193 |
-
<li><a href="#">
|
| 194 |
-
|
| 195 |
</div>
|
| 196 |
|
| 197 |
<div class="footer-section">
|
|
@@ -199,10 +199,10 @@ class CustomFooter extends HTMLElement {
|
|
| 199 |
<ul class="footer-links">
|
| 200 |
<li><a href="#">About Us</a></li>
|
| 201 |
<li><a href="#">Case Studies</a></li>
|
| 202 |
-
<li><a href="#">
|
| 203 |
<li><a href="#">Blog</a></li>
|
| 204 |
<li><a href="#">Contact</a></li>
|
| 205 |
-
|
| 206 |
</div>
|
| 207 |
|
| 208 |
<div class="footer-section">
|
|
|
|
| 187 |
<h3 class="footer-heading">Services</h3>
|
| 188 |
<ul class="footer-links">
|
| 189 |
<li><a href="#">LLM Fine-Tuning</a></li>
|
| 190 |
+
<li><a href="#">Smart Template Engine</a></li>
|
| 191 |
+
<li><a href="#">Project Knowledge Assistant</a></li>
|
| 192 |
<li><a href="#">Proposal Automation</a></li>
|
| 193 |
+
<li><a href="#">Pricing</a></li>
|
| 194 |
+
</ul>
|
| 195 |
</div>
|
| 196 |
|
| 197 |
<div class="footer-section">
|
|
|
|
| 199 |
<ul class="footer-links">
|
| 200 |
<li><a href="#">About Us</a></li>
|
| 201 |
<li><a href="#">Case Studies</a></li>
|
| 202 |
+
<li><a href="#">Pricing</a></li>
|
| 203 |
<li><a href="#">Blog</a></li>
|
| 204 |
<li><a href="#">Contact</a></li>
|
| 205 |
+
</ul>
|
| 206 |
</div>
|
| 207 |
|
| 208 |
<div class="footer-section">
|
components/header.js
CHANGED
|
@@ -175,11 +175,11 @@ class CustomHeader extends HTMLElement {
|
|
| 175 |
<ul class="nav-links" id="navLinks">
|
| 176 |
<li><a href="#services">Services</a></li>
|
| 177 |
<li><a href="#">Case Studies</a></li>
|
| 178 |
-
<li><a href="#">
|
| 179 |
<li><a href="#contact">Contact</a></li>
|
| 180 |
<li><a href="#" class="cta-button">Free Consultation</a></li>
|
| 181 |
</ul>
|
| 182 |
-
|
| 183 |
</div>
|
| 184 |
</header>
|
| 185 |
`;
|
|
|
|
| 175 |
<ul class="nav-links" id="navLinks">
|
| 176 |
<li><a href="#services">Services</a></li>
|
| 177 |
<li><a href="#">Case Studies</a></li>
|
| 178 |
+
<li><a href="#">Pricing</a></li>
|
| 179 |
<li><a href="#contact">Contact</a></li>
|
| 180 |
<li><a href="#" class="cta-button">Free Consultation</a></li>
|
| 181 |
</ul>
|
| 182 |
+
</nav>
|
| 183 |
</div>
|
| 184 |
</header>
|
| 185 |
`;
|
index.html
CHANGED
|
@@ -79,74 +79,72 @@
|
|
| 79 |
<div class="w-16 h-16 rounded-full bg-yellow-500/10 flex items-center justify-center mb-6 group-hover:bg-yellow-500/20 transition-colors">
|
| 80 |
<i data-feather="cpu" class="text-yellow-400 w-8 h-8"></i>
|
| 81 |
</div>
|
| 82 |
-
<h3 class="text-2xl font-bold mb-4">
|
| 83 |
<p class="text-gray-400 mb-6">
|
| 84 |
-
We
|
| 85 |
</p>
|
| 86 |
<ul class="space-y-3">
|
| 87 |
<li class="flex items-center">
|
| 88 |
<i data-feather="check-circle" class="text-yellow-400 mr-2 w-5 h-5"></i>
|
| 89 |
-
<span>
|
| 90 |
</li>
|
| 91 |
<li class="flex items-center">
|
| 92 |
<i data-feather="check-circle" class="text-yellow-400 mr-2 w-5 h-5"></i>
|
| 93 |
-
<span>
|
| 94 |
</li>
|
| 95 |
<li class="flex items-center">
|
| 96 |
<i data-feather="check-circle" class="text-yellow-400 mr-2 w-5 h-5"></i>
|
| 97 |
-
<span>
|
| 98 |
</li>
|
| 99 |
</ul>
|
| 100 |
</div>
|
| 101 |
-
|
| 102 |
<div class="bg-gray-800/50 p-8 rounded-xl border border-gray-700 hover:border-yellow-500/30 transition-all duration-300 group">
|
| 103 |
<div class="w-16 h-16 rounded-full bg-yellow-500/10 flex items-center justify-center mb-6 group-hover:bg-yellow-500/20 transition-colors">
|
| 104 |
<i data-feather="layers" class="text-yellow-400 w-8 h-8"></i>
|
| 105 |
</div>
|
| 106 |
-
<h3 class="text-2xl font-bold mb-4">
|
| 107 |
<p class="text-gray-400 mb-6">
|
| 108 |
-
|
| 109 |
</p>
|
| 110 |
<ul class="space-y-3">
|
| 111 |
<li class="flex items-center">
|
| 112 |
<i data-feather="check-circle" class="text-yellow-400 mr-2 w-5 h-5"></i>
|
| 113 |
-
<span>
|
| 114 |
</li>
|
| 115 |
<li class="flex items-center">
|
| 116 |
<i data-feather="check-circle" class="text-yellow-400 mr-2 w-5 h-5"></i>
|
| 117 |
-
<span>
|
| 118 |
</li>
|
| 119 |
<li class="flex items-center">
|
| 120 |
<i data-feather="check-circle" class="text-yellow-400 mr-2 w-5 h-5"></i>
|
| 121 |
-
<span>
|
| 122 |
</li>
|
| 123 |
</ul>
|
| 124 |
</div>
|
| 125 |
-
|
| 126 |
<div class="bg-gray-800/50 p-8 rounded-xl border border-gray-700 hover:border-yellow-500/30 transition-all duration-300 group">
|
| 127 |
<div class="w-16 h-16 rounded-full bg-yellow-500/10 flex items-center justify-center mb-6 group-hover:bg-yellow-500/20 transition-colors">
|
| 128 |
<i data-feather="database" class="text-yellow-400 w-8 h-8"></i>
|
| 129 |
</div>
|
| 130 |
-
<h3 class="text-2xl font-bold mb-4">
|
| 131 |
<p class="text-gray-400 mb-6">
|
| 132 |
-
|
| 133 |
</p>
|
| 134 |
<ul class="space-y-3">
|
| 135 |
<li class="flex items-center">
|
| 136 |
<i data-feather="check-circle" class="text-yellow-400 mr-2 w-5 h-5"></i>
|
| 137 |
-
<span>
|
| 138 |
</li>
|
| 139 |
<li class="flex items-center">
|
| 140 |
<i data-feather="check-circle" class="text-yellow-400 mr-2 w-5 h-5"></i>
|
| 141 |
-
<span>
|
| 142 |
</li>
|
| 143 |
<li class="flex items-center">
|
| 144 |
<i data-feather="check-circle" class="text-yellow-400 mr-2 w-5 h-5"></i>
|
| 145 |
-
<span>
|
| 146 |
</li>
|
| 147 |
</ul>
|
| 148 |
</div>
|
| 149 |
-
|
| 150 |
</div>
|
| 151 |
</section>
|
| 152 |
|
|
@@ -170,10 +168,10 @@
|
|
| 170 |
<div class="md:w-2/3 md:pl-12">
|
| 171 |
<h3 class="text-2xl font-bold mb-4">Discovery & Assessment</h3>
|
| 172 |
<p class="text-gray-400">
|
| 173 |
-
We
|
| 174 |
</p>
|
| 175 |
</div>
|
| 176 |
-
|
| 177 |
|
| 178 |
<div class="flex flex-col md:flex-row items-center mb-16">
|
| 179 |
<div class="md:w-1/3 mb-8 md:mb-0 flex justify-center">
|
|
@@ -182,12 +180,12 @@
|
|
| 182 |
</div>
|
| 183 |
</div>
|
| 184 |
<div class="md:w-2/3 md:pl-12">
|
| 185 |
-
<h3 class="text-2xl font-bold mb-4">
|
| 186 |
<p class="text-gray-400">
|
| 187 |
-
|
| 188 |
</p>
|
| 189 |
</div>
|
| 190 |
-
|
| 191 |
|
| 192 |
<div class="flex flex-col md:flex-row items-center mb-16">
|
| 193 |
<div class="md:w-1/3 mb-8 md:mb-0 flex justify-center">
|
|
@@ -196,12 +194,12 @@
|
|
| 196 |
</div>
|
| 197 |
</div>
|
| 198 |
<div class="md:w-2/3 md:pl-12">
|
| 199 |
-
<h3 class="text-2xl font-bold mb-4">
|
| 200 |
<p class="text-gray-400">
|
| 201 |
-
We
|
| 202 |
</p>
|
| 203 |
</div>
|
| 204 |
-
|
| 205 |
|
| 206 |
<div class="flex flex-col md:flex-row items-center">
|
| 207 |
<div class="md:w-1/3 mb-8 md:mb-0 flex justify-center">
|
|
@@ -212,10 +210,10 @@
|
|
| 212 |
<div class="md:w-2/3 md:pl-12">
|
| 213 |
<h3 class="text-2xl font-bold mb-4">Optimization & Growth</h3>
|
| 214 |
<p class="text-gray-400">
|
| 215 |
-
|
| 216 |
</p>
|
| 217 |
</div>
|
| 218 |
-
|
| 219 |
</div>
|
| 220 |
</div>
|
| 221 |
</section>
|
|
@@ -300,21 +298,21 @@
|
|
| 300 |
<!-- CTA Section -->
|
| 301 |
<section id="contact" class="py-20 bg-gradient-to-r from-yellow-500/10 to-black">
|
| 302 |
<div class="container mx-auto px-4">
|
| 303 |
-
|
| 304 |
-
|
| 305 |
-
|
| 306 |
-
|
| 307 |
-
|
| 308 |
-
|
| 309 |
-
|
| 310 |
-
|
| 311 |
-
|
| 312 |
-
|
| 313 |
-
|
| 314 |
-
|
|
|
|
| 315 |
</div>
|
| 316 |
-
|
| 317 |
-
</div>
|
| 318 |
</section>
|
| 319 |
|
| 320 |
<!-- Footer/Web Component -->
|
|
|
|
| 79 |
<div class="w-16 h-16 rounded-full bg-yellow-500/10 flex items-center justify-center mb-6 group-hover:bg-yellow-500/20 transition-colors">
|
| 80 |
<i data-feather="cpu" class="text-yellow-400 w-8 h-8"></i>
|
| 81 |
</div>
|
| 82 |
+
<h3 class="text-2xl font-bold mb-4">Custom AI Proposal Assistant</h3>
|
| 83 |
<p class="text-gray-400 mb-6">
|
| 84 |
+
We build custom AI systems trained on your firm's past successful proposals and technical specifications to automatically draft accurate, code-compliant RFP responses.
|
| 85 |
</p>
|
| 86 |
<ul class="space-y-3">
|
| 87 |
<li class="flex items-center">
|
| 88 |
<i data-feather="check-circle" class="text-yellow-400 mr-2 w-5 h-5"></i>
|
| 89 |
+
<span>Trained on your historical project data</span>
|
| 90 |
</li>
|
| 91 |
<li class="flex items-center">
|
| 92 |
<i data-feather="check-circle" class="text-yellow-400 mr-2 w-5 h-5"></i>
|
| 93 |
+
<span>Maintains engineering standards and terminology</span>
|
| 94 |
</li>
|
| 95 |
<li class="flex items-center">
|
| 96 |
<i data-feather="check-circle" class="text-yellow-400 mr-2 w-5 h-5"></i>
|
| 97 |
+
<span>Reduces drafting time by up to 70%</span>
|
| 98 |
</li>
|
| 99 |
</ul>
|
| 100 |
</div>
|
|
|
|
| 101 |
<div class="bg-gray-800/50 p-8 rounded-xl border border-gray-700 hover:border-yellow-500/30 transition-all duration-300 group">
|
| 102 |
<div class="w-16 h-16 rounded-full bg-yellow-500/10 flex items-center justify-center mb-6 group-hover:bg-yellow-500/20 transition-colors">
|
| 103 |
<i data-feather="layers" class="text-yellow-400 w-8 h-8"></i>
|
| 104 |
</div>
|
| 105 |
+
<h3 class="text-2xl font-bold mb-4">Smart Template Engine</h3>
|
| 106 |
<p class="text-gray-400 mb-6">
|
| 107 |
+
Our adaptive system learns from your existing templates and project libraries to automatically populate standard sections while highlighting areas requiring engineer review.
|
| 108 |
</p>
|
| 109 |
<ul class="space-y-3">
|
| 110 |
<li class="flex items-center">
|
| 111 |
<i data-feather="check-circle" class="text-yellow-400 mr-2 w-5 h-5"></i>
|
| 112 |
+
<span>Automatically fills standard specifications</span>
|
| 113 |
</li>
|
| 114 |
<li class="flex items-center">
|
| 115 |
<i data-feather="check-circle" class="text-yellow-400 mr-2 w-5 h-5"></i>
|
| 116 |
+
<span>Flags custom engineering requirements</span>
|
| 117 |
</li>
|
| 118 |
<li class="flex items-center">
|
| 119 |
<i data-feather="check-circle" class="text-yellow-400 mr-2 w-5 h-5"></i>
|
| 120 |
+
<span>Integrates with existing document systems</span>
|
| 121 |
</li>
|
| 122 |
</ul>
|
| 123 |
</div>
|
|
|
|
| 124 |
<div class="bg-gray-800/50 p-8 rounded-xl border border-gray-700 hover:border-yellow-500/30 transition-all duration-300 group">
|
| 125 |
<div class="w-16 h-16 rounded-full bg-yellow-500/10 flex items-center justify-center mb-6 group-hover:bg-yellow-500/20 transition-colors">
|
| 126 |
<i data-feather="database" class="text-yellow-400 w-8 h-8"></i>
|
| 127 |
</div>
|
| 128 |
+
<h3 class="text-2xl font-bold mb-4">Project Knowledge Assistant</h3>
|
| 129 |
<p class="text-gray-400 mb-6">
|
| 130 |
+
Intelligent search system that instantly retrieves relevant information from your project archives, specifications, and past proposals to support current RFP responses.
|
| 131 |
</p>
|
| 132 |
<ul class="space-y-3">
|
| 133 |
<li class="flex items-center">
|
| 134 |
<i data-feather="check-circle" class="text-yellow-400 mr-2 w-5 h-5"></i>
|
| 135 |
+
<span>Instant access to past project details</span>
|
| 136 |
</li>
|
| 137 |
<li class="flex items-center">
|
| 138 |
<i data-feather="check-circle" class="text-yellow-400 mr-2 w-5 h-5"></i>
|
| 139 |
+
<span>Finds relevant technical specifications</span>
|
| 140 |
</li>
|
| 141 |
<li class="flex items-center">
|
| 142 |
<i data-feather="check-circle" class="text-yellow-400 mr-2 w-5 h-5"></i>
|
| 143 |
+
<span>Reduces research time by 80%</span>
|
| 144 |
</li>
|
| 145 |
</ul>
|
| 146 |
</div>
|
| 147 |
+
</div>
|
| 148 |
</div>
|
| 149 |
</section>
|
| 150 |
|
|
|
|
| 168 |
<div class="md:w-2/3 md:pl-12">
|
| 169 |
<h3 class="text-2xl font-bold mb-4">Discovery & Assessment</h3>
|
| 170 |
<p class="text-gray-400">
|
| 171 |
+
We review your current RFP workflow, analyze past successful proposals, and identify opportunities to automate repetitive tasks. Our team collaborates with your engineers to understand your specific needs.
|
| 172 |
</p>
|
| 173 |
</div>
|
| 174 |
+
</div>
|
| 175 |
|
| 176 |
<div class="flex flex-col md:flex-row items-center mb-16">
|
| 177 |
<div class="md:w-1/3 mb-8 md:mb-0 flex justify-center">
|
|
|
|
| 180 |
</div>
|
| 181 |
</div>
|
| 182 |
<div class="md:w-2/3 md:pl-12">
|
| 183 |
+
<h3 class="text-2xl font-bold mb-4">System Development</h3>
|
| 184 |
<p class="text-gray-400">
|
| 185 |
+
We build custom AI tools using your project data and specifications while maintaining compliance with engineering standards. Security and data protection are prioritized throughout development.
|
| 186 |
</p>
|
| 187 |
</div>
|
| 188 |
+
</div>
|
| 189 |
|
| 190 |
<div class="flex flex-col md:flex-row items-center mb-16">
|
| 191 |
<div class="md:w-1/3 mb-8 md:mb-0 flex justify-center">
|
|
|
|
| 194 |
</div>
|
| 195 |
</div>
|
| 196 |
<div class="md:w-2/3 md:pl-12">
|
| 197 |
+
<h3 class="text-2xl font-bold mb-4">Deployment & Training</h3>
|
| 198 |
<p class="text-gray-400">
|
| 199 |
+
We integrate our solution with your existing software and provide hands-on training for your team. Our support ensures smooth adoption and immediate time savings.
|
| 200 |
</p>
|
| 201 |
</div>
|
| 202 |
+
</div>
|
| 203 |
|
| 204 |
<div class="flex flex-col md:flex-row items-center">
|
| 205 |
<div class="md:w-1/3 mb-8 md:mb-0 flex justify-center">
|
|
|
|
| 210 |
<div class="md:w-2/3 md:pl-12">
|
| 211 |
<h3 class="text-2xl font-bold mb-4">Optimization & Growth</h3>
|
| 212 |
<p class="text-gray-400">
|
| 213 |
+
We continuously improve the system based on your feedback and evolving project requirements. Regular updates ensure your tools stay current with industry practices.
|
| 214 |
</p>
|
| 215 |
</div>
|
| 216 |
+
</div>
|
| 217 |
</div>
|
| 218 |
</div>
|
| 219 |
</section>
|
|
|
|
| 298 |
<!-- CTA Section -->
|
| 299 |
<section id="contact" class="py-20 bg-gradient-to-r from-yellow-500/10 to-black">
|
| 300 |
<div class="container mx-auto px-4">
|
| 301 |
+
<div class="max-w-3xl mx-auto text-center">
|
| 302 |
+
<h2 class="text-3xl md:text-4xl font-bold mb-6">Ready to Save 40+ Hours Per Month on RFPs?</h2>
|
| 303 |
+
<p class="text-xl text-gray-300 mb-10">
|
| 304 |
+
Schedule a free consultation to see how our AI solutions can reduce your proposal drafting time and increase win rates. Standard plans start at $999/month.
|
| 305 |
+
</p>
|
| 306 |
+
<div class="flex flex-col sm:flex-row justify-center gap-4">
|
| 307 |
+
<a href="#" class="px-8 py-4 bg-yellow-500 hover:bg-yellow-400 text-black font-bold rounded-lg transition duration-300 transform hover:-translate-y-1 text-center">
|
| 308 |
+
Book Free Consultation
|
| 309 |
+
</a>
|
| 310 |
+
<a href="#" class="px-8 py-4 bg-transparent border-2 border-yellow-500 text-yellow-400 hover:bg-yellow-500/10 font-bold rounded-lg transition duration-300 text-center">
|
| 311 |
+
View Pricing Plans
|
| 312 |
+
</a>
|
| 313 |
+
</div>
|
| 314 |
</div>
|
| 315 |
+
</div>
|
|
|
|
| 316 |
</section>
|
| 317 |
|
| 318 |
<!-- Footer/Web Component -->
|