<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0">
    <meta name="description" content="Finggu Infotech - Leading Web Design & Development Company in Mumbai. We create stunning, high-performance websites and digital solutions that drive business growth.">
    
    <!-- Primary Meta Tags -->
    <title>Finggu Infotech | Web Design & Development Company in Mumbai</title>
    <meta name="title" content="Finggu Infotech | Web Design & Development Company in Mumbai">
    <meta name="description" content="Finggu Infotech is a premier web design and development company in Mumbai. We specialize in creating responsive, SEO-friendly websites and digital marketing solutions.">
    
    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://www.finggu.com/">
    <meta property="og:title" content="Finggu Infotech | Web Design & Development Company in Mumbai">
    <meta property="og:description" content="Finggu Infotech is a premier web design and development company in Mumbai. We create stunning, high-performance websites and digital solutions.">
    <meta property="og:image" content="https://www.finggu.com/assets/images/hero-image.jpg">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="630">
    
    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image">
    <meta property="twitter:url" content="https://www.finggu.com/">
    <meta property="twitter:title" content="Finggu Infotech | Web Design & Development Company in Mumbai">
    <meta property="twitter:description" content="Finggu Infotech is a premier web design and development company in Mumbai. We create stunning, high-performance websites and digital solutions.">
    <meta property="twitter:image" content="https://www.finggu.com/assets/images/hero-image.jpg">

    <!-- Favicon -->
    <link rel="icon" type="image/png" href="https://www.finggu.com/assets/images/favicon.png">
    <link rel="apple-touch-icon" href="https://www.finggu.com/assets/images/favicon.png">
    <meta name="theme-color" content="#FF0000">
    
    <!-- Preconnect to important domains -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    
    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    
    <?php include 'includes/header.php'; ?>
    
    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    
    <!-- Tailwind CSS -->
    <script src="https://cdn.tailwindcss.com"></script>
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    fontFamily: {
                        sans: ['Inter', 'sans-serif'],
                    },
                    container: {
                        center: true,
                        padding: {
                            DEFAULT: '1rem',
                            sm: '2rem',
                            lg: '4rem',
                            xl: '5rem',
                            '2xl': '6rem',
                        },
                    },
                }
            },
            plugins: [],
        }
    </script>
    
    <!-- Custom CSS -->
    <link rel="stylesheet" href="assets/css/main.css">
    
    <!-- JSON-LD for LocalBusiness -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "ProfessionalService",
      "name": "Finggu Infotech",
      "image": "assets/images/logo.png",
      "@id": "https://finggu.com/",
      "url": "https://finggu.com/",
      "telephone": "+918655442429",
      "priceRange": "$$",
      "address": {
        "@type": "PostalAddress",
        "streetAddress": "A-402, Channur Bhavan CHS., Ghanshyam Near Station",
        "addressLocality": "Dombivali West",
        "addressRegion": "Maharashtra",
        "postalCode": "421202",
        "addressCountry": "IN"
      },
      "geo": {
        "@type": "GeoCoordinates",
        "latitude": 19.2183,
        "longitude": 73.0856
      },
      "openingHoursSpecification": {
        "@type": "OpeningHoursSpecification",
        "dayOfWeek": [
          "Monday",
          "Tuesday",
          "Wednesday",
          "Thursday",
          "Friday",
          "Saturday"
        ],
        "opens": "09:00",
        "closes": "20:00"
      },
      "sameAs": [
        "https://www.facebook.com/fingguinfotech",
        "https://www.instagram.com/fingguinfotech",
        "https://www.linkedin.com/company/finggu-infotech"
      ]
    }
    </script>
    
    <style>
        /* Custom styles for better mobile experience */
        @media (max-width: 640px) {
            .hero-content {
                padding-top: 2rem;
                text-align: center;
            }
            .hero-image {
                margin-top: 2rem;
            }
            .service-card {
                margin-bottom: 1.5rem;
            }
            .section-padding {
                padding: 3rem 1rem;
            }
        }
        
        /* Smooth scrolling for anchor links */
        html {
            scroll-behavior: smooth;
        }
        
        /* Better spacing for mobile navigation */
        @media (max-width: 767px) {
            #mobile-menu {
                max-height: calc(100vh - 80px);
                overflow-y: auto;
            }
        }
        
        /* Improve touch targets for mobile */
        @media (max-width: 480px) {
            .btn {
                padding: 0.75rem 1.5rem;
                font-size: 1rem;
            }
            h1 {
                font-size: 2rem;
                line-height: 1.2;
            }
            h2 {
                font-size: 1.75rem;
                line-height: 1.3;
            }
        }
    </style>
</head>
<body class="font-sans antialiased text-gray-800 bg-white">
    </header>

    <!-- Hero Section -->
    <section id="home" class="relative pt-20 pb-16 md:pt-32 md:pb-24 bg-gradient-to-r from-red-600 to-red-700 text-white overflow-hidden">
        <!-- Background pattern -->
        <div class="absolute inset-0 opacity-5">
            <div class="absolute inset-0" style="background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxkZWZzPjxwYXR0ZXJuIGlkPSJwYXR0ZXJuIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgcGF0dGVyblRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHJlY3Qgd2lkdGg9IjUwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjA1Ii8+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI3BhdHRlcm4pIi8+PC9zdmc+');"></div>
        </div>
        
        <!-- Animated circles -->
        <div class="absolute -top-20 -right-20 w-64 h-64 bg-white/5 rounded-full filter blur-3xl"></div>
        <div class="absolute -bottom-32 -left-20 w-96 h-96 bg-white/5 rounded-full filter blur-3xl"></div>
        
        <div class="container mx-auto px-4 relative z-10">
            <div class="flex flex-col lg:flex-row items-center">
                <div class="lg:w-1/2 mb-12 lg:mb-0 text-center lg:text-left">
                    <div class="inline-block bg-white/10 backdrop-blur-sm text-white/90 text-sm font-medium px-4 py-1.5 rounded-full mb-6">
                        🚀 Trusted by 100+ Businesses
                    </div>
                    <h1 class="text-4xl sm:text-5xl md:text-6xl font-bold leading-tight mb-6">
                        Transform Your <span class="text-white">Digital Presence</span> with Expert Solutions
                    </h1>
                    <p class="text-xl text-red-50/90 max-w-2xl mx-auto lg:mx-0 mb-10">
                        We craft stunning, high-performance websites and digital solutions that drive real business growth and deliver exceptional user experiences.
                    </p>
                    <div class="flex flex-col sm:flex-row gap-4 justify-center lg:justify-start">
                        <a href="contact.php" class="bg-white hover:bg-gray-100 text-red-600 px-8 py-4 rounded-md text-center font-semibold transition-all transform hover:-translate-y-1 shadow-lg hover:shadow-xl">
                            Get Free Consultation
                        </a>
                        <a href="#services" class="bg-white/10 hover:bg-white/20 border border-white/30 text-white px-8 py-4 rounded-md text-center font-medium transition-all transform hover:-translate-y-1">
                            Explore Services
                        </a>
                    </div>
                    
                    <!-- Trust indicators -->
                    <div class="mt-12 flex flex-wrap items-center justify-center lg:justify-start gap-6">
                        <div class="flex items-center">
                            <div class="flex -space-x-2">
                                <div class="w-10 h-10 rounded-full border-2 border-white bg-gray-300 flex items-center justify-center">
                                    <span class="text-gray-600 text-xs font-medium">Client</span>
                                </div>
                                <div class="w-10 h-10 rounded-full border-2 border-white bg-gray-300 -ml-2 flex items-center justify-center">
                                    <span class="text-gray-600 text-xs font-medium">Client</span>
                                </div>
                                <div class="w-10 h-10 rounded-full border-2 border-white bg-gray-300 -ml-2 flex items-center justify-center">
                                    <span class="text-gray-600 text-xs font-medium">Client</span>
                                </div>
                            </div>
                            <div class="ml-3 text-left">
                                <div class="flex items-center">
                                    <svg class="w-4 h-4 text-yellow-400" fill="currentColor" viewBox="0 0 20 20">
                                        <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
                                    </svg>
                                    <span class="ml-1 font-medium">4.9/5</span>
                                    <span class="text-sm text-white/70 ml-1">(200+ Reviews)</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="lg:w-1/2 relative">
                    <div class="relative z-10 bg-gray-200 rounded-xl p-8 text-center">
                        <img 
                            src="https://www.finggu.com/assets/images/hero.png" 
                            alt="Finggu Infotech - Web Design & Development Services in Mumbai" 
                            class="w-full h-full object-cover object-center"
                           
                            width="800"
                            height="600"
                        >
                    </div>
                    
                    <!-- Floating elements -->
                    <div class="absolute -top-6 -left-6 w-32 h-32 bg-yellow-400 rounded-full opacity-20 filter blur-3xl"></div>
                    <div class="absolute -bottom-6 -right-6 w-40 h-40 bg-blue-400 rounded-full opacity-20 filter blur-3xl"></div>
                </div>
    </div>
    </section>

    <!-- About Section -->
    <section id="about" class="py-16 md:py-24 bg-white">
        <div class="container mx-auto px-4">
            <div class="flex flex-col lg:flex-row items-center">
                <div class="lg:w-1/2 mb-12 lg:mb-0 lg:pr-12">
                    <span class="inline-block bg-red-50 text-red-600 text-xs font-semibold px-3 py-1 rounded-full uppercase tracking-wider mb-4">About Us</span>
                    <h2 class="text-3xl md:text-4xl lg:text-5xl font-bold mb-6">Crafting Digital Excellence Since 2015</h2>
                    <p class="text-lg text-gray-600 mb-8">Finggu Infotech is a leading web design and development company based in Mumbai, dedicated to delivering innovative digital solutions that drive business growth and success.</p>
                    
                    <div class="space-y-6 mb-8">
                        <div class="flex">
                            <div class="flex-shrink-0">
                                <div class="flex items-center justify-center h-10 w-10 rounded-full bg-red-100 text-red-600">
                                    <i class="fas fa-check"></i>
                                </div>
                            </div>
                            <div class="ml-4">
                                <h3 class="text-lg font-medium text-gray-900">Expert Team</h3>
                                <p class="mt-1 text-gray-600">Our team of skilled professionals brings years of experience in web technologies and digital solutions.</p>
                            </div>
                        </div>
                        <div class="flex">
                            <div class="flex-shrink-0">
                                <div class="flex items-center justify-center h-10 w-10 rounded-full bg-red-100 text-red-600">
                                    <i class="fas fa-check"></i>
                                </div>
                            </div>
                            <div class="ml-4">
                                <h3 class="text-lg font-medium text-gray-900">Client-Centric Approach</h3>
                                <p class="mt-1 text-gray-600">We prioritize your business goals and work closely with you to achieve outstanding results.</p>
                            </div>
                        </div>
                        <div class="flex">
                            <div class="flex-shrink-0">
                                <div class="flex items-center justify-center h-10 w-10 rounded-full bg-red-100 text-red-600">
                                    <i class="fas fa-check"></i>
                                </div>
                            </div>
                            <div class="ml-4">
                                <h3 class="text-lg font-medium text-gray-900">Proven Results</h3>
                                <p class="mt-1 text-gray-600">Our portfolio showcases successful projects and satisfied clients across various industries.</p>
                            </div>
                        </div>
                    </div>
                    
                    <a href="about.php" class="inline-flex items-center text-red-600 hover:text-red-700 font-medium text-lg">
                        Learn more about us
                        <svg class="w-5 h-5 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>
                        </svg>
                    </a>
                </div>
                
                <div class="lg:w-1/2 relative">
                    <div class="relative z-10 rounded-xl overflow-hidden shadow-2xl">
                        <img 
                            src="/assets/images/home_about.png" 
                            alt="Finggu Infotech team working on web development projects" 
                            class="w-full h-full object-cover object-center block"
                            width="800"
                            height="600"
                            fetchpriority="high"
                        >
                        <div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent flex items-end p-8">
                            <div>
                                <div class="text-white text-4xl font-bold mb-2">8+</div>
                                <div class="text-red-200 font-medium">Years of Experience</div>
                            </div>
                            <div class="ml-12">
                                <div class="text-white text-4xl font-bold mb-2">200+</div>
                                <div class="text-red-200 font-medium">Projects Delivered</div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="absolute -bottom-6 -right-6 w-48 h-48 bg-red-100 rounded-full -z-10"></div>
                    <div class="absolute -top-6 -left-6 w-32 h-32 bg-blue-100 rounded-full -z-10"></div>
                </div>
            </div>
        </div>
    </section>

    <!-- Portfolio Section -->
    <section id="portfolio" class="py-16 md:py-24 bg-gray-50">
        <div class="container mx-auto px-4">
            <div class="text-center max-w-3xl mx-auto mb-16">
                <span class="inline-block bg-red-50 text-red-600 text-xs font-semibold px-3 py-1 rounded-full uppercase tracking-wider mb-4">Our Work</span>
                <h2 class="text-3xl md:text-4xl lg:text-5xl font-bold mb-6">Featured Projects</h2>
                <p class="text-lg text-gray-600">Explore our portfolio of successful projects that showcase our expertise and commitment to excellence.</p>
            </div>
            
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
                <!-- Project 1 -->
                <div class="group relative overflow-hidden rounded-xl shadow-lg hover:shadow-2xl transition-all duration-300">
                    <div class="relative overflow-hidden h-64">
                        <img src="https://www.finggu.com/assets/images/projectecom.png" alt="E-commerce website development project by Finggu Infotech" title="E-commerce Website Development" class="w-full h-48 object-cover rounded-t-lg">
                        <div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-6">
                            <div>
                                <h3 class="text-white text-xl font-bold mb-2">E-commerce Platform</h3>
                                <p class="text-gray-200">A fully responsive online store with secure payment integration and inventory management.</p>
                                <a href="portfolio.php#project1" class="inline-block mt-4 text-white border border-white/30 hover:bg-white/10 px-4 py-2 rounded-md text-sm font-medium transition-colors">View Project</a>
                            </div>
                        </div>
                    </div>
                </div>
                
                <!-- Project 2 -->
                <div class="group relative overflow-hidden rounded-xl shadow-lg hover:shadow-2xl transition-all duration-300">
                    <div class="relative overflow-hidden h-64">
                        <img src="https://www.finggu.com/assets/images/projectfit.jpg" alt="Fitness application development project by Finggu Infotech" title="Fitness Mobile App Development" class="w-full h-48 object-cover rounded-t-lg">
                        <div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-6">
                            <div>
                                <h3 class="text-white text-xl font-bold mb-2">Fitness Mobile App</h3>
                                <p class="text-gray-200">A cross-platform fitness application with workout tracking and nutrition planning.</p>
                                <a href="portfolio.php#project2" class="inline-block mt-4 text-white border border-white/30 hover:bg-white/10 px-4 py-2 rounded-md text-sm font-medium transition-colors">View Project</a>
                            </div>
                        </div>
                    </div>
                </div>
                
                <!-- Project 3 -->
                <div class="group relative overflow-hidden rounded-xl shadow-lg hover:shadow-2xl transition-all duration-300">
                    <div class="relative overflow-hidden h-64">
                        <img src="https://www.finggu.com/assets/images/projectcorp.png" alt="Corporate website design and development project" title="Corporate Website Development" class="w-full h-48 object-cover rounded-t-lg" >
                        <div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-6">
                            <div>
                                <h3 class="text-white text-xl font-bold mb-2">Corporate Website</h3>
                                <p class="text-gray-200">A modern, professional website with lead generation and contact management.</p>
                                <a href="portfolio.php#project3" class="inline-block mt-4 text-white border border-white/30 hover:bg-white/10 px-4 py-2 rounded-md text-sm font-medium transition-colors">View Project</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="text-center mt-12">
                <a href="portfolio.php" class="inline-flex items-center text-red-600 hover:text-red-700 font-medium text-lg">
                    View all projects
                    <svg class="w-5 h-5 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>
                    </svg>
                </a>
            </div>
        </div>
    </section>

    <!-- Testimonials Section -->
    <section id="testimonials" class="py-16 md:py-24 bg-white">
        <div class="container mx-auto px-4">
            <div class="text-center max-w-3xl mx-auto mb-16">
                <span class="inline-block bg-red-50 text-red-600 text-xs font-semibold px-3 py-1 rounded-full uppercase tracking-wider mb-4">Testimonials</span>
                <h2 class="text-3xl md:text-4xl lg:text-5xl font-bold mb-6">What Our Clients Say</h2>
                <p class="text-lg text-gray-600">Don't just take our word for it. Here's what our clients have to say about working with us.</p>
            </div>
            
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
                <!-- Testimonial 1 -->
                <div class="bg-gray-50 rounded-xl p-8 shadow-md hover:shadow-lg transition-shadow duration-300">
                    <div class="flex items-center mb-4">
                        <div class="text-yellow-400 text-2xl">★★★★★</div>
                        <span class="ml-2 text-sm text-gray-500">5.0</span>
                    </div>
                    <p class="text-gray-700 mb-6">"Finggu Infotech transformed our online presence completely. Their team delivered a stunning website that perfectly represents our brand and has significantly increased our lead generation."</p>
                    <div class="flex items-center">
                        <img src="https://www.finggu.com/assets/images/profile.png" alt="Sarah Johnson, CEO of TechSolutions Inc." title="Sarah Johnson" class="w-12 h-12 rounded-full">
                        <div class="ml-4">
                            <h4 class="font-semibold text-gray-900">Sarah Johnson</h4>
                            <p class="text-sm text-gray-600">CEO, TechSolutions Inc.</p>
                        </div>
                    </div>
                </div>
                
                <!-- Testimonial 2 -->
                <div class="bg-gray-50 rounded-xl p-8 shadow-md hover:shadow-lg transition-shadow duration-300">
                    <div class="flex items-center mb-4">
                        <div class="text-yellow-400 text-2xl">★★★★★</div>
                        <span class="ml-2 text-sm text-gray-500">5.0</span>
                    </div>
                    <p class="text-gray-700 mb-6">"The mobile app developed by Finggu Infotech has been a game-changer for our business. The team's attention to detail and understanding of our requirements was exceptional."</p>
                    <div class="flex items-center">
                        <img src="https://www.finggu.com/assets/images/profile.png" alt="Michael Chen" class="w-12 h-12 rounded-full">
                        <div class="ml-4">
                            <h4 class="font-semibold text-gray-900">Michael Chen</h4>
                            <p class="text-sm text-gray-600">Founder, FitLife App</p>
                        </div>
                    </div>
                </div>
                
                <!-- Testimonial 3 -->
                <div class="bg-gray-50 rounded-xl p-8 shadow-md hover:shadow-lg transition-shadow duration-300">
                    <div class="flex items-center mb-4">
                        <div class="text-yellow-400 text-2xl">★★★★★</div>
                        <span class="ml-2 text-sm text-gray-500">5.0</span>
                    </div>
                    <p class="text-gray-700 mb-6">"Working with Finggu Infotech was a pleasure from start to finish. Their SEO strategies have dramatically improved our search rankings and online visibility."</p>
                    <div class="flex items-center">
                        <img src="https://www.finggu.com/assets/images/profile.png" alt="Priya Patel" class="w-12 h-12 rounded-full">
                        <div class="ml-4">
                            <h4 class="font-semibold text-gray-900">Priya Patel</h4>
                            <p class="text-sm text-gray-600">Marketing Director, StyleHub</p>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="text-center mt-12">
                <a href="testimonials.php" class="inline-flex items-center text-red-600 hover:text-red-700 font-medium text-lg">
                    Read more testimonials
                    <svg class="w-5 h-5 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>
                    </svg>
                </a>
            </div>
        </div>
    </section>

    <!-- CTA Section -->
    <section class="py-16 md:py-24 bg-gradient-to-r from-red-600 to-red-700 text-white relative overflow-hidden">
        <!-- Background pattern -->
        <div class="absolute inset-0 opacity-10">
            <div class="absolute inset-0" style="background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxkZWZzPjxwYXR0ZXJuIGlkPSJwYXR0ZXJuIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgcGF0dGVyblRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHJlY3Qgd2lkdGg9IjUwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjA1Ii8+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI3BhdHRlcm4pIi8+PC9zdmc+');"></div>
        </div>
        
        <div class="container mx-auto px-4 relative z-10">
            <div class="max-w-4xl mx-auto text-center">
                <h2 class="text-3xl md:text-4xl lg:text-5xl font-bold mb-6">Ready to Transform Your Digital Presence?</h2>
                <p class="text-xl text-red-50/90 mb-10 max-w-3xl mx-auto">Let's discuss how we can help you achieve your business goals with our expert digital solutions.</p>
                
                <div class="flex flex-col sm:flex-row gap-4 justify-center">
                    <a href="contact.php" class="bg-white hover:bg-gray-100 text-red-600 px-8 py-4 rounded-md text-center font-semibold transition-all transform hover:-translate-y-1 shadow-lg hover:shadow-xl">
                        Get Started Today
                    </a>
                    <a href="tel:+918655442429" class="bg-white/10 hover:bg-white/20 border border-white/30 text-white px-8 py-4 rounded-md text-center font-medium transition-all transform hover:-translate-y-1">
                        <i class="fas fa-phone-alt mr-2"></i> +91 86554 42429
                    </a>
                </div>
                
                <div class="mt-8 flex flex-wrap justify-center items-center gap-6 text-red-50/80 text-sm">
                    <div class="flex items-center">
                        <i class="fas fa-check-circle text-green-300 mr-2"></i> No obligation quote
                    </div>
                    <div class="flex items-center">
                        <i class="fas fa-check-circle text-green-300 mr-2"></i> Free consultation
                    </div>
                    <div class="flex items-center">
                        <i class="fas fa-check-circle text-green-300 mr-2"></i> 100% satisfaction guaranteed
                    </div>
                </div>
            </div>
        </div>
        
        <!-- Animated elements -->
        <div class="absolute -top-20 -right-20 w-64 h-64 bg-white/5 rounded-full filter blur-3xl"></div>
        <div class="absolute -bottom-32 -left-20 w-96 h-96 bg-white/5 rounded-full filter blur-3xl"></div>
    </section>

 <!-- Include Footer -->
 <?php include 'includes/footer.html'; ?>
</body>
</html>