Help
RSS
API
Feed
Maltego
Contact
Domain > satinova.in
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2025-10-16
92.113.23.128
(
ClassC
)
2026-02-05
52.52.192.191
(
ClassC
)
Port 443
HTTP/1.1 200 OKAccept-Ranges: bytesAge: 1Cache-Control: public,max-age0,must-revalidateCache-Status: Netlify Edge; fwdmissContent-Length: 89219Content-Type: text/html; charsetUTF-8Date: Thu, 05 Feb 2026 16:09:13 GMTEtag: 022f3c24657473de1dff14421f267521-sslServer: NetlifyStrict-Transport-Security: max-age31536000X-Nf-Request-Id: 01KGQ914T40JSH23JXDSFA0PMK !DOCTYPE html>html langen>head> meta charsetUTF-8> meta nameviewport contentwidthdevice-width, initial-scale1.0, maximum-scale5.0, user-scalableyes> title>Satinova | Digital Transformation Solutions | Web & App Developers/title> meta namedescription contentSatinova guides organizations through digital transformation. We build solutions that eliminate complexity and make life easier for people and citizens. Experts in AI, Cloud, IoT solutions.> !-- SEO Meta Tags --> meta namekeywords contentWeb designers Hyderabad,digital transformation, AI solutions, cloud computing, business innovation, technology consulting, SaaS solutions, enterprise software, IoT, blockchain, automation, Satinova> meta nameauthor contentSatinova> meta namerobots contentindex, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1> meta namegooglebot contentindex, follow> meta namebingbot contentindex, follow> !-- Canonical URL --> link relcanonical hrefhttps://satinova.in> !-- Open Graph / Facebook --> meta propertyog:type contentwebsite> meta propertyog:url contenthttps://satinova.in> meta propertyog:title contentSatinova | Digital Transformation Solutions> meta propertyog:description contentLeading digital transformation company providing AI, Cloud, and innovative technology solutions for businesses worldwide.> meta propertyog:image contenthttps://satinova.in/assets/og-image.jpg> meta propertyog:image:width content1200> meta propertyog:image:height content630> meta propertyog:locale contenten_US> meta propertyog:site_name contentSatinova> !-- Twitter --> meta nametwitter:card contentsummary_large_image> meta nametwitter:site content@Satinova_X> meta nametwitter:creator content@Satinova_X> meta nametwitter:title contentSatinova | Digital Transformation Solutions> meta nametwitter:description contentTransform your business with cutting-edge digital solutions from Satinova.> meta nametwitter:image contenthttps://satinova.in/assets/twitter-card.jpg> !-- Additional SEO Tags --> meta nameapplication-name contentSatinova> meta nameapple-mobile-web-app-title contentSatinova> meta nametheme-color content#dc2626> meta namemsapplication-TileColor content#dc2626> !-- Structured Data - Organization Schema --> script typeapplication/ld+json> { @context: https://schema.org, @type: Organization, name: Satinova, url: https://satinova.in, logo: https://satinova.in/assets/logo.png, description: Digital transformation company providing AI, Cloud, and innovative technology solutions for businesses worldwide., foundingDate: 2015, founders: { @type: Person, name: Boda Srikanth } , address: { @type: PostalAddress, addressCountry: IN, addressRegion: Telangana, addressLocality: Hyderabad }, contactPoint: { @type: ContactPoint, contactType: customer service, email: help@satinova.in, availableLanguage: English, Hindi, Telugu }, sameAs: https://www.linkedin.com/company/satinova, https://twitter.com/Satinova_X, https://instagram.com/satinova.in , knowsAbout: Website & App Development, Digital Transformation, Artificial Intelligence, Cloud Computing, Machine Learning, Internet of Things, Blockchain Technology, Software Development, Business Consulting , employees: { @type: QuantitativeValue, value: 50-200 }, brand: Satinova, serviceArea: { @type: Place, name: Global }, makesOffer: { @type: Service, name: Digital Strategy Consulting, description: Comprehensive digital transformation strategy development }, { @type: Service, name: AI Solutions Development, description: Custom AI and machine learning solutions }, { @type: Service, name: Website & App Development Service, description: Website,App Design & Development Services Worldwide } , areaServed: { @type: Country, name: Global }, keywords: web designers, app developer, digital transformation, AI solutions, cloud services, business innovation } /script> !-- Structured Data - Website Schema --> script typeapplication/ld+json> { @context: https://schema.org, @type: WebSite, name: Satinova, url: https://satinova.in, description: Digital transformation solutions provider, inLanguage: en, publisher: { @type: Organization, name: Satinova } } /script> !-- Structured Data - Local Business --> script typeapplication/ld+json> { @context: https://schema.org, @type: ProfessionalService, name: Satinova, image: https://satinova.in/assets/logo.png, address: { @type: PostalAddress, streetAddress: Hasthinapuram, addressLocality: Hyderabad, addressRegion: Telangana, postalCode: 500079, addressCountry: IN }, geo: { @type: GeoCoordinates, latitude: 17.3330253, longitude: 78.5478028 }, url: https://satinova.in, telephone: +917799886784, openingHoursSpecification: { @type: OpeningHoursSpecification, dayOfWeek: Monday, Tuesday, Wednesday, Thursday, Friday, opens: 09:00, closes: 18:00 } , priceRange: $$$, serviceType: Digital Transformation, Web & App Development, AI Development, Cloud Services, currenciesAccepted: INR, USD, EUR, paymentAccepted: UPI,Credit Card, Bank Transfer, hasOfferCatalog: { @type: OfferCatalog, name: Digital Services, itemListElement: { @type: Offer, itemOffered: { @type: Service, name: Website & App Development } }, { @type: Offer, itemOffered: { @type: Service, name: AI Solutions Development } } } } /script> !-- Fonts --> link relpreconnect hrefhttps://fonts.googleapis.com> link relpreconnect hrefhttps://fonts.gstatic.com crossorigin> link hrefhttps://fonts.googleapis.com/css2?familySpace+Grotesk:wght@300;400;500;600;700&familyInter:wght@300;400;500;600;700&displayswap relstylesheet> !-- Font Awesome --> link relstylesheet hrefhttps://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css> !-- Favicon --> link relicon typeimage/x-icon href/favicon.ico> link relicon typeimage/png sizes32x32 href/favicon-32x32.png> link relicon typeimage/png sizes16x16 href/favicon-16x16.png> link relapple-touch-icon sizes180x180 href/apple-touch-icon.png> link relmanifest href/site.webmanifest> style> /* All your original CSS stays exactly the same */ /* Reset & Base Styles */ * { margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent; } :root { --primary-red: #dc2626; --dark-bg: #0f172a; --dark-card: #1e293b; --text-white: #ffffff; --text-light: #e2e8f0; --text-gray: #94a3b8; --border: #334155; --shadow: 0 10px 25px rgba(0, 0, 0, 0.2); --shadow-lg: 0 20px 40px rgba(0, 0, 0, 0.3); --ai-purple: #8b5cf6; } html { scroll-behavior: smooth; font-size: 16px; /* Prevent horizontal scroll on mobile */ overflow-x: hidden; } body { background-color: var(--dark-bg); color: var(--text-white); font-family: Inter, -apple-system, BlinkMacSystemFont, sans-serif; overflow-x: hidden; line-height: 1.6; min-height: 100vh; /* Prevent text size adjustment on mobile */ -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } h1, h2, h3, h4 { font-family: Space Grotesk, sans-serif; font-weight: 600; line-height: 1.2; } .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; width: 100%; } img { max-width: 100%; height: auto; display: block; } /* Navigation */ nav { position: fixed; top: 0; width: 100%; background: rgba(15, 23, 42, 0.95); backdrop-filter: blur(20px); border-bottom: 1px solid var(--border); z-index: 1000; padding: 1rem 0; height: 70px; display: flex; align-items: center; } .nav-container { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 0 20px; } .logo { display: flex; align-items: center; gap: 10px; font-family: Space Grotesk, sans-serif; font-size: 1.5rem; font-weight: 700; color: var(--text-white); text-decoration: none; } .logo-icon { color: var(--primary-red); font-size: 1.8rem; } .nav-links { display: none; } .mobile-menu-btn { background: none; border: none; color: var(--text-white); font-size: 1.5rem; cursor: pointer; padding: 5px; z-index: 1001; } /* Mobile Menu */ .mobile-nav { position: fixed; top: 70px; left: 0; width: 100%; height: calc(100vh - 70px); background: var(--dark-bg); transform: translateX(-100%); transition: transform 0.3s ease; z-index: 999; padding: 2rem; overflow-y: auto; } .mobile-nav.active { transform: translateX(0); } .mobile-nav ul { list-style: none; } .mobile-nav li { margin-bottom: 1.5rem; } .mobile-nav a { color: var(--text-light); text-decoration: none; font-size: 1.2rem; display: block; padding: 0.75rem 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); transition: color 0.3s; } .mobile-nav a:hover { color: var(--primary-red); } /* Hero Section with Video */ .hero { position: relative; min-height: 100vh; display: flex; align-items: center; overflow: hidden; padding-top: 70px; } .video-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .hero-video { width: 100%; height: 100%; object-fit: cover; filter: brightness(0.4); } .video-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(45deg, rgba(15, 23, 42, 0.8), rgba(220, 38, 38, 0.2)); z-index: 2; } .video-controls { position: absolute; bottom: 2rem; right: 2rem; z-index: 3; display: flex; gap: 10px; } .video-btn { width: 40px; height: 40px; border-radius: 50%; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); color: white; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.3s; font-size: 1rem; } .video-btn:hover { background: rgba(255, 255, 255, 0.2); } .hero-content { position: relative; z-index: 3; text-align: center; width: 100%; padding: 2rem 1rem; } .hero-badge { display: inline-block; background: rgba(220, 38, 38, 0.2); color: white; padding: 8px 16px; border-radius: 20px; font-size: 0.9rem; margin-bottom: 2rem; border: 1px solid rgba(255, 255, 255, 0.1); animation: float 3s ease-in-out infinite; } @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } } .hero-title { font-size: 2rem; margin-bottom: 1rem; line-height: 1.2; padding: 0 10px; } .typing-text { color: var(--primary-red); border-right: 3px solid var(--primary-red); padding-right: 5px; animation: blink 0.7s infinite; display: inline-block; min-height: 1.2em; } @keyframes blink { 0%, 100% { border-color: var(--primary-red); } 50% { border-color: transparent; } } .hero-subtitle { font-size: 1.1rem; color: var(--text-light); margin-bottom: 1.5rem; max-width: 600px; margin: 0 auto 2rem; padding: 0 10px; } .hero-buttons { display: flex; flex-direction: column; gap: 1rem; max-width: 300px; margin: 0 auto 3rem; padding: 0 10px; } .btn-primary, .btn-secondary { padding: 14px 24px; border-radius: 8px; text-decoration: none; font-weight: 600; transition: all 0.3s; text-align: center; border: 2px solid transparent; font-size: 1rem; display: flex; align-items: center; justify-content: center; gap: 10px; } .btn-primary { background: var(--primary-red); color: white; border-color: var(--primary-red); } .btn-primary:hover, .btn-primary:active { background: transparent; transform: translateY(-2px); box-shadow: 0 10px 25px rgba(220, 38, 38, 0.3); } .btn-secondary { background: transparent; color: var(--text-light); border-color: rgba(255, 255, 255, 0.2); } .btn-secondary:hover, .btn-secondary:active { border-color: var(--primary-red); color: var(--primary-red); transform: translateY(-2px); } .hero-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.75rem; max-width: 600px; margin: 0 auto; padding: 0 10px; } .stat { text-align: center; padding: 1rem 0.5rem; background: rgba(255, 255, 255, 0.05); border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.1); transition: transform 0.3s; } .stat:hover { transform: translateY(-3px); } .stat-value { font-size: 1.25rem; font-weight: 700; color: var(--primary-red); margin-bottom: 0.25rem; } .stat-label { font-size: 0.7rem; color: var(--text-gray); text-transform: uppercase; line-height: 1.3; } /* Sections Common Styles */ section { padding: 4rem 0; } .section-header { text-align: center; margin-bottom: 2rem; padding: 0 10px; } .section-label { display: inline-block; background: rgba(220, 38, 38, 0.1); color: var(--primary-red); padding: 8px 16px; border-radius: 20px; font-size: 0.9rem; font-weight: 600; margin-bottom: 1rem; border: 1px solid rgba(220, 38, 38, 0.2); } .section-title { font-size: 1.75rem; margin-bottom: 1rem; background: linear-gradient(135deg, var(--text-white) 0%, var(--text-light) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; padding: 0 10px; } .section-description { color: var(--text-gray); max-width: 600px; margin: 0 auto; line-height: 1.6; padding: 0 15px; font-size: 1rem; } /* Horizontal Scroll Section */ .horizontal-scroll-section { position: relative; overflow: hidden; background: var(--dark-bg); padding: 3rem 0; } .scroll-container { position: relative; padding: 1rem 0; } .scroll-wrapper { position: relative; padding: 0 10px; } .scroll-content { display: flex; gap: 1rem; padding: 1rem 0; overflow-x: auto; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding-bottom: 2rem; scroll-padding: 0 20px; } .scroll-content::-webkit-scrollbar { display: none; } .scroll-fade { position: absolute; top: 0; bottom: 0; width: 50px; pointer-events: none; z-index: 2; } .scroll-fade-left { left: 0; background: linear-gradient(to right, var(--dark-bg), transparent); } .scroll-fade-right { right: 0; background: linear-gradient(to left, var(--dark-bg), transparent); } .scroll-btn { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 50%; background: var(--primary-red); color: white; border: none; cursor: pointer; display: none; align-items: center; justify-content: center; z-index: 3; transition: all 0.3s; box-shadow: var(--shadow); } .scroll-btn:hover { transform: translateY(-50%) scale(1.1); background: #b91c1c; } .scroll-btn-left { left: 5px; } .scroll-btn-right { right: 5px; } /* Industry Cards */ .industry-card { flex: 0 0 280px; background: var(--dark-card); border-radius: 12px; overflow: hidden; border: 1px solid var(--border); transition: all 0.3s ease; position: relative; } .industry-card:hover { transform: translateY(-10px); box-shadow: var(--shadow-lg); border-color: var(--primary-red); } .card-image { height: 180px; position: relative; overflow: hidden; } .card-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; } .industry-card:hover .card-image img { transform: scale(1.1); } .image-overlay { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0,0,0,0.8), transparent); padding: 1rem; color: white; } .image-overlay h3 { font-size: 0.9rem; margin-bottom: 5px; } .card-icon { position: absolute; top: 1rem; right: 1rem; width: 40px; height: 40px; background: var(--primary-red); border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; z-index: 2; } .card-content { padding: 1.25rem; } .card-title { font-size: 1.1rem; margin-bottom: 0.75rem; color: var(--text-white); line-height: 1.3; } .card-description { color: var(--text-gray); font-size: 0.85rem; margin-bottom: 1rem; line-height: 1.5; } .card-stats { display: flex; justify-content: space-between; border-top: 1px solid rgba(255, 255, 255, 0.1); padding-top: 1rem; } .card-stat { text-align: center; flex: 1; } .card-stat-value { font-size: 0.9rem; font-weight: 700; color: var(--primary-red); display: block; } .card-stat-label { font-size: 0.65rem; color: var(--text-gray); text-transform: uppercase; line-height: 1.2; } /* Industry Solutions Section */ .industry-solutions-section { background: linear-gradient(to bottom, var(--dark-bg), #0a0f1a); } .solutions-grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; margin-top: 2rem; padding: 0 10px; } .solution-card { background: var(--dark-card); border-radius: 12px; padding: 1.5rem; border: 1px solid var(--border); transition: all 0.3s ease; position: relative; overflow: hidden; } .solution-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-lg); border-color: var(--primary-red); } .solution-card::before { content: ; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, rgba(220, 38, 38, 0.05) 0%, transparent 100%); opacity: 0; transition: opacity 0.3s; } .solution-card:hover::before { opacity: 1; } .solution-header { display: flex; align-items: flex-start; gap: 1rem; margin-bottom: 1rem; } .solution-icon-wrapper { flex-shrink: 0; } .solution-icon { width: 50px; height: 50px; background: rgba(220, 38, 38, 0.1); border-radius: 10px; display: flex; align-items: center; justify-content: center; color: var(--primary-red); font-size: 1.3rem; transition: transform 0.3s; } .solution-card:hover .solution-icon { transform: scale(1.1) rotate(5deg); } .solution-content { flex: 1; } .solution-content h3 { font-size: 1.2rem; margin-bottom: 0.5rem; color: var(--text-white); line-height: 1.3; } .solution-content p { color: var(--text-gray); font-size: 0.9rem; line-height: 1.6; } .solution-features { margin-top: 1.25rem; padding-top: 1.25rem; border-top: 1px solid rgba(255, 255, 255, 0.1); list-style: none; } .solution-features li { padding: 0.4rem 0; color: var(--text-light); font-size: 0.85rem; position: relative; padding-left: 1.5rem; } .solution-features li::before { content: ✓; color: #10b981; position: absolute; left: 0; font-weight: bold; } /* Services Grid */ .services-grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; margin-top: 2rem; padding: 0 10px; } .service-card { background: var(--dark-card); border-radius: 12px; padding: 1.5rem; border: 1px solid var(--border); transition: transform 0.3s; } .service-card:hover { transform: translateY(-5px); border-color: var(--primary-red); box-shadow: var(--shadow); } .service-icon { width: 50px; height: 50px; background: rgba(220, 38, 38, 0.1); border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-bottom: 1rem; color: var(--primary-red); font-size: 1.5rem; } .service-card h3 { font-size: 1.2rem; margin-bottom: 0.75rem; line-height: 1.3; } .service-card p { color: var(--text-gray); font-size: 0.9rem; line-height: 1.5; } /* Process Timeline */ .process-timeline { position: relative; max-width: 800px; margin: 2rem auto 0; padding: 0 20px; } .process-timeline::before { content: ; position: absolute; left: 20px; top: 0; bottom: 0; width: 2px; background: linear-gradient(to bottom, transparent, var(--primary-red), transparent); } .process-step { display: flex; margin-bottom: 1.5rem; position: relative; opacity: 0; transform: translateY(20px); transition: all 0.6s ease; } .process-step.visible { opacity: 1; transform: translateY(0); } .step-marker { width: 40px; height: 40px; background: var(--dark-bg); border: 3px solid var(--primary-red); border-radius: 50%; position: absolute; left: 0; display: flex; align-items: center; justify-content: center; color: var(--primary-red); font-weight: 700; font-size: 1rem; z-index: 2; } .step-content { margin-left: 50px; background: var(--dark-card); padding: 1.25rem; border-radius: 12px; border: 1px solid var(--border); box-shadow: var(--shadow); width: calc(100% - 50px); } .step-content h3 { font-size: 1.1rem; margin-bottom: 0.5rem; color: var(--primary-red); } .step-content p { color: var(--text-gray); font-size: 0.9rem; line-height: 1.5; } /* CTA Section */ .cta-section { background: linear-gradient(135deg, var(--dark-card), #1e293b); text-align: center; padding: 3rem 0; } /* Footer */ footer { background: #0a0f1a; padding: 3rem 0 1.5rem; border-top: 1px solid var(--border); } .footer-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; margin-bottom: 2rem; padding: 0 15px; } .footer-brand p { color: var(--text-gray); margin-top: 1rem; line-height: 1.6; font-size: 0.95rem; } .footer-title { font-size: 1.1rem; margin-bottom: 1rem; color: var(--text-white); } .footer-links { list-style: none; } .footer-links li { margin-bottom: 0.5rem; } .footer-links a { color: var(--text-gray); text-decoration: none; transition: color 0.3s; font-size: 0.95rem; } .footer-links a:hover { color: var(--primary-red); } .footer-bottom { border-top: 1px solid var(--border); padding-top: 1.5rem; text-align: center; color: var(--text-gray); font-size: 0.85rem; padding: 1.5rem 15px 0; } /* AI Chatbot */ .ai-chatbot { position: fixed; bottom: 20px; right: 20px; z-index: 1000; } .ai-toggle-btn { width: 60px; height: 60px; border-radius: 50%; background: linear-gradient(135deg, var(--ai-purple), var(--primary-red)); color: white; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; box-shadow: 0 5px 20px rgba(139, 92, 246, 0.4); transition: all 0.3s; position: relative; } .ai-toggle-btn.pulse::before { content: ; position: absolute; width: 70px; height: 70px; border-radius: 50%; background: rgba(139, 92, 246, 0.2); animation: pulse 2s infinite; } @keyframes pulse { 0% { transform: scale(0.8); opacity: 0.7; } 70% { transform: scale(1.2); opacity: 0; } 100% { transform: scale(0.8); opacity: 0; } } .ai-chat-window { position: absolute; bottom: 70px; right: 0; width: 350px; max-width: calc(100vw - 40px); height: 500px; max-height: 70vh; background: var(--dark-card); border-radius: 12px; box-shadow: var(--shadow-lg); border: 1px solid var(--border); display: none; flex-direction: column; overflow: hidden; } .ai-chat-window.active { display: flex; animation: slideUp 0.3s ease; } @keyframes slideUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .ai-header { background: linear-gradient(135deg, var(--ai-purple), var(--primary-red)); padding: 1rem; display: flex; align-items: center; gap: 10px; } .ai-avatar { width: 40px; height: 40px; background: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--ai-purple); font-size: 1.2rem; } .ai-info h3 { font-size: 1rem; margin-bottom: 2px; } .ai-info p { font-size: 0.8rem; opacity: 0.9; } .ai-close { margin-left: auto; background: none; border: none; color: white; cursor: pointer; font-size: 1.2rem; padding: 5px; } .ai-messages { flex: 1; padding: 1rem; overflow-y: auto; display: flex; flex-direction: column; gap: 10px; } .message { max-width: 80%; padding: 10px 15px; border-radius: 18px; font-size: 0.9rem; line-height: 1.4; animation: fadeIn 0.3s ease; word-wrap: break-word; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .ai-message { align-self: flex-start; background: rgba(139, 92, 246, 0.1); border: 1px solid rgba(139, 92, 246, 0.2); color: var(--text-light); } .user-message { align-self: flex-end; background: var(--primary-red); color: white; } .quick-questions { padding: 0 1rem 1rem; display: flex; flex-wrap: wrap; gap: 8px; } .quick-question { background: rgba(139, 92, 246, 0.1); border: 1px solid rgba(139, 92, 246, 0.2); color: var(--text-light); padding: 6px 12px; border-radius: 16px; font-size: 0.8rem; cursor: pointer; transition: all 0.2s; } .quick-question:hover { background: rgba(139, 92, 246, 0.2); transform: translateY(-2px); } .ai-input-area { padding: 1rem; border-top: 1px solid var(--border); display: flex; gap: 10px; } .ai-input { flex: 1; padding: 10px 15px; background: rgba(255, 255, 255, 0.05); border: 1px solid var(--border); border-radius: 24px; color: var(--text-white); font-size: 0.9rem; outline: none; min-width: 0; } .ai-input:focus { border-color: var(--ai-purple); } .ai-send-btn { width: 44px; height: 44px; border-radius: 50%; background: var(--primary-red); color: white; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.3s; flex-shrink: 0; } .ai-send-btn:hover { background: #b91c1c; transform: scale(1.05); } .typing-indicator { display: flex; gap: 4px; padding: 10px 15px; align-self: flex-start; } .typing-dot { width: 8px; height: 8px; background: var(--ai-purple); border-radius: 50%; animation: typing 1.4s infinite; } .typing-dot:nth-child(2) { animation-delay: 0.2s; } .typing-dot:nth-child(3) { animation-delay: 0.4s; } @keyframes typing { 0%, 60%, 100% { transform: translateY(0); } 30% { transform: translateY(-5px); } } /* Responsive Design */ @media (min-width: 480px) { .hero-title { font-size: 2.25rem; } .hero-stats { gap: 1rem; } .stat { padding: 1rem; } .stat-value { font-size: 1.5rem; } .industry-card { flex: 0 0 320px; } } @media (min-width: 768px) { .nav-links { display: flex; list-style: none; gap: 2rem; } .nav-links a { color: var(--text-light); text-decoration: none; font-weight: 500; transition: color 0.3s; position: relative; font-size: 0.95rem; } .nav-links a::after { content: ; position: absolute; bottom: -5px; left: 0; width: 0; height: 2px; background: var(--primary-red); transition: width 0.3s; } .nav-links a:hover::after { width: 100%; } .mobile-menu-btn { display: none; } .hero-title { font-size: 3rem; } .hero-buttons { flex-direction: row; justify-content: center; max-width: none; gap: 1.5rem; } .btn-primary, .btn-secondary { width: auto; padding: 14px 32px; } .section-title { font-size: 2.25rem; } .services-grid { grid-template-columns: repeat(2, 1fr); } .solutions-grid { grid-template-columns: repeat(2, 1fr); } .process-timeline::before { left: 50%; transform: translateX(-50%); } .process-step { width: 50%; } .process-step:nth-child(odd) { margin-right: auto; padding-right: 50px; } .process-step:nth-child(even) { margin-left: auto; padding-left: 50px; } .step-marker { left: 50%; transform: translateX(-50%); } .process-step:nth-child(odd) .step-content { margin-left: 0; margin-right: 60px; } .footer-grid { grid-template-columns: 2fr 1fr 1fr; gap: 2.5rem; } .scroll-btn { display: flex; } .industry-card { flex: 0 0 350px; } .card-image { height: 200px; } } @media (min-width: 992px) { .hero-title { font-size: 3.5rem; } .hero-subtitle { font-size: 1.25rem; } .section-title { font-size: 2.5rem; } .services-grid { grid-template-columns: repeat(3, 1fr); } .solutions-grid { grid-template-columns: repeat(3, 1fr); } .footer-grid { grid-template-columns: 2fr repeat(3, 1fr); } .industry-card { flex: 0 0 380px; } .card-image { height: 220px; } .scroll-container { padding: 2rem 0; } } @media (min-width: 1200px) { .hero-title { font-size: 4rem; } .container { padding: 0 40px; } } /* Touch device optimizations */ @media (hover: none) and (pointer: coarse) { .btn-primary:hover, .btn-secondary:hover, .industry-card:hover, .solution-card:hover, .service-card:hover, .stat:hover, .scroll-btn:hover, .ai-send-btn:hover { transform: none; } .btn-primary:active, .btn-secondary:active { transform: scale(0.98); } .video-btn, .ai-toggle-btn, .ai-send-btn { min-height: 44px; } } /* Reduced motion preference */ @media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } .typing-text { animation: none; border-right: none; } .hero-badge { animation: none; } } /style>/head>body> !-- AI Chatbot --> div classai-chatbot> button classai-toggle-btn idaiToggle> i classfas fa-robot>/i> /button> div classai-chat-window idaiChatWindow> div classai-header> div classai-avatar> i classfas fa-brain>/i> /div> div classai-info> h3>Satinova AI Assistant/h3> p>Ask me about digital transformation/p> /div> button classai-close idaiClose> i classfas fa-times>/i> /button> /div> div classai-messages idaiMessages> div classmessage ai-message> Hello! Im your Digital Transformation Assistant. How can I help your business today? /div> div classquick-questions> div classquick-question data-questionHow can digital transformation help my business?>How can digital transformation help?/div> div classquick-question data-questionWhat are the benefits?>What are the benefits?/div> div classquick-question data-questionHow to start digital transformation?>How to get started?/div> /div> /div> div classai-input-area> input typetext classai-input idaiInput placeholderAsk about digital transformation... autocompleteoff> button classai-send-btn idaiSend> i classfas fa-paper-plane>/i> /button> /div> /div> /div> !-- Navigation --> nav> div classcontainer nav-container> a href# classlogo> div classlogo-icon>SATINOVA/div> /a> ul classnav-links> li>a href/>HOME/a>/li> li>a href/industries>INDUSTRIES/a>/li> li>a href/services>SERVICES/a>/li> li>a href/about>ABOUT US/a>/li> li>a hrefhttps://blog.satinova.in target_blank>BLOG/a>/li> li>a href/contact>CONTACT/a>/li> /ul> button classmobile-menu-btn idmobileMenuBtn aria-labelToggle menu> i classfas fa-bars>/i> /button> /div> /nav> !-- Mobile Navigation --> div classmobile-nav idmobileNav> ul> li>a href/>HOME/a>/li> li>a href/industries>INDUSTRIES/a>/li> li>a href/services>SERVICES/a>/li> li>a href/about>ABOUT US/a>/li> li>a hrefhttps://blog.satinova.in target_blank>BLOG/a>/li> li>a href/contact>CONTACT/a>/li> /ul> /div> !-- Hero Section --> section classhero> div classvideo-container> !-- Fixed video source - using a reliable stock video --> video classhero-video idheroVideo autoplay muted loop playsinline preloadmetadata> source srcassets/homepage video.mp4 typevideo/mp4> !-- Fallback image if video doesnt load --> img srchttps://images.unsplash.com/photo-1451187580459-43490279c0fa?ixlibrb-4.0.3&autoformat&fitcrop&w1600&q80 altDigital transformation background> /video> div classvideo-overlay>/div> div classvideo-controls> button classvideo-btn idplayPauseBtn aria-labelPlay/Pause video> i classfas fa-pause>/i> /button> button classvideo-btn idmuteBtn aria-labelMute/Unmute video> i classfas fa-volume-up>/i> /button> /div> /div> div classcontainer hero-content> div classhero-badge> span>●/span> Digital Transformation Experts /div> h1 classhero-title> Transform Your Business with span classtyping-text idtypingText>/span> /h1> p classhero-subtitle> From Idea to Giant Business - We guide organizations through every aspect of digital transformation /p> div classhero-buttons> a classbtn-primary href/innovations> i classfas fa-rocket>/i> Explore Innovations /a> a classbtn-secondary href/services> i classfas fa-layer-group>/i> View Services /a> /div> div classhero-stats> div classstat> div classstat-value>250+/div> div classstat-label>Projects Delivered/div> /div> div classstat> div classstat-value>98.7%/div> div classstat-label>Success Rate/div> /div> div classstat> div classstat-value>40+/div> div classstat-label>Industries Served/div> /div> /div> /div> /section> !-- Whats New Section --> section idwhats-new classhorizontal-scroll-section> div classcontainer> div classsection-header> div classsection-label>Innovation/div> h2 classsection-title>Whats New at Satinova/h2> p classsection-description> Discover our latest innovations and cutting-edge solutions transforming businesses worldwide /p> /div> div classscroll-container> button classscroll-btn scroll-btn-left idscrollLeft aria-labelScroll left> i classfas fa-chevron-left>/i> /button> div classscroll-wrapper> div classscroll-content idnewsScroll> !-- Card 1: AI Analytics --> div classindustry-card onclickwindow.location.hrefinnovations.html#rd-labs> div classcard-image> img srcassets/carmatcher.jpg altAI Car Rental Assistant> div classimage-overlay> h3>AI Car Matchmaker/h3> /div> div classcard-icon> i classfas fa-car>/i> /div> /div> div classcard-content> h3 classcard-title>AI Vehicle Match System for Rent it/h3> p classcard-description> Our intelligent AI analyzes customer profiles, trip details, and preferences to recommend the perfect rental car. /p> div classcard-stats> div classcard-stat> span classcard-stat-value>92%/span> span classcard-stat-label>Match Accuracy/span> /div> div classcard-stat> span classcard-stat-value>2.5x/span> span classcard-stat-label>Faster Booking/span> /div> div classcard-stat> span classcard-stat-value>35%/span> span classcard-stat-label>Upsell Rate/span> /div> /div> /div>/div> !-- Card 2: Blockchain --> div classindustry-card onclickwindow.location.hrefinnovations.html#rd-labs> div classcard-image> img srchttps://images.unsplash.com/photo-1588681664899-f142ff2dc9b1?ixlibrb-4.0.3&autoformat&fitcrop&w800&q80 altAI News Summariser> div classimage-overlay> h3>AI News Digest/h3> /div> div classcard-icon> i classfas fa-newspaper>/i> /div> /div> div classcard-content> h3 classcard-title>AI Auto News Summariser/h3> p classcard-description> Provides historical context, verifies claims, and delivers concise yet comprehensive summaries. Enables faster reporting. /p> div classcard-stats> div classcard-stat> span classcard-stat-value>10x/span> span classcard-stat-label>Faster Analysis/span> /div> div classcard-stat> span classcard-stat-value>95%/span> span classcard-stat-label>Accuracy/span> /div> div classcard-stat> span classcard-stat-value>50+/span> span classcard-stat-label>Sources/span> /div> /div> /div>/div> !-- Add Next --> /div> div classscroll-fade scroll-fade-left>/div> div classscroll-fade scroll-fade-right>/div> /div> button classscroll-btn scroll-btn-right idscrollRight aria-labelScroll right> i classfas fa-chevron-right>/i> /button> /div> /div> /section> !-- Industry Solutions Section --> section idindustries classindustry-solutions-section> div classcontainer> div classsection-header> div classsection-label>Solutions/div> h2 classsection-title>Industry-Specific Solutions/h2> p classsection-description> Tailored digital transformation solutions for diverse industries. We understand your unique challenges and deliver customized results. /p> /div> div classsolutions-grid> !-- Healthcare Solution --> div classsolution-card> div classsolution-header> div classsolution-icon-wrapper> div classsolution-icon> i classfas fa-hospital>/i> /div> /div> div classsolution-content> h3>Healthcare & Pharma/h3> p>Digital health platforms, telemedicine solutions, patient management systems, and pharmaceutical supply chain optimization./p> /div> /div> ul classsolution-features> li>HIPAA Compliant Solutions/li> li>Patient Data Analytics/li> li>Remote Monitoring Systems/li> li>Supply Chain Optimization/li> li>Telemedicine Platforms/li> li>Electronic Health Records/li> /ul> /div> !-- Banking Solution --> div classsolution-card> div classsolution-header> div classsolution-icon-wrapper> div classsolution-icon> i classfas fa-university>/i> /div> /div> div classsolution-content> h3>Banking & Finance/h3> p>Digital banking platforms, fraud detection systems, blockchain integration, and AI-powered investment solutions./p> /div> /div> ul classsolution-features> li>Secure Digital Banking/li> li>AI Fraud Detection/li> li>Blockchain Solutions/li> li>Real-time Analytics/li> li>Mobile Payment Systems/li> li>Risk Management/li> /ul> /div> !-- Manufacturing Solution --> div classsolution-card> div classsolution-header> div classsolution-icon-wrapper> div classsolution-icon> i classfas fa-industry>/i> /div> /div> div classsolution-content> h3>Manufacturing/h3> p>Industry 4.0 solutions, IoT implementation, predictive maintenance, and smart factory automation systems./p> /div> /div> ul classsolution-features> li>Smart Factory Solutions/li> li>Predictive Maintenance/li> li>Supply Chain Automation/li> li>Quality Control AI/li> li>IoT Sensors Integration/li> li>Production Optimization/li> /ul> /div> !-- Retail Solution --> div classsolution-card> div classsolution-header> div classsolution-icon-wrapper> div classsolution-icon> i classfas fa-store>/i> /div> /div> div classsolution-content> h3>Retail & E-commerce/h3> p>Omnichannel solutions, personalized shopping experiences, inventory management, and AI-driven recommendations./p> /div> /div> ul classsolution-features> li>Personalized Shopping/li> li>Inventory Optimization/li> li>AI Recommendations/li> li>Multi-channel Integration/li> li>Customer Analytics/li> li>Mobile Commerce/li> /ul> /div> !-- Education Solution --> div classsolution-card> div classsolution-header> div classsolution-icon-wrapper> div classsolution-icon> i classfas fa-graduation-cap>/i> /div> /div> div classsolution-content> h3>Education & EdTech/h3> p>Learning management systems, virtual classrooms, adaptive learning platforms, and educational analytics./p> /div> /div> ul classsolution-features> li>Virtual Classrooms/li> li>Adaptive Learning/li> li>Student Analytics/li> li>Content Management/li> li>Online Assessment/li> li>Collaborative Tools/li> /ul> /div> !-- Logistics Solution --> div classsolution-card> div classsolution-header> div classsolution-icon-wrapper> div classsolution-icon> i classfas fa-truck>/i> /div> /div> div classsolution-content> h3>Logistics & Supply Chain/h3> p>Real-time tracking systems, route optimization, warehouse automation, and predictive logistics solutions./p> /div> /div> ul classsolution-features> li>Real-time Tracking/li> li>Route Optimization/li> li>Warehouse Automation/li> li>Predictive Logistics/li> li>Inventory Management/li> li>Delivery Optimization/li> /ul> /div> /div> /div> /section> !-- Services Section --> section idservices> div classcontainer> div classsection-header> div classsection-label>Services/div> h2 classsection-title>Comprehensive Digital Services/h2> p classsection-description> End-to-end digital transformation services for your journey from legacy systems to future-ready platforms /p> /div> div classservices-grid> div classservice-card> div classservice-icon> i classfas fa-chess-king>/i> /div> h3>Digital Strategy & Consulting/h3> p>Transform your vision into actionable digital roadmaps aligned with business objectives and market opportunities./p> /div> div classservice-card> div classservice-icon> i classfas fa-cloud>/i> /div> h3>Cloud Transformation/h3> p>Migrate and optimize infrastructure on secure, scalable cloud platforms with minimal disruption./p> /div> div classservice-card> div classservice-icon> i classfas fa-palette>/i> /div> h3>UX/UI Design Excellence/h3> p>Craft intuitive digital experiences that drive engagement, conversion, and business growth./p> /div> div classservice-card> div classservice-icon> i classfas fa-robot>/i> /div> h3>AI & Automation Solutions/h3> p>Leverage artificial intelligence to streamline operations and deliver personalized experiences at scale./p> /div> div classservice-card> div classservice-icon> i classfas fa-mobile-alt>/i> /div> h3>Mobile & Web Development/h3> p>Build responsive, high-performance applications that work seamlessly across all platforms./p> /div> div classservice-card> div classservice-icon> i classfas fa-shield-alt>/i> /div> h3>Security & Compliance/h3> p>Protect digital assets with enterprise-grade security solutions and regulatory compliance./p> /div> /div> /div> /section> !-- Process Section --> section idprocess> div classcontainer> div classsection-header> div classsection-label>Process/div> h2 classsection-title>Our Proven Methodology/h2> p classsection-description> A structured, collaborative approach ensuring successful transformation from concept to implementation /p> /div> div classprocess-timeline> div classprocess-step> div classstep-marker>01/div> div classstep-content> h3>Discovery & Assessment/h3> p>Deep dive analysis of your current ecosystem, challenges, and opportunities through stakeholder interviews and technical audits./p> /div> /div> div classprocess-step> div classstep-marker>02/div> div classstep-content> h3>Strategic Planning/h3> p>Develop a tailored digital transformation roadmap aligned with your business objectives and success metrics./p> /div> /div> div classprocess-step> div classstep-marker>03/div> div classstep-content> h3>Design & Prototyping/h3> p>Create intuitive user experiences through iterative design, building prototypes to validate concepts before development./p> /div> /div> div classprocess-step> div classstep-marker>04/div> div classstep-content> h3>Development & Integration/h3> p>Implement robust, scalable solutions using cutting-edge technologies with agile development methodologies./p> /div> /div> div classprocess-step> div classstep-marker>05/div> div classstep-content> h3>Testing & Deployment/h3> p>Rigorous quality assurance and seamless deployment processes ensuring reliable performance at launch./p> /div> /div> div classprocess-step> div classstep-marker>06/div> div classstep-content> h3>Optimization & Growth/h3> p>Continuous improvement through analytics and user feedback, scaling solutions to support evolving business needs./p> /div> /div> /div> /div> /section> !-- CTA Section --> section idcontact classcta-section> div classcontainer> div classsection-header> h2 classsection-title>Ready to Transform Your Digital Future?/h2> p classsection-description> Join industry leaders who trust Satinova to navigate their digital transformation journey. /p> a classbtn-primary href/contact stylemargin-top: 2rem; display: inline-block;> Schedule a Strategy Session → /a> /div> /div> /section> !-- Footer --> footer> div classcontainer> div classfooter-grid> div classfooter-brand> a classlogo href/> div classlogo-icon>SATINOVA/div> /a> p>Transforming complexity into clarity through comprehensive digital transformation solutions that empower businesses and drive sustainable growth./p> /div> div> h4 classfooter-title>Quick Links/h4> ul classfooter-links> li>a href/>Home/a>/li> li>a href/about>About Us/a>/li> li>a href/services>Services/a>/li> li>a href/contact>Contact/a>/li> /ul> /div> div> h4 classfooter-title>Our Work/h4> ul classfooter-links> li>a href/innovations>Innovations/a>/li> li>a href/industries>Industries/a>/li> li>a href/about>Acquisitions/a>/li> li>a hrefhttps://foundation.satinova.in target_blank>Foundation/a>/li> /ul> /div> div> h4 classfooter-title>Connect/h4> ul classfooter-links> li>a hrefcareers.html>Careers/a>/li> li>a hrefinvestor.html>Investor Relations/a>/li> li>a hrefhttps://blog.satinova.in target_blank>Media/a>/li> li>a href/contact>Partnerships/a>/li> /ul> /div> /div> div classfooter-bottom> p>© 2026 Satinova. All rights reserved. | Empowering Digital Transformation Since 2015/p> /div> /div> /footer> !-- Add FAQ Schema for better SEO --> script typeapplication/ld+json> { @context: https://schema.org, @type: FAQPage, mainEntity: { @type: Question, name: What is digital transformation?, acceptedAnswer: { @type: Answer, text: Digital transformation is the integration of digital technology into all areas of a business, fundamentally changing how you operate and deliver value to customers. It involves cultural change, process optimization, and technology implementation. } }, { @type: Question, name: How long does digital transformation take?, acceptedAnswer: { @type: Answer, text: Digital transformation is an ongoing journey, but initial results can be seen in 3-6 months with a phased approach. Full transformation typically takes 12-36 months depending on the organizations size and complexity. } }, { @type: Question, name: What industries does Satinova serve?, acceptedAnswer: { @type: Answer, text: We serve 40+ industries including Healthcare, Banking, Manufacturing, Retail, Education, Logistics, Government, and more. We provide industry-specific solutions tailored to unique challenges. } }, { @type: Question, name: What makes Satinova different?, acceptedAnswer: { @type: Answer, text: Our 98.7% success rate, industry-specific expertise, end-to-end solutions, and focus on making technology work for people set us apart. We combine strategic vision with practical implementation. } } } /script> script> // Mobile Navigation const mobileMenuBtn document.getElementById(mobileMenuBtn); const mobileNav document.getElementById(mobileNav); const body document.body; mobileMenuBtn.addEventListener(click, () > { mobileNav.classList.toggle(active); mobileMenuBtn.innerHTML mobileNav.classList.contains(active) ? i classfas fa-times>/i> : i classfas fa-bars>/i>; // Prevent body scrolling when menu is open if (mobileNav.classList.contains(active)) { body.style.overflow hidden; } else { body.style.overflow ; } }); // Close mobile menu when clicking a link mobileNav.querySelectorAll(a).forEach(link > { link.addEventListener(click, () > { mobileNav.classList.remove(active); mobileMenuBtn.innerHTML i classfas fa-bars>/i>; body.style.overflow ; }); }); // Close mobile menu when clicking outside document.addEventListener(click, (e) > { if (!mobileNav.contains(e.target) && !mobileMenuBtn.contains(e.target)) { mobileNav.classList.remove(active); mobileMenuBtn.innerHTML i classfas fa-bars>/i>; body.style.overflow ; } }); // Video Controls const heroVideo document.getElementById(heroVideo); const playPauseBtn document.getElementById(playPauseBtn); const muteBtn document.getElementById(muteBtn); // Check if video can play heroVideo.addEventListener(error, (e) > { console.error(Video error:, heroVideo.error); // Show fallback image if video fails const videoContainer document.querySelector(.video-container); const fallbackImg heroVideo.querySelector(img); if (fallbackImg) { videoContainer.innerHTML `div classvideo-overlay>/div>img src${fallbackImg.src} altDigital transformation background stylewidth:100%;height:100%;object-fit:cover;filter:brightness(0.4);>`; } }); // Ensure video plays on mobile heroVideo.addEventListener(canplay, () > { heroVideo.play().catch(e > { console.log(Auto-play prevented:, e); // Show play button if autoplay is blocked playPauseBtn.innerHTML i classfas fa-play>/i>; }); }); playPauseBtn.addEventListener(click, () > { if (heroVideo.paused) { heroVideo.play(); playPauseBtn.innerHTML i classfas fa-pause>/i>; } else { heroVideo.pause(); playPauseBtn.innerHTML i classfas fa-play>/i>; } }); muteBtn.addEventListener(click, () > { heroVideo.muted !heroVideo.muted; muteBtn.innerHTML heroVideo.muted ? i classfas fa-volume-mute>/i> : i classfas fa-volume-up>/i>; }); // Handle mobile video optimization function optimizeVideoForMobile() { if (window.innerWidth 768) { heroVideo.playsInline true; heroVideo.setAttribute(playsinline, ); heroVideo.setAttribute(webkit-playsinline, ); heroVideo.setAttribute(muted, ); } } // Call on load and resize optimizeVideoForMobile(); window.addEventListener(resize, optimizeVideoForMobile); // Auto pause video when not in view const videoObserver new IntersectionObserver((entries) > { entries.forEach(entry > { if (!entry.isIntersecting && !heroVideo.paused) { heroVideo.pause(); playPauseBtn.innerHTML i classfas fa-play>/i>; } }); }, { threshold: 0.1 }); videoObserver.observe(heroVideo); // Typing Animation const typingText document.getElementById(typingText); const words AI Solutions, Digital Innovation, Business Growth, Cloud Technology, IoT Integration; let wordIndex 0; let charIndex 0; let isDeleting false; let typingSpeed 100; function typeWriter() { const currentWord wordswordIndex; if (isDeleting) { typingText.textContent currentWord.substring(0, charIndex - 1); charIndex--; typingSpeed 50; } else { typingText.textContent currentWord.substring(0, charIndex + 1); charIndex++; typingSpeed 100; } if (!isDeleting && charIndex currentWord.length) { isDeleting true; typingSpeed 1000; } else if (isDeleting && charIndex 0) { isDeleting false; wordIndex (wordIndex + 1) % words.length; typingSpeed 500; } setTimeout(typeWriter, typingSpeed); } // Start typing animation document.addEventListener(DOMContentLoaded, () > { setTimeout(typeWriter, 1000); // Add fade-in animation to hero elements const heroElements document.querySelectorAll(.hero-badge, .hero-title, .hero-subtitle, .hero-buttons, .hero-stats); heroElements.forEach((el, index) > { el.style.animation `fadeIn 0.8s ease forwards ${index * 0.2}s`; el.style.opacity 0; }); }); // Horizontal Scroll const newsScroll document.getElementById(newsScroll); const scrollLeftBtn document.getElementById(scrollLeft); const scrollRightBtn document.getElementById(scrollRight); scrollLeftBtn.addEventListener(click, () > { newsScroll.scrollBy({ left: -300, behavior: smooth }); }); scrollRightBtn.addEventListener(click, () > { newsScroll.scrollBy({ left: 300, behavior: smooth }); }); // Update scroll button visibility function updateScrollButtons() { const scrollLeft newsScroll.scrollLeft; const maxScrollLeft newsScroll.scrollWidth - newsScroll.clientWidth; scrollLeftBtn.style.opacity scrollLeft > 0 ? 1 : 0.5; scrollRightBtn.style.opacity scrollLeft maxScrollLeft - 10 ? 1 : 0.5; // Only show scroll buttons if content overflows const shouldShowButtons newsScroll.scrollWidth > newsScroll.clientWidth; scrollLeftBtn.style.display shouldShowButtons ? flex : none; scrollRightBtn.style.display shouldShowButtons ? flex : none; } newsScroll.addEventListener(scroll, updateScrollButtons); window.addEventListener(resize, updateScrollButtons); updateScrollButtons(); // Initial call // Process steps animation const processSteps document.querySelectorAll(.process-step); const processObserver new IntersectionObserver((entries) > { entries.forEach(entry > { if (entry.isIntersecting) { entry.target.classList.add(visible); } }); }, { threshold: 0.1 }); processSteps.forEach(step > { processObserver.observe(step); }); // AI Chatbot const aiToggle document.getElementById(aiToggle); const aiChatWindow document.getElementById(aiChatWindow); const aiClose document.getElementById(aiClose); const aiMessages document.getElementById(aiMessages); const aiInput document.getElementById(aiInput); const aiSend document.getElementById(aiSend); const quickQuestions document.querySelectorAll(.quick-question); // AI Responses const aiResponses { how can digital transformation help my business: Digital transformation can revolutionize your business by: 1) Increasing operational efficiency by 30-40%, 2) Enhancing customer experience and retention, 3) Enabling data-driven decision making, 4) Reducing costs through automation, 5) Creating new revenue streams, and 6) Improving market competitiveness., what are the benefits: Key benefits include: 20-30% operational cost reduction, 40% improvement in customer satisfaction, 50% faster decision-making with real-time data, 30-40% increase in employee productivity, new digital revenue streams, and improved business agility., how to start digital transformation: Start with these steps: 1) Conduct a digital maturity assessment, 2) Define clear business objectives, 3) Create a phased transformation roadmap, 4) Start with pilot projects for quick wins, 5) Secure executive buy-in and budget, 6) Build digital capabilities, and 7) Measure and optimize continuously., default: I understand youre interested in digital transformation. Could you be more specific about your business needs or challenges? For example, you could ask about cost reduction, customer experience improvement, or specific technology implementations. }; function addMessage(content, isUser false) { const messageDiv document.createElement(div); messageDiv.className `message ${isUser ? user-message : ai-message}`; messageDiv.innerHTML content.replace(/\n/g, br>); aiMessages.appendChild(messageDiv); aiMessages.scrollTop aiMessages.scrollHeight; } function showTypingIndicator() { const typingDiv document.createElement(div); typingDiv.className typing-indicator; typingDiv.id typingIndicator; typingDiv.innerHTML ` div classtyping-dot>/div> div classtyping-dot>/div> div classtyping-dot>/div> `; aiMessages.appendChild(typingDiv); aiMessages.scrollTop aiMessages.scrollHeight; } function hideTypingIndicator() { const typingIndicator document.getElementById(typingIndicator); if (typingIndicator) { typingIndicator.remove(); } } aiToggle.addEventListener(click, () > { aiChatWindow.classList.toggle(active); aiToggle.classList.remove(pulse); if (aiChatWindow.classList.contains(active)) { aiInput.focus(); // Close mobile menu if open if (mobileNav.classList.contains(active)) { mobileNav.classList.remove(active); mobileMenuBtn.innerHTML i classfas fa-bars>/i>; body.style.overflow ; } } }); aiClose.addEventListener(click, () > { aiChatWindow.classList.remove(active); setTimeout(() > { aiToggle.classList.add(pulse); }, 1000); }); function handleAIResponse(userMessage) { showTypingIndicator(); setTimeout(() > { hideTypingIndicator(); const lowerMessage userMessage.toLowerCase(); let response aiResponses.default; for (const key, value of Object.entries(aiResponses)) { if (lowerMessage.includes(key)) { response value; break; } } addMessage(response); }, 1000 + Math.random() * 500); } aiSend.addEventListener(click, () > { const message aiInput.value.trim(); if (message) { addMessage(message, true); aiInput.value ; handleAIResponse(message); } }); aiInput.addEventListener(keypress, (e) > { if (e.key Enter) { aiSend.click(); } }); quickQuestions.forEach(btn > { btn.addEventListener(click, () > { const question btn.getAttribute(data-question); addMessage(question, true); handleAIResponse(question); }); }); // Auto-open AI chat after 5 seconds setTimeout(() > { if (!aiChatWindow.classList.contains(active)) { aiToggle.classList.add(pulse); } }, 5000); // Smooth scrolling for anchor links document.querySelectorAll(ahref^#).forEach(anchor > { anchor.addEventListener(click, function(e) { e.preventDefault(); const targetId this.getAttribute(href); if (targetId #) return; const targetElement document.querySelector(targetId); if (targetElement) { // Close mobile menu if open if (mobileNav.classList.contains(active)) { mobileNav.classList.remove(active); mobileMenuBtn.innerHTML i classfas fa-bars>/i>; body.style.overflow ; } // Close AI chat if open aiChatWindow.classList.remove(active); // Calculate scroll position const headerHeight document.querySelector(nav).offsetHeight; const targetPosition targetElement.offsetTop - headerHeight; window.scrollTo({ top: targetPosition, behavior: smooth }); } }); }); // Handle orientation change window.addEventListener(orientationchange, () > { setTimeout(() > { window.dispatchEvent(new Event(resize)); updateScrollButtons(); // Re-optimize video on orientation change optimizeVideoForMobile(); }, 300); }); // Mobile touch improvements document.addEventListener(touchstart, function() {}, {passive: true}); // Prevent zoom on double-tap (iOS) let lastTouchEnd 0; document.addEventListener(touchend, function(event) { const now (new Date()).getTime(); if (now - lastTouchEnd 300) { event.preventDefault(); } lastTouchEnd now; }, false); // Handle iOS Safari video issues function isIOS() { return /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream; } if (isIOS()) { // iOS specific video handling heroVideo.setAttribute(playsinline, ); heroVideo.setAttribute(webkit-playsinline, ); heroVideo.setAttribute(muted, ); // Force landscape video to play inline document.addEventListener(DOMContentLoaded, function() { heroVideo.play(); }); } /script>/body>/html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]