{"id":11,"date":"2025-10-09T17:12:35","date_gmt":"2025-10-09T17:12:35","guid":{"rendered":"https:\/\/mdanish.pro\/?page_id=11"},"modified":"2025-11-02T22:20:09","modified_gmt":"2025-11-02T22:20:09","slug":"home","status":"publish","type":"page","link":"https:\/\/mdanish.pro\/","title":{"rendered":"Home"},"content":{"rendered":"\n\n\n\n \n \n Muhammad Danish – Digital Marketing Expert | SEO Specialist & Agency Owner<\/title>\n <meta name=\"description\" content=\"Top-rated digital marketing expert with 10+ years experience helping businesses grow online. Specializing in SEO, paid advertising, and AI-powered marketing solutions. Founder of Legalyze.pro, SEO Digital Solutions, Marketlens.pro, and ContentCalendar.pro.\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700;800&family=Sora:wght@300;400;500;600;700;800&family=Nunito:wght@300;400;500;600;700;800&family=Roboto:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n \n <style>\n :root {\n --primary: #2ecc71;\n --primary-dark: #27ae60;\n --secondary: #16a085;\n --tertiary: #1abc9c;\n --accent: #3498db;\n --light-bg: #f5f7fa;\n --card-bg: rgba(255, 255, 255, 0.8);\n --text-primary: #2c3e50;\n --text-secondary: #7f8c8d;\n --silver: #bdc3c7;\n --silver-light: #ecf0f1;\n --dark-grey: #34495e;\n --gradient-1: linear-gradient(135deg, #2ecc71 0%, #16a085 100%);\n --gradient-2: linear-gradient(135deg, #16a085 0%, #3498db 100%);\n --gradient-3: linear-gradient(135deg, #3498db 0%, #2ecc71 100%);\n --gradient-4: linear-gradient(135deg, #2ecc71 0%, #1abc9c 100%);\n --gradient-5: linear-gradient(135deg, #16a085 0%, #2ecc71 100%);\n --gradient-light: linear-gradient(135deg, #f5f7fa 0%, #e8edf2 100%);\n --glass-bg: rgba(255, 255, 255, 0.7);\n --glass-border: rgba(255, 255, 255, 0.9);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Nunito', sans-serif;\n background: var(--light-bg);\n color: var(--text-primary);\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n h1, h2, h3, h4, h5, h6 {\n font-family: 'Poppins', sans-serif;\n font-weight: 700;\n line-height: 1.2;\n color: var(--text-primary);\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 24px;\n }\n\n \/* Typography *\/\n h1 {\n font-size: clamp(2.5rem, 5vw, 4rem);\n font-weight: 800;\n background: var(--gradient-1);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n h2 {\n font-size: clamp(2rem, 4vw, 3rem);\n margin-bottom: 1rem;\n background: var(--gradient-2);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n h3 {\n font-size: 1.5rem;\n margin-bottom: 0.75rem;\n }\n\n p {\n color: var(--text-secondary);\n margin-bottom: 1rem;\n }\n\n \/* Navigation *\/\n header {\n position: fixed;\n top: 0;\n width: 100%;\n background: rgba(255, 255, 255, 0.9);\n backdrop-filter: blur(20px);\n z-index: 1000;\n border-bottom: 1px solid var(--silver-light);\n transition: all 0.3s ease;\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);\n }\n\n nav {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 0;\n }\n\n .logo {\n font-size: 1.5rem;\n font-weight: 700;\n color: var(--primary);\n text-decoration: none;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n .nav-links {\n display: flex;\n list-style: none;\n gap: 2rem;\n }\n\n .nav-links a {\n color: var(--text-primary);\n text-decoration: none;\n font-weight: 500;\n transition: all 0.3s ease;\n position: relative;\n padding-bottom: 5px;\n }\n\n .nav-links a:hover {\n color: var(--primary);\n }\n\n .nav-links a::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 2px;\n background: var(--gradient-1);\n transition: width 0.3s ease;\n }\n\n .nav-links a:hover::after {\n width: 100%;\n }\n\n .mobile-menu {\n display: none;\n flex-direction: column;\n gap: 0.25rem;\n cursor: pointer;\n }\n\n .mobile-menu span {\n width: 24px;\n height: 2px;\n background: var(--text-primary);\n transition: all 0.3s ease;\n }\n\n \/* Hero Section *\/\n .hero {\n padding: 120px 0 80px;\n background: var(--gradient-light);\n min-height: 100vh;\n display: flex;\n align-items: center;\n position: relative;\n overflow: hidden;\n }\n\n .hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle at 20% 50%, rgba(46, 204, 113, 0.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 80%, rgba(22, 160, 133, 0.1) 0%, transparent 50%),\n radial-gradient(circle at 40% 20%, rgba(52, 152, 219, 0.1) 0%, transparent 50%);\n z-index: 0;\n }\n\n .hero-content {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 4rem;\n align-items: center;\n position: relative;\n z-index: 1;\n }\n\n .hero-text {\n text-align: left;\n }\n\n .hero-text h1 {\n margin-bottom: 1.5rem;\n line-height: 1.1;\n }\n\n .hero-text .subtitle {\n font-size: 1.25rem;\n color: var(--secondary);\n font-weight: 600;\n margin-bottom: 1.5rem;\n }\n\n .hero-text p {\n font-size: 1.125rem;\n margin-bottom: 2rem;\n }\n\n .hero-buttons {\n display: flex;\n gap: 1rem;\n margin-bottom: 3rem;\n flex-wrap: wrap;\n }\n\n .btn {\n padding: 0.875rem 2rem;\n border-radius: 50px;\n font-weight: 600;\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n transition: all 0.3s ease;\n border: none;\n cursor: pointer;\n font-size: 1rem;\n position: relative;\n overflow: hidden;\n z-index: 1;\n }\n\n .btn::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: var(--gradient-1);\n z-index: -1;\n transition: all 0.3s ease;\n }\n\n .btn-primary {\n color: white;\n }\n\n .btn-primary:hover {\n transform: translateY(-3px) scale(1.05);\n box-shadow: 0 10px 25px rgba(46, 204, 113, 0.4);\n }\n\n .btn-primary::before {\n background: var(--gradient-1);\n }\n\n .btn-outline {\n color: var(--text-primary);\n border: 2px solid var(--silver);\n }\n\n .btn-outline::before {\n background: var(--gradient-2);\n opacity: 0;\n }\n\n .btn-outline:hover {\n transform: translateY(-3px) scale(1.05);\n box-shadow: 0 10px 25px rgba(22, 160, 133, 0.4);\n }\n\n .btn-outline:hover::before {\n opacity: 1;\n color: white;\n }\n\n .btn-whatsapp {\n background: #25D366;\n color: white;\n }\n\n .btn-whatsapp:hover {\n transform: translateY(-3px) scale(1.05);\n box-shadow: 0 10px 25px rgba(37, 211, 102, 0.4);\n }\n\n .btn-call {\n background: var(--gradient-3);\n color: white;\n }\n\n .btn-call:hover {\n transform: translateY(-3px) scale(1.05);\n box-shadow: 0 10px 25px rgba(52, 152, 219, 0.4);\n }\n\n .btn-gmb {\n background: var(--gradient-4);\n color: white;\n }\n\n .btn-gmb:hover {\n transform: translateY(-3px) scale(1.05);\n box-shadow: 0 10px 25px rgba(26, 188, 156, 0.4);\n }\n\n .hero-stats {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1.5rem;\n }\n\n .stat-card {\n background: var(--glass-bg);\n backdrop-filter: blur(10px);\n border: 1px solid var(--glass-border);\n padding: 1.5rem;\n border-radius: 20px;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n }\n\n .stat-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 30px rgba(46, 204, 113, 0.2);\n border-color: var(--primary);\n }\n\n .stat-number {\n font-size: 2rem;\n font-weight: 800;\n background: var(--gradient-1);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n display: block;\n }\n\n .stat-label {\n color: var(--text-secondary);\n font-size: 0.875rem;\n }\n\n .hero-image {\n position: relative;\n }\n\n .profile-card {\n background: var(--glass-bg);\n backdrop-filter: blur(20px);\n border: 1px solid var(--glass-border);\n border-radius: 30px;\n padding: 2.5rem;\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n }\n\n .profile-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 40px rgba(46, 204, 113, 0.2);\n border-color: var(--primary);\n }\n\n .profile-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 4px;\n background: var(--gradient-1);\n }\n\n .profile-avatar {\n width: 120px;\n height: 120px;\n border-radius: 50%;\n margin: 0 auto 1.5rem;\n background: var(--gradient-1);\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 3rem;\n font-weight: 700;\n }\n\n .rating {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n margin-bottom: 1rem;\n }\n\n .stars {\n color: var(--primary);\n }\n\n .rating-number {\n font-size: 1.5rem;\n font-weight: 700;\n color: var(--text-primary);\n }\n\n .rating-count {\n color: var(--text-secondary);\n }\n\n .profile-card h3 {\n font-size: 1.25rem;\n margin-bottom: 0.5rem;\n }\n\n .profile-card p {\n font-size: 0.875rem;\n margin-bottom: 1.5rem;\n }\n\n .profile-badges {\n display: flex;\n justify-content: center;\n gap: 0.5rem;\n flex-wrap: wrap;\n }\n\n .badge {\n background: var(--glass-bg);\n border: 1px solid var(--glass-border);\n padding: 0.375rem 0.75rem;\n border-radius: 50px;\n font-size: 0.75rem;\n font-weight: 600;\n color: var(--primary);\n }\n\n \/* Section Styles *\/\n section {\n padding: 5rem 0;\n position: relative;\n }\n\n .section-header {\n text-align: center;\n margin-bottom: 3rem;\n }\n\n .section-title {\n font-size: 2.5rem;\n margin-bottom: 1rem;\n }\n\n .section-subtitle {\n font-size: 1.125rem;\n color: var(--text-secondary);\n max-width: 600px;\n margin: 0 auto;\n }\n\n \/* About Section *\/\n .about {\n background: var(--light-bg);\n position: relative;\n }\n\n .about::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle at 70% 30%, rgba(22, 160, 133, 0.05) 0%, transparent 50%),\n radial-gradient(circle at 30% 70%, rgba(46, 204, 113, 0.05) 0%, transparent 50%);\n z-index: 0;\n }\n\n .about-content {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 4rem;\n align-items: center;\n position: relative;\n z-index: 1;\n }\n\n .about-text p {\n font-size: 1.125rem;\n margin-bottom: 1.5rem;\n }\n\n .expertise-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1.5rem;\n margin-top: 2rem;\n }\n\n .expertise-item {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n }\n\n .expertise-icon {\n width: 48px;\n height: 48px;\n background: var(--gradient-1);\n border-radius: 15px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n flex-shrink: 0;\n }\n\n .expertise-text h4 {\n font-size: 1.125rem;\n margin-bottom: 0.25rem;\n }\n\n .expertise-text p {\n font-size: 0.875rem;\n margin: 0;\n }\n\n .achievements {\n background: var(--glass-bg);\n backdrop-filter: blur(20px);\n border: 1px solid var(--glass-border);\n border-radius: 30px;\n padding: 2.5rem;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\n }\n\n .achievements h3 {\n font-size: 1.5rem;\n margin-bottom: 2rem;\n text-align: center;\n background: var(--gradient-2);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .achievement-stats {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1.5rem;\n }\n\n .achievement-stat {\n text-align: center;\n padding: 1.5rem;\n background: var(--glass-bg);\n border: 1px solid var(--glass-border);\n border-radius: 20px;\n transition: all 0.3s ease;\n }\n\n .achievement-stat:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 30px rgba(52, 152, 219, 0.2);\n border-color: var(--accent);\n }\n\n .achievement-number {\n font-size: 2rem;\n font-weight: 800;\n background: var(--gradient-3);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n display: block;\n margin-bottom: 0.5rem;\n }\n\n .achievement-label {\n font-size: 0.875rem;\n color: var(--text-secondary);\n }\n\n \/* Services Section *\/\n .services {\n background: var(--light-bg);\n position: relative;\n }\n\n .services::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle at 30% 50%, rgba(52, 152, 219, 0.05) 0%, transparent 50%),\n radial-gradient(circle at 70% 80%, rgba(46, 204, 113, 0.05) 0%, transparent 50%);\n z-index: 0;\n }\n\n .services-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n position: relative;\n z-index: 1;\n }\n\n .service-card {\n background: var(--glass-bg);\n backdrop-filter: blur(20px);\n border: 1px solid var(--glass-border);\n border-radius: 30px;\n padding: 2rem;\n transition: all 0.3s ease;\n height: 100%;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n }\n\n .service-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 40px rgba(46, 204, 113, 0.2);\n border-color: var(--primary);\n }\n\n .service-icon {\n width: 64px;\n height: 64px;\n background: var(--gradient-1);\n border-radius: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 1.5rem;\n margin-bottom: 1.5rem;\n }\n\n .service-card h3 {\n font-size: 1.25rem;\n margin-bottom: 1rem;\n }\n\n .service-card p {\n font-size: 0.875rem;\n margin-bottom: 1.5rem;\n }\n\n .service-features {\n list-style: none;\n }\n\n .service-features li {\n padding: 0.5rem 0;\n font-size: 0.875rem;\n color: var(--text-secondary);\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n .service-features li::before {\n content: '\u2713';\n color: var(--primary);\n font-weight: 700;\n }\n\n \/* Companies Section *\/\n .companies {\n background: var(--light-bg);\n position: relative;\n }\n\n .companies::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle at 80% 20%, rgba(46, 204, 113, 0.05) 0%, transparent 50%),\n radial-gradient(circle at 20% 80%, rgba(22, 160, 133, 0.05) 0%, transparent 50%);\n z-index: 0;\n }\n\n .companies-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n gap: 2rem;\n position: relative;\n z-index: 1;\n }\n\n .company-card {\n background: var(--glass-bg);\n backdrop-filter: blur(20px);\n border: 1px solid var(--glass-border);\n border-radius: 30px;\n padding: 2rem;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n }\n\n .company-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 40px rgba(22, 160, 133, 0.2);\n border-color: var(--secondary);\n }\n\n .company-header {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: 1.5rem;\n }\n\n .company-logo {\n width: 60px;\n height: 60px;\n background: var(--gradient-2);\n border-radius: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 1.5rem;\n }\n\n .company-info h3 {\n font-size: 1.5rem;\n margin-bottom: 0.25rem;\n }\n\n .company-info p {\n font-size: 0.875rem;\n color: var(--text-secondary);\n margin: 0;\n }\n\n .company-description {\n color: var(--text-secondary);\n margin-bottom: 1.5rem;\n }\n\n .company-metrics {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1rem;\n }\n\n .company-metric {\n text-align: center;\n padding: 1rem;\n background: var(--glass-bg);\n border: 1px solid var(--glass-border);\n border-radius: 20px;\n transition: all 0.3s ease;\n }\n\n .company-metric:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 30px rgba(52, 152, 219, 0.2);\n border-color: var(--accent);\n }\n\n .metric-value {\n font-size: 1.25rem;\n font-weight: 700;\n background: var(--gradient-3);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n display: block;\n }\n\n .metric-label {\n font-size: 0.75rem;\n color: var(--text-secondary);\n }\n\n \/* Performance Section *\/\n .performance {\n background: var(--light-bg);\n position: relative;\n }\n\n .performance::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle at 50% 50%, rgba(52, 152, 219, 0.05) 0%, transparent 50%);\n z-index: 0;\n }\n\n .performance-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n position: relative;\n z-index: 1;\n }\n\n .performance-card {\n background: var(--glass-bg);\n backdrop-filter: blur(20px);\n border: 1px solid var(--glass-border);\n border-radius: 30px;\n padding: 2rem;\n text-align: center;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n }\n\n .performance-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 40px rgba(52, 152, 219, 0.2);\n border-color: var(--accent);\n }\n\n .performance-icon {\n width: 64px;\n height: 64px;\n background: var(--gradient-3);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 1.5rem;\n margin: 0 auto 1rem;\n }\n\n .performance-value {\n font-size: 2rem;\n font-weight: 800;\n background: var(--gradient-3);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 0.5rem;\n }\n\n .performance-label {\n font-size: 0.875rem;\n color: var(--text-secondary);\n }\n\n \/* Testimonials Section *\/\n .testimonials {\n background: var(--light-bg);\n position: relative;\n }\n\n .testimonials::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle at 70% 30%, rgba(22, 160, 133, 0.05) 0%, transparent 50%),\n radial-gradient(circle at 30% 70%, rgba(46, 204, 113, 0.05) 0%, transparent 50%);\n z-index: 0;\n }\n\n .testimonials-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n }\n\n .testimonial-card {\n background: var(--glass-bg);\n backdrop-filter: blur(20px);\n border: 1px solid var(--glass-border);\n border-radius: 30px;\n padding: 2.5rem;\n text-align: center;\n position: relative;\n transition: all 0.3s ease;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\n }\n\n .testimonial-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 40px rgba(22, 160, 133, 0.2);\n border-color: var(--secondary);\n }\n\n .testimonial-card::before {\n content: '\"';\n position: absolute;\n top: 1rem;\n left: 2rem;\n font-size: 4rem;\n background: var(--gradient-2);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-family: 'Poppins', sans-serif;\n }\n\n .testimonial-text {\n font-style: italic;\n font-size: 1.125rem;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n line-height: 1.8;\n }\n\n .testimonial-author {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n }\n\n .author-avatar {\n width: 60px;\n height: 60px;\n border-radius: 50%;\n background: var(--gradient-2);\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: 700;\n font-size: 1.5rem;\n }\n\n .author-info h4 {\n font-size: 1.125rem;\n margin-bottom: 0.25rem;\n }\n\n .author-info p {\n font-size: 0.875rem;\n color: var(--text-secondary);\n margin: 0;\n }\n\n .testimonial-rating {\n color: var(--primary);\n margin-bottom: 1.5rem;\n }\n\n \/* Contact Section *\/\n .contact {\n background: var(--light-bg);\n position: relative;\n }\n\n .contact::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle at 30% 50%, rgba(46, 204, 113, 0.05) 0%, transparent 50%),\n radial-gradient(circle at 70% 80%, rgba(52, 152, 219, 0.05) 0%, transparent 50%);\n z-index: 0;\n }\n\n .contact-content {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 4rem;\n align-items: start;\n position: relative;\n z-index: 1;\n }\n\n .contact-info h3 {\n font-size: 1.5rem;\n margin-bottom: 2rem;\n background: var(--gradient-1);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .contact-item {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: 1.5rem;\n }\n\n .contact-icon {\n width: 48px;\n height: 48px;\n background: var(--gradient-1);\n border-radius: 15px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n flex-shrink: 0;\n }\n\n .contact-text h4 {\n font-size: 1rem;\n margin-bottom: 0.25rem;\n }\n\n .contact-text p {\n font-size: 0.875rem;\n color: var(--text-secondary);\n margin: 0;\n }\n\n .contact-form {\n background: var(--glass-bg);\n backdrop-filter: blur(20px);\n border: 1px solid var(--glass-border);\n border-radius: 30px;\n padding: 2rem;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\n }\n\n .form-group {\n margin-bottom: 1.5rem;\n }\n\n .form-group label {\n display: block;\n margin-bottom: 0.5rem;\n font-weight: 500;\n color: var(--text-primary);\n }\n\n .form-group input,\n .form-group textarea {\n width: 100%;\n padding: 0.875rem;\n background: rgba(255, 255, 255, 0.8);\n border: 1px solid var(--silver-light);\n border-radius: 15px;\n font-family: inherit;\n font-size: 1rem;\n color: var(--text-primary);\n transition: all 0.3s ease;\n }\n\n .form-group input:focus,\n .form-group textarea:focus {\n outline: none;\n border-color: var(--primary);\n box-shadow: 0 0 0 3px rgba(46, 204, 113, 0.1);\n }\n\n .form-group textarea {\n resize: vertical;\n min-height: 120px;\n }\n\n \/* Footer *\/\n footer {\n background: var(--dark-grey);\n color: white;\n padding: 3rem 0 2rem;\n position: relative;\n }\n\n footer::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle at 50% 50%, rgba(22, 160, 133, 0.1) 0%, transparent 50%);\n z-index: 0;\n }\n\n .footer-content {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n margin-bottom: 2rem;\n position: relative;\n z-index: 1;\n }\n\n .footer-section h3 {\n font-size: 1.25rem;\n margin-bottom: 1rem;\n color: white;\n background: var(--gradient-1);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .footer-section p {\n color: rgba(255, 255, 255, 0.7);\n margin-bottom: 1rem;\n }\n\n .footer-links {\n list-style: none;\n }\n\n .footer-links li {\n margin-bottom: 0.5rem;\n }\n\n .footer-links a {\n color: rgba(255, 255, 255, 0.7);\n text-decoration: none;\n transition: all 0.3s ease;\n position: relative;\n padding-bottom: 3px;\n }\n\n .footer-links a:hover {\n color: white;\n }\n\n .footer-links a::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 2px;\n background: var(--gradient-1);\n transition: width 0.3s ease;\n }\n\n .footer-links a:hover::after {\n width: 100%;\n }\n\n .social-links {\n display: flex;\n gap: 1rem;\n margin-top: 1rem;\n }\n\n .social-link {\n width: 40px;\n height: 40px;\n background: rgba(255, 255, 255, 0.1);\n border: 1px solid rgba(255, 255, 255, 0.2);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n text-decoration: none;\n transition: all 0.3s ease;\n }\n\n .social-link:hover {\n background: var(--gradient-1);\n transform: translateY(-3px);\n box-shadow: 0 10px 20px rgba(46, 204, 113, 0.3);\n }\n\n .footer-bottom {\n text-align: center;\n padding-top: 2rem;\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n color: rgba(255, 255, 255, 0.5);\n font-size: 0.875rem;\n position: relative;\n z-index: 1;\n }\n\n \/* WhatsApp Button *\/\n .whatsapp-float {\n position: fixed;\n bottom: 30px;\n right: 30px;\n background: #25D366;\n color: white;\n width: 60px;\n height: 60px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 30px;\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);\n z-index: 1000;\n transition: all 0.3s ease;\n animation: pulse 2s infinite;\n }\n\n .whatsapp-float:hover {\n transform: scale(1.1);\n box-shadow: 0 6px 15px rgba(0, 0, 0, 0.4);\n }\n\n @keyframes pulse {\n 0% {\n box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);\n }\n 70% {\n box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);\n }\n 100% {\n box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);\n }\n }\n\n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .nav-links {\n display: none;\n }\n\n .mobile-menu {\n display: flex;\n }\n\n .hero-content,\n .about-content,\n .contact-content {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n\n .hero-stats,\n .expertise-grid,\n .achievement-stats,\n .company-metrics {\n grid-template-columns: 1fr;\n }\n\n .hero-buttons {\n flex-direction: column;\n }\n\n .companies-grid {\n grid-template-columns: 1fr;\n }\n }\n\n \/* Animations *\/\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .fade-in {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.6s ease;\n }\n\n .fade-in.active {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Floating animation for hero elements *\/\n @keyframes float {\n 0% {\n transform: translateY(0px);\n }\n 50% {\n transform: translateY(-20px);\n }\n 100% {\n transform: translateY(0px);\n }\n }\n\n .hero-image {\n animation: float 6s ease-in-out infinite;\n }\n\n \/* Glow effect for buttons *\/\n @keyframes glow {\n 0% {\n box-shadow: 0 0 5px rgba(46, 204, 113, 0.5);\n }\n 50% {\n box-shadow: 0 0 20px rgba(46, 204, 113, 0.8);\n }\n 100% {\n box-shadow: 0 0 5px rgba(46, 204, 113, 0.5);\n }\n }\n\n .btn-primary:hover {\n animation: glow 1.5s infinite;\n }\n\n \/* Funky patterns *\/\n .pattern {\n position: absolute;\n opacity: 0.05;\n z-index: 0;\n }\n\n .pattern-1 {\n top: 10%;\n left: 5%;\n width: 300px;\n height: 300px;\n background: var(--primary);\n border-radius: 50%;\n filter: blur(50px);\n }\n\n .pattern-2 {\n bottom: 20%;\n right: 10%;\n width: 250px;\n height: 250px;\n background: var(--secondary);\n border-radius: 50%;\n filter: blur(40px);\n }\n\n .pattern-3 {\n top: 50%;\n left: 50%;\n width: 200px;\n height: 200px;\n background: var(--accent);\n border-radius: 50%;\n filter: blur(30px);\n transform: translate(-50%, -50%);\n }\n <\/style>\n<\/head>\n<body>\n <!-- Navigation -->\n <header>\n <nav class=\"container\">\n <a href=\"#\" class=\"logo\">\n <i class=\"fas fa-chart-line\"><\/i>\n Muhammad Danish\n <\/a>\n <ul class=\"nav-links\">\n <li><a href=\"#home\">Home<\/a><\/li>\n <li><a href=\"#about\">About<\/a><\/li>\n <li><a href=\"#services\">Services<\/a><\/li>\n <li><a href=\"#companies\">Companies<\/a><\/li>\n <li><a href=\"#performance\">Performance<\/a><\/li>\n <li><a href=\"#contact\">Contact<\/a><\/li>\n <\/ul>\n <div class=\"mobile-menu\">\n <span><\/span>\n <span><\/span>\n <span><\/span>\n <\/div>\n <\/nav>\n <\/header>\n\n <!-- Hero Section -->\n <section class=\"hero\" id=\"home\">\n <div class=\"pattern pattern-1\"><\/div>\n <div class=\"pattern pattern-2\"><\/div>\n <div class=\"pattern pattern-3\"><\/div>\n \n <div class=\"container\">\n <div class=\"hero-content\">\n <div class=\"hero-text fade-in\">\n <h1>Digital Marketing Expert & Entrepreneur<\/h1>\n <p class=\"subtitle\">Founder @ Legalyze.pro, SEO Digital Solutions, Marketlens.pro & ContentCalendar.pro<\/p>\n <p>With over 10 years of experience, I help businesses grow online through strategic digital marketing, SEO excellence, and innovative SaaS solutions.<\/p>\n \n <div class=\"hero-badges\" style=\"display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 2rem;\">\n <span class=\"badge\" style=\"background: var(--gradient-1); color: white; border: none;\">Top Rated Freelancer<\/span>\n <span class=\"badge\" style=\"background: var(--gradient-2); color: white; border: none;\">Agency Owner<\/span>\n <span class=\"badge\" style=\"background: var(--gradient-3); color: white; border: none;\">Law Firms SEO Expert<\/span>\n <span class=\"badge\" style=\"background: var(--gradient-4); color: white; border: none;\">Sales Representative<\/span>\n <\/div>\n \n <div class=\"hero-buttons\">\n <a href=\"#contact\" class=\"btn btn-primary\">\n <i class=\"fas fa-envelope\"><\/i> Get In Touch\n <\/a>\n <a href=\"#services\" class=\"btn btn-outline\">\n <i class=\"fas fa-briefcase\"><\/i> View Services\n <\/a>\n <a href=\"https:\/\/wa.me\/13392121638\" target=\"_blank\" class=\"btn btn-whatsapp\">\n <i class=\"fab fa-whatsapp\"><\/i> WhatsApp\n <\/a>\n <a href=\"tel:+13392121638\" class=\"btn btn-call\">\n <i class=\"fas fa-phone\"><\/i> Call Now\n <\/a>\n <a href=\"https:\/\/share.google\/JsBsckJ1CWPUwX7Tc\" target=\"_blank\" class=\"btn btn-gmb\">\n <i class=\"fab fa-google\"><\/i> Google Business\n <\/a>\n <\/div>\n \n <div class=\"hero-stats\">\n <div class=\"stat-card\">\n <span class=\"stat-number\">10+<\/span>\n <span class=\"stat-label\">Years Experience<\/span>\n <\/div>\n <div class=\"stat-card\">\n <span class=\"stat-number\">600+<\/span>\n <span class=\"stat-label\">Happy Clients<\/span>\n <\/div>\n <div class=\"stat-card\">\n <span class=\"stat-number\">$200K+<\/span>\n <span class=\"stat-label\">Revenue Generated<\/span>\n <\/div>\n <div class=\"stat-card\">\n <span class=\"stat-number\">80%<\/span>\n <span class=\"stat-label\">From USA<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"hero-image fade-in\">\n <div class=\"profile-card\">\n <div class=\"profile-avatar\">MD<\/div>\n <div class=\"rating\">\n <div class=\"stars\">\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <\/div>\n <span class=\"rating-number\">5.0<\/span>\n <span class=\"rating-count\">(389)<\/span>\n <\/div>\n <h3>Muhammad Danish<\/h3>\n <p>Digital Marketing Expert with 400+ Satisfied Clients<\/p>\n <div class=\"profile-badges\">\n <span class=\"badge\">100% On-time<\/span>\n <span class=\"badge\">650+ Projects<\/span>\n <span class=\"badge\">$200K+ Revenue<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- About Section -->\n <section class=\"about\" id=\"about\">\n <div class=\"container\">\n <div class=\"section-header fade-in\">\n <h2 class=\"section-title\">About Me<\/h2>\n <p class=\"section-subtitle\">Building digital success stories through expertise and innovation<\/p>\n <\/div>\n <div class=\"about-content\">\n <div class=\"about-text fade-in\">\n <p>Over the last decade, I’ve had the privilege of working with 600+ clients worldwide, primarily from the USA, across diverse industries including law, e-commerce, SaaS, and professional services.<\/p>\n <p>What began as freelancing with small projects evolved into building comprehensive systems, remote teams, and service models that have generated over $200,000 in revenue in just the last five years.<\/p>\n <p>My approach is simple yet effective: I help businesses grow online with the right mix of strategy, execution, and consistency, focusing on long-term growth rather than short-term campaigns.<\/p>\n <div class=\"expertise-grid\">\n <div class=\"expertise-item\">\n <div class=\"expertise-icon\">\n <i class=\"fas fa-rocket\"><\/i>\n <\/div>\n <div class=\"expertise-text\">\n <h4>Startup & Brand Experience<\/h4>\n <p>Worked with both bootstrapped startups and established brands<\/p>\n <\/div>\n <\/div>\n <div class=\"expertise-item\">\n <div class=\"expertise-icon\">\n <i class=\"fas fa-brain\"><\/i>\n <\/div>\n <div class=\"expertise-text\">\n <h4>Tech & Marketing<\/h4>\n <p>Deep understanding of AI\/SaaS and ROI-driven growth<\/p>\n <\/div>\n <\/div>\n <div class=\"expertise-item\">\n <div class=\"expertise-icon\">\n <i class=\"fas fa-users\"><\/i>\n <\/div>\n <div class=\"expertise-text\">\n <h4>Team Building<\/h4>\n <p>Expert in hiring, training, and scaling remote teams<\/p>\n <\/div>\n <\/div>\n <div class=\"expertise-item\">\n <div class=\"expertise-icon\">\n <i class=\"fas fa-chart-line\"><\/i>\n <\/div>\n <div class=\"expertise-text\">\n <h4>Growth Focus<\/h4>\n <p>Committed to long-term sustainable growth strategies<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"achievements fade-in\">\n <h3>Key Achievements<\/h3>\n <div class=\"achievement-stats\">\n <div class=\"achievement-stat\">\n <span class=\"achievement-number\">700+<\/span>\n <span class=\"achievement-label\">Orders Completed<\/span>\n <\/div>\n <div class=\"achievement-stat\">\n <span class=\"achievement-number\">$116K+<\/span>\n <span class=\"achievement-label\">Total Revenue<\/span>\n <\/div>\n <div class=\"achievement-stat\">\n <span class=\"achievement-number\">100%<\/span>\n <span class=\"achievement-label\">On-time Delivery<\/span>\n <\/div>\n <div class=\"achievement-stat\">\n <span class=\"achievement-number\">5.0<\/span>\n <span class=\"achievement-label\">Average Rating<\/span>\n <\/div>\n <div class=\"achievement-stat\">\n <span class=\"achievement-number\">$210<\/span>\n <span class=\"achievement-label\">Avg Order Value<\/span>\n <\/div>\n <div class=\"achievement-stat\">\n <span class=\"achievement-number\">10M<\/span>\n <span class=\"achievement-label\">Annual Visitors<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Services Section -->\n <section class=\"services\" id=\"services\">\n <div class=\"container\">\n <div class=\"section-header fade-in\">\n <h2 class=\"section-title\">Services<\/h2>\n <p class=\"section-subtitle\">Comprehensive digital solutions tailored to your needs<\/p>\n <\/div>\n <div class=\"services-grid\">\n <div class=\"service-card fade-in\">\n <div class=\"service-icon\">\n <i class=\"fas fa-search\"><\/i>\n <\/div>\n <h3>SEO Services<\/h3>\n <p>Boost your online visibility with proven SEO strategies that drive organic traffic and improve search rankings.<\/p>\n <ul class=\"service-features\">\n <li>AI-driven SEO optimization<\/li>\n <li>Local SEO & Google My Business<\/li>\n <li>Technical SEO audits<\/li>\n <li>SaaS SEO strategies<\/li>\n <\/ul>\n <\/div>\n <div class=\"service-card fade-in\">\n <div class=\"service-icon\">\n <i class=\"fas fa-bullhorn\"><\/i>\n <\/div>\n <h3>Paid Advertising<\/h3>\n <p>Maximize your ROI with targeted paid advertising campaigns across multiple platforms.<\/p>\n <ul class=\"service-features\">\n <li>Google Ads management<\/li>\n <li>Meta Ads campaigns<\/li>\n <li>Campaign scaling strategies<\/li>\n <li>PPC optimization<\/li>\n <\/ul>\n <\/div>\n <div class=\"service-card fade-in\">\n <div class=\"service-icon\">\n <i class=\"fas fa-code\"><\/i>\n <\/div>\n <h3>Web Development<\/h3>\n <p>Create stunning, high-performance websites that convert visitors into customers.<\/p>\n <ul class=\"service-features\">\n <li>WordPress development<\/li>\n <li>Shopify stores<\/li>\n <li>Custom web solutions<\/li>\n <li>Performance optimization<\/li>\n <\/ul>\n <\/div>\n <div class=\"service-card fade-in\">\n <div class=\"service-icon\">\n <i class=\"fas fa-share-alt\"><\/i>\n <\/div>\n <h3>Social Media Marketing<\/h3>\n <p>Build brand awareness and engage with your audience across social platforms.<\/p>\n <ul class=\"service-features\">\n <li>Social media strategy<\/li>\n <li>Content creation<\/li>\n <li>Email marketing campaigns<\/li>\n <li>Community management<\/li>\n <\/ul>\n <\/div>\n <div class=\"service-card fade-in\">\n <div class=\"service-icon\">\n <i class=\"fas fa-link\"><\/i>\n <\/div>\n <h3>Backlink Building<\/h3>\n <p>Improve your domain authority with quality backlinks from reputable sources.<\/p>\n <ul class=\"service-features\">\n <li>Guest posting<\/li>\n <li>Niche edits<\/li>\n <li>Foundation backlinks<\/li>\n <li>Blogger outreach<\/li>\n <\/ul>\n <\/div>\n <div class=\"service-card fade-in\">\n <div class=\"service-icon\">\n <i class=\"fas fa-robot\"><\/i>\n <\/div>\n <h3>AI & Automation<\/h3>\n <p>Leverage AI tools and automation to streamline your marketing processes.<\/p>\n <ul class=\"service-features\">\n <li>AI tool implementation<\/li>\n <li>Workflow automation<\/li>\n <li>YouTube automation<\/li>\n <li>Team systems<\/li>\n <\/ul>\n <\/div>\n <div class=\"service-card fade-in\">\n <div class=\"service-icon\">\n <i class=\"fas fa-brain\"><\/i>\n <\/div>\n <h3>AI Web App Expert<\/h3>\n <p>Building complex AI tools and applications with cutting-edge technology.<\/p>\n <ul class=\"service-features\">\n <li>Building complex AI tools<\/li>\n <li>API integrations<\/li>\n <li>Payment processing<\/li>\n <li>Generative language API<\/li>\n <\/ul>\n <\/div>\n <div class=\"service-card fade-in\">\n <div class=\"service-icon\">\n <i class=\"fas fa-palette\"><\/i>\n <\/div>\n <h3>Web Design Expert<\/h3>\n <p>Creating stunning, user-friendly designs that convert visitors into customers.<\/p>\n <ul class=\"service-features\">\n <li>Prompt engineering<\/li>\n <li>AI tools expert<\/li>\n <li>Modern UI\/UX design<\/li>\n <li>Responsive design<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Companies Section -->\n <section class=\"companies\" id=\"companies\">\n <div class=\"container\">\n <div class=\"section-header fade-in\">\n <h2 class=\"section-title\">My Companies<\/h2>\n <p class=\"section-subtitle\">Innovative solutions driving digital transformation<\/p>\n <\/div>\n <div class=\"companies-grid\">\n <div class=\"company-card fade-in\">\n <div class=\"company-header\">\n <div class=\"company-logo\">\n <i class=\"fas fa-balance-scale\"><\/i>\n <\/div>\n <div class=\"company-info\">\n <h3>Legalyze.pro<\/h3>\n <p>AI-Powered Legal Tech<\/p>\n <\/div>\n <\/div>\n <p class=\"company-description\">\n AI-powered SaaS platform for legal contract review, helping law firms and businesses save time, reduce risk, and maintain compliance across 30+ countries.\n <\/p>\n <div class=\"company-metrics\">\n <div class=\"company-metric\">\n <span class=\"metric-value\">30+<\/span>\n <span class=\"metric-label\">Countries<\/span>\n <\/div>\n <div class=\"company-metric\">\n <span class=\"metric-value\">AI<\/span>\n <span class=\"metric-label\">Powered<\/span>\n <\/div>\n <div class=\"company-metric\">\n <span class=\"metric-value\">24\/7<\/span>\n <span class=\"metric-label\">Available<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"company-card fade-in\">\n <div class=\"company-header\">\n <div class=\"company-logo\">\n <i class=\"fas fa-chart-line\"><\/i>\n <\/div>\n <div class=\"company-info\">\n <h3>SEO Digital Solutions<\/h3>\n <p>Digital Marketing Agency<\/p>\n <\/div>\n <\/div>\n <p class=\"company-description\">\n Full-service digital marketing agency delivering 10x traffic growth and 300% ROI for brands, law firms, and startups through strategic digital solutions.\n <\/p>\n <div class=\"company-metrics\">\n <div class=\"company-metric\">\n <span class=\"metric-value\">10x<\/span>\n <span class=\"metric-label\">Traffic Growth<\/span>\n <\/div>\n <div class=\"company-metric\">\n <span class=\"metric-value\">300%<\/span>\n <span class=\"metric-label\">ROI<\/span>\n <\/div>\n <div class=\"company-metric\">\n <span class=\"metric-value\">600+<\/span>\n <span class=\"metric-label\">Clients<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"company-card fade-in\">\n <div class=\"company-header\">\n <div class=\"company-logo\">\n <i class=\"fas fa-search-dollar\"><\/i>\n <\/div>\n <div class=\"company-info\">\n <h3>Marketlens.pro<\/h3>\n <p>Market Intelligence Platform<\/p>\n <\/div>\n <\/div>\n <p class=\"company-description\">\n Advanced market intelligence platform providing real-time insights, competitor analysis, and trend forecasting to help businesses make data-driven decisions.\n <\/p>\n <div class=\"company-metrics\">\n <div class=\"company-metric\">\n <span class=\"metric-value\">AI<\/span>\n <span class=\"metric-label\">Analytics<\/span>\n <\/div>\n <div class=\"company-metric\">\n <span class=\"metric-value\">Real-time<\/span>\n <span class=\"metric-label\">Data<\/span>\n <\/div>\n <div class=\"company-metric\">\n <span class=\"metric-value\">Global<\/span>\n <span class=\"metric-label\">Coverage<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"company-card fade-in\">\n <div class=\"company-header\">\n <div class=\"company-logo\">\n <i class=\"fas fa-paper-plane\"><\/i>\n <\/div>\n <div class=\"company-info\">\n <h3>PitchPilot.pro<\/h3>\n <p>AI-Powered Sales Outreach Generator<\/p>\n <\/div>\n <\/div>\n <p class=\"company-description\">\n Create strategic, personalized outreach content for email, LinkedIn, Instagram, Facebook, cold calls, and follow-ups in seconds. Transform your sales communication with AI-driven precision.\n <\/p>\n <div class=\"company-metrics\">\n <div class=\"company-metric\">\n <span class=\"metric-value\">6+<\/span>\n <span class=\"metric-label\">Platforms<\/span>\n <\/div>\n <div class=\"company-metric\">\n <span class=\"metric-value\">AI<\/span>\n <span class=\"metric-label\">Generated<\/span>\n <\/div>\n <div class=\"company-metric\">\n <span class=\"metric-value\">Secs<\/span>\n <span class=\"metric-label\">Creation Time<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"company-card fade-in\">\n <div class=\"company-header\">\n <div class=\"company-logo\">\n <i class=\"fas fa-calendar-alt\"><\/i>\n <\/div>\n <div class=\"company-info\">\n <h3>ContentCalendar.pro<\/h3>\n <p>Content Planning & Scheduling Platform<\/p>\n <\/div>\n <\/div>\n <p class=\"company-description\">\n Streamline your content marketing with intelligent planning, scheduling, and analytics. Create, organize, and publish content across multiple platforms with AI-powered suggestions and performance tracking.\n <\/p>\n <div class=\"company-metrics\">\n <div class=\"company-metric\">\n <span class=\"metric-value\">Multi<\/span>\n <span class=\"metric-label\">Platform<\/span>\n <\/div>\n <div class=\"company-metric\">\n <span class=\"metric-value\">AI<\/span>\n <span class=\"metric-label\">Assisted<\/span>\n <\/div>\n <div class=\"company-metric\">\n <span class=\"metric-value\">Analytics<\/span>\n <span class=\"metric-label\">Dashboard<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Performance Section -->\n <section class=\"performance\" id=\"performance\">\n <div class=\"container\">\n <div class=\"section-header fade-in\">\n <h2 class=\"section-title\">Performance Metrics<\/h2>\n <p class=\"section-subtitle\">Real results that speak for themselves<\/p>\n <\/div>\n <div class=\"performance-grid\">\n <div class=\"performance-card fade-in\">\n <div class=\"performance-icon\">\n <i class=\"fas fa-dollar-sign\"><\/i>\n <\/div>\n <div class=\"performance-value\">$116,497<\/div>\n <div class=\"performance-label\">Total Revenue Generated<\/div>\n <\/div>\n <div class=\"performance-card fade-in\">\n <div class=\"performance-icon\">\n <i class=\"fas fa-shopping-cart\"><\/i>\n <\/div>\n <div class=\"performance-value\">650+<\/div>\n <div class=\"performance-label\">Projects Completed<\/div>\n <\/div>\n <div class=\"performance-card fade-in\">\n <div class=\"performance-icon\">\n <i class=\"fas fa-clock\"><\/i>\n <\/div>\n <div class=\"performance-value\">100%<\/div>\n <div class=\"performance-label\">On-time Delivery Rate<\/div>\n <\/div>\n <div class=\"performance-card fade-in\">\n <div class=\"performance-icon\">\n <i class=\"fas fa-star\"><\/i>\n <\/div>\n <div class=\"performance-value\">5.0<\/div>\n <div class=\"performance-label\">Average Rating<\/div>\n <\/div>\n <div class=\"performance-card fade-in\">\n <div class=\"performance-icon\">\n <i class=\"fas fa-receipt\"><\/i>\n <\/div>\n <div class=\"performance-value\">$200+<\/div>\n <div class=\"performance-label\">Average Order Value<\/div>\n <\/div>\n <div class=\"performance-card fade-in\">\n <div class=\"performance-icon\">\n <i class=\"fas fa-users\"><\/i>\n <\/div>\n <div class=\"performance-value\">350+<\/div>\n <div class=\"performance-label\">Client Reviews<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Testimonials Section -->\n <section class=\"testimonials\" id=\"testimonials\">\n <div class=\"container\">\n <div class=\"section-header fade-in\">\n <h2 class=\"section-title\">Client Testimonials<\/h2>\n <p class=\"section-subtitle\">What my clients say about working with me<\/p>\n <\/div>\n <div class=\"testimonials-container\">\n <div class=\"testimonial-card fade-in\">\n <div class=\"testimonial-rating\">\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <\/div>\n <p class=\"testimonial-text\">\n “Muhammad transformed our online presence completely. Our organic traffic increased by 300% in just 6 months. His expertise in SEO and digital marketing is unmatched. Highly recommended!”\n <\/p>\n <div class=\"testimonial-author\">\n <div class=\"author-avatar\">JD<\/div>\n <div class=\"author-info\">\n <h4>John Davidson<\/h4>\n <p>CEO, Tech Startup<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Contact Section -->\n <section class=\"contact\" id=\"contact\">\n <div class=\"container\">\n <div class=\"section-header fade-in\">\n <h2 class=\"section-title\">Get In Touch<\/h2>\n <p class=\"section-subtitle\">Let’s discuss how we can work together<\/p>\n <\/div>\n <div class=\"contact-content\">\n <div class=\"contact-info fade-in\">\n <h3>Contact Information<\/h3>\n <div class=\"contact-item\">\n <div class=\"contact-icon\">\n <i class=\"fas fa-phone\"><\/i>\n <\/div>\n <div class=\"contact-text\">\n <h4>Phone<\/h4>\n <p>+1 339 212 1638<\/p>\n <div style=\"margin-top: 10px; display: flex; gap: 10px;\">\n <a href=\"tel:+13392121638\" class=\"btn btn-call\" style=\"padding: 0.5rem 1rem; font-size: 0.875rem;\">\n <i class=\"fas fa-phone\"><\/i> Call\n <\/a>\n <a href=\"https:\/\/wa.me\/13392121638\" target=\"_blank\" class=\"btn btn-whatsapp\" style=\"padding: 0.5rem 1rem; font-size: 0.875rem;\">\n <i class=\"fab fa-whatsapp\"><\/i> WhatsApp\n <\/a>\n <a href=\"sms:+13392121638\" class=\"btn btn-outline\" style=\"padding: 0.5rem 1rem; font-size: 0.875rem;\">\n <i class=\"fas fa-comment\"><\/i> Text\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"contact-item\">\n <div class=\"contact-icon\">\n <i class=\"fas fa-envelope\"><\/i>\n <\/div>\n <div class=\"contact-text\">\n <h4>Email<\/h4>\n <p>mdanish0771@gmail.com<\/p>\n <\/div>\n <\/div>\n <div class=\"contact-item\">\n <div class=\"contact-icon\">\n <i class=\"fas fa-map-marker-alt\"><\/i>\n <\/div>\n <div class=\"contact-text\">\n <h4>Location<\/h4>\n <p>Tampa, Florida, United States<\/p>\n <\/div>\n <\/div>\n <div class=\"contact-item\">\n <div class=\"contact-icon\">\n <i class=\"fab fa-google\"><\/i>\n <\/div>\n <div class=\"contact-text\">\n <h4>Google Business<\/h4>\n <p>View my business profile<\/p>\n <a href=\"https:\/\/share.google\/JsBsckJ1CWPUwX7Tc\" target=\"_blank\" class=\"btn btn-gmb\" style=\"padding: 0.5rem 1rem; font-size: 0.875rem; margin-top: 10px;\">\n <i class=\"fab fa-google\"><\/i> View Profile\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"contact-form fade-in\">\n <form action=\"https:\/\/formspree.io\/f\/xzzjjlrr\" method=\"POST\" id=\"contactForm\">\n <div class=\"form-group\">\n <label for=\"name\">Your Name<\/label>\n <input type=\"text\" id=\"name\" name=\"name\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"email\">Your Email<\/label>\n <input type=\"email\" id=\"email\" name=\"email\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"subject\">Subject<\/label>\n <input type=\"text\" id=\"subject\" name=\"subject\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"message\">Message<\/label>\n <textarea id=\"message\" name=\"message\" required><\/textarea>\n <\/div>\n <button type=\"submit\" class=\"btn btn-primary\" style=\"width: 100%;\">\n <i class=\"fas fa-paper-plane\"><\/i> Send Message\n <\/button>\n <\/form>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Footer -->\n <footer>\n <div class=\"container\">\n <div class=\"footer-content\">\n <div class=\"footer-section\">\n <h3>Muhammad Danish<\/h3>\n <p>Digital Marketing Expert & Entrepreneur helping businesses achieve remarkable growth through strategic digital solutions.<\/p>\n <div class=\"social-links\">\n <a href=\"https:\/\/www.linkedin.com\/in\/imsethox\" target=\"_blank\" class=\"social-link\">\n <i class=\"fab fa-linkedin-in\"><\/i>\n <\/a>\n <a href=\"https:\/\/seodigitalsolutionz.com\/\" target=\"_blank\" class=\"social-link\">\n <i class=\"fas fa-globe\"><\/i>\n <\/a>\n <a href=\"https:\/\/www.instagram.com\/imsethox\" target=\"_blank\" class=\"social-link\">\n <i class=\"fab fa-instagram\"><\/i>\n <\/a>\n <a href=\"https:\/\/www.facebook.com\/imsethox\" target=\"_blank\" class=\"social-link\">\n <i class=\"fab fa-facebook-f\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <div class=\"footer-section\">\n <h3>Quick Links<\/h3>\n <ul class=\"footer-links\">\n <li><a href=\"#home\">Home<\/a><\/li>\n <li><a href=\"#about\">About<\/a><\/li>\n <li><a href=\"#services\">Services<\/a><\/li>\n <li><a href=\"#companies\">Companies<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"footer-section\">\n <h3>Contact Us<\/h3>\n <ul class=\"footer-links\">\n <li><a href=\"tel:+13392121638\">+1 339 212 1638<\/a><\/li>\n <li><a href=\"mailto:mdanish0771@gmail.com\">mdanish0771@gmail.com<\/a><\/li>\n <li><a href=\"https:\/\/share.google\/JsBsckJ1CWPUwX7Tc\" target=\"_blank\">Google Business<\/a><\/li>\n <li><a href=\"#\">Tampa, Florida<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"footer-section\">\n <h3>Companies<\/h3>\n <ul class=\"footer-links\">\n <li><a href=\"https:\/\/legalyze.pro\" target=\"_blank\">Legalyze.pro<\/a><\/li>\n <li><a href=\"https:\/\/marketlens.pro\" target=\"_blank\">Marketlens.pro<\/a><\/li>\n <li><a href=\"https:\/\/pitchpilot.pro\" target=\"_blank\">PitchPilot.pro<\/a><\/li>\n <li><a href=\"https:\/\/contentcalendar.pro\" target=\"_blank\">ContentCalendar.pro<\/a><\/li>\n <li><a href=\"https:\/\/seodigitalsolutionz.com\/\" target=\"_blank\">SEO Digital Solutions<\/a><\/li>\n <li><a href=\"#contact\">Partner With Us<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <p>© 2024 Muhammad Danish. All rights reserved. | Crafting Digital Excellence<\/p>\n <\/div>\n <\/div>\n <\/footer>\n\n <!-- WhatsApp Floating Button -->\n <a href=\"https:\/\/wa.me\/13392121638\" target=\"_blank\" class=\"whatsapp-float\">\n <i class=\"fab fa-whatsapp\"><\/i>\n <\/a>\n\n <script>\n \/\/ Smooth scrolling for navigation links\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n });\n\n \/\/ Fade-in animation on scroll\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('active');\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.fade-in').forEach(el => {\n observer.observe(el);\n });\n\n \/\/ Mobile menu toggle\n const mobileMenu = document.querySelector('.mobile-menu');\n const navLinks = document.querySelector('.nav-links');\n\n mobileMenu.addEventListener('click', () => {\n navLinks.style.display = navLinks.style.display === 'flex' ? 'none' : 'flex';\n if (navLinks.style.display === 'flex') {\n navLinks.style.position = 'absolute';\n navLinks.style.top = '100%';\n navLinks.style.left = '0';\n navLinks.style.width = '100%';\n navLinks.style.background = 'rgba(255, 255, 255, 0.95)';\n navLinks.style.flexDirection = 'column';\n navLinks.style.padding = '1rem';\n navLinks.style.boxShadow = '0 10px 30px rgba(0,0,0,0.1)';\n }\n });\n\n \/\/ Formspree form submission\n document.getElementById('contactForm').addEventListener('submit', async function(e) {\n e.preventDefault();\n \n const formData = new FormData(this);\n const submitButton = this.querySelector('button[type=\"submit\"]');\n const originalButtonText = submitButton.innerHTML;\n \n \/\/ Show loading state\n submitButton.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> Sending...';\n submitButton.disabled = true;\n \n try {\n const response = await fetch('https:\/\/formspree.io\/f\/xzzjjlrr', {\n method: 'POST',\n body: formData,\n headers: {\n 'Accept': 'application\/json'\n }\n });\n \n if (response.ok) {\n \/\/ Create success message\n const successMsg = document.createElement('div');\n successMsg.style.cssText = `\n position: fixed;\n top: 100px;\n right: 20px;\n background: var(--gradient-1);\n color: white;\n padding: 1rem 1.5rem;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n z-index: 10000;\n animation: slideIn 0.3s ease;\n `;\n successMsg.innerHTML = `\n <h4 style=\"margin: 0 0 0.5rem 0;\">\u2713 Message Sent Successfully!<\/h4>\n <p style=\"margin: 0;\">Thank you for reaching out. I'll get back to you soon.<\/p>\n `;\n \n document.body.appendChild(successMsg);\n \n \/\/ Reset form\n this.reset();\n \n \/\/ Remove message after 5 seconds\n setTimeout(() => {\n successMsg.style.animation = 'slideOut 0.3s ease';\n setTimeout(() => {\n successMsg.remove();\n }, 300);\n }, 5000);\n } else {\n throw new Error('Form submission failed');\n }\n } catch (error) {\n \/\/ Create error message\n const errorMsg = document.createElement('div');\n errorMsg.style.cssText = `\n position: fixed;\n top: 100px;\n right: 20px;\n background: #e74c3c;\n color: white;\n padding: 1rem 1.5rem;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n z-index: 10000;\n animation: slideIn 0.3s ease;\n `;\n errorMsg.innerHTML = `\n <h4 style=\"margin: 0 0 0.5rem 0;\">\u2717 Error!<\/h4>\n <p style=\"margin: 0;\">Something went wrong. Please try again.<\/p>\n `;\n \n document.body.appendChild(errorMsg);\n \n \/\/ Remove message after 5 seconds\n setTimeout(() => {\n errorMsg.style.animation = 'slideOut 0.3s ease';\n setTimeout(() => {\n errorMsg.remove();\n }, 300);\n }, 5000);\n } finally {\n \/\/ Reset button state\n submitButton.innerHTML = originalButtonText;\n submitButton.disabled = false;\n }\n });\n\n \/\/ Add slide animations\n const style = document.createElement('style');\n style.textContent = `\n @keyframes slideIn {\n from {\n transform: translateX(100%);\n opacity: 0;\n }\n to {\n transform: translateX(0);\n opacity: 1;\n }\n }\n \n @keyframes slideOut {\n from {\n transform: translateX(0);\n opacity: 1;\n }\n to {\n transform: translateX(100%);\n opacity: 0;\n }\n }\n `;\n document.head.appendChild(style);\n\n \/\/ Navbar scroll effect\n window.addEventListener('scroll', () => {\n const header = document.querySelector('header');\n if (window.scrollY > 50) {\n header.style.background = 'rgba(255, 255, 255, 0.95)';\n header.style.boxShadow = '0 4px 20px rgba(0,0,0,0.1)';\n } else {\n header.style.background = 'rgba(255, 255, 255, 0.9)';\n header.style.boxShadow = '0 2px 10px rgba(0, 0, 0, 0.05)';\n }\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Muhammad Danish – Digital Marketing Expert | SEO Specialist & Agency Owner Muhammad Danish Home About Services Companies Performance Contact Digital Marketing Expert & Entrepreneur Founder @ Legalyze.pro, SEO Digital Solutions, Marketlens.pro & ContentCalendar.pro With over 10 years of experience, I help businesses grow online through strategic digital marketing, SEO excellence, and innovative SaaS solutions….<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"disable","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":true,"_kad_post_footer":true,"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mdanish.pro\/index.php\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mdanish.pro\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mdanish.pro\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mdanish.pro\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mdanish.pro\/index.php\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":7,"href":"https:\/\/mdanish.pro\/index.php\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":29,"href":"https:\/\/mdanish.pro\/index.php\/wp-json\/wp\/v2\/pages\/11\/revisions\/29"}],"wp:attachment":[{"href":"https:\/\/mdanish.pro\/index.php\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}