Update index.html

index.html

@@ -68,7 +68,7 @@
               </div> 
             </div> 
             <div class="w-full my-6 border-t dark:border-[--ui-dark-border-color] pt-6 lg:mt-0 flex gap-2 lg:my-0 lg:border-none lg:pt-0"> 
-              <a href="/get-started" class="group font-medium [--radial-opacity:0.4] dark:[--radial-opacity:0] rounded-[--btn-border-radius] [background-image:radial-gradient(76%_151%_at_52%_-52%,rgba(255,255,255,var(--radial-opacity))_0%,transparent_100%)] flex items-center justify-center transition-[filter] duration-150 ease-in-out active:brightness-95 dark:shadow-inner dark:border-t dark:border-t-white/35 outline-2 outline-offset-2 focus-visible:outline outline-primary-600 dark:shadow-white/20 disabled:bg-gray-200 disabled:text-gray-400 disabled:shadow-none disabled:hover:brightness-100 dark:disabled:bg-gray-500/10 dark:disabled:[background-image:none] dark:disabled:text-gray-700 dark:disabled:shadow-none dark:disabled:border-none bg-gray-900 text-white [box-shadow:rgba(255,255,255,0.2)_0px_1px_0px_0px_inset,theme(colors.gray.900)_0px_0px_0px_1px] hover:brightness-125 dark:bg-white dark:text-gray-950 text-sm h-8 px-3.5 w-full md:w-fit">
+              <a href="#get-started" class="group font-medium [--radial-opacity:0.4] dark:[--radial-opacity:0] rounded-[--btn-border-radius] [background-image:radial-gradient(76%_151%_at_52%_-52%,rgba(255,255,255,var(--radial-opacity))_0%,transparent_100%)] flex items-center justify-center transition-[filter] duration-150 ease-in-out active:brightness-95 dark:shadow-inner dark:border-t dark:border-t-white/35 outline-2 outline-offset-2 focus-visible:outline outline-primary-600 dark:shadow-white/20 disabled:bg-gray-200 disabled:text-gray-400 disabled:shadow-none disabled:hover:brightness-100 dark:disabled:bg-gray-500/10 dark:disabled:[background-image:none] dark:disabled:text-gray-700 dark:disabled:shadow-none dark:disabled:border-none bg-gray-900 text-white [box-shadow:rgba(255,255,255,0.2)_0px_1px_0px_0px_inset,theme(colors.gray.900)_0px_0px_0px_1px] hover:brightness-125 dark:bg-white dark:text-gray-950 text-sm h-8 px-3.5 w-full md:w-fit">
               Contact us
               </a> 
             </div> 
@@ -77,7 +77,7 @@
       </div> 
     </nav> 
   </header>  
-  <main class="space-y-16 sm:space-y-28 lg:space-y-32 pb-40 overflow-hidden"> <div class="relative overflow-hidden" id="home"> <div aria-hidden class="opacity-0 dark:opacity-25 absolute [background-image:radial-gradient(theme(colors.gray.500),transparent_50%)] top-0 w-[1000px] z-10 h-[800px] left-1/2 -translate-x-1/2 -translate-y-1/2 pointer-events-none"></div> <div class="max-w-6xl mx-auto px-6 md:px-12 xl:px-6">  <div class="relative pt-32 sm:pt-44 ml-auto"> <div class="lg:w-2/3 text-center mx-auto"> <h1 class="text-gray-900 dark:text-white font-bold text-4xl sm:text-5xl md:text-6xl">Transforming Ideas into Intelligent Solutions</h1> <p class="max-w-xl mx-auto mt-8 text-gray-700 dark:text-gray-300">Empowering businesses with cutting-edge AI technology to drive innovation and excellence.</p> <div class="mt-8 flex flex-wrap justify-center gap-y-4 gap-x-6"> <!-- <Frame> --> <a href="/get-started" class="group font-medium [--radial-opacity:0.4] dark:[--radial-opacity:0] rounded-[--btn-border-radius] [background-image:radial-gradient(76%_151%_at_52%_-52%,rgba(255,255,255,var(--radial-opacity))_0%,transparent_100%)] flex items-center justify-center transition-[filter] duration-150 ease-in-out active:brightness-95 dark:shadow-inner dark:border-t dark:border-t-white/35 outline-2 outline-offset-2 focus-visible:outline outline-primary-600 dark:shadow-white/20 disabled:bg-gray-200 disabled:text-gray-400 disabled:shadow-none disabled:hover:brightness-100 dark:disabled:bg-gray-500/10 dark:disabled:[background-image:none] dark:disabled:text-gray-700 dark:disabled:shadow-none dark:disabled:border-none [box-shadow:rgba(255,255,255,0.35)_0px_1px_0px_0px_inset,theme(colors.primary.600)_0px_0px_0px_1px] hover:brightness-[1.1] text-base h-10 px-5 relative z-[1] bg-orange-800 hover:bg-orange-600 text-white">
+  <main class="space-y-16 sm:space-y-28 lg:space-y-32 pb-40 overflow-hidden"> <div class="relative overflow-hidden" id="home"> <div aria-hidden class="opacity-0 dark:opacity-25 absolute [background-image:radial-gradient(theme(colors.gray.500),transparent_50%)] top-0 w-[1000px] z-10 h-[800px] left-1/2 -translate-x-1/2 -translate-y-1/2 pointer-events-none"></div> <div class="max-w-6xl mx-auto px-6 md:px-12 xl:px-6">  <div class="relative pt-32 sm:pt-44 ml-auto"> <div class="lg:w-2/3 text-center mx-auto"> <h1 class="text-gray-900 dark:text-white font-bold text-4xl sm:text-5xl md:text-6xl">Transforming Ideas into Intelligent Solutions</h1> <p class="max-w-xl mx-auto mt-8 text-gray-700 dark:text-gray-300">Empowering businesses with cutting-edge AI technology to drive innovation and excellence.</p> <div class="mt-8 flex flex-wrap justify-center gap-y-4 gap-x-6"> <!-- <Frame> --> <a href="#get-started" class="group font-medium [--radial-opacity:0.4] dark:[--radial-opacity:0] rounded-[--btn-border-radius] [background-image:radial-gradient(76%_151%_at_52%_-52%,rgba(255,255,255,var(--radial-opacity))_0%,transparent_100%)] flex items-center justify-center transition-[filter] duration-150 ease-in-out active:brightness-95 dark:shadow-inner dark:border-t dark:border-t-white/35 outline-2 outline-offset-2 focus-visible:outline outline-primary-600 dark:shadow-white/20 disabled:bg-gray-200 disabled:text-gray-400 disabled:shadow-none disabled:hover:brightness-100 dark:disabled:bg-gray-500/10 dark:disabled:[background-image:none] dark:disabled:text-gray-700 dark:disabled:shadow-none dark:disabled:border-none [box-shadow:rgba(255,255,255,0.35)_0px_1px_0px_0px_inset,theme(colors.primary.600)_0px_0px_0px_1px] hover:brightness-[1.1] text-base h-10 px-5 relative z-[1] bg-orange-800 hover:bg-orange-600 text-white">
 Get Started Now
 </a> <!-- </Frame> --> </div> <div class="py-8 mt-16 gap-4 border-y dark:border-gray-800 flex-wrap flex justify-between"> <div class="text-left flex-1"> <svg class="size-5 text-gray-500" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M208 40v168h-56V40Z" opacity="0.2"></path><path d="M224 200h-8V40a8 8 0 0 0-8-8h-56a8 8 0 0 0-8 8v40H96a8 8 0 0 0-8 8v40H48a8 8 0 0 0-8 8v64h-8a8 8 0 0 0 0 16h192a8 8 0 0 0 0-16M160 48h40v152h-40Zm-56 48h40v104h-40Zm-48 48h32v56H56Z"></path></g></svg> <h2 class="my-2 text-base font-semibold text-gray-700 dark:text-white">Built with Quality</h2> <p class="text-gray-600 dark:text-gray-600 text-sm">Quality is at the forefront of everything we do</p> </div> <div class="text-left flex-1"> <svg class="size-5 text-gray-500" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="m224 80l-96 56l-96-56l96-56Z" opacity="0.2"></path><path d="M230.91 172a8 8 0 0 1-2.91 10.91l-96 56a8 8 0 0 1-8.06 0l-96-56A8 8 0 0 1 36 169.09l92 53.65l92-53.65a8 8 0 0 1 10.91 2.91M220 121.09l-92 53.65l-92-53.65a8 8 0 0 0-8 13.82l96 56a8 8 0 0 0 8.06 0l96-56a8 8 0 1 0-8.06-13.82M24 80a8 8 0 0 1 4-6.91l96-56a8 8 0 0 1 8.06 0l96 56a8 8 0 0 1 0 13.82l-96 56a8 8 0 0 1-8.06 0l-96-56A8 8 0 0 1 24 80m23.88 0L128 126.74L208.12 80L128 33.26Z"></path></g></svg> <h2 class="my-2 text-base font-semibold text-gray-700 dark:text-white">Built with Modern technology</h2> <p class="text-gray-600 dark:text-gray-600 text-sm">Experience the future with the cutting-edge technology</p> </div> <div class="text-left flex-1 ml-12"> <svg class="size-5 text-gray-500" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M232 94c0 66-104 122-104 122S24 160 24 94a54 54 0 0 1 54-54c22.59 0 41.94 12.31 50 32c8.06-19.69 27.41-32 50-32a54 54 0 0 1 54 54" opacity="0.2"></path><path d="M178 32c-20.65 0-38.73 8.88-50 23.89C116.73 40.88 98.65 32 78 32a62.07 62.07 0 0 0-62 62c0 70 103.79 126.66 108.21 129a8 8 0 0 0 7.58 0C136.21 220.66 240 164 240 94a62.07 62.07 0 0 0-62-62m-50 174.8C109.74 196.16 32 147.69 32 94a46.06 46.06 0 0 1 46-46c19.45 0 35.78 10.36 42.6 27a8 8 0 0 0 14.8 0c6.82-16.67 23.15-27 42.6-27a46.06 46.06 0 0 1 46 46c0 53.61-77.76 102.15-96 112.8"></path></g></svg> <h2 class="my-2 text-base font-semibold text-gray-700 dark:text-white">Built by Experts</h2> <p class="text-gray-600 dark:text-gray-600 text-sm">Top-tier solutions crafted with precision and expertise</p> </div> </div> </div> </div>  </div> </div> <section data-astro-cid-g5jplrhu> <div class="max-w-6xl mx-auto px-6 md:px-12 xl:px-6">  <div class="mx-auto max-w-7xl px-6 lg:px-8" id="Services" data-astro-cid-g5jplrhu> <div class="mx-auto max-w-2xl lg:text-center" data-astro-cid-g5jplrhu> <p class="mt-2 text-3xl font-semibold tracking-tight text-gray-950 dark:text-white sm:text-4xl" data-astro-cid-g5jplrhu>Our <span class="text-orange-800 font-semibold" data-astro-cid-g5jplrhu>Services</span> to empower your business</p> <p class="mt-6 text-lg leading-8 text-gray-600 dark:text-gray" data-astro-cid-g5jplrhu>At <span class="text-gray-600 font-semibold" data-astro-cid-g5jplrhu>Tri-AI</span>, we specialize in transforming your ideas into intelligent, AI-driven solutions. From custom software development to product design, our expert team is here to bring your vision to life</p> </div> <div class="mx-auto mt-16 max-w-2xl sm:mt-20 lg:mt-24 lg:max-w-4xl" data-astro-cid-g5jplrhu> <dl class="grid max-w-xl grid-cols-1 gap-x-8 gap-y-10 lg:max-w-none lg:grid-cols-2 lg:gap-y-16" data-astro-cid-g5jplrhu> <div class="relative pl-16 transition-transform transform hover:scale-105 focus-within:border-none border-2 border-transparent group" data-astro-cid-g5jplrhu> <dt class="text-2xl font-semibold leading-9 text-gray-900 dark:text-white group-hover:text-orange-500" data-astro-cid-g5jplrhu> <div class="absolute left-0 top-0 flex h-15 w-15 items-center justify-center rounded-lg" data-astro-cid-g5jplrhu> <img class="col-span-2 max-h-12 w-full object-contain lg:col-span-1" src="ai.png" alt="Transistor" width="512" height="512" data-astro-cid-g5jplrhu> </div>
 AI/ML Solutions