Empowering the Future of the Caucasus

<!-- Navigation -->
<nav class="bg-white border-b border-slate-200 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 items-center h-16">
      <div class="flex items-center space-x-3">
        <div class="flex space-x-1">
          <div class="w-8 h-8 bg-blue-600 rounded-sm"></div>
          <div class="w-8 h-8 bg-green-500 rounded-sm"></div>
          <div class="w-8 h-8 bg-yellow-400 rounded-sm"></div>
          <div class="w-8 h-8 bg-orange-500 rounded-sm"></div>
        </div>
        <span class="text-xl font-bold text-slate-800">Microsoft</span>
        <span class="text-sm font-medium text-slate-500">| Caucasian Division</span>
      </div>
      <div class="hidden md:flex items-center space-x-8">
        <a href="#about" class="text-slate-600 hover:text-blue-600 transition font-medium">About</a>
        <a href="#solutions" class="text-slate-600 hover:text-blue-600 transition font-medium">Solutions</a>
        <a href="#impact" class="text-slate-600 hover:text-blue-600 transition font-medium">Impact</a>
        <a href="#partners" class="text-slate-600 hover:text-blue-600 transition font-medium">Partners</a>
        <a href="#contact" class="bg-blue-600 text-white px-5 py-2 rounded-lg hover:bg-blue-700 transition font-medium">Contact Us</a>
      </div>
      <button class="md:hidden text-slate-600">
        <i data-lucide="menu" class="w-6 h-6"></i>
      </button>
    </div>
  </div>
</nav>

<!-- Hero Section -->
<section class="relative bg-gradient-to-br from-slate-900 via-blue-900 to-slate-900 overflow-hidden">
  <div class="absolute inset-0 opacity-20">
    <div class="absolute top-20 left-20 w-72 h-72 bg-blue-500 rounded-full blur-3xl"></div>
    <div class="absolute bottom-20 right-20 w-96 h-96 bg-cyan-500 rounded-full blur-3xl"></div>
  </div>
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-24 md:py-32 relative">
    <div class="grid md:grid-cols-2 gap-12 items-center">
      <div>
        <div class="inline-flex items-center bg-blue-500/20 text-blue-300 px-4 py-2 rounded-full text-sm font-medium mb-6">
          <i data-lucide="globe" class="w-4 h-4 mr-2"></i>
          Serving the Caucasus Region
        </div>
        <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold text-white leading-tight mb-6">
          Empowering the <span class="text-blue-400">Future</span> of the Caucasus
        </h1>
        <p class="text-lg text-slate-300 mb-8 leading-relaxed">
          Microsoft Caucasian Division is dedicated to driving digital transformation across Georgia, Armenia, Azerbaijan, and the broader Caucasus region through innovative cloud solutions, AI technology, and strategic partnerships.
        </p>
        <div class="flex flex-col sm:flex-row gap-4">
          <a href="#solutions" class="bg-blue-600 text-white px-8 py-4 rounded-lg hover:bg-blue-700 transition font-semibold text-center flex:flex items-center justify-center">
            Explore Solutions <i data-lucide="arrow-right" class="w-5 h-5 ml-2"></i>
          </a>
          <a href="#about" class="border border-slate-500 text-white px-8 py-4 rounded-lg hover:bg-white/10 transition font-semibold text-center">
            Learn More
          </a>
        </div>
      </div>
      <div class="relative">
        <div class="bg-gradient-to-br from-blue-500/20 to-cyan-500/20 rounded-2xl p-8 backdrop-blur-sm border border-white/10">
          <div class="grid grid-cols-2 gap-4">
            <div class="bg-white/10 rounded-xl p-6">
              <i data-lucide="cloud" class="w-10 h-10 text-blue-400 mb-3"></i>
              <div class="text-3xl font-bold text-white">500+</div>
              <div class="text-slate-300 text-sm">Enterprise Clients</div>
            </div>
            <div class="bg-white/10 rounded-xl p-6">
              <i data-lucide="users" class="w-10 h-10 text-cyan-400 mb-3"></i>
              <div class="text-3xl font-bold text-white">2.5M</div>
              <div class="text-slate-300 text-sm">Users Reached</div>
            </div>
            <div class="bg-white/10 rounded-xl p-6">
              <i data-lucide="building" class="w-10 h-10 text-emerald-400 mb-3"></i>
              <div class="text-3xl font-bold text-white">15</div>
              <div class="text-slate-300 text-sm">Years in Region</div>
            </div>
            <div class="bg-white/10 rounded-xl p-6">
              <i data-lucide="award" class="w-10 h-10 text-yellow-400 mb-3"></i>
              <div class="text-3xl font-bold text-white">45+</div>
              <div class="text-slate-300 text-sm">Awards Won</div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- About Section -->
<section id="about" class="py-20 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-16 items-center">
      <div>
        <div class="bg-gradient-to-br from-slate-100 to-blue-100 rounded-2xl h-80">
          <div class="flex items-center justify-center h-full">
            <div class="text-center">
              <i data-lucide="map-pin" class="w-24 h-24 text-blue-500 mx-auto mb-4"></i>
              <div class="text-slate-600 font-medium">Headquarters: Tbilisi, Georgia</div>
            </div>
          </div>
        </div>
      </div>
      <div>
        <div class="inline-flex items-center text-blue-600 font-semibold text-sm mb-4">
          <i data-lucide="sparkles" class="w-4 h-4 mr-2"></i>
 Elevation Experience
        </div>
        <h2 class="text-3xl md:text-4xl font-bold text-slate-800 mb-6">
          Bridging Technology & Culture in the Caucasus
        </h2>
        <p class="text-slate-600 mb-6 leading-relaxed">
          Since 2009, Microsoft Caucasian Division has been at the forefront of digital innovation in the region. We understand the unique challenges and opportunities that businesses face in Georgia, Armenia, and Azerbaijan, and we tailor our solutions to meet these specific needs.
        </p>
        <p class="text-slate-600 mb-8 leading-relaxed">
          Our team of over 200 local experts combines deep regional knowledge with Microsoft's global expertise to deliver transformative solutions that drive growth, enhance productivity, and foster innovation across all sectors.
        </p>
        <div class="flex items-center space-x-6">
          <div class="flex items-center text-slate-700">
            <i data-lucide="check-circle" class="w-5 h-5 text-green-500 mr-2"></i>
            <span>Local Support</span>
          </div>
          <div class="flex items-center text-slate-700">
            <i data-lucide="check-circle" class="w-5 h-5 text-green-500 mr-2"></i>
            <span>24/7 Availability</span>
          </div>
          <div class="flex items-center text-slate-700">
            <i data-lucide="check-circle" class="w-5 h-5 text-green-500 mr-2"></i>
            <span>Enterprise Grade</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- Solutions Section -->
<section id="solutions" class="py-20 bg-slate-50">
  <div classgy mx-auto px-4 sm:px-6 lg:px-8">
    <div class="text-center mb-16">
      <div class="inline-flex items-center text-blue-600 font-semibold text-sm mb-4">
        <i data-lucide="layers" class="w-4 h-4 mr-2"></i>
        Our Solutions
     
      <h2 class="text-3xl md:text-4xl font-bold text-slate-800 mb-4">
        Comprehensive Technology Solutions
       
      <p class="text-slate-600 max-w-2xl mx-auto">
        From cloud infrastructure to AI-powered insights, we provide end-to-end solutions designed for the Caucasus market.
      </p>
    </div>
    
    <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
      <!-- Solution Card 1 -->
      <div class="bg-white rounded-2xl p-8 shadow-sm hover:shadow-lg transition border border-slate-100">
        <div class="w-14 h-14 bg-blue-100 rounded-xl flex items-center justify-center mb-6">
          <i data-lucide="cloud" class="w-7 h-7 text-blue-600"></i>
        </div>
        <h3 class="text-xl font-bold text-slate-800 mb-3">Azure Cloud Services</h3>
        <p class="text-slate-600 mb-4">
          Scalable, secure cloud infrastructure with data centers strategically located for optimal performance across the Caucasus region.
        </p>
        <a href="#" class="text-blue-600 font-medium flex items-center hover:text-blue-700">
          Learn More <i data-lucide="chevron-right" class="w-4 h-4 ml-1"></i>
        </a>
      </div>
      
      <!-- Solution Card 2 -->
      <div class="bg-white rounded-2xl p-8 shadow-sm hover:shadow-lg transition border border-slate-100">
        <div class="w-14 h-14 bg-emerald-100 rounded-xl flex items-center justify-center mb-6">
          <i data-lucide="cpu" class="w-7 h-7 text-emerald-600"></i>
        </div>
        <h3 class="text-xl font-bold text-slate-800 mb-3">AI & Machine Learning</h3>
        <p class="text-slate-600 mb-4">
          Harness the power of Azure AI and Cognitive Services to drive intelligent automation and data-driven decision making.
        </p>
        <a href="#" class="text-blue-600 font-medium flex items-center hover:text-blue-700">
          Learn More <i data-lucide="chevron-right" class="w-4 h-4 ml-1"></i>
        </a>
      </div>
      
      <!-- Solution Card 3 -->
      <div class="bg-white rounded-2xl p-8 shadow-sm hover:shadow-lg transition border border-slate-100">
        <div class="w-14 h-14 bg-purple-100 rounded-xl flex items-center justify-center mb-6">
          <i data-lucide="shield" class="w-7 h-7 text-purple-600"></i>
        </div>
        <h3 class="text-xl font-bold text-slate-800 mb-3">Security & Compliance</h3>
        <p class="text-slate-600 mb-4">
          Enterprise-grade security solutions designed to meet regional compliance requirements and protect your digital assets.
        </p>
        <a href="#" class="text-blue-600 font-medium flex items-center hover:text-blue-700">
          Learn More <i data-lucide="chevron-right" class="w-4 h-4 ml-1"></i>
        </a>
      </div>
      
      <!-- Solution Card 4 -->
      <div class="bg-white rounded-2xl p-8 shadow-sm hover:shadow-lg transition border border-slate-100">
        <div class="w-14 h-14 bg-orange-100 rounded-xl flex items-center justify-center mb-6">
          <i data-lucide="briefcase" class="w-7 h-7 text-orange-600"></i>
        </div>
        <h3 class="text-xl font-bold text-slate-800 mb-3">Microsoft 365</h3>
        <p class="text-slate-600 mb-4">
          Complete productivity suite with collaboration tools, email, and applications designed for modern workplaces.
        </p>
        <a href="#" class="text-blue-600 font-medium flex items-center hover:text-blue-700">
          Learn More <i data-lucide="chevron-right" class="w-4 h-4 ml-1"></i>
        </a>
      </div>
      
      <!-- Solution Card 5 -->
      <div class="bg-white rounded-2xl p-8 shadow-sm hover:shadow-lg transition border border-slate-100">
        <div class="w-14 h-14 bg-cyan-100 rounded-xl flex items-center justify-center mb-6">
          <i data-lucide="database" class="w-7 h-7 text-cyan-600"></i>
        </div>
        <h3 class="text-xl font-bold text-slate-800 mb-3">Data Analytics</h3>
        <p class="text-slate-600 mb-4">
          Transform raw data into actionable insights with Power BI, Azure Synapse, and advanced analytics platforms.
        </p>
        <a href="#" class="text-blue-600 font-medium flex items-center hover:text-blue-700">
          Learn More <i data-lucide="chevron-right" class="w-4 h-4 ml-1"></i>
        </a>
      </div>
      
      <!-- Solution Card 6 -->
      <div class="bg-white rounded-2xl p-8 shadow-sm hover:shadow-lg transition border border-slate-100">
        <div class="w-14 h-14 bg-pink-100 rounded-xl flex items-center justify-center mb-6">
          <i data-lucide="users" class="w-7 h-7 text-pink-600"></i>
        </div>
        <h3 class="text-xl font-bold text-slate-800 mb-3">Dynamics 365</h3>
        <p class="text-slate-600 mb-4">
          Integrated ERP and CRM solutions to streamline operations and enhance customer relationships.
        </p>
        <a href="#" class="text-blue-600 font-medium flex items-center hover:text-blue-700">
          Learn More <i data-lucide="chevron-right" class="w-4 h-4 ml-1"></i>
        </a>
      </div>
    </div>
  </div>
</section>

<!-- Impact Section -->
<section id="impact" class="py-20 bg-gradient-to-br from-blue-600 to-cyan-600">
  <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-white mb-4">
        Our Impact Across the Region
      </h2>
      <p class="text-blue-100 schedulax-w-2xl mx-auto text-lg">
        Driving digital transformation that creates lasting value for businesses and communities.
      </p>
    </div>
    
    <div class="grid md:grid-cols-4 gap-8">
      <div class="text-center">
        <div class="text-3xl md:text-4xl font-bold text-white mb-2">$2.8B</div>
        <div class="text-blue-200">Economic Impact</div>
      </div>
      <div class="text-center">
        <div class="text-3xl md:text-4xl font-bold text-white mb-2">50,000+</div>
        <div class="text-blue-200">Jobs Supported</div>
      </div>
      <div class="text-center">
        <div class="text-3xl md:text-4xl font-bold text-white mb-2">1,200+</div>
        <div class="text-blue-200">Partners Network</div>
      </div>
      <div class="text-center">
        <div class="text-3xl md:text-4xl font-bold text-white mb-2">95%</div>
        <div class="text-blue-200">Client Satisfaction</div>
      </div>
    </div>
    
    <div class="mt-16 grid md:grid-cols-3 gap-8">
      <div class="bg-white/10 backdrop-blur-sm rounded-xl p-6">
        <i data-lucide="graduation-cap" class="w-10 h-10 text-white mb-4"></i>
        <h3 class="text-xl font-bold text-white mb-2">Education Programs</h3>
        <p class="text-blue-200">
          Trained over 100,000 students and professionals through Microsoft Learn and partner institutions.
        </p>
      </div>
      <div class="bg-white/10 backdrop-blur-sm rounded-xl p-6">
        <i data-lucide="leaf" class="w-10 h-10 text-white mb-4"></i>
        <h3 class="text-xl font-bold text-white mb-2">Sustainability</h3>
        <p class="text-blue-200">
          Committed to carbon negative operations by 2030, supporting green initiatives across the region.
        </p>
      </div>
      <div class="bg-white/10 backdrop-blur-sm rounded-xl p-6">
        <i data-lucide="heart" class="w-10 h-10 text-white mb-4"></i>
        <h3 class="text-xl font-bold text-white mb-2">Community Investment</h3>
        <p class="text-blue-200">
          $50M+ invested in local community programs, digital literacy initiatives, and nonprofit support.
        </p>
      </div>
    </div>
  </div>
</section>

<!-- Partners Section -->
<section id="partners" class="py-20 bg-white">
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
    <div class="text-center mb-16">
      <div class="inline-flex items-center text-blue-600 font-semibold text-sm mb-4">
        <i data-lucide="building" class="w-4 h-4 mr-2"></i>
        Trusted By
      </div>
      <h2 class="text-3xl md:text-4xl font-bold text-slate-800 mb-4">
        Our Partners Across the Caucasus
      </h2>
      <p class="text-slate-600 max-w-2xl mx-auto">
        We work with leading organizations to deliver exceptional results and drive innovation.
      </p>
    </div>
    
    <div class="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 gap-8">
      <!-- Partner logos as colored divs -->
      <div class="bg-gradient-to-br from-slate-100 to-slate-200 rounded-xl h-20 flex items-center justify-center">
        <div class="text-slate-500 font-bold">TBC Bank</div>
      </div>
      <div class="bg-gradient-to-br from-orange-100 to-orange-200 rounded-xl h-20 flex items-center justify-center">
        <div class="text-orange-600 font-bold">Silk Road</div>
      </div>
      <div class="bg-gradient-to-br from-blue-100 to-blue-200 rounded-xl h-20 flex items-center justify-center">
        <div class="text-blue-600 font-bold">Geocell</div>
      </div>
      <div class="bg-gradient-to-br from-red-100 to-red-200 rounded-xl h-20 flex items-center justify-center">
        <div class="text-red-600 font-bold">ArmenTel</div>
      </div>
      <div class="bg-gradient-to-br from-emerald-100 to-emerald-200 rounded-xl h-20 flex items-center justify-center">
        <div class="text-emerald-600 font-bold">Azercell</div>
      </div>
      <div class="bg-gradient-to-br from-purple-100 to-purple-200 rounded-xl h-20 flex items-center justify-center">
        <div class="text-purple-600 font-bold">SOCAR</div>
      </div>
      <div class="bg-gradient-to-br from-cyan-100 to-cyan-200 rounded-xl h-20 flex items-center justify-center">
        <div class="text-cyan-600 font-bold">MAGTI</div>
      </div>
      <div class="bg-gradient-to-br from-yellow-100 to-yellow-200 rounded-xl h-20 flex items-center justify-center">
        <div class="text-yellow-600 font-bold">TBCConcept</div>
      </div>
      <div class="bg-gradient-to-br from-pink-100 to-pink-200 rounded-xl h-20 flex items-center justify-center">
        <div class="text-pink-600 font-bold">VTB</div>
      </div>
      <div class="bg-gradient-to-br from-indigo-100 to-indigo-200 rounded-xl h-20 flex items-center justify-center">
        <div class="text-indigo-600 font-bold">Evocabank</div>
      </div>
      <div class="bg-gradient-to-br from-teal-100 to-teal-200 rounded-xl h-20 flex items-center justify-center">
        <div class="text-teal-600 font-bold">PASHA Bank</div>
      </div>
      <div class="bg-gradient-to-br from-rose-100 to-rose-200 rounded-xl h-20 flex items-center justify-center">
        <div class="text-rose-600 font-bold">AzerGold</div>
      </div>
    </div>
  </div>
</section>

<!-- Testimonials Section -->
<section class="py-20 bg-slate-50">
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
    <div class="text-center mb-16">
      <div class="inline-flex items-center text-blue-600 font-semibold text-sm mb-4">
        <i data-lucide="message-circle" class="w-4 h-4 mr-2"></i>
        Testimonials
      </div>
      <h2 class="text-3xl md:text-4xl font-bold text-slate-800 mb-4">
        What Our Clients Say
      </h2>
    </div>
    
    <div class="grid md:grid-cols-3 gap-8">
      <!-- Testimonial 1 -->
      <div class="bg-white rounded-2xl p-8 shadow-sm border border-slate-100">
        <div class="flex items-center mb-4">
          <i data-lucide="star" class="w-5 h-5 text-yellow-400 fill-current"></i>
          <i data-lucide="star" class="w-5 h-5 text-yellow-400 fill-current"></i>
          <i data-lucide="star" class="w-5 h-5 text-yellow-400 fill-current"></i>
          <i data-lucide="star" class="w-5 h-5 text-yellow-400 fill-current"></i>
          <i data-lucide="star" class="w-5 h-5 text-yellow-400 fill-current"></i>
        </div>
        <p class="text-slate-600 mb-6 italic">
          "Microsoft's cloud solutions transformed our banking operations. The local team's understanding of regional requirements made the transition seamless and efficient."
        </p>
        <div class="flex items-center">
          <div class="w-12 h-12 bg-gradient-to-br from-blue-400 to-blue-600 rounded-full flex items-center justify-center text-white font-bold">
            G
          </div>
          <div class="ml-4">
            <div class="font-semibold text-slate-800">Gigi Tevzadze</div>
            <div class="text-sm text-slate-500">CTO, TBC Bank</div>
          </div>
        </div>
      </div>
      
      <!-- Testimonial 2 -->
      <div class="bg-white rounded-2xl p-8 shadow-sm border border-slate-100">
        <div class="flex items-center mb-4">
          <i data-lucide="star" class="w-5 h-5 text-yellow-400 fill-current"></i>
          <i data-lucide="star" class="w-5 h-5 text-yellow-400 fill-current"></i>
          <i data-lucide="star" class="w-5 h-5 text-yellow-400 fill-current"></i>
          <i data-lucide="star" class="w-5 h-5 text-yellow-400 fill-current"></i>
          <i data-lucide="star" class="w-5 h-5 text-yellow-400 fill-current"></i>
        </div>
        <p class="text-slate-600 mb-6 italic">
          "The AI and analytics solutions provided by Microsoft helped us optimize our energy distribution network, resulting in 30% cost savings."
        </p>
        <div class="flex items-center">
          <div class="w-12 h-12 bg-gradient-to-br from-orange-400 to-orange-600 rounded-full flex items-center justify-center text-white font-bold">
            A
          </div>
          <div class="ml-4">
            <div class="font-semibold text-slate-800">Anar Mammadov</div>
            <div class="text-sm text-slate-500">Director, SOCAR</div>
          </div>
        </div>
      </div>
      
      <!-- Testimonial 3 -->
      <div class="bg-white rounded-2xl p-8 shadow-sm border border-slate-100">
        <div class="flex items-center mb-4">
          <i data-lucide="star" class="w-5 h-5 text-yellow-400 fill-current"></i>
          <i data-lucide="star" class="w-5 h-5 text-yellow-400 fill-current"></i>
          <i data-lucide="star" class="w-5 h-5 text-yellow-400 fill-current"></i>
          <i data-lucide="star" class="w-5 h-5 text-yellow-400 fill-current"></i>
          <i data-lucide="star" class="w-5 h-5 text-yellow-400 fill-current"></i>
        </div>
        <p class="text-slate-600 mb-6 italic">
          "Microsoft's educational initiatives have been instrumental in developing Armenia's tech talent pipeline. The impact on our startup ecosystem is remarkable."
        </p>
        <div class="flex items-center">
          <div class="w-12 h-12 bg-gradient-to-br from-purple-400 to-purple-600 rounded-full flex items-center justify-center text-white font-bold">
            M
          </div>
          <div class="ml-4">
            <div class="font-semibold text-slate-800">Maria Harutyunyan</div>
            <div class="text-sm text-slate-500">CEO, PicsArt Armenia</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- CTA Section -->
<section class="py-20 bg-white">
  <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
    <div class="bg-gradient-to-br from-slate-900 to-blue-900 rounded-3xl p-12 text-center relative overflow-hidden">
      <div class="absolute top-0 right-0 w-64 h-64 bg-blue-500 rounded-full blur-3xl opacity-30"></div>
      <div class="absolute bottom-0 left-0 w-64 h-64 bg-cyan-500 rounded-full blur-3xl opacity-30"></div>
      <div class="relative">
        <h2 class="text-3xl md:text-4xl font-bold text-white mb-4">
          Ready to Transform Your Business?
        </h2>
        <p class="text-slate-300 text-lg mb-8 max-w-2xl mx-auto">
          Connect with our team of experts to discover how Microsoft solutions can accelerate your digital transformation journey in the Caucasus region.
        </p>
        <div class="flex flex-col sm:flex-row gap-4 justify-center">
          <a href="#contact" class="bg-blue-600 text-white px-8 py-4 rounded-lg hover:bg-blue-700 transition font-semibold inline-flex items-center justify-center">
            <i data-lucide="calendar" class="w-5 h-5 mr-2"></i>
            Book a Consultation
          </a>
          <a href="#" class="border border-slate-400 text-white px-8 py-4 rounded-lg hover:bg-white/10 transition font-semibold inline-flex items-center justify-center">
            <i data-lucide="download" class="w-5 h-5 mr-2"></i>
            Download Brochure
          </a>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- Contact Section -->
<section id="contact" class="py-20 bg-slate-50">
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
    <div class="grid md:grid-cols-2 gap-16">
      <div>
        <div class="inline-flex items-center text-blue-600 font-semibold text-sm mb-4">
          <i data-lucide="at-sign" class="w-4 h-4 mr-2"></i>
          Get in Touch
        </div>
        <h2 class="text-3xl md:text-4xl font-bold text-slate-800 mb-6">
          Let's Start a Conversation
        </h2>
        <p class="text-slate-600 mb-8">
          Our regional offices across the Caucasus are ready to support your business needs. Reach out to us for personalized solutions and support.
        </p>
        
        <div class="space-y-6">
          <div class="flex items-start">
            <div class="w-12 h-12 bg-blue-100 rounded-xl flex items-center justify-center mr-4">
              <i data-lucide="map-pin" class="w-5 h-5 text-blue-600"></i>
            </div>
            <div>
              <h4 class="font-semibold text-slate-800">Regional Headquarters</h4>
              <p class="text-slate-600">1st Avenue, Tbilisi 0105, Georgia</p>
            </div>
          </div>
          
          <div class="flex items-start">
            <div class="w-12 h-12 bg-emerald-100 rounded-xl flex items-center justify-center mr-4">
              <i data-lucide="phone" class="w-5 h-5 text-emerald-600"></i>
            </div>
            <div>
              <h4 class="font-semibold text-slate-800">Phone</h4>
              <p class="text-slate-600">+995 32 999 0000</p>
            </div>
          </div>
          
          <div class="flex items-start">
            <div class="w-12 h-12 bg-purple-100 rounded-xl flex items-center justify-center mr-4">
              <i data-lucide="mail" class="w-5 h-5 text-purple-600"></i>
            </div>
            <div>
              <h4 class="font-semibold text-slate-800">Email</h4>
              <p class="text-slate-600">contact@caucasus.microsoft.com</p>
            </div>
          </div>
          
          <div class="flex items-start">
            <div class="w-12 h-12 bg-orange-100 rounded-xl flex items-center justify-center mr-4">
              <i data-lucide="clock" class="w-5 h-5 text-orange-600"></i>
            </div>
            <div>
              <h4 class="font-semibold text-slate-800">Business Hours</h4>
              <p class="text-slate-600">Monday - Friday: 9:00 AM - 6:00 PM</p>
            </div>
          </div>
        </div>
      </div>
      
      <div class="bg-white rounded-2xl p-8 shadow-sm border border-slate-100">
        <h3 class="text-xl font-bold text-slate-800 mb-6">Send Us a Message</h3>
        <form class="space-y-6">
          <div class="grid md:grid-cols-2 gap-4">
            <div>
              <label class="block text-sm font-medium text-slate-700 mb-2">First Name</label>
              <input type="text" class="w-full px-4 py-3 border border-slate-200 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent outline-none transition" placeholder="John">
            </div>
            <div>
              <label class="block text-sm font-medium text-slate-700 mb-2">Last Name</label>
              <input type="text" class="w-full px-4 py-3 border border-slate-200 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent outline-none transition" placeholder="Doe">
            </div>
          </div>
          
          <div>
            <label class="block text-sm font-medium text-slate-700 mb-2">Email</label>
            <input type="email" class="w-full px-4 py-3 border border-slate-200 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent outline-none transition" placeholder="john@company.com">
          </div>
          
          <div>
            <label class="block text-sm font-medium text-slate-700 mb-2">Country</label>
            <select class="w-full px-4 py-3 border border-slate-200 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent outline-none transition bg-white">
              <option>Georgia</option>
              <option>Armenia</option>
              <option>Azerbaijan</option>
              <option>Other</option>
            </select>
          </div>
          
          <div>
            <label class="block text-sm font-medium text-slate-700 mb-2">Message</label>
            <textarea rows="4" class="w-full px-4 py-3 border border-slate-200 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent outline-none transition resize-none" placeholder="Tell us about your project..."></textarea>
          </div>
          
          <button type="submit" class="w-full bg-blue-600 text-white py-3 rounded-lg hover:bg-blue-700 transition font-semibold flex items-center justify-center">
            Send Message <i data-lucide="send" class="w-5 h-5 ml-2"></i>
          </button>
        </form>
      </div>
    </div>
  </div>
</section>

<!-- Footer -->
<footer class="bg-slate-900 text-white py-16">
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
    <div class="grid md:grid-cols-4 gap-8 mb-12">
      <div>
        <div class="flex items-center space-x-3 mb-6">
          <div class="flex space-x-1">
            <div class="w-6 h-6 bg-blue-600 rounded-sm"></div>
            <div class="w-6 h-6 bg-green-500 rounded-sm"></div>
            <div class="w-6 h-6 bg-yellow-400 rounded-sm"></div>
            <div class="w-6 h-6 bg-orange-500 rounded-sm"></div>
          </div>
          <span class="text-lg font-bold">Microsoft</span>
        </div>
        <p class="text-slate-400 mb-4">
          Empowering the Caucasus region through innovation, technology, and strategic partnerships.
        </p>
        <div class="flex space-x-4">
          <a href="#" class="w-10 h-10 bg-slate-800 rounded-lg flex items-center justify-center hover:bg-blue-600 transition">
            <i data-lucide="linkedin" class="w-5 h-5"></i>
          </a>
          <a href="#" class="w-10 h-10 bg-slate-800 rounded-lg flex items-center justify-center hover:bg-blue-600 transition">
            <i data-lucide="twitter" class="w-5 h-5"></i>
          </a>
          <a href="#" class="w-10 h-10 bg-slate-800 rounded-lg flex items-center justify-center hover:bg-blue-600 transition">
            <i data-lucide="facebook" class="w-5 h-5"></i>
          </a>
          <a href="#" class="w-10 h-10 bg-slate-800 rounded-lg flex items-center justify-center hover:bg-blue-600 transition">
            <i data-lucide="youtube" class="w-5 h-5"></i>
          </a>
        </div>
      </div>
      
      <div>
        <h4 class="font-semibold mb-4">Products</h4>
        <ul class="space-y-3 text-slate-400">
          <li><a href="#" class="hover:text-white transition">Azure</a></li>
          <li><a href="#" class="hover:text-white transition">Microsoft 365</a></li>
          <li><a href="#" class="hover:text-white transition">Dynamics 365</a></li>
          <li><a href="#" class="hover:text-white transition">Power Platform</a></li>
          <li><a href="#" class="hover:text-white transition">Windows</a></li>
        </ul>
      </div>
      
      <div>
        <h4 class="font-semibold mb-4">Resources</h4>
        <ul class="space-y-3 text-slate-400">
          <li><a href="#" class="hover:text-white transition">Documentation</a></li>
          <li><a href="#" class="hover:text-white transition">Training</a></li>
          <li><a href="#" class="hover:text-white transition">Community</a></li>
          <li><a href="#" class="hover:text-white transition">Blog</a></li>
          <li><a href="#" class="hover:text-white transition">Events</a></li>
        </ul>
      </div>
      
      <div>
        <h4 class="font-semibold mb-4">Company</h4>
        <ul class="space-y-3 text-slate-400">
          <li><a href="#" class="hover:text-white transition">About Us</a></li>
          <li><a href="#" class="hover:text-white transition">Careers</a></li>
          <li><a href="#" class="hover:text-white transition">Press</a></li>
          <li><a href="#" class="hover:text-white transition">Contact</a></li>
          <li><a href="#" class="hover:text-white transition">Partners</a></li>
        </ul>
      </div>
    </div>
    
    <div class="border-t border-slate-800 pt-8 flex flex-col md:flex-row justify-between items-center">
      <p class="text-slate-400 text-sm">
        © ortenMicrosoft Corporation. All rights reserved.
      </p>
      <div class="flex space-x-6 mt-4 md:mt-0 text-sm text-slate-400">
        <a href="#" class="hover:text-white transition">Privacy</a>
        <a href="#" class="hover:text-white transition">Terms</a>
        <a href="#" class="hover:text-white transition">Cookies</a>
        <a href="#" class="hover:text-white transition">Trademarks</a>
      </div>
    </div>
  </div>
</footer>