Help
RSS
API
Feed
Maltego
Contact
Domain > bcsads.com
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2015-10-14
69.73.188.30
(
ClassC
)
2026-01-07
77.37.80.141
(
ClassC
)
Port 80
HTTP/1.1 301 Moved PermanentlyConnection: Keep-AliveKeep-Alive: timeout5, max100Content-Type: text/htmlContent-Length: 795Date: Wed, 07 Jan 2026 19:00:49 GMTServer: LiteSpeedLocation: https://bcsads.com/platform: hostingerpanel: hpanelContent-Security-Policy: upgrade-insecure-requests !DOCTYPE html>html styleheight:100%>head>meta nameviewport contentwidthdevice-width, initial-scale1, shrink-to-fitno />title> 301 Moved Permanently/title>style>@media (prefers-color-scheme:dark){body{background-color:#000!important}}/style>/head>body stylecolor: #444; margin:0;font: normal 14px/20px Arial, Helvetica, sans-serif; height:100%; background-color: #fff;>div styleheight:auto; min-height:100%; > div styletext-align: center; width:800px; margin-left: -400px; position:absolute; top: 30%; left:50%;> h1 stylemargin:0; font-size:150px; line-height:150px; font-weight:bold;>301/h1>h2 stylemargin-top:20px;font-size: 30px;>Moved Permanently/h2>p>The document has been permanently moved./p>/div>/div>/body>/html>
Port 443
HTTP/1.1 200 OKConnection: Keep-AliveKeep-Alive: timeout5, max100X-Powered-By: PHP/8.4.5Content-Type: text/html; charsetUTF-8Cache-Control: no-cache, privateset-cookie: XSRF-TOKENeyJpdiI6IjlpYTZQeGlOdUUyWG8vSHpPMkNNdWc9PSIsInZhbHVlIjoiMlZxOGU0SFhpRjJJeldSZTlPeVZ0aXJwVXlrU3hNQ0JBeW1FS0M2VGE5YzVqYW9uaTN3VzlrYjlseElVRUNOUlZnek5RMktzbXZaOXM4cjkvaS9ONDNra0F3UDBkdEswbWM2aVVOeG1qbHM4SmI1TlVwMDgxY3BtWEdKNno5ZmsiLCJtYWMiOiIxODZmY2U0YTJiYTk4NmQyYjQxMjc1ZjYxYzFhZWE3MTg5ZWFmMjUyNjFjM2RkNmI1N2E0OTA4OWE1ZmQ2MGZlIiwidGFnIjoiIn0%3D; expiresWed, 07 Jan 2026 21:00:50 GMT; Max-Age7200; path/; secure; samesitelaxset-cookie: laravel_sessioneyJpdiI6Ikc3QkxibXhTNGF6eDhsOXNxWXlFS3c9PSIsInZhbHVlIjoiblBsNEpvSDJrMW85ZFdaMEVmblZ4azFEem0vUnBhTkJSL3kxVzdKb0hWV3dLUUtHbkYrYlFZc0JBZnNIMmx3MWI5QjhzbXZOdUsrKyt4Zkd0a0VSWE4wMWlkTXBNVGxDR2pWWGkrS3k1L2xkUnBkMWwzczMvSE9EQjRNUEppelciLCJtYWMiOiJmNTg3NDU3NzdjNjJmYjY5M2VlM2NjZjkzM2JjZjFjNjM2OTU0ZjMzY2M1YzNmNjQwNWQ5OTMwYjI3NTY1ZWM1IiwidGFnIjoiIn0%3D; expiresWed, 07 Jan 2026 21:00:50 GMT; Max-Age7200; path/; secure; httponly; samesitelaxContent-Length: 80391Date: Wed, 07 Jan 2026 19:00:50 GMTServer: LiteSpeedplatform: hostingerpanel: hpanelContent-Security-Policy: upgrade-insecure-requests !DOCTYPE html>html langen>head> meta charsetutf-8> meta nameviewport contentwidthdevice-width, initial-scale1> meta namecsrf-token contentUTUesmKbMRkFCwrG97Vivy4smi8OlL0d3QVwsoUy> title> BCS | Empowering Logistics with Digital Excellence /title> !-- SEO Meta Tags --> !-- Default SEO --> meta namedescription contentBusiness Care Solutions offers professional website development in Gandhidham, SEO, and digital marketing services tailored for the logistics and corporate sectors. Contact us today!> meta namekeywords contentwebsite development, SEO services, digital marketing, logistics website design, corporate website development, social media management, Gandhidham, Kandla, Mundra, website developer for logistics, shipping industry SEO, custom web solutions, BCSADS, digital marketing Gandhidham, responsive website design, branding services, email marketing /> meta namerobots contentmax-image-preview:large /> meta nameauthor contentBusiness Care Solutions> link relcanonical hrefhttps://bcsads.com/ /> meta propertyog:locale contenten_US /> meta propertyog:site_name contentBusiness Care Solutions /> meta propertyog:type contentwebsite /> meta propertyog:title contentBusiness Care Solutions. /> meta propertyog:keywords contentProfessional website development, SEO, and digital marketing services tailored for logistics and corporate sectors. Contact us for a consultation in Gandhidham! /> meta propertyog:url contenthttps://bcsads.com/ /> meta propertyog:image contenthttps://bcsads.com/images/logo/bcs-logo.jpg /> meta propertyog:image:secure_url contenthttps://bcsads.com/images/logo/bcs-logo.jpg /> meta nametwitter:card contentsummary_large_image /> meta nametwitter:title contentBusiness Care Solutions. /> meta nametwitter:keywords contentBusiness Care Solutions, digital business consultancy, website development, SEO, social media advertising, email hosting, Google G-Suite, Microsoft email hosting, Rediffmail, WhatsApp marketing, logo design, social media templates, brochures, company profile design, shipping industry, logistics industry, export-import, Gandhidham, Mr. Manoj Pradhan, ISO certified, GST registered, MSME registered, global clients, digital transformation, hosting server provider, corporate social media profile handling /> meta nametwitter:image contenthttps://bcsads.com/images/logo/bcs-logo.jpg /> !-- Favicon --> link relicon typeimage/x-icon hrefhttps://bcsads.com/images/logo/bcs-logo.jpg> !-- Google Fonts --> link relpreconnect hrefhttps://fonts.googleapis.com> link relpreconnect hrefhttps://fonts.gstatic.com crossorigin> link hrefhttps://fonts.googleapis.com/css2?familyInter:wght@300;400;500;600;700;800;900&familyOpen+Sans:wght@300;400;500;600;700;800&displayswap relstylesheet> !-- Scripts --> link relpreload asstyle hrefhttps://bcsads.com/build/assets/app-LmK3UBw9.css />link relmodulepreload hrefhttps://bcsads.com/build/assets/app-BudrfXae.js />link relstylesheet hrefhttps://bcsads.com/build/assets/app-LmK3UBw9.css />script typemodule srchttps://bcsads.com/build/assets/app-BudrfXae.js>/script> !-- Additional Styles --> link relstylesheet hrefhttps://bcsads.com/css/app.css> link relstylesheet hrefhttps://bcsads.com/css/card-slider.css> link relstylesheet hrefhttps://bcsads.com/css/brand-scroller.css> !-- Font Awesome CDN for social icons --> link relstylesheet hrefhttps://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css>/head>body classfont-sans antialiased oncontextmenureturn false;> !-- Page Loader --> div idpage-loader classfixed inset-0 z-50 flex items-center justify-center bg-white> div classtext-center> !-- BCS Logo --> div classmb-6> img srchttps://bcsads.com/images/icons/bcs-fav.svg altBCS classw-16 h-16 mx-auto animate-pulse> /div> !-- Loading Text --> div classmt-4> p classtext-gray-700 text-lg font-semibold tracking-wide>Business Care Solutions/p> /div> !-- Modern Progress Bar --> div classmt-8 w-64 mx-auto> div classbg-gray-200 rounded-full h-2 overflow-hidden shadow-inner> div idprogress-bar classbg-gradient-to-r from-blue-500 via-blue-400 to-blue-600 h-2 rounded-full transition-all duration-300 stylewidth: 0%>/div> /div> /div> /div>/div>script> window.addEventListener(pageshow, function(event) { const loader document.getElementById(page-loader); const mainContent document.getElementById(main-content); // If the page was restored from bfcache if (event.persisted) { if (loader) { loader.style.display none; } if (mainContent) { mainContent.style.opacity 1; } }});document.addEventListener(DOMContentLoaded, function() { const loader document.getElementById(page-loader); const progressBar document.getElementById(progress-bar); const mainContent document.getElementById(main-content); // Reset state loader.style.display flex; loader.style.opacity 1; if (mainContent) { mainContent.style.opacity 0; } // Simulate loading progress let progress 0; const progressInterval setInterval(() > { progress + Math.random() * 15; if (progress > 100) progress 100; progressBar.style.width progress + %; if (progress > 100) { clearInterval(progressInterval); // Show main content and hide loader after a short delay setTimeout(() > { const mainContent document.getElementById(main-content); if (mainContent) { mainContent.style.opacity 1; } loader.style.opacity 0; loader.style.transition opacity 0.5s ease-out; setTimeout(() > { loader.style.display none; }, 500); }, 300); } }, 100); // Fallback: Hide loader after 3 seconds maximum setTimeout(() > { if (loader.style.display ! none) { const mainContent document.getElementById(main-content); if (mainContent) { mainContent.style.opacity 1; } loader.style.opacity 0; loader.style.transition opacity 0.5s ease-out; setTimeout(() > { loader.style.display none; }, 500); } }, 3000);});// Show loader when navigating between pageswindow.addEventListener(beforeunload, function() { const loader document.getElementById(page-loader); if (loader) { loader.style.display flex; loader.style.opacity 1; }});/script>style>@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; }}.animate-pulse { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;}/* Modern progress bar animation */#progress-bar { background-size: 200% 100%; animation: progressBarGradient 2s linear infinite;}@keyframes progressBarGradient { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; }}/style> div idmain-content classmin-h-screen bg-gray-50 styleopacity: 0; transition: opacity 0.5s ease-in;> !-- Header --> header idmain-header classfixed top-0 z-50 w-full transition-all duration-300 font-heading bg-transparent> div classmax-w-7xl mx-auto px-4 sm:px-6 lg:px-8> div classflex justify-between items-center h-20> !-- Logo --> div classflex-shrink-0> a hrefhttps://bcsads.com classflex items-center> img srchttps://bcsads.com/images/icons/bcs-logo1.svg altBCS Logo classh-12 w-auto idheader-logo> /a> /div> !-- Desktop Navigation --> nav classhidden md:flex space-x-8> a hrefhttps://bcsads.com classnav-link text-white hover:text-blue-300 px-3 py-2 rounded-md text-sm font-medium transition-colors duration-200 text-blue-300 bg-white/10> Home /a> a hrefhttps://bcsads.com/about classnav-link text-white hover:text-blue-300 px-3 py-2 rounded-md text-sm font-medium transition-colors duration-200 > About /a> a hrefhttps://bcsads.com/services classnav-link text-white hover:text-blue-300 px-3 py-2 rounded-md text-sm font-medium transition-colors duration-200 > Services /a> a hrefhttps://bcsads.com/career classnav-link text-white hover:text-blue-300 px-3 py-2 rounded-md text-sm font-medium transition-colors duration-200 > Career /a> a hrefhttps://bcsads.com/contact classnav-link text-white hover:text-blue-300 px-3 py-2 rounded-md text-sm font-medium transition-colors duration-200 > Contact /a> /nav> !-- Mobile menu button --> div classmd:hidden> button typebutton classmobile-menu-btn text-white hover:text-blue-300 focus:outline-none focus:text-blue-300 onclicktoggleMobileMenu()> svg classh-6 w-6 fillnone viewBox0 0 24 24 strokecurrentColor> path stroke-linecapround stroke-linejoinround stroke-width2 dM4 6h16M4 12h16M4 18h16 /> /svg> /button> /div> /div> !-- Mobile Navigation --> div idmobile-menu classhidden md:hidden bg-white shadow-lg> div classpx-2 pt-2 pb-3 space-y-1 sm:px-3 border-t border-white/20> a hrefhttps://bcsads.com classtext-gray-700 hover:text-blue-500 block px-3 py-2 rounded-md text-base font-medium transition-colors duration-200 text-blue-500 bg-gray-100> Home /a> a hrefhttps://bcsads.com/about classtext-gray-700 hover:text-blue-500 block px-3 py-2 rounded-md text-base font-medium transition-colors duration-200 > About /a> a hrefhttps://bcsads.com/services classtext-gray-700 hover:text-blue-500 block px-3 py-2 rounded-md text-base font-medium transition-colors duration-200 > Services /a> a hrefhttps://bcsads.com/career classtext-gray-700 hover:text-blue-500 block px-3 py-2 rounded-md text-base font-medium transition-colors duration-200 > Career /a> a hrefhttps://bcsads.com/contact classtext-gray-700 hover:text-blue-500 block px-3 py-2 rounded-md text-base font-medium transition-colors duration-200 > Contact /a> /div> /div> /div> script> function toggleMobileMenu() { const mobileMenu document.getElementById(mobile-menu); mobileMenu.classList.toggle(hidden); } /script>/header> !-- Page Content --> main classflex-1> !-- Hero Section (Full Screen) --> section classrelative h-screen overflow-hidden bg-black> !-- Background Video --> div classabsolute inset-0 z-0> video autoplay muted loop classw-full h-full object-cover opacity-50> !-- Mobile Video --> source srchttps://bcsads.com/videos/hero-video-mobile.mp4 typevideo/mp4 mediaall and (max-width: 767px)> !-- Desktop Video --> source srchttps://bcsads.com/videos/hero-video.mp4 typevideo/mp4 mediaall and (min-width: 768px)> /video> !-- Fallback gradient overlay --> div classabsolute inset-0 bg-gradient-to-br from-blue-900/80 via-blue-800/70 to-teal-900/80>/div> /div> !-- Hero Content --> div classrelative z-10 flex items-center justify-center h-full> div classtext-center text-white px-4 pt-32 sm:pt-0 sm:px-6 lg:px-8 max-w-6xl mx-auto> !-- Main Headline --> h1 classtext-4xl sm:text-5xl md:text-7xl lg:text-8xl font-bold mb-6 font-heading leading-tight hero-title> Empowering Logistics with span classtext-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-teal-400>Digital Excellence/span> /h1> !-- Subheadline --> p classmb-12 text-blue-100 font-content max-w-4xl mx-auto hero-subtitle stylefont-size:20px;> Tech-Powered Websites, Hosting & Digital Marketing for the Shipping & Export Industry /p> !-- CTA Buttons --> div classflex flex-row gap-4 justify-center items-center hero-buttons> a hrefhttps://bcsads.com/services classjoin-btn join-btn-white> Explore Services svg classjoin-btn-icon fillnone strokecurrentColor viewBox0 0 24 24> path stroke-linecapround stroke-linejoinround stroke-width2 dM17 8l4 4m0 0l-4 4m4-4H3 /> /svg> /a> a hrefhttps://bcsads.com/contact classjoin-btn join-btn-white> Get Started svg classjoin-btn-icon fillnone strokecurrentColor viewBox0 0 24 24> path stroke-linecapround stroke-linejoinround stroke-width2 dM17 8l4 4m0 0l-4 4m4-4H3 /> /svg> /a> /div> /div> /div> /section> !-- What We Offer Section --> section classpy-20 bg-gray-50 relative overflow-hidden> div classmax-w-7xl mx-auto px-4 sm:px-6 lg:px-8> div classtext-center mb-16 services-header> h2 classtext-4xl md:text-5xl font-bold text-gray-900 mb-6 font-heading stylefont-size:38px;> What We Offer /h2> p classtext-gray-600 max-w-3xl mx-auto font-content stylefont-size:20px; font-weight:400;> We empower businesses to grow faster by boosting online visibility, engaging their audience, and driving results through smart digital solutions. /p> /div> div classgrid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-6> !-- Web Development --> div classservice-card bg-white rounded-xl p-4 shadow-lg hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2 relative overflow-hidden group cursor-pointer stylemin-height: 140px; data-serviceweb-development> !-- Hover overlay --> div classabsolute inset-0 bg-gradient-to-r from-blue-500 to-blue-600 transform -translate-x-full transition-transform duration-500 ease-out group-hover:translate-x-0> /div> !-- Content --> div classrelative z-10> div classbg-gradient-to-br from-blue-500 to-blue-600 w-10 h-10 rounded-lg flex items-center justify-center mb-3 group-hover:bg-white transition-colors duration-300> svg classw-5 h-5 text-white transition-colors duration-300 fillnone strokecurrentColor viewBox0 0 24 24> path dM14 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V8L14 2Z stroke-width2 stroke-linecapround stroke-linejoinround /> path dM14 2V8H20 stroke-width2 stroke-linecapround stroke-linejoinround /> path dM16 13H8 stroke-width2 stroke-linecapround stroke-linejoinround /> path dM16 17H8 stroke-width2 stroke-linecapround stroke-linejoinround /> /svg> /div> h3 classtext-base font-semibold text-gray-900 group-hover:text-white transition-colors duration-300 mb-2 font-heading> Web Development/h3> p classtext-sm text-gray-600 group-hover:text-blue-100 transition-colors duration-300 font-content> Modern, responsive websites for your business/p> /div> /div> !-- Digital Transformation --> div classservice-card bg-white rounded-xl p-4 shadow-lg hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2 relative overflow-hidden group cursor-pointer stylemin-height: 140px; data-servicedigital-transformation> !-- Hover overlay --> div classabsolute inset-0 bg-gradient-to-r from-teal-500 to-teal-600 transform -translate-x-full transition-transform duration-500 ease-out group-hover:translate-x-0> /div> !-- Content --> div classrelative z-10> div classbg-gradient-to-br from-teal-500 to-teal-600 w-10 h-10 rounded-lg flex items-center justify-center mb-3 group-hover:bg-white transition-colors duration-300> svg classw-5 h-5 text-white transition-colors duration-300 fillnone strokecurrentColor viewBox0 0 24 24> path dM12 2L2 7L12 12L22 7L12 2Z stroke-width2 stroke-linecapround stroke-linejoinround /> path dM2 17L12 22L22 17 stroke-width2 stroke-linecapround stroke-linejoinround /> path dM2 12L12 17L22 12 stroke-width2 stroke-linecapround stroke-linejoinround /> /svg> /div> h3 classtext-base font-semibold text-gray-900 group-hover:text-white transition-colors duration-300 mb-2 font-heading> Digital Transformation/h3> p classtext-sm text-gray-600 group-hover:text-teal-100 transition-colors duration-300 font-content> Upgrade your business with digital-first strategies/p> /div> /div> !-- SaaS Product Development --> div classservice-card bg-white rounded-xl p-4 shadow-lg hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2 relative overflow-hidden group cursor-pointer stylemin-height: 140px; data-servicesaas-development> !-- Hover overlay --> div classabsolute inset-0 bg-gradient-to-r from-purple-500 to-purple-600 transform -translate-x-full transition-transform duration-500 ease-out group-hover:translate-x-0> /div> !-- Content --> div classrelative z-10> div classbg-gradient-to-br from-purple-500 to-purple-600 w-10 h-10 rounded-lg flex items-center justify-center mb-3 group-hover:bg-white transition-colors duration-300> svg classw-5 h-5 text-white transition-colors duration-300 fillnone strokecurrentColor viewBox0 0 24 24> circle cx12 cy12 r10 stroke-width2 /> path dM8 12h8M12 8v8 stroke-width2 stroke-linecapround stroke-linejoinround /> /svg> /div> h3 classtext-base font-semibold text-gray-900 group-hover:text-white transition-colors duration-300 mb-2 font-heading> SaaS Product Development/h3> p classtext-sm text-gray-600 group-hover:text-purple-100 transition-colors duration-300 font-content> Build scalable SaaS products from idea to launch/p> /div> /div> !-- Custom Business Software --> div classservice-card bg-white rounded-xl p-4 shadow-lg hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2 relative overflow-hidden group cursor-pointer stylemin-height: 140px; data-servicecustom-software> !-- Hover overlay --> div classabsolute inset-0 bg-gradient-to-r from-orange-500 to-orange-600 transform -translate-x-full transition-transform duration-500 ease-out group-hover:translate-x-0> /div> !-- Content --> div classrelative z-10> div classbg-gradient-to-br from-orange-500 to-orange-600 w-10 h-10 rounded-lg flex items-center justify-center mb-3 group-hover:bg-white transition-colors duration-300> svg classw-5 h-5 text-white transition-colors duration-300 fillnone strokecurrentColor viewBox0 0 24 24> rect x4 y4 width16 height16 rx2 stroke-width2 /> path dM9 9h6v6H9z stroke-width2 stroke-linecapround stroke-linejoinround /> /svg> /div> h3 classtext-base font-semibold text-gray-900 group-hover:text-white transition-colors duration-300 mb-2 font-heading> Custom Business Software/h3> p classtext-sm text-gray-600 group-hover:text-orange-100 transition-colors duration-300 font-content> Tailored software solutions for unique business needs/p> /div> /div> !-- Quality Testing & Automation --> div classservice-card bg-white rounded-xl p-4 shadow-lg hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2 relative overflow-hidden group cursor-pointer stylemin-height: 140px; data-servicequality-testing> !-- Hover overlay --> div classabsolute inset-0 bg-gradient-to-r from-green-500 to-green-600 transform -translate-x-full transition-transform duration-500 ease-out group-hover:translate-x-0> /div> !-- Content --> div classrelative z-10> div classbg-gradient-to-br from-green-500 to-green-600 w-10 h-10 rounded-lg flex items-center justify-center mb-3 group-hover:bg-white transition-colors duration-300> svg classw-5 h-5 text-white transition-colors duration-300 fillnone strokecurrentColor viewBox0 0 24 24> path dM5 13l4 4L19 7 stroke-width2 stroke-linecapround stroke-linejoinround /> /svg> /div> h3 classtext-base font-semibold text-gray-900 group-hover:text-white transition-colors duration-300 mb-2 font-heading> Quality Testing & Automation/h3> p classtext-sm text-gray-600 group-hover:text-green-100 transition-colors duration-300 font-content> Automated testing for reliable, bug-free software/p> /div> /div> !-- Low-Code Development --> div classservice-card bg-white rounded-xl p-4 shadow-lg hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2 relative overflow-hidden group cursor-pointer stylemin-height: 140px; data-servicelow-code-development> !-- Hover overlay --> div classabsolute inset-0 bg-gradient-to-r from-pink-500 to-pink-600 transform -translate-x-full transition-transform duration-500 ease-out group-hover:translate-x-0> /div> !-- Content --> div classrelative z-10> div classbg-gradient-to-br from-pink-500 to-pink-600 w-10 h-10 rounded-lg flex items-center justify-center mb-3 group-hover:bg-white transition-colors duration-300> svg classw-5 h-5 text-white transition-colors duration-300 fillnone strokecurrentColor viewBox0 0 24 24> rect x3 y3 width18 height18 rx2 stroke-width2 /> path dM9 9h6v6H9z stroke-width2 stroke-linecapround stroke-linejoinround /> /svg> /div> h3 classtext-base font-semibold text-gray-900 group-hover:text-white transition-colors duration-300 mb-2 font-heading> Low-Code Development/h3> p classtext-sm text-gray-600 group-hover:text-pink-100 transition-colors duration-300 font-content> Rapid app development with low-code platforms/p> /div> /div> !-- Social Media Management --> div classservice-card bg-white rounded-xl p-4 shadow-lg hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2 relative overflow-hidden group cursor-pointer stylemin-height: 140px; data-servicesocial-media-management> !-- Hover overlay --> div classabsolute inset-0 bg-gradient-to-r from-blue-400 to-blue-700 transform -translate-x-full transition-transform duration-500 ease-out group-hover:translate-x-0> /div> !-- Content --> div classrelative z-10> div classbg-gradient-to-br from-blue-400 to-blue-700 w-10 h-10 rounded-lg flex items-center justify-center mb-3 group-hover:bg-white transition-colors duration-300> svg classw-5 h-5 text-white transition-colors duration-300 fillnone strokecurrentColor viewBox0 0 24 24> circle cx12 cy12 r10 stroke-width2 /> path dM8 12h.01M12 16h.01M16 12h.01M12 8h.01 stroke-width2 stroke-linecapround stroke-linejoinround /> /svg> /div> h3 classtext-base font-semibold text-gray-900 group-hover:text-white transition-colors duration-300 mb-2 font-heading> Social Media Management/h3> p classtext-sm text-gray-600 group-hover:text-blue-100 transition-colors duration-300 font-content> Grow your brand with expert social media strategies/p> /div> /div> !-- Creative Graphic Design --> div classservice-card bg-white rounded-xl p-4 shadow-lg hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2 relative overflow-hidden group cursor-pointer stylemin-height: 140px; data-servicegraphic-design> !-- Hover overlay --> div classabsolute inset-0 bg-gradient-to-r from-yellow-500 to-yellow-600 transform -translate-x-full transition-transform duration-500 ease-out group-hover:translate-x-0> /div> !-- Content --> div classrelative z-10> div classbg-gradient-to-br from-yellow-500 to-yellow-600 w-10 h-10 rounded-lg flex items-center justify-center mb-3 group-hover:bg-white transition-colors duration-300> svg classw-5 h-5 text-white transition-colors duration-300 fillnone strokecurrentColor viewBox0 0 24 24> path dM12 20l9-5-9-5-9 5 9 5z stroke-width2 stroke-linecapround stroke-linejoinround /> path dM12 12V4 stroke-width2 stroke-linecapround stroke-linejoinround /> /svg> /div> h3 classtext-base font-semibold text-gray-900 group-hover:text-white transition-colors duration-300 mb-2 font-heading> Creative Graphic Design/h3> p classtext-sm text-gray-600 group-hover:text-yellow-100 transition-colors duration-300 font-content> Eye-catching graphics for digital and print media/p> /div> /div> !-- Search Engine Optimization (SEO) --> div classservice-card bg-white rounded-xl p-4 shadow-lg hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2 relative overflow-hidden group cursor-pointer stylemin-height: 140px; data-serviceseo> !-- Hover overlay --> div classabsolute inset-0 bg-gradient-to-r from-indigo-500 to-indigo-600 transform -translate-x-full transition-transform duration-500 ease-out group-hover:translate-x-0> /div> !-- Content --> div classrelative z-10> div classbg-gradient-to-br from-indigo-500 to-indigo-600 w-10 h-10 rounded-lg flex items-center justify-center mb-3 group-hover:bg-white transition-colors duration-300> svg classw-5 h-5 text-white transition-colors duration-300 fillnone strokecurrentColor viewBox0 0 24 24> circle cx12 cy12 r10 stroke-width2 /> path dM12 8v4l3 3 stroke-width2 stroke-linecapround stroke-linejoinround /> /svg> /div> h3 classtext-base font-semibold text-gray-900 group-hover:text-white transition-colors duration-300 mb-2 font-heading> Search Engine Optimization (SEO)/h3> p classtext-sm text-gray-600 group-hover:text-indigo-100 transition-colors duration-300 font-content> Improve your website ranking and visibility/p> /div> /div> !-- Branding --> div classservice-card bg-white rounded-xl p-4 shadow-lg hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2 relative overflow-hidden group cursor-pointer stylemin-height: 140px; data-servicebranding> !-- Hover overlay --> div classabsolute inset-0 bg-gradient-to-r from-gray-700 to-gray-900 transform -translate-x-full transition-transform duration-500 ease-out group-hover:translate-x-0> /div> !-- Content --> div classrelative z-10> div classbg-gradient-to-br from-gray-700 to-gray-900 w-10 h-10 rounded-lg flex items-center justify-center mb-3 group-hover:bg-white transition-colors duration-300> svg classw-5 h-5 text-white transition-colors duration-300 fillnone strokecurrentColor viewBox0 0 24 24> path dM16 7a4 4 0 01-8 0 stroke-width2 stroke-linecapround stroke-linejoinround /> circle cx12 cy12 r10 stroke-width2 /> /svg> /div> h3 classtext-base font-semibold text-gray-900 group-hover:text-white transition-colors duration-300 mb-2 font-heading> Branding/h3> p classtext-sm text-gray-600 group-hover:text-gray-100 transition-colors duration-300 font-content> Build a memorable and impactful brand identity/p> /div> /div> /div> /div> /section> !-- Digital Marketing & Growth Solutions --> section classpy-20 bg-gradient-to-br from-gray-50 via-white to-blue-50> div classmax-w-7xl mx-auto px-4 sm:px-6 lg:px-8> div classtext-center mb-12> p classtext-blue-500 font-semibold uppercase tracking-wider mb-2>Our Expertise/p> h2 classtext-4xl md:text-5xl font-bold text-gray-900 mb-4 font-heading stylefont-size:38px;> Digital Marketing & Growth Solutions /h2> p classtext-lg text-gray-600 max-w-2xl mx-auto stylefont-size:20px; font-weight:400;> Unlock your business potential with our full suite of digital marketing and development services. We help you reach, engage, and convert your ideal audience. /p> /div> div classgrid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-10> !-- Card 1 --> div classbg-white rounded-2xl shadow-lg p-8 text-center hover:shadow-2xl hover:-translate-y-2 transition-all duration-300 service-anim-card> img srchttps://bcsads.com/images/icons/seo.svg altSEO classmx-auto mb-5 styleheight:96px;> h3 classtext-xl font-bold mb-2 text-black>SEO/h3> p classtext-gray-600>Boost your websites visibility and rankings with proven SEO strategies tailored to your business goals./p> /div> !-- Card 2 --> div classbg-white rounded-2xl shadow-lg p-8 text-center hover:shadow-2xl hover:-translate-y-2 transition-all duration-300 service-anim-card> img srchttps://bcsads.com/images/icons/google-ads.svg altGoogle Ads classmx-auto mb-5 styleheight:96px;> h3 classtext-xl font-bold mb-2 text-black>Google Ads/h3> p classtext-gray-600>Drive targeted traffic and maximize ROI with expertly managed Google Ads campaigns./p> /div> !-- Card 3 --> div classbg-white rounded-2xl shadow-lg p-8 text-center hover:shadow-2xl hover:-translate-y-2 transition-all duration-300 service-anim-card> img srchttps://bcsads.com/images/icons/meta-ads.svg altMeta Ads classmx-auto mb-5 styleheight:96px;> h3 classtext-xl font-bold mb-2 text-black>Meta Ads/h3> p classtext-gray-600>Expand your reach and connect with your audience on Facebook and Instagram with high-converting Meta Ads./p> /div> !-- Card 4 --> div classbg-white rounded-2xl shadow-lg p-8 text-center hover:shadow-2xl hover:-translate-y-2 transition-all duration-300 service-anim-card> img srchttps://bcsads.com/images/icons/development.svg altDevelopment classmx-auto mb-5 styleheight:96px;> h3 classtext-xl font-bold mb-2 text-black>Development/h3> p classtext-gray-600>Get a custom website or ERP system designed to grow your business and engage your customers./p> /div> /div> /div> /section> !-- Good Company / Clients Section --> section classpy-20 bg-white> div classmax-w-7xl mx-auto px-4 sm:px-6 lg:px-8> h2 classtext-3xl md:text-5xl font-bold mb-4 font-heading text-left>The BCS Client Wall of Trust/h2> p classtext-base md:text-xl text-gray-600 max-w-4xl font-content text-left mb-8 md:mb-12 stylefont-size:18px; line-height: 1.6;> We are trusted by industry leaders and innovative organizations who rely on us to deliver digital solutions that drive real results. Our partnerships are built on quality, reliability, and a shared vision for success. /p> div classlogo-grid mobile-logo-grid> div classlogo-card> img srchttps://bcsads.com/images/icons/bcs-client-logo (1).png> /div> div classlogo-card> img srchttps://bcsads.com/images/icons/bcs-client-logo (2).png> /div> div classlogo-card> img srchttps://bcsads.com/images/icons/bcs-client-logo (3).png> /div> div classlogo-card> img srchttps://bcsads.com/images/icons/bcs-client-logo (4).png> /div> div classlogo-card> img srchttps://bcsads.com/images/icons/bcs-client-logo (5).png> /div> div classlogo-card> img srchttps://bcsads.com/images/icons/bcs-client-logo (6).png> /div> div classlogo-card> img srchttps://bcsads.com/images/icons/bcs-client-logo (7).png> /div> div classlogo-card> img srchttps://bcsads.com/images/icons/bcs-client-logo (8).png> /div> div classlogo-card> img srchttps://bcsads.com/images/icons/bcs-client-logo (9).png> /div> div classlogo-card> img srchttps://bcsads.com/images/icons/bcs-client-logo (10).png> /div> div classlogo-card> img srchttps://bcsads.com/images/icons/bcs-client-logo (11).png> /div> div classlogo-card> img srchttps://bcsads.com/images/icons/bcs-client-logo (12).png> /div> div classlogo-card> img srchttps://bcsads.com/images/icons/bcs-client-logo (13).png> /div> div classlogo-card> img srchttps://bcsads.com/images/icons/bcs-client-logo (14).png> /div> div classlogo-card> img srchttps://bcsads.com/images/icons/bcs-client-logo (15).png> /div> div classlogo-card> img srchttps://bcsads.com/images/icons/bcs-client-logo (16).png> /div> div classlogo-card> img srchttps://bcsads.com/images/icons/bcs-client-logo (17).png> /div> div classlogo-card> img srchttps://bcsads.com/images/icons/bcs-client-logo (18).png> /div> div classlogo-card> img srchttps://bcsads.com/images/icons/bcs-client-logo (19).png> /div> div classlogo-card> img srchttps://bcsads.com/images/icons/bcs-client-logo (20).png> /div> div classlogo-card> img srchttps://bcsads.com/images/icons/bcs-client-logo (21).png> /div> div classlogo-card> img srchttps://bcsads.com/images/icons/bcs-client-logo (22).png> /div> div classlogo-card> img srchttps://bcsads.com/images/icons/bcs-client-logo (23).png> /div> div classlogo-card> img srchttps://bcsads.com/images/icons/bcs-client-logo (24).png> /div> div classlogo-card> img srchttps://bcsads.com/images/icons/bcs-client-logo (25).png> /div> div classlogo-card> img srchttps://bcsads.com/images/icons/bcs-client-logo (26).png> /div> div classlogo-card> img srchttps://bcsads.com/images/icons/bcs-client-logo (27).png> /div> div classlogo-card> img srchttps://bcsads.com/images/icons/bcs-client-logo (28).png> /div> div classlogo-card> img srchttps://bcsads.com/images/icons/bcs-client-logo (29).png> /div> div classlogo-card> img srchttps://bcsads.com/images/icons/bcs-client-logo (30).png> /div> div classlogo-card> img srchttps://bcsads.com/images/icons/bcs-client-logo (31).png> /div> div classlogo-card> img srchttps://bcsads.com/images/icons/bcs-client-logo (32).png> /div> div classlogo-card> img srchttps://bcsads.com/images/icons/bcs-client-logo (33).png> /div> div classlogo-card> img srchttps://bcsads.com/images/icons/bcs-client-logo (34).png> /div> div classlogo-card> img srchttps://bcsads.com/images/icons/bcs-client-logo (35).png> /div> div classlogo-card> img srchttps://bcsads.com/images/icons/bcs-client-logo (36).png> /div> div classlogo-card> img srchttps://bcsads.com/images/icons/bcs-client-logo (37).png> /div> div classlogo-card> img srchttps://bcsads.com/images/icons/bcs-client-logo (38).png> /div> div classlogo-card> img srchttps://bcsads.com/images/icons/bcs-client-logo (39).png> /div> /div> /div> /section> !-- Why BCS Section --> section classpy-20 relative overflow-hidden stylebackground-color: #2b2b2b;> !-- Background Pattern --> div classabsolute inset-0 opacity-10> div classabsolute inset-0 stylebackground-image: radial-gradient(circle at 25% 25%, white 2px, transparent 2px), radial-gradient(circle at 75% 75%, white 2px, transparent 2px); background-size: 50px 50px;> /div> /div> div classmax-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10> !-- Section Header --> !-- Section Header --> div classtext-left mb-16 why-bcs-header> h2 classtext-4xl md:text-5xl font-bold text-white mb-6 font-heading stylefont-size:38px;> Why span class bg-clip-text bg-gradient-to-r text-teal-200> BCS/span>? /h2> p classtext-xl text-blue-100 max-w-3xl font-content text-left stylefont-size:20px; font-weight:400;> Were not just another digital agency. Were your strategic partner in digital transformation, backed by proven results and years of industry expertise. /p> /div> !-- Stats Grid --> div classgrid grid-cols-2 md:grid-cols-4 gap-8 stats-grid> !-- Projects Completed --> div classstat-item text-center> div classstat-number text-5xl md:text-6xl font-bold text-white mb-3 font-heading data-target1200>0/div> div classstat-label text-xl text-blue-100 font-semibold font-content>Projects Completed/div> /div> !-- Countries Served --> div classstat-item text-center> div classstat-number text-5xl md:text-6xl font-bold text-white mb-3 font-heading data-target8>0 /div> div classstat-label text-xl text-blue-100 font-semibold font-content>Countries Served/div> /div> !-- Years of Experience --> div classstat-item text-center> div classstat-number text-5xl md:text-6xl font-bold text-white mb-3 font-heading data-target6>0 /div> div classstat-label text-xl text-blue-100 font-semibold font-content>Years of Experience/div> /div> !-- Happy Clients --> div classstat-item text-center> div classstat-number text-5xl md:text-6xl font-bold text-white mb-3 font-heading data-target400>0/div> div classstat-label text-xl text-blue-100 font-semibold font-content>Happy Clients/div> /div> /div> /div> /section> !-- Card Slider Section --> !-- Card Slider Section Component -->div classcard-slider-section> div classindicator>/div> div iddemo>/div> div classdetails iddetails-even> div classlogo-box> img src/images/icons/logo23.svg altBCS Logo classlogo-image> /div> div classtitle-box-1> div classtitle-1 stylefont-size:clamp(22px,4vw,40px);line-height:1.1;> SEA lEAF /div> /div> div classdesc stylefont-size:clamp(14px,2vw,16px);> We create stunning, responsive websites that drive results. From e-commerce platforms to corporate websites, our development team delivers cutting-edge solutions that engage your audience and boost conversions. /div> div classcta> button classdiscover>Explore Services/button> /div> /div> div classdetails iddetails-odd> div classlogo-box> img src/images/icons/logo24.svg altBCS Logo classlogo-image> /div> div classtitle-box-1> div classtitle-1 stylefont-size:clamp(22px,4vw,40px);line-height:1.1;> BALLIA LOGISTICS /div> /div> div classdesc stylefont-size:clamp(14px,2vw,16px);> We create stunning, responsive websites that drive results. From e-commerce platforms to corporate websites, our development team delivers cutting-edge solutions that engage your audience and boost conversions. /div> div classcta> button classdiscover>Explore Services/button> /div> /div> div classpagination idpagination styledisplay:flex;justify-content:center;align-items:center;gap:10px;> div classarrow arrow-left styledisplay:flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;> svg xmlnshttp://www.w3.org/2000/svg fillnone viewBox0 0 24 24 strokecurrentColor stylewidth:28px;height:28px; > path stroke-linecapround stroke-linejoinround dM15.75 19.5L8.25 12l7.5-7.5 /> /svg> /div> div classarrow arrow-right styledisplay:flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;> svg xmlnshttp://www.w3.org/2000/svg fillnone viewBox0 0 24 24 strokecurrentColor stylewidth:28px;height:28px; > path stroke-linecapround stroke-linejoinround dM8.25 4.5l7.5 7.5-7.5 7.5 /> /svg> /div> div classprogress-sub-container > div classprogress-sub-background > div classprogress-sub-foreground >/div> /div> /div> div classslide-numbers idslide-numbers>/div> /div> div classcover>/div>/div>style>@media (max-width: 1100px) { .card-slider-section .pagination { display: flex !important; justify-content: center !important; align-items: center !important; gap: 10px !important; bottom: 20px; padding: 0 8px; } .card-slider-section .arrow { display: flex !important; align-items: center; justify-content: center; min-width: 36px; min-height: 36px; } .card-slider-section .arrow svg { width: 28px !important; height: 28px !important; } .card-slider-section .details .title-1 { font-size: clamp(22px,4vw,40px) !important; line-height: 1.1; } .card-slider-section .details .desc { font-size: clamp(14px,2vw,16px) !important; }}@media (max-width: 700px) { .card-slider-section .pagination { bottom: 10px; padding: 0 2vw; } .card-slider-section .arrow { min-width: 32px; min-height: 32px; } .card-slider-section .arrow svg { width: 22px !important; height: 22px !important; } .card-slider-section .details .title-1 { font-size: clamp(18px,6vw,28px) !important; } .card-slider-section .details .desc { font-size: clamp(13px,3vw,15px) !important; }}/style> !-- Our Skills Section --> section classpy-20 relative overflow-hidden stylebackground-color: #ededed;> div classmax-w-7xl mx-auto px-4 sm:px-6 lg:px-8> !-- Section Header --> div classflex flex-col lg:flex-row lg:items-center lg:justify-between mb-16> div classlg:w-2/3 mb-8 lg:mb-0> h2 classtext-4xl md:text-5xl font-bold text-gray-900 mb-6 font-heading stylefont-size:38px;> Our Skills & Technologies /h2> p classtext-gray-600 font-content stylefont-size:20px; font-weight:400;> We leverage cutting-edge technologies and programming languages to deliver exceptional web development solutions for the logistics industry. /p> /div> div classlg:w-1/3 flex justify-center lg:justify-end> a hrefhttps://bcsads.com/career classjoin-btn join-btn-primary> span classmr-2>Join Our Team/span> svg classjoin-btn-icon fillnone strokecurrentColor viewBox0 0 24 24> path stroke-linecapround stroke-linejoinround stroke-width2 dM17 8l4 4m0 0l-4 4m4-4H3>/path> /svg> /a> /div> /div> !-- Skills Grid --> div classgrid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-8> !-- Frontend Technologies --> div classskill-card bg-white rounded-xl p-8 text-center hover:shadow-xl transition-all duration-300 transform hover:-translate-y-2 border border-gray-200 shadow-lg> div classw-20 h-20 rounded-xl flex items-center justify-center mx-auto mb-6 bg-gradient-to-br from-blue-50 to-blue-100> img srchttps://bcsads.com/images/icons/HTML5.svg altHTML5 classw-12 h-12> /div> h3 classtext-xl font-bold text-gray-900 mb-3 font-heading>HTML5/h3> p classtext-sm text-gray-600 font-content>Semantic markup & modern structure/p> /div> div classskill-card bg-white rounded-xl p-8 text-center hover:shadow-xl transition-all duration-300 transform hover:-translate-y-2 border border-gray-200 shadow-lg> div classw-20 h-20 rounded-xl flex items-center justify-center mx-auto mb-6 bg-gradient-to-br from-blue-50 to-blue-100> img srchttps://bcsads.com/images/icons/CSS3.svg altCSS3 classw-12 h-12> /div> h3 classtext-xl font-bold text-gray-900 mb-3 font-heading>CSS3/h3> p classtext-sm text-gray-600 font-content>Responsive design & animations/p> /div> div classskill-card bg-white rounded-xl p-8 text-center hover:shadow-xl transition-all duration-300 transform hover:-translate-y-2 border border-gray-200 shadow-lg> div classw-20 h-20 rounded-xl flex items-center justify-center mx-auto mb-6 bg-gradient-to-br from-yellow-50 to-yellow-100> img srchttps://bcsads.com/images/icons/JavaScript.svg altJavaScript classw-12 h-12> /div> h3 classtext-xl font-bold text-gray-900 mb-3 font-heading>JavaScript/h3> p classtext-sm text-gray-600 font-content>ES6+ & modern frameworks/p> /div> div classskill-card bg-white rounded-xl p-8 text-center hover:shadow-xl transition-all duration-300 transform hover:-translate-y-2 border border-gray-200 shadow-lg> div classw-20 h-20 rounded-xl flex items-center justify-center mx-auto mb-6 bg-gradient-to-br from-blue-50 to-blue-100> img srchttps://bcsads.com/images/icons/React.svg altReact.js classw-12 h-12> /div> h3 classtext-xl font-bold text-gray-900 mb-3 font-heading>React.js/h3> p classtext-sm text-gray-600 font-content>Component-based UI development/p> /div> div classskill-card bg-white rounded-xl p-8 text-center hover:shadow-xl transition-all duration-300 transform hover:-translate-y-2 border border-gray-200 shadow-lg> div classw-20 h-20 rounded-xl flex items-center justify-center mx-auto mb-6 bg-gradient-to-br from-orange-50 to-orange-100> img srchttps://bcsads.com/images/icons/MySQL.svg altMySQL classw-12 h-12> /div> h3 classtext-xl font-bold text-gray-900 mb-3 font-heading>MySQL/h3> p classtext-sm text-gray-600 font-content>Relational database management/p> /div> div classskill-card bg-white rounded-xl p-8 text-center hover:shadow-xl transition-all duration-300 transform hover:-translate-y-2 border border-gray-200 shadow-lg> div classw-20 h-20 rounded-xl flex items-center justify-center mx-auto mb-6 bg-gradient-to-br from-green-50 to-green-100> img srchttps://bcsads.com/images/icons/MongoDB.svg altMongoDB classw-12 h-12> /div> h3 classtext-xl font-bold text-gray-900 mb-3 font-heading>MongoDB/h3> p classtext-sm text-gray-600 font-content>NoSQL document database/p> /div> !-- Backend Technologies --> div classskill-card bg-white rounded-xl p-8 text-center hover:shadow-xl transition-all duration-300 transform hover:-translate-y-2 border border-gray-200 shadow-lg> div classw-20 h-20 rounded-xl flex items-center justify-center mx-auto mb-6 bg-gradient-to-br from-red-50 to-red-100> img srchttps://bcsads.com/images/icons/laravel.svg altLaravel classw-12 h-12> /div> h3 classtext-xl font-bold text-gray-900 mb-3 font-heading>Laravel/h3> p classtext-sm text-gray-600 font-content>Modern PHP framework for web artisans/p> /div> div classskill-card bg-white rounded-xl p-8 text-center hover:shadow-xl transition-all duration-300 transform hover:-translate-y-2 border border-gray-200 shadow-lg> div classw-20 h-20 rounded-xl flex items-center justify-center mx-auto mb-6 bg-gradient-to-br from-blue-50 to-blue-100> img srchttps://bcsads.com/images/icons/Node.svg altNode.js classw-12 h-12> /div> h3 classtext-xl font-bold text-gray-900 mb-3 font-heading>Node.js/h3> p classtext-sm text-gray-600 font-content>Server-side JavaScript/p> /div> div classskill-card bg-white rounded-xl p-8 text-center hover:shadow-xl transition-all duration-300 transform hover:-translate-y-2 border border-gray-200 shadow-lg> div classw-20 h-20 rounded-xl flex items-center justify-center mx-auto mb-6 bg-gradient-to-br from-blue-50 to-blue-100> img srchttps://bcsads.com/images/icons/PHP.png altPHP classw-12 h-12> /div> h3 classtext-xl font-bold text-gray-900 mb-3 font-heading>PHP/h3> p classtext-sm text-gray-600 font-content>Server-side scripting & web development/p> /div> div classskill-card bg-white rounded-xl p-8 text-center hover:shadow-xl transition-all duration-300 transform hover:-translate-y-2 border border-gray-200 shadow-lg> div classw-20 h-20 rounded-xl flex items-center justify-center mx-auto mb-6 bg-gradient-to-br from-green-50 to-green-100> img srchttps://bcsads.com/images/icons/nextjs.png altNext.js classw-12 h-12> /div> h3 classtext-xl font-bold text-gray-900 mb-3 font-heading>Next.js/h3> p classtext-sm text-gray-600 font-content>React framework for production/p> /div> /div> /div> /section> !-- Testimonial Section --> section classpy-20 bg-gray-50 relative overflow-hidden> div classmax-w-4xl mx-auto text-center mb-12 px-4 sm:px-6 lg:px-8> h2 classtext-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-gray-900 mb-4 font-heading leading-tight stylefont-size:38px;> Our Clients Success Stories /h2> p classtext-base sm:text-lg md:text-xl text-gray-600 font-content leading-relaxed stylefont-size:20px;> From startups to global enterprises, BCS delivers digital solutions that move the logistics industry forward. /p> /div> script srchttps://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.2.10/iframeResizer.min.js>/script> iframe srchttps://widgets.sociablekit.com/google-reviews/iframe/25590256 frameborder0 width100% height1000>/iframe> /section> !-- CTA Section --> section idcta-section classpy-20 relative overflow-hidden stylebackground-image: url(https://bcsads.com/images/home/cta-bg.jpg); background-size: cover; background-position: center;> !-- Solid color overlay matching footer --> div classabsolute inset-0 stylebackground: #1f2937; opacity: 0.90; pointer-events: none;>/div> div classmax-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center relative z-10> div classcta-content> h2 classtext-4xl md:text-5xl font-bold text-white mb-6 font-heading stylefont-size:38px;> Ready to Transform Your Digital Presence? /h2> p classtext-xl text-blue-100 mb-8 max-w-3xl mx-auto font-content> Join hundreds of logistics companies that trust BCS for their digital transformation /p> div classflex flex-col sm:flex-row gap-6 justify-center items-center> a hrefhttps://bcsads.com/contact classjoin-btn> Start Your Project svg classjoin-btn-icon fillnone strokecurrentColor viewBox0 0 24 24> path stroke-linecapround stroke-linejoinround stroke-width2 dM17 8l4 4m0 0l-4 4m4-4H3 /> /svg> /a> a hrefhttps://bcsads.com/services classjoin-btn> View All Services svg classjoin-btn-icon fillnone strokecurrentColor viewBox0 0 24 24> path stroke-linecapround stroke-linejoinround stroke-width2 dM17 8l4 4m0 0l-4 4m4-4H3 /> /svg> /a> /div> /div> /div> /section> !-- GSAP Scripts --> script srchttps://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js>/script> script srchttps://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js>/script> script> // Register ScrollTrigger plugin gsap.registerPlugin(ScrollTrigger); // Animate Header on Scroll const header document.getElementById(main-header); const navLinks document.querySelectorAll(.nav-link); const mobileMenuBtn document.querySelector(.mobile-menu-btn); ScrollTrigger.create({ start: top -80, end: 99999, onUpdate: self > { const { direction, progress } self; if (progress > 0 && direction 1) { // Scrolled down header.classList.add(fixed, bg-white, shadow-lg); header.classList.remove(absolute); header.style.setProperty(--tw-bg-opacity, 0.95); header.style.backdropFilter blur(10px); navLinks.forEach(link > { link.classList.remove(text-white, hover:text-blue-300); link.classList.add(text-gray-700, hover:text-blue-500); }); if (mobileMenuBtn) { mobileMenuBtn.classList.remove(text-white, hover:text-blue-300); mobileMenuBtn.classList.add(text-gray-700, hover:text-blue-500); } } else if (progress 0 && direction -1) { // Scrolled to top header.classList.remove(fixed, bg-white, shadow-lg); header.classList.add(absolute); header.style.backgroundColor ; header.style.backdropFilter ; navLinks.forEach(link > { link.classList.add(text-white, hover:text-blue-300); link.classList.remove(text-gray-700, hover:text-blue-500); }); if (mobileMenuBtn) { mobileMenuBtn.classList.add(text-white, hover:text-blue-300); mobileMenuBtn.classList.remove(text-gray-700, hover:text-blue-500); } } } }); // Hero Section Animations gsap.fromTo(.hero-title, { y: 100, opacity: 0 }, { y: 0, opacity: 1, duration: 1.2, ease: power3.out }); gsap.fromTo(.hero-subtitle, { y: 50, opacity: 0 }, { y: 0, opacity: 1, duration: 1, delay: 0.3, ease: power3.out }); gsap.fromTo(.hero-buttons, { y: 50, opacity: 0 }, { y: 0, opacity: 1, duration: 1, delay: 0.6, ease: power3.out }); gsap.fromTo(.scroll-indicator, { y: 20, opacity: 0 }, { y: 0, opacity: 1, duration: 1, delay: 1, ease: power3.out }); // About Section Animations gsap.fromTo(.about-content, { x: -100, opacity: 0 }, { x: 0, opacity: 1, duration: 1, ease: power3.out, scrollTrigger: { trigger: .about-content, start: top 80%, end: bottom 20%, toggleActions: play none none reverse } }); gsap.fromTo(.about-visual, { x: 100, opacity: 0 }, { x: 0, opacity: 1, duration: 1, delay: 0.3, ease: power3.out, scrollTrigger: { trigger: .about-visual, start: top 80%, end: bottom 20%, toggleActions: play none none reverse } }); // Services Section Animations gsap.fromTo(.services-header, { y: 50, opacity: 0 }, { y: 0, opacity: 1, duration: 1, ease: power3.out, scrollTrigger: { trigger: .services-header, start: top 80%, end: bottom 20%, toggleActions: play none none reverse } }); gsap.fromTo(.service-card, { y: 100, opacity: 0 }, { y: 0, opacity: 1, duration: 0.8, stagger: 0.2, ease: power3.out, scrollTrigger: { trigger: .service-card, start: top 85%, end: bottom 15%, toggleActions: play none none reverse } }); // CTA Section Animations gsap.fromTo(.cta-content, { y: 50, opacity: 0 }, { y: 0, opacity: 1, duration: 1, ease: power3.out, scrollTrigger: { trigger: .cta-content, start: top 80%, end: bottom 20%, toggleActions: play none none reverse } }); // Why BCS Section Animations gsap.fromTo(.why-bcs-header, { y: 50, opacity: 0 }, { y: 0, opacity: 1, duration: 1, ease: power3.out, scrollTrigger: { trigger: .why-bcs-header, start: top 80%, end: bottom 20%, toggleActions: play none none reverse } }); gsap.fromTo(.stat-item, { y: 100, opacity: 0, scale: 0.8 }, { y: 0, opacity: 1, scale: 1, duration: 0.8, stagger: 0.2, ease: power3.out, scrollTrigger: { trigger: .stats-grid, start: top 80%, end: bottom 20%, toggleActions: play none none reverse } }); // Counter Animation Function function animateCounter(element, target, duration 2) { const start 0; const increment target / (duration * 60); // 60fps let current start; const timer setInterval(() > { current + increment; if (current > target) { current target; clearInterval(timer); } element.textContent Math.floor(current).toLocaleString() + +; }, 1000 / 60); } // Trigger counter animations when stats come into view ScrollTrigger.create({ trigger: .stats-grid, start: top 80%, onEnter: () > { const statNumbers document.querySelectorAll(.stat-number); statNumbers.forEach(stat > { const target parseInt(stat.getAttribute(data-target)); animateCounter(stat, target, 2); }); }, once: true // Only trigger once }); // Website Preview Section Animations gsap.fromTo(.website-preview-container, { y: 100, opacity: 0, scale: 0.95 }, { y: 0, opacity: 1, scale: 1, duration: 1, ease: power3.out, scrollTrigger: { trigger: .website-preview-container, start: top 80%, end: bottom 20%, toggleActions: play none none reverse } }); // Handle iframe loading const iframe document.querySelector(iframe); const loadingOverlay document.querySelector(.iframe-loading); if (iframe && loadingOverlay) { iframe.addEventListener(load, function() { // Hide loading overlay when iframe is loaded gsap.to(loadingOverlay, { opacity: 0, duration: 0.5, onComplete: () > { loadingOverlay.style.display none; } }); }); // Hide loading overlay after 10 seconds as fallback setTimeout(() > { if (loadingOverlay.style.display ! none) { gsap.to(loadingOverlay, { opacity: 0, duration: 0.5, onComplete: () > { loadingOverlay.style.display none; } }); } }, 10000); } // Smooth scroll behavior document.documentElement.style.scrollBehavior smooth; // CTA Section Parallax Animation gsap.to(#cta-section, { backgroundPosition: 50% 80%, ease: none, scrollTrigger: { trigger: #cta-section, start: top bottom, end: bottom top, scrub: true } }); /script> !-- Card Slider Scripts --> script srchttps://bcsads.com/js/card-slider.js>/script> script> document.addEventListener(DOMContentLoaded, function() { gsap.registerPlugin(ScrollTrigger); gsap.fromTo(.service-anim-card, { y: 60, opacity: 0 }, { y: 0, opacity: 1, duration: 1, stagger: 0.2, ease: power3.out, scrollTrigger: { trigger: .service-anim-card, start: top 85%, toggleActions: play none none reverse } }); // Service card click functionality const serviceCards document.querySelectorAll(.service-card); serviceCards.forEach(card > { card.addEventListener(click, function() { const service this.getAttribute(data-service); if (service) { // Create the URL based on the service const url `/services/${service}`; window.location.href url; } }); }); }); /script> /main> !-- Footer --> footer classbg-gray-800 text-white> div classmax-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12> div classgrid grid-cols-1 md:grid-cols-4 gap-8> !-- Company Info --> div classcol-span-1 md:col-span-2> div classflex items-center mb-4> img srchttps://bcsads.com/images/icons/bcs-logo1.svg altBCS Logo classh-12 w-auto mr-3> /div> p classtext-gray-300 mb-4 max-w-md stylefont-size:18px;> We are dedicated to providing exceptional services and innovative solutions to help your business grow and succeed in todays competitive market. /p> div classfooter-social-row> a hrefhttps://www.facebook.com/businesscaresolutions target_blank classfooter-social-icon aria-labelFacebook> i classfab fa-facebook-f>/i> /a> a hrefhttps://www.instagram.com/business_care_solutions/ target_blank classfooter-social-icon aria-labelInstagram> i classfab fa-instagram>/i> /a> a hrefhttps://www.linkedin.com/company/businesscaresolutions/ target_blank classfooter-social-icon aria-labelLinkedIn> i classfab fa-linkedin-in>/i> /a> a hrefhttps://youtu.be/GfHA6PnSL4U?sizVnvQViaTBJWeNOf target_blank classfooter-social-icon aria-labelYoutube> i classfab fa-youtube>/i> /a> /div> /div> !-- Quick Links --> div> h4 classfont-semibold mb-4 stylefont-size:22px;>Company/h4> ul classspace-y-2 stylefont-size:18px;> li>a hrefhttps://bcsads.com classtext-gray-300 hover:text-blue-500 transition-colors duration-200>Home/a>/li> li>a hrefhttps://bcsads.com/about classtext-gray-300 hover:text-blue-500 transition-colors duration-200>About/a>/li> li>a hrefhttps://bcsads.com/services classtext-gray-300 hover:text-blue-500 transition-colors duration-200>Services/a>/li> li>a hrefhttps://bcsads.com/career classtext-gray-300 hover:text-blue-500 transition-colors duration-200>Career/a>/li> li>a hrefhttps://bcsads.com/contact classtext-gray-300 hover:text-blue-500 transition-colors duration-200>Contact/a>/li> /ul> /div> !-- Contact Info --> div> h4 classfont-semibold mb-4 stylefont-size:22px;>Contact Info/h4> div classspace-y-2 text-gray-300 stylefont-size:18px;> p>Plot no 300, Ward: 12/b, Shree Ambika Arcade, Office no 106, 1st Floor,Gandhidham 370201/p> p>Phone: a hreftel:02836465134 classhover:text-blue-500 transition-colors duration-200>02836-465134/a>/p> p>Phone: a hreftel:9925818323 classhover:text-blue-500 transition-colors duration-200>9925 818 323/a>/p> p>Email: a hrefmailto:info@bcsads.com classhover:text-blue-500 transition-colors duration-200>info@bcsads.com/a>/p> /div> /div> /div> !-- Bottom Bar --> div classborder-t border-gray-700 mt-2 pt-2 w-full footer-bottom-bar> div classflex justify-between items-center text-gray-400 text-base font-bold px-2 w-full> div> a hrefhttps://bcsads.com classtext-gray-500 hover:text-blue-500 transition-colors duration-200>© 2019 - 2025 BCS. All Rights Reserved./a> /div> div classflex items-center space-x-2> a hrefhttps://bcsads.com/terms classtext-gray-500 hover:text-blue-500 transition-colors duration-200>Terms & Conditions/a> span classmx-2>|/span> a hrefhttps://bcsads.com/privacy classtext-gray-500 hover:text-blue-500 transition-colors duration-200>Privacy Policy/a> /div> /div> /div> /div>/footer> /div> !-- Scripts Stack --> !-- WhatsApp Floating Button -->a hrefhttps://wa.me/9925818323?textHi%2C%20I%20would%20like%20to%20know%20more%20About%20Your%20Services. target_blank styleposition: fixed; bottom: 24px; right: 24px; z-index: 1000;> img srchttps://bcsads.com/images/icons/whatsapp.png altWhatsApp stylewidth: 56px; height: 56px; box-shadow: 0 2px 8px rgba(0,0,0,0.15); border-radius: 50%;>/a>/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
]