Digital Marketing & Growth

<section class="bg-gradient-to-br from-blue-900 via-purple-900 to-indigo-900 text-white py-24"> <div class="container mx-auto px-6"> <div class="max-w-4xl mx-auto text-center"> <div class="text-6xl mb-6"> <i class="fas fa-chart-line"></i> </div> <h1 class="text-4xl md:text-5xl font-bold mb-6"> Digital Marketing & Growth </h1> <p class="text-xl text-gray-200"> Transform your brand with data-driven digital marketing strategies that deliver measurable results. </p> </div> </div> </section>  <section class="py-20"> <div class="container mx-auto px-6"> <div class="max-w-6xl mx-auto"> <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-12 text-center"> What We Offer </h2> <div class="grid grid-cols-1 md:grid-cols-2 gap-8"> <div class="flex items-start space-x-4 opacity-0 animate-fade-in-up animate-delay-1"> <div class="flex-shrink-0"> <div class="w-12 h-12 bg-primary text-white rounded-lg flex items-center justify-center"> <i class="fas fa-check"></i> </div> </div> <div> <h3 class="text-xl font-semibold text-gray-900 mb-2">SEO & Content Marketing</h3> <p class="text-gray-600">Expert solutions tailored to your specific needs</p> </div> </div> <div class="flex items-start space-x-4 opacity-0 animate-fade-in-up animate-delay-2"> <div class="flex-shrink-0"> <div class="w-12 h-12 bg-primary text-white rounded-lg flex items-center justify-center"> <i class="fas fa-check"></i> </div> </div> <div> <h3 class="text-xl font-semibold text-gray-900 mb-2">Social Media Management</h3> <p class="text-gray-600">Expert solutions tailored to your specific needs</p> </div> </div> <div class="flex items-start space-x-4 opacity-0 animate-fade-in-up animate-delay-3"> <div class="flex-shrink-0"> <div class="w-12 h-12 bg-primary text-white rounded-lg flex items-center justify-center"> <i class="fas fa-check"></i> </div> </div> <div> <h3 class="text-xl font-semibold text-gray-900 mb-2">PPC & Paid Advertising</h3> <p class="text-gray-600">Expert solutions tailored to your specific needs</p> </div> </div> <div class="flex items-start space-x-4 opacity-0 animate-fade-in-up animate-delay-4"> <div class="flex-shrink-0"> <div class="w-12 h-12 bg-primary text-white rounded-lg flex items-center justify-center"> <i class="fas fa-check"></i> </div> </div> <div> <h3 class="text-xl font-semibold text-gray-900 mb-2">Email Marketing Campaigns</h3> <p class="text-gray-600">Expert solutions tailored to your specific needs</p> </div> </div> <div class="flex items-start space-x-4 opacity-0 animate-fade-in-up animate-delay-5"> <div class="flex-shrink-0"> <div class="w-12 h-12 bg-primary text-white rounded-lg flex items-center justify-center"> <i class="fas fa-check"></i> </div> </div> <div> <h3 class="text-xl font-semibold text-gray-900 mb-2">Analytics & Reporting</h3> <p class="text-gray-600">Expert solutions tailored to your specific needs</p> </div> </div> <div class="flex items-start space-x-4 opacity-0 animate-fade-in-up animate-delay-6"> <div class="flex-shrink-0"> <div class="w-12 h-12 bg-primary text-white rounded-lg flex items-center justify-center"> <i class="fas fa-check"></i> </div> </div> <div> <h3 class="text-xl font-semibold text-gray-900 mb-2">Conversion Optimization</h3> <p class="text-gray-600">Expert solutions tailored to your specific needs</p> </div> </div> </div> </div> </div> </section>  <section class="bg-gray-100 py-20"> <div class="container mx-auto px-6"> <div class="max-w-6xl mx-auto"> <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-12 text-center"> Key Benefits </h2> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> <div class="bg-white p-6 rounded-xl shadow-lg opacity-0 animate-fade-in-up animate-delay-1"> <div class="text-3xl text-primary mb-4"> <i class="fas fa-star"></i> </div> <p class="text-gray-700 font-medium">Increased brand visibility and online presence</p> </div> <div class="bg-white p-6 rounded-xl shadow-lg opacity-0 animate-fade-in-up animate-delay-2"> <div class="text-3xl text-primary mb-4"> <i class="fas fa-star"></i> </div> <p class="text-gray-700 font-medium">Higher ROI on marketing investments</p> </div> <div class="bg-white p-6 rounded-xl shadow-lg opacity-0 animate-fade-in-up animate-delay-3"> <div class="text-3xl text-primary mb-4"> <i class="fas fa-star"></i> </div> <p class="text-gray-700 font-medium">Targeted audience engagement</p> </div> <div class="bg-white p-6 rounded-xl shadow-lg opacity-0 animate-fade-in-up animate-delay-4"> <div class="text-3xl text-primary mb-4"> <i class="fas fa-star"></i> </div> <p class="text-gray-700 font-medium">Data-driven decision making</p> </div> <div class="bg-white p-6 rounded-xl shadow-lg opacity-0 animate-fade-in-up animate-delay-5"> <div class="text-3xl text-primary mb-4"> <i class="fas fa-star"></i> </div> <p class="text-gray-700 font-medium">Sustainable long-term growth</p> </div> </div> </div> </div> </section>  <section class="py-20"> <div class="container mx-auto px-6"> <div class="max-w-6xl mx-auto"> <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-12 text-center"> Our Process </h2> <div class="grid grid-cols-1 md:grid-cols-4 gap-8"> <div class="text-center"> <div class="w-16 h-16 bg-primary text-white rounded-full flex items-center justify-center text-2xl font-bold mx-auto mb-4"> 1 </div> <h3 class="text-xl font-semibold text-gray-900 mb-2">Discovery</h3> <p class="text-gray-600">We understand your goals and requirements</p> </div> <div class="text-center"> <div class="w-16 h-16 bg-secondary text-white rounded-full flex items-center justify-center text-2xl font-bold mx-auto mb-4"> 2 </div> <h3 class="text-xl font-semibold text-gray-900 mb-2">Strategy</h3> <p class="text-gray-600">We develop a customized action plan</p> </div> <div class="text-center"> <div class="w-16 h-16 bg-accent text-white rounded-full flex items-center justify-center text-2xl font-bold mx-auto mb-4"> 3 </div> <h3 class="text-xl font-semibold text-gray-900 mb-2">Execution</h3> <p class="text-gray-600">We implement with precision and expertise</p> </div> <div class="text-center"> <div class="w-16 h-16 bg-primary text-white rounded-full flex items-center justify-center text-2xl font-bold mx-auto mb-4"> 4 </div> <h3 class="text-xl font-semibold text-gray-900 mb-2">Optimize</h3> <p class="text-gray-600">We monitor and refine for best results</p> </div> </div> </div> </div> </section>  <section class="bg-gradient-to-br from-primary to-secondary text-white py-20"> <div class="container mx-auto px-6 text-center"> <h2 class="text-3xl md:text-4xl font-bold mb-6"> Ready to Get Started with Digital Marketing & Growth? </h2> <p class="text-xl mb-8 max-w-2xl mx-auto"> Contact us today to discuss how we can help transform your business </p> <a href="/contact" class="bg-white text-primary px-8 py-4 rounded-lg font-semibold hover:bg-gray-100 transition shadow-lg inline-block"> Contact Us Today </a> </div> </section>