<!doctype html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="src/output.css" rel="stylesheet">
    <link rel="shortcut icon" href="images/blc.png" type="image/x-icon " class="rounded-full">
    <title>BLC</title>
	<link rel="canonical" href="https://blc.it.com" />
</head>
<body>
    <header class="sticky top-0 z-50   backdrop-blur-sm bg-white h-16">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="flex items-center justify-between bg-white h-16">
                <!-- Logo -->
                <div class="flex items-center">
                    <div class="text-red-500 font-bold text-2xl"><img src="images/blc.png" alt="logo" class="w-20">
                    </div>
                </div>
                <!-- Desktop Navigation -->
                <nav class="hidden md:flex items-center space-x-8 font-medium text-xs">
                    <a href="careers.html" class="text-gray-900/95 hover:text-gray-600 transition-colors">Career</a>
                    <a href="#" class="text-gray-900/95 hover:text-gray-600 transition-colors">Partners</a>
                    <a href="#" class="text-gray-900/95 hover:text-gray-600 transition-colors">Support</a>
                    <a href="#" class="text-gray-900/95 hover:text-gray-600 transition-colors">About</a>
                    <a href="#" class="text-gray-900/95 hover:text-gray-600 transition-colors">Contact</a>
                </nav>
                <!-- Mobile menu button -->
                <div class="md:hidden">
                    <button id="mobile-menu-button" class="text-gray-900/95 hover:gray-900/95e focus:outline-none focus:gray-900/95">
                        <svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke="currentColor">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/>
                        </svg>
                    </button>
                </div>
            </div>
        </div>
        <!-- Mobile Navigation -->
        <div id="mobile-menu" class="md:hidden hidden ">
            <div class="px-2 pt-2 pb-3 space-y-1 bg-white">
                <a href="careers.html" class="block px-3 py-2 text-gray-900/95 hover:text-gray-500 hover:bg-gray-700 rounded-md">Career</a>
                <a href="#" class="block px-3 py-2 text-gray-900/95 hover:text-gray-500 hover:bg-gray-700 rounded-md">Partners</a>
                <a href="#" class="block px-3 py-2 text-gray-900/95 hover:text-gray-500 hover:bg-gray-700 rounded-md">Support</a>
                <a href="#" class="block px-3 py-2 text-gray-900/95 hover:text-gray-500 hover:bg-gray-700 rounded-md">About</a>
                <a href="#" class="block px-3 py-2 text-gray-900/95 hover:text-gray-500 hover:bg-gray-700 rounded-md">Contact</a>
            </div>
        </div>
    </header>
    <!-- Hero Section with Background Video -->
    <section class="relative min-h-[80vh] bg-black b  flex items-center justify-left px-12 overflow-hidden">
        <!-- Background Video -->
        <div class="absolute inset-0 w-full h-[80vh]">
            <video autoplay muted loop playsinline class="absolute inset-0 w-full h-full object-fill z-0" poster="https://blc.it.com/images/Screenshot 2025-08-20 111220.png">
                <source src="blc.it" type="video/mp4">
            </video>
            <!-- Gradient overlay -->
            <!-- <div class="absolute inset-0 bg-gradient-to-br from-gray-900 via-blue-900 to-gray-900 -z-1"></div> -->
        </div>
        <!-- Hero Content -->
        <div class="relative  z-20 text-left max-w-4xl  px-1 sm:px-6 lg:px-2">
            <h1 class="text-5xl text-white md:text-4xl lg:text-6xl font-medium  mb-6 leading-tight">
                Business, faster than
                <span class="block text-white">humanly possible.</span>
            </h1>
            <p class="text-lg md:text-xl text-white mb-8 max-w-3xl mx-auto leading-relaxed">
                Make the most of your data and automation to optimize business processes and accelerate digital
                transformation.
            </p>
            <a href="careers.html">
                <button class=" hover:bg-orange-700 text-white font-normal py-1 px-3 text-sm border-2 border-white transition-colors duration-300 transform hover:scale-105">
                    Career
                </button>
            </a>
        </div>
    </section>
    <!-- Services Section -->
    <section class="py-5 bg-gray-900/95">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <h2 class="text-white text-xs font-normal mb-12 tracking-wider">HOW WE CAN HELP</h2>
            <div class=" pb-10 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
                <!-- Service Management Card -->
                <div class="bg-transparent border-2 border-bmc-blue rounded-lg p-8 hover:bg-bmc-blue hover:bg-opacity-10 transition-all duration-300">
                    <div class="mb-6">
                        <svg class="text-[#4040D9]" width="34" height="37" viewbox="0 0 34 37" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M14.6788 4.80859L5.75092 10.0084" stroke="currentColor" stroke-width="1.47164" stroke-miterlimit="5" stroke-linecap="round" stroke-linejoin="round"></path>
                            <path d="M27.0407 9.51801L18.9957 4.95593" stroke="currentColor" stroke-width="1.47164" stroke-miterlimit="5" stroke-linecap="round" stroke-linejoin="round"></path>
                            <path d="M29.6407 23.155L29.5916 13.8837" stroke="currentColor" stroke-width="1.47164" stroke-miterlimit="5" stroke-linecap="round" stroke-linejoin="round"></path>
                            <path d="M18.7016 32.1811L27.6296 26.9813" stroke="currentColor" stroke-width="1.47164" stroke-miterlimit="5" stroke-linecap="round" stroke-linejoin="round"></path>
                            <path d="M6.19263 27.1775L14.4829 31.9358" stroke="currentColor" stroke-width="1.47164" stroke-miterlimit="5" stroke-linecap="round" stroke-linejoin="round"></path>
                            <path d="M3.93607 13.8346L3.98511 23.4003" stroke="currentColor" stroke-width="1.47164" stroke-miterlimit="5" stroke-linecap="round" stroke-linejoin="round"></path>
                            <path d="M5.751 10.0083C6.43777 11.2347 6.04532 12.7554 4.81895 13.4912C3.59258 14.178 2.0719 13.7856 1.33608 12.5592C0.649316 11.3328 1.04174 9.81212 2.2681 9.0763C3.49447 8.38954 5.06424 8.83103 5.751 10.0083Z" stroke="currentColor" stroke-width="1.47164" stroke-miterlimit="5" stroke-linecap="round" stroke-linejoin="round"></path>
                            <path d="M19.0448 2.25774C19.7316 3.48411 19.3392 5.00479 18.1128 5.74061C16.8864 6.42737 15.3657 6.03494 14.6299 4.80857C13.9432 3.58221 14.3356 2.06151 15.562 1.32569C16.7883 0.638925 18.3581 1.08043 19.0448 2.25774Z" stroke="currentColor" stroke-width="1.47164" stroke-miterlimit="5" stroke-linecap="round" stroke-linejoin="round"></path>
                            <path d="M18.7014 32.1811C19.3882 33.4075 18.9958 34.9282 17.7694 35.664C16.543 36.3508 15.0223 35.9584 14.2865 34.732C13.5997 33.5056 13.9922 31.9849 15.2186 31.2491C16.4449 30.5623 18.0147 30.9548 18.7014 32.1811Z" stroke="currentColor" stroke-width="1.47164" stroke-miterlimit="5" stroke-linecap="round" stroke-linejoin="round"></path>
                            <path d="M5.2605 28.1096C4.03413 28.7963 2.51342 28.4039 1.7776 27.1775C1.09084 25.9512 1.48329 24.4305 2.70965 23.6947C3.93602 23.0079 5.4567 23.4003 6.19252 24.6267C6.87929 25.853 6.48687 27.4228 5.2605 28.1096Z" stroke="currentColor" stroke-width="1.47164" stroke-miterlimit="5" stroke-linecap="round" stroke-linejoin="round"></path>
                            <path d="M30.867 13.1478C29.6407 13.8346 28.12 13.4421 27.3842 12.2158C26.6974 10.9894 27.0899 9.46869 28.3162 8.73287C29.5426 8.0461 31.0633 8.43854 31.7991 9.6649C32.4859 10.8913 32.0443 12.461 30.867 13.1478Z" stroke="currentColor" stroke-width="1.47164" stroke-miterlimit="5" stroke-linecap="round" stroke-linejoin="round"></path>
                            <path d="M31.9953 24.4304C32.6821 25.6568 32.2896 27.1775 31.0632 27.9133C29.8369 28.6001 28.3162 28.2076 27.5804 26.9812C26.8936 25.7549 27.286 24.2342 28.5124 23.4984C29.7388 22.8116 31.2595 23.2041 31.9953 24.4304Z" stroke="currentColor" stroke-width="1.47164" stroke-miterlimit="5" stroke-linecap="round" stroke-linejoin="round"></path>
                            <path d="M16.494 18.642L27.3842 12.2649" stroke="currentColor" stroke-width="1.47164" stroke-miterlimit="5" stroke-linecap="round" stroke-linejoin="round"></path>
                            <path d="M6.53595 24.1851L16.2978 18.4948" stroke="currentColor" stroke-width="1.47164" stroke-miterlimit="5" stroke-linecap="round" stroke-linejoin="round"></path>
                            <path d="M16.6412 6.03491V30.4641" stroke="currentColor" stroke-width="1.47164" stroke-miterlimit="5" stroke-linecap="round" stroke-linejoin="round"></path>
                            <path d="M6.19254 12.2649L27.286 24.6267" stroke="currentColor" stroke-width="1.47164" stroke-miterlimit="5" stroke-linecap="round" stroke-linejoin="round"></path>
                        </svg>
                    </div>
                    <h3 class="text-white  font-semibold mb-3">Service Management</h3>
                    <p class="text-gray-400">Explore BLC Helix</p>
                </div>
                <!-- Operational Management Card -->
                <div class="bg-transparent border-2 border-bmc-blue rounded-lg p-8 hover:bg-bmc-blue hover:bg-opacity-10 transition-all duration-300 lg:scale-110">
                    <div class="mb-6">
                        <svg class="text-[#4040D9]" width="40" height="37" viewbox="0 0 40 37" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M24.8995 33.7403L26.6891 35.2412C27.2664 35.7608 28.1323 35.8185 28.825 35.4144L30.9032 34.1444C31.596 33.7403 31.9423 32.8743 31.7691 32.0661L31.2496 30.0457C31.0187 29.1797 31.1342 28.2561 31.596 27.4479L33.7896 23.5224C34.1937 22.7719 34.8865 22.1946 35.6947 21.906L37.8883 21.0978C38.6388 20.8091 39.1007 20.1164 39.1007 19.3082L39.0429 16.8836C39.0429 16.0754 38.4657 15.3249 37.6575 15.1518L35.637 14.5745C34.7711 14.3436 34.0205 13.7663 33.5587 12.9581L31.2496 9.09029C30.7877 8.33982 30.6723 7.47389 30.7878 6.66569L31.1919 4.41429C31.3073 3.66382 30.961 2.85563 30.2682 2.45153L28.1323 1.23923C27.4396 0.835136 26.5159 0.950593 25.9386 1.52788L24.6686 2.79791C23.8604 3.54837 22.8212 4.0102 21.7244 4.0102L17.5103 4.06792C16.6444 4.06792 15.8362 3.77928 15.2011 3.25972L13.4116 1.75879C12.8343 1.23923 11.9683 1.18151 11.2756 1.58561L9.19739 2.85564C8.50465 3.25974 8.15828 4.12565 8.33147 4.93384L8.85103 6.95433C9.08195 7.82026 8.9665 8.74391 8.50468 9.55211L6.31098 13.4776C5.90688 14.2281 5.21411 14.8054 4.40591 15.094L2.21228 15.9022C1.46181 16.1909 1 16.8836 1 17.6918L1.05771 20.1164C1.05771 20.9246 1.63501 21.675 2.44321 21.8482L4.4637 22.4255C5.32962 22.6564 6.08008 23.2337 6.5419 24.0419L8.85103 27.9097C9.31286 28.6602 9.42827 29.5261 9.31282 30.3343L8.90875 32.5857C8.79329 33.3362 9.13965 34.1444 9.83239 34.5485L11.9684 35.7608C12.6611 36.1649 13.5847 36.0494 14.162 35.4721L15.6629 34.0289C16.2979 33.3939 17.1639 33.0475 18.0876 32.9898L22.5903 32.9321C23.4563 32.9321 24.2644 33.2207 24.8995 33.7403Z" stroke="currentColor" stroke-width="1.73185" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                            <path d="M25.3613 24.0997C24.149 25.1388 22.5326 25.7738 20.8008 25.7738C16.933 25.7738 13.7579 22.5988 13.7579 18.731" stroke="currentColor" stroke-width="1.73185" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                            <path d="M15.8362 13.7663C17.1063 12.4963 18.8958 11.6881 20.8009 11.6881C24.2068 11.6881 27.0355 14.1127 27.6705 17.2878C27.786 17.7496 27.786 18.2114 27.786 18.731" stroke="currentColor" stroke-width="1.73185" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                        </svg>
                    </div>
                    <h3 class="text-white text font-semibold mb-3">Operational Management</h3>
                    <p class="text-gray-400">Explore BLC Helix</p>
                </div>
                <!-- Workflow Orchestration Card -->
                <div class="bg-transparent border-2 border-bmc-blue rounded-lg p-8 hover:bg-bmc-blue hover:bg-opacity-10 transition-all duration-300">
                    <div class="mb-6">
                        <svg class="text-[#4040D9]" width="42" height="37" viewbox="0 0 42 37" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M36.0591 17.8236L38.2944 19.5295" stroke="currentColor" stroke-width="1.76471" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                            <path d="M40.412 17.5884L38.3531 19.5884" stroke="currentColor" stroke-width="1.76471" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                            <path d="M28.3532 29.7061C26.1767 31.1767 23.5885 32.0001 20.8238 32.0001C14.2355 32.0001 8.76488 27.2354 7.58841 21.0001" stroke="currentColor" stroke-width="1.76471" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                            <path d="M14.0001 6.88236C16.0001 5.70589 18.3531 5.05884 20.8237 5.05884C27.1178 5.05884 32.3532 9.35294 33.8826 15.1765" stroke="currentColor" stroke-width="1.76471" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                            <path d="M32.1178 31.8236C29.059 34.4118 25.1177 36 20.8236 36C11.1765 36 3.35297 28.1765 3.35297 18.5294" stroke="currentColor" stroke-width="1.76471" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                            <path d="M36.4708 26.3531C36.0002 27.2943 35.4708 28.1179 34.8826 28.9414" stroke="currentColor" stroke-width="1.76471" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                            <path d="M8.47076 6.11764C11.6472 2.94116 16.0002 1 20.8238 1C29.2944 1 36.3532 7 37.9415 14.9412C38.1768 16.0589 38.2945 17.2353 38.2945 18.4706" stroke="currentColor" stroke-width="1.76471" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                            <path d="M5.52963 18.6471L3.29437 17.0588" stroke="currentColor" stroke-width="1.76471" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                            <path d="M1.00003 18.8826L3.23529 17.0002" stroke="currentColor" stroke-width="1.76471" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                        </svg>
                    </div>
                    <h3 class="text-white text font-semibold mb-3">Workflow Orchestration</h3>
                    <p class="text-gray-400">Explore BLC</p>
                </div>
                <!-- Mainframe Transformation Card -->
                <div class="bg-transparent border-2 border-bmc-blue rounded-lg p-8 hover:bg-bmc-blue hover:bg-opacity-10 transition-all duration-300 lg:scale-110">
                    <div class="mb-6">
                        <svg class="text-[#4040D9]" width="42" height="37" viewbox="0 0 42 37" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M36.0576 17.8368L38.3064 19.5666" stroke="currentColor" stroke-width="1.63872" stroke-miterlimit="5" stroke-linecap="round" stroke-linejoin="round"></path>
                            <path d="M40.3821 17.6062L38.364 19.6243" stroke="currentColor" stroke-width="1.63872" stroke-miterlimit="5" stroke-linecap="round" stroke-linejoin="round"></path>
                            <path d="M28.3311 29.6575C26.1976 31.099 23.6029 31.9639 20.7775 31.9639C14.2042 31.9639 8.66878 27.2357 7.51556 20.9507" stroke="currentColor" stroke-width="1.63872" stroke-miterlimit="5" stroke-linecap="round" stroke-linejoin="round"></path>
                            <path d="M13.9737 6.88144C15.9918 5.72823 18.2983 5.03625 20.7777 5.03625C27.0627 5.03625 32.3098 9.30314 33.809 15.1269" stroke="currentColor" stroke-width="1.63872" stroke-miterlimit="5" stroke-linecap="round" stroke-linejoin="round"></path>
                            <path d="M32.1366 31.8484C29.0806 34.4431 25.1597 36 20.8351 36C11.1481 36 3.36389 28.1581 3.36389 18.5288" stroke="currentColor" stroke-width="1.63872" stroke-miterlimit="5" stroke-linecap="round" stroke-linejoin="round"></path>
                            <path d="M36.4614 26.3707C36.0002 27.2933 35.4813 28.1582 34.847 28.9655" stroke="currentColor" stroke-width="1.63872" stroke-miterlimit="5" stroke-linecap="round" stroke-linejoin="round"></path>
                            <path d="M8.43823 6.13181C11.6096 2.96048 15.9918 1 20.8353 1C29.3114 1 36.346 6.99675 37.9605 14.9539C38.1911 16.1071 38.3065 17.2603 38.3065 18.4712" stroke="currentColor" stroke-width="1.63872" stroke-miterlimit="5" stroke-linecap="round" stroke-linejoin="round"></path>
                            <path d="M5.49756 18.6441L3.24878 17.0873" stroke="currentColor" stroke-width="1.63872" stroke-miterlimit="5" stroke-linecap="round" stroke-linejoin="round"></path>
                            <path d="M1.00006 18.8747L3.24884 17.0295" stroke="currentColor" stroke-width="1.63872" stroke-miterlimit="5" stroke-linecap="round" stroke-linejoin="round"></path>
                            <path d="M24.1798 26.8895H16.9145C16.3379 26.8895 15.819 26.4282 15.819 25.7939V9.70658C15.819 9.12997 16.2802 8.61108 16.9145 8.61108H24.1798C24.7564 8.61108 25.2753 9.07231 25.2753 9.70658V25.7939C25.2176 26.4282 24.7564 26.8895 24.1798 26.8895Z" stroke="currentColor" stroke-width="0.80379" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                            <path d="M22.7957 9.01477L18.5288 10.5716L15.8764 16.453" stroke="currentColor" stroke-width="0.80379" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                            <path d="M22.911 13.8583L19.1054 19.0477L15.9341 20.8929" stroke="currentColor" stroke-width="0.80379" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                            <path d="M15.9341 26.1978L20.5469 24.5256L22.911 21.7002" stroke="currentColor" stroke-width="0.80379" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                            <path d="M16.3376 26.9472V27.8121C16.3376 28.1004 16.5683 28.2734 16.7989 28.2734H24.2371C24.5254 28.2734 24.6984 28.0428 24.6984 27.8121V26.8319" stroke="currentColor" stroke-width="0.80379" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                            <path d="M22.9111 26.8319V8.66882" stroke="currentColor" stroke-width="0.80379" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                        </svg>
                    </div>
                    <h3 class="text-white text font-semibold mb-3">Mainframe Transformation</h3>
                    <p class="text-gray-400">Explore BLC</p>
                </div>
            </div>
        </div>
    </section>
    <!-- Optimize Section -->
    <section class="py-20 bg-white text-gray-900">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="text-center mb-16">
                <h2 class="text-4xl md:text-5xl font-bold mb-8 leading-tight">
                    Optimize and automate your entire business with the latest in AI, cloud and data solutions.
                </h2>
                <p class="text-lg md:text-xl text-gray-600 max-w-4xl mx-auto">
                    The world is moving at the speed of AI. Harness the power of AI, cloud, and data to streamline
                    workflows, enhance efficiency, and drive smarter, faster decisions across your business.
                </p>
            </div>
        </div>
    </section>
    <!-- Trusted Partner Section -->
    <section class="bg-gray-50 py-16 md:py-20">
        <div class="container mx-auto px-6">
            <div class="max-w-6xl mx-auto text-center">
                <div class="text-sm font-semibold text-gray-600 tracking-wider uppercase mb-6">
                    TRUSTED PARTNER
                </div>
                <h2 class="text-3xl md:text-4xl font-bold text-bmc-dark mb-12 leading-tight">
                    The AI and automation engine for 86% of the Forbes Global 50
                </h2>
                <!-- Company Logos -->
                <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-8 items-center justify-items-center">
                    <!-- Carrefour -->
                    <div class="flex items-center shadow-lg shadow-gray-200 justify-center h-16">
                        <img src="images/carrefour.Dp0mFpr1.png" class="sm:w-auto w-full" alt="">
                    </div>
                    <!-- Domino's -->
                    <div class="flex items-center shadow-lg shadow-gray-200 justify-center mb-8 md:my-4 h-16">
                        <img src="images/dominio.png" class="sm:w-auto w-full" alt="">
                    </div>
                    <!-- Electrolux -->
                    <div class="flex items-center shadow-lg shadow-gray-200 justify-center mb-8 md:my-4 h-16">
                        <img src="images/electron.png" class="sm:w-auto w-full" alt="">
                    </div>
                    <!-- ING -->
                    <div class="flex items-center shadow-lg shadow-gray-200 justify-center mb-8 md:my-4 h-16">
                        <img src="images/ing.png" class="sm:w-auto w-full" alt="">
                    </div>
                    <!-- Transport for London -->
                    <div class="flex items-center shadow-lg shadow-gray-200 justify-center mb-8 md:my-4 h-16">
                        <img src="images/transport.png" class="sm:w-auto w-[45%]" alt="">
                    </div>
                    <!-- Raymond James -->
                    <div class="flex items-center shadow-lg shadow-gray-200 justify-center mb-8 md:my-4 h-16">
                        <img src="images/james.png" class="sm:w-auto w-[45%]" alt="">
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Gartner Report Section -->
    <section class="bg-gray-900/95 py-5 md:py-24">
        <div class="container mx-auto px-6">
            <div class="max-w-4xl mx-auto">
                <div class="text-sm font-semibold text-blue-200 tracking-wider uppercase mb-8">
                    Gartner Report
                </div>
                <h2 class="text-3xl md:text-4xl font-bold text-white mb-12 leading-tight">
                    BLC named a Leader in 2024 Gartner® Magic Quadrant™ for Service Orchestration and Automation
                    Platforms.
                </h2>
                <a href="careers.html"> <button class="border-2 border-white text-white hover:bg-white hover:text-blue-900 px-8 py-3 rounded-lg font-semibold transition-all duration-300">
                        Join Us
                    </button></a>
            </div>
        </div>
    </section>
    <!-- Latest from BMC Section -->
    <section class="bg-white py-16 md:py-24">
        <div class="container mx-auto px-6">
            <div class="max-w-6xl mx-auto">
                <h2 class="text-3xl md:text-4xl font-bold text-bmc-dark mb-12">
                    The latest from BLC
                </h2>
                <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
                    <!-- BMC Point-of-View Card -->
                    <div class="bg-white rounded-lg overflow-hidden shadow-lg transition-shadow">
                        <div class="aspect-video bg-gray-100 mb-4 rounded-lg overflow-hidden">
                            <img src="images/man.png" alt="Professional businessman" class="w-full h-full object-cover">
                        </div>
                        <div class="p-4">
                            <div class="text-sm font-semibold text-bmc-blue tracking-wider uppercase mb-3">
                                BLC Point-of View
                            </div>
                            <h3 class="text-xl font-bold text-bmc-dark mb-4 leading-tight">
                                Simplified mainframe management
                            </h3>
                            <p class="text-gray-700 leading-relaxed">
                                Discover how Gen AI services delivered by a cloud-native platform will help you
                                transform
                                your mainframe for the next generation. Read our statement of direction for the BLC AMI
                                Platform.
                            </p>
                        </div>
                    </div>
                    <!-- Product Release Card -->
                    <div class="bg-white rounded-lg overflow-hidden shadow-lg transition-shadow">
                        <div class="aspect-video bg-gray-900 mb-4 rounded-lg overflow-hidden">
                            <img src="images/product.png" alt="Space planet with bright light" class="w-full h-full object-cover">
                        </div>
                        <div class="p-4">
                            <div class="text-sm font-semibold text-bmc-blue tracking-wider uppercase mb-3">
                                Product Release
                            </div>
                            <h3 class="text-xl font-bold text-bmc-dark mb-4 leading-tight">
                                Discover what is New in the BLC AMI Portfolio
                            </h3>
                            <p class="text-gray-700 leading-relaxed">
                                From a new approach to secondary data storage to inclusion of artificial intelligence
                                (AI)
                                that enhances productivity and efficiency, BLC AMI's January 2025 release breaks new
                                ground
                                in enabling what's possible on the mainframe.
                            </p>
                        </div>
                    </div>
                    <!-- Customer Success Webinar Card -->
                    <div class="bg-white rounded-lg overflow-hidden shadow-lg transition-shadow">
                        <div class="aspect-video bg-gray-900 mb-4 rounded-lg overflow-hidden">
                            <img src="images/customer.png" alt="Space planet with bright light" class="w-full h-full object-cover">
                        </div>
                        <div class="p-4">
                            <div class="text-sm font-semibold text-bmc-blue tracking-wider uppercase mb-3">
                                Customer Success Webinar
                            </div>
                            <h3 class="text-xl font-bold text-bmc-dark mb-4 leading-tight">
                                First Citizens Bank: Scaling Seamlessly with Control-M
                            </h3>
                            <p class="text-gray-700 leading-relaxed">
                                Watch our webinar and learn how First Citizens Bank scaled rapidly to support its
                                expansion
                                with Control-M's application workflow orchestration.
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Footer -->
    <footer class="bg-gray-900/95 py-6">
        <div class="container mx-auto px-6">
            <p class="text-white text-sm leading-relaxed text-center">
                © Copyright 2005-2025 BLC Software, Inc. Use of this site signifies your acceptance of BLC's Terms of
                Use. BLC, the BLC logo, and other BLC marks are assets of BLC Software, Inc. These trademarks are
                registered and may be registered in the U.S. and in other countries.
            </p>
        </div>
    </footer>
    <!-- JavaScript -->
    <script>
        // Mobile menu functionality
        const mobileMenuButton = document.getElementById('mobile-menu-button');
        const mobileMenu = document.getElementById('mobile-menu');
        mobileMenuButton.addEventListener('click', function () {
            mobileMenu.classList.toggle('hidden');
        });
        // Close mobile menu when clicking outside
        document.addEventListener('click', function (event) {
            const isClickInsideMenu = mobileMenu.contains(event.target);
            const isClickOnButton = mobileMenuButton.contains(event.target);
            if (!isClickInsideMenu && !isClickOnButton && !mobileMenu.classList.contains('hidden')) {
                mobileMenu.classList.add('hidden');
            }
        });
        // Smooth scrolling for anchor links
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function (e) {
                e.preventDefault();
                const target = document.querySelector(this.getAttribute('href'));
                if (target) {
                    target.scrollIntoView({
                        behavior: 'smooth',
                        block: 'start'
                    });
                }
            });
        });
        // Add scroll effect to header
        window.addEventListener('scroll', function () {
            const header = document.querySelector('header');
            if (window.scrollY > 100) {
                header.classList.add('bg-gray-900');
                header.classList.remove('bg-gray-900/95');
            } else {
                header.classList.add('bg-gray-900/95');
                header.classList.remove('bg-gray-900');
            }
        });
    </script>
<center><font size="2">This is the free demo result. You can also download a <a href="https://www.waybackmachinedownloads.com">complete website</a> from <a href="https://archive.org">archive.org</a>.</font></center></body>
</html>