Spaces:
Running
Running
Build a clean, modern, mobile-friendly website for EXVIA Import & Exports Ltd, a Nigerian company that exports agricultural products and imports essential commodities.
222d391 verified | <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>About EXVIA Import & Exports Ltd | Nigerian Agricultural Trade Experts</title> | |
| <meta name="description" content="Learn about EXVIA's mission to export premium Nigerian agricultural products and import essential commodities for local markets."> | |
| <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> | |
| .mission-bg { | |
| background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('http://static.photos/agriculture/1200x400/7'); | |
| background-size: cover; | |
| background-position: center; | |
| } | |
| .transition-slow { | |
| transition: all 0.5s ease; | |
| } | |
| </style> | |
| </head> | |
| <body class="font-sans bg-gray-50"> | |
| <!-- Navigation --> | |
| <nav class="bg-white shadow-sm 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-16"> | |
| <div class="flex items-center"> | |
| <div class="flex-shrink-0 flex items-center"> | |
| <i data-feather="globe" class="h-8 w-8 text-emerald-700"></i> | |
| <span class="ml-2 text-xl font-semibold text-emerald-800">EXVIA</span> | |
| </div> | |
| </div> | |
| <div class="hidden md:ml-6 md:flex md:items-center md:space-x-8"> | |
| <a href="index.html" class="text-gray-700 hover:text-emerald-600 px-3 py-2 text-sm font-medium">Home</a> | |
| <a href="about.html" class="text-emerald-700 border-b-2 border-emerald-700 px-3 py-2 text-sm font-medium">About Us</a> | |
| <a href="products.html" class="text-gray-700 hover:text-emerald-600 px-3 py-2 text-sm font-medium">Products</a> | |
| <a href="contact.html" class="text-gray-700 hover:text-emerald-600 px-3 py-2 text-sm font-medium">Contact</a> | |
| </div> | |
| <div class="-mr-2 flex items-center md:hidden"> | |
| <button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-700 hover:text-emerald-600 focus:outline-none"> | |
| <i data-feather="menu"></i> | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| </nav> | |
| <!-- Page Header --> | |
| <div class="mission-bg text-white py-20 px-4 sm:px-6 lg:px-8"> | |
| <div class="max-w-3xl mx-auto text-center"> | |
| <h1 class="text-4xl md:text-5xl font-bold mb-6" data-aos="fade-up">Our Mission & Vision</h1> | |
| <p class="text-xl" data-aos="fade-up" data-aos-delay="100">Connecting Nigeria's agricultural wealth with global markets while supporting local needs</p> | |
| </div> | |
| </div> | |
| <!-- About Content --> | |
| <div class="py-16 bg-white"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="lg:grid lg:grid-cols-2 lg:gap-12 items-center"> | |
| <div class="mb-12 lg:mb-0" data-aos="fade-right"> | |
| <img src="http://static.photos/office/640x360/2" alt="EXVIA team working" class="rounded-lg shadow-lg w-full"> | |
| </div> | |
| <div data-aos="fade-left"> | |
| <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl mb-6">Our Story</h2> | |
| <p class="text-gray-600 mb-4">Founded in 2010, EXVIA Import & Exports Ltd began as a small trading company in Kano, Nigeria. Recognizing the untapped potential of Nigeria's agricultural sector and the growing need for quality imports, we positioned ourselves as a bridge between local producers and international markets.</p> | |
| <p class="text-gray-600 mb-6">Over the years, we've built strong relationships with farmers across Nigeria and established reliable supply chains to markets in Europe, Asia, and the Middle East. Simultaneously, we've developed import channels to bring essential commodities to Nigerian businesses and consumers.</p> | |
| <div class="bg-emerald-50 p-6 rounded-lg border-l-4 border-emerald-700"> | |
| <p class="text-gray-800 font-medium italic">"Our success comes from understanding both the needs of international buyers and the capabilities of Nigerian producers. This dual perspective allows us to create win-win trade relationships."</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Mission & Vision --> | |
| <div class="py-16 bg-emerald-50"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="grid md:grid-cols-2 gap-12"> | |
| <div class="bg-white p-8 rounded-lg shadow-sm" data-aos="fade-up"> | |
| <div class="flex items-center mb-6"> | |
| <div class="bg-emerald-100 p-3 rounded-full mr-4"> | |
| <i data-feather="target" class="h-6 w-6 text-emerald-700"></i> | |
| </div> | |
| <h3 class="text-2xl font-bold text-gray-900">Our Mission</h3> | |
| </div> | |
| <p class="text-gray-600">To promote Nigeria's agricultural products in global markets while ensuring access to essential imported goods for local businesses and consumers. We commit to fair trade practices that benefit all stakeholders in the supply chain.</p> | |
| </div> | |
| <div class="bg-white p-8 rounded-lg shadow-sm" data-aos="fade-up" data-aos-delay="100"> | |
| <div class="flex items-center mb-6"> | |
| <div class="bg-emerald-100 p-3 rounded-full mr-4"> | |
| <i data-feather="eye" class="h-6 w-6 text-emerald-700"></i> | |
| </div> | |
| <h3 class="text-2xl font-bold text-gray-900">Our Vision</h3> | |
| </div> | |
| <p class="text-gray-600">To become Nigeria's most trusted agricultural export and essential commodity import company, recognized internationally for quality, reliability, and ethical business practices that contribute to Nigeria's economic growth.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Values --> | |
| <div class="py-16 bg-white"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="text-center mb-12"> | |
| <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl" data-aos="fade-up">Our Core Values</h2> | |
| <p class="mt-4 max-w-2xl text-xl text-gray-600 mx-auto" data-aos="fade-up" data-aos-delay="100">Principles that guide every aspect of our business</p> | |
| </div> | |
| <div class="grid md:grid-cols-3 gap-8"> | |
| <div class="bg-gray-50 p-6 rounded-lg" data-aos="fade-up" data-aos-delay="200"> | |
| <div class="bg-emerald-100 p-3 rounded-full inline-flex mb-4"> | |
| <i data-feather="shield" class="h-6 w-6 text-emerald-700"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-gray-900 mb-3">Integrity</h3> | |
| <p class="text-gray-600">We conduct business with honesty and transparency, building trust with farmers, customers, and partners.</p> | |
| </div> | |
| <div class="bg-gray-50 p-6 rounded-lg" data-aos="fade-up" data-aos-delay="300"> | |
| <div class="bg-emerald-100 p-3 rounded-full inline-flex mb-4"> | |
| <i data-feather="award" class="h-6 w-6 text-emerald-700"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-gray-900 mb-3">Quality</h3> | |
| <p class="text-gray-600">From farm to market, we maintain rigorous quality standards that meet international requirements.</p> | |
| </div> | |
| <div class="bg-gray-50 p-6 rounded-lg" data-aos="fade-up" data-aos-delay="400"> | |
| <div class="bg-emerald-100 p-3 rounded-full inline-flex mb-4"> | |
| <i data-feather="users" class="h-6 w-6 text-emerald-700"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-gray-900 mb-3">Partnership</h3> | |
| <p class="text-gray-600">We believe in creating mutually beneficial relationships that support sustainable growth for all parties.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Leadership --> | |
| <div class="py-16 bg-emerald-50"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="text-center mb-12"> | |
| <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl" data-aos="fade-up">Our Leadership</h2> | |
| </div> | |
| <div class="grid md:grid-cols-2 gap-8"> | |
| <div class="bg-white p-8 rounded-lg shadow-sm" data-aos="fade-up"> | |
| <div class="flex flex-col md:flex-row items-center md:items-start"> | |
| <img src="http://static.photos/people/200x200/1" alt="Haruna Zulqarnain" class="w-24 h-24 rounded-full object-cover mb-4 md:mb-0 md:mr-6"> | |
| <div> | |
| <h3 class="text-xl font-bold text-gray-900">Haruna Zulqarnain</h3> | |
| <p class="text-emerald-700 font-medium mb-3">Founder & CEO</p> | |
| <p class="text-gray-600">With over 15 years in agricultural trade, Haruna has built EXVIA into a respected name in Nigerian exports. His deep understanding of both local production and international market requirements drives our quality standards.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-white p-8 rounded-lg shadow-sm" data-aos="fade-up" data-aos-delay="100"> | |
| <h3 class="text-xl font-bold text-gray-900 mb-4">Contact Information</h3> | |
| <ul class="space-y-3 text-gray-600"> | |
| <li class="flex items-start"> | |
| <i data-feather="map-pin" class="mr-3 mt-1 h-5 w-5 text-emerald-700"></i> | |
| <span>123 Trade Avenue, Kano Business District, Kano, Nigeria</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="phone" class="mr-3 mt-1 h-5 w-5 text-emerald-700"></i> | |
| <span>+234 123 456 7890</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="mail" class="mr-3 mt-1 h-5 w-5 text-emerald-700"></i> | |
| <span>info@exvia.com</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="clock" class="mr-3 mt-1 h-5 w-5 text-emerald-700"></i> | |
| <span>Monday - Friday: 8:00 AM - 5:00 PM</span> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- CTA Section --> | |
| <div class="bg-emerald-700"> | |
| <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8 lg:flex lg:items-center lg:justify-between"> | |
| <h2 class="text-3xl font-extrabold tracking-tight text-white sm:text-4xl" data-aos="fade-right"> | |
| <span class="block">Ready to learn more about our operations?</span> | |
| <span class="block text-emerald-200">Contact our team for detailed information.</span> | |
| </h2> | |
| <div class="mt-8 flex lg:mt-0 lg:flex-shrink-0" data-aos="fade-left"> | |
| <a href="contact.html" class="inline-flex items-center justify-center px-6 py-3 border border-transparent text-base font-medium rounded-md text-emerald-700 bg-white hover:bg-gray-100 transition-slow"> | |
| Contact Us | |
| <i data-feather="mail" class="ml-2"></i> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Footer --> | |
| <footer class="bg-gray-800 text-white"> | |
| <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8"> | |
| <div class="grid grid-cols-1 md:grid-cols-4 gap-8"> | |
| <div> | |
| <h3 class="text-lg font-semibold mb-4">EXVIA</h3> | |
| <p class="text-gray-400">Bridging Nigeria's agricultural wealth with global markets while supporting local needs.</p> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-semibold mb-4">Quick Links</h3> | |
| <ul class="space-y-2"> | |
| <li><a href="index.html" class="text-gray-400 hover:text-white transition-slow">Home</a></li> | |
| <li><a href="about.html" class="text-gray-400 hover:text-white transition-slow">About Us</a></li> | |
| <li><a href="products.html" class="text-gray-400 hover:text-white transition-slow">Products</a></li> | |
| <li><a href="contact.html" class="text-gray-400 hover:text-white transition-slow">Contact</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-semibold mb-4">Contact</h3> | |
| <ul class="space-y-2 text-gray-400"> | |
| <li class="flex items-center"><i data-feather="map-pin" class="mr-2 h-4 w-4"></i> Kano, Nigeria</li> | |
| <li class="flex items-center"><i data-feather="phone" class="mr-2 h-4 w-4"></i> +234 XXX XXX XXXX</li> | |
| <li class="flex items-center"><i data-feather="mail" class="mr-2 h-4 w-4"></i> info@exvia.com</li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-semibold mb-4">Follow Us</h3> | |
| <div class="flex space-x-4"> | |
| <a href="#" class="text-gray-400 hover:text-white transition-slow"><i data-feather="facebook"></i></a> | |
| <a href="#" class="text-gray-400 hover:text-white transition-slow"><i data-feather="twitter"></i></a> | |
| <a href="#" class="text-gray-400 hover:text-white transition-slow"><i data-feather="linkedin"></i></a> | |
| <a href="#" class="text-gray-400 hover:text-white transition-slow"><i data-feather="instagram"></i></a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="mt-12 pt-8 border-t border-gray-700 text-center text-gray-400"> | |
| <p>© 2023 EXVIA Import & Exports Ltd. All rights reserved.</p> | |
| </div> | |
| </div> | |
| </footer> | |
| <script> | |
| AOS.init({ | |
| duration: 800, | |
| easing: 'ease-in-out', | |
| once: true | |
| }); | |
| feather.replace(); | |
| </script> | |
| </body> | |
| </html> | |