| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Surventrix - Technology for Residential Surveying</title> |
| <link rel="stylesheet" href="style.css"> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> |
| <script src="https://unpkg.com/feather-icons"></script> |
| <script src="components/navbar.js"></script> |
| <script src="components/footer.js"></script> |
| <script src="components/feature-card.js"></script> |
| <script src="components/testimonial.js"></script> |
| </head> |
| <body class="bg-gray-50"> |
| <custom-navbar></custom-navbar> |
| |
| <section class="relative bg-gradient-to-r from-[#1e40af] to-[#3b82f6] text-white py-20"> |
| <div class="container mx-auto px-6 text-center"> |
| <h1 class="text-5xl font-bold mb-6">Technology for Residential Surveying</h1> |
| <p class="text-xl mb-8 max-w-2xl mx-auto">Innovative software solutions designed specifically for property surveyors to enhance productivity and accuracy.</p> |
| <div class="flex justify-center gap-4"> |
| <a href="#products" class="bg-white text-[#1e40af] px-8 py-3 rounded-lg font-semibold hover:bg-blue-50 transition duration-300">Our Products</a> |
| <a href="#contact" class="border-2 border-white px-8 py-3 rounded-lg font-semibold hover:bg-white hover:text-[#1e40af] transition duration-300">Contact Us</a> |
| </div> |
| </div> |
| </section> |
| |
| <section id="products" class="py-20 bg-white"> |
| <div class="container mx-auto px-6"> |
| <h2 class="text-3xl font-bold text-center mb-16">Our Products</h2> |
| <div class="grid md:grid-cols-2 gap-12"> |
| <custom-feature-card |
| title="Surveyors Hub" |
| description="A comprehensive platform that streamlines your surveying workflow with powerful tools and integrations." |
| icon="grid" |
| color="blue"> |
| </custom-feature-card> |
| <custom-feature-card |
| title="Surventrix Reports" |
| description="Professional, customizable reporting solution that saves time and enhances your deliverables." |
| icon="file-text" |
| color="blue"> |
| </custom-feature-card> |
| </div> |
| </div> |
| </section> |
| |
| <section class="py-20 bg-gray-50"> |
| <div class="container mx-auto px-6"> |
| <h2 class="text-3xl font-bold text-center mb-16">Why Choose Surventrix</h2> |
| <div class="grid md:grid-cols-3 gap-8"> |
| <div class="bg-white p-8 rounded-xl shadow-sm hover:shadow-md transition duration-300 border border-gray-100"> |
| <div class="w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center mb-4"> |
| <i data-feather="zap" class="text-blue-600"></i> |
| </div> |
| <h3 class="text-xl font-semibold mb-3 text-gray-800">Efficiency Boost</h3> |
| <p class="text-gray-600">Our tools reduce manual work by up to 70%, letting you focus on what matters.</p> |
| </div> |
| <div class="bg-white p-8 rounded-xl shadow-sm hover:shadow-md transition duration-300 border border-gray-100"> |
| <div class="w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center mb-4"> |
| <i data-feather="trending-up" class="text-blue-600"></i> |
| </div> |
| <h3 class="text-xl font-semibold mb-3 text-gray-800">Data Accuracy</h3> |
| <p class="text-gray-600">Minimize errors with automated data collection and validation systems.</p> |
| </div> |
| <div class="bg-white p-8 rounded-xl shadow-sm hover:shadow-md transition duration-300 border border-gray-100"> |
| <div class="w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center mb-4"> |
| <i data-feather="shield" class="text-blue-600"></i> |
| </div> |
| <h3 class="text-xl font-semibold mb-3 text-gray-800">Industry Compliance</h3> |
| <p class="text-gray-600">Stay up-to-date with the latest residential surveying standards and regulations.</p> |
| </div> |
| </div> |
| </div> |
| </section> |
| |
| <section class="py-20 bg-white"> |
| <div class="container mx-auto px-6"> |
| <h2 class="text-3xl font-bold text-center mb-16">What Our Clients Say</h2> |
| <div class="grid md:grid-cols-2 gap-8"> |
| <custom-testimonial |
| name="James Wilson" |
| role="Senior Surveyor, London" |
| quote="Surveyors Hub has transformed our workflow. What used to take days now takes hours." |
| avatar="people/200x200/1"> |
| </custom-testimonial> |
| <custom-testimonial |
| name="Sarah Thompson" |
| role="Property Assessor, Manchester" |
| quote="The reporting tools in Surventrix Reports are unmatched in our industry. Highly recommend!" |
| avatar="people/200x200/2"> |
| </custom-testimonial> |
| </div> |
| </div> |
| </section> |
| |
| <section id="contact" class="py-20 bg-gradient-to-r from-[#1e40af] to-[#3b82f6] text-white"> |
| <div class="container mx-auto px-6 text-center"> |
| <h2 class="text-3xl font-bold mb-6">Ready to Transform Your Surveying Business?</h2> |
| <p class="text-xl mb-8 max-w-2xl mx-auto">Get in touch to schedule a demo or learn more about our solutions.</p> |
| <form class="max-w-md mx-auto"> |
| <div class="flex flex-col md:flex-row gap-4"> |
| <input type="email" placeholder="Your email" class="flex-grow px-4 py-3 rounded-lg text-gray-800"> |
| <button type="submit" class="bg-white text-[#1e40af] px-6 py-3 rounded-lg font-semibold hover:bg-blue-50 transition duration-300">Contact Us</button> |
| </div> |
| </form> |
| </div> |
| </section> |
| <custom-footer></custom-footer> |
|
|
| <script> |
| feather.replace(); |
| </script> |
| <script src="https://huggingface.co/deepsite/deepsite-badge.js"></script> |
| </body> |
| </html> |
