Laracon India 2025

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Laracon India 2025</title> <link id="favIcon" rel="icon" type="image/x-icon" sizes="16x16" hreflang="x-default" href="assets/images/favicon.png" /> <link rel="apple-touch-icon" sizes="180x180" href="assets/images/apple-touch-icon.png"> <link rel="manifest" href="assets/images/site.webmanifest"> <link rel="canonical" href="https://laracon.in">  <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link href="https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Sora:wght@100..800&display=swap" rel="stylesheet" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />  <link href="./dist/style.css" rel="stylesheet" /> </head> <body class="font-jost antialiased text-white bg-black">  <header class="w-full top-0 left-0 z-50 bg-black/95 fixed m-0 px-4"> <div class="container mx-auto flex items-center justify-between py-4"> <a href="#" class="text-2xl font-bold tracking-wide"> <img src="assets/svg/laracon-logo.svg" alt="Laracon Logo" class="h-5 lg:h-7" /> </a> <div id="side-menu" class="max-md:fixed max-md:w-full right-0 top-0 bottom-0 overflow-auto max-md:pointer-events-none [&.open-menu]:pointer-events-auto"> <div class="bg-black/40 backdrop-blur-[2px] fixed top-0 left-0 w-full h-full md:hidden pointer-events-none opacity-0 [.open-menu_&]:pointer-events-auto [.open-menu_&]:opacity-100" onclick="toggleMenu()"></div> <div class="relative max-md:bg-black max-md:px-6 max-md:h-full max-md:pt-14 max-md:w-[220px] max-md:ml-auto max-md:mr-[-220px] [.open-menu_&]:mr-0 max-md:z-[1] transition-all"> <div class="md:hidden bg-zinc-900 absolute top-0 left-0 px-6 py-1.5 w-full"> <button class="block md:hidden" onclick="toggleMenu()"> <svg class="h-7 w-7" xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"> <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M268 112l144 144-144 144M392 256H100" /> </svg> </button> </div> <nav class="flex max-md:flex-col gap-5 gap-lg-8"> <a href="#about" class="text-white/70 uppercase text-base font-jost hover:text-red-500">About US</a> <a href="#speakers" class="text-white/70 uppercase text-base font-jost hover:text-red-500">Speakers</a> <a href="#schedule" class="text-white/70 uppercase text-base font-jost hover:text-red-500">Schedule</a> <a href="#sponsors" class="text-white/70 uppercase text-base font-jost hover:text-red-500">Sponsors</a> <a href="../laracon-2024/index.html" target="_blank" title="snap 2024" class="text-white/70 uppercase text-base font-jost hover:text-red-500">Snap 2024</a> <a href="../laracon-2023/index.html" target="_blank" title="snap 2023" class="text-white/70 uppercase text-base font-jost hover:text-red-500">Snap 2023</a> </nav> </div> </div> <a target="_blank" href="https://allevents.in/ahmedabad/laracon-india-2025/80002012906917?utm_source=laraconin&utm_medium=website" class="text-white uppercase text-base bg-red-600 px-4 lg:px-6 py-2 font-semibold font-jost hover:bg-red-500"> BUY TICKETS </a> <button class="md:hidden" onclick="toggleMenu()"> <svg class="h-7 w-7" xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"> <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="48" d="M88 152h336M88 256h336M88 360h336" /> </svg> </button> </div> </header>  <section id="home" class="relative min-h-svh flex items-center justify-center py-20 px-4">  <img src="assets/images/e242fa72cfe4c5c7d99ea52fc2366f3c.png" alt="Laracon India 2025" class="absolute inset-0 h-full w-full object-cover bg-gradient" />  <div class="absolute top-0 left-0 right-0 h-1/3 bg-gradient-top"></div>  <div class="absolute bottom-0 left-0 right-0 h-1/3 bg-gradient-bottom"></div>  <div class="relative text-center space-y-4"> <img class="mx-auto h-auto w-[200px] sm:w-[220px] lg:w-[250px] xl:w-[280px]" src="assets/svg/banner-logo.svg" alt="Laracon Logo" /> <h1 class="text-4xl sm:text-5xl lg:text-[80px] font-semibold tracking-wide font-sora">LARACON INDIA 2025</h1> <p class="text-anm text-[24px] sm:text-[28px] lg:text-[32px] leading-8 font-normal font-sora"> UNITING THE LARAVEL COMMUNITY </p> <div class="flex flex-wrap justify-center gap-3 pt-6"> <a href="https://allevents.in/ahmedabad/laracon-india-2025/80002012906917?utm_source=laraconin&utm_medium=website" target="_blank" rel="noopener noreferrer" class="flex items-center justify-center text-white text-base font-semibold font-jost hover:bg-red-500 uppercase bg-red-600 px-4 lg:px-6 h-12 min-w-[180px]"> BUY TICKETS </a> <a href="https://bit.ly/laraconin2025-sponsorship-request" target="_blank" rel="noopener noreferrer" class="flex items-center justify-center text-white text-base font-semibold font-jost hover:bg-red-500 uppercase bg-red-600 px-4 lg:px-6 h-12 min-w-[180px]"> Sponsorship Request </a> <a href="https://bit.ly/laraconin2025-rfp" target="_blank" rel="noopener noreferrer" class="flex items-center justify-center text-white text-base font-semibold font-jost hover:bg-red-500 uppercase bg-red-600 px-4 lg:px-6 h-12 min-w-[180px]"> Propose a Talk </a> </div> <div> <p class="font-semibold mt-10">Follow Us:</pcl> <div class="flex justify-center gap-3 xl:gap-4 mt-2"> <a class="bg-white/30 w-[36px] md:w-[40px] xl:w-[44px] hover:scale-110 transition-all" href="https://x.com/LaraconIN" target="_blank" rel="noopener noreferrer"> <img class="h-auto w-[36px] md:w-[40px] xl:w-[44px]" src="assets/svg/twitter.svg" alt="twitter" /> </a> <a class="bg-white/30 w-[36px] md:w-[40px] xl:w-[44px] hover:scale-110 transition-all" href="https://www.facebook.com/OfficialLaraconIN" target="_blank" rel="noopener noreferrer"> <img class="h-auto w-[36px] md:w-[40px] xl:w-[44px]" src="assets/svg/facebook.svg" alt="facebook" /> </a> <a class="bg-white/30 w-[36px] md:w-[40px] xl:w-[44px] hover:scale-110 transition-all" href="https://www.instagram.com/laracon.in/" target="_blank" rel="noopener noreferrer"> <img class="h-auto w-[36px] md:w-[40px] xl:w-[44px]" src="assets/svg/instagram.svg" alt="instagram" /> </a> <a class="bg-white/30 w-[36px] md:w-[40px] xl:w-[44px] hover:scale-110 transition-all" href="https://www.linkedin.com/company/laracon-india/" target="_blank" rel="noopener noreferrer"> <img class="h-auto w-[36px] md:w-[40px] xl:w-[44px]" src="assets/svg/linkedin.svg" alt="linkedin" /> </a> <a class="bg-white/30 w-[36px] md:w-[40px] xl:w-[44px] hover:scale-110 transition-all" href="https://www.youtube.com/@laraconin" target="_blank" rel="noopener noreferrer"> <img class="h-auto " src="assets/svg/youtube.svg" alt="youtube" /> </a> </div> </div> </div>  <div class="max-lg:hidden absolute -right-[190px] top-[calc(100%-190px)] h-[380px] w-[380px]"> <div class="rounded-full absolute top-0 left-0 h-full w-full bg-gradient-to-t from-black via-transparent to-black z-[1]"> </div> <img class="group-circle z-[0]" src="assets/svg/men-group-circle.svg" alt="Decorative" /> </div> </section>  <section id="snap2024" class="relative lg:min-h-svh flex flex-col items-center justify-center py-10 sm:py-14 md:py-16 lg:py-20 px-4"> <h2 class="text-[32px] sm:text-4xl lg:text-5xl text-anm font-normal font-sora uppercase text-center mb-2 sm:mb-3"> SNAP 2024 </h2> <p class="text-center text-base sm:text-lg font-sora font-normal leading-6 max-w-3xl mx-auto mb-6 sm:mb-10 md:mb-[60px]"> Explore inspiring talks and sessions from past Laracon India events, and get <br /> a glimpse of the knowledge shared by industry experts. </p> <div class="relative w-[1136px] max-w-full h-auto z-10">  <div class="swiper videoSwiper"> <div class="swiper-wrapper">  <div class="swiper-slide"> <div class="p-1 border-anm overflow-hidden"> <div class="bg-black w-full h-full aspect-[1/0.57] relative z-[1] h-full"> <iframe src="https://www.youtube.com/embed/120LWk4Hcvo" class="w-full h-full" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen title="Laracon India 2024 Highlights"> </iframe> </div> </div>  <div class="text-center text-[20px] md:text-[22px] font-medium leading-8 tracking-wider font-jost text-white pt-2"> <span id="carousel-date">2024 Highlights</span> </div> </div>  <div class="swiper-slide"> <div class="p-1 border-anm overflow-hidden"> <div class="bg-black w-full h-full aspect-[1/0.57] relative z-[1] h-full"> <iframe src="https://www.youtube.com/embed/ASUkO7kY15c" class="absolute top-0 left-0 w-full h-full" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen title="Laracon India 2023 Day 01 Highlights"> </iframe> </div> </div>  <div class="text-center text-[20px] md:text-[22px] font-medium leading-8 tracking-wider font-jost text-white pt-2"> <span id="carousel-date">25 FEBRUARY 2023: DAY 01</span> </div> </div>  <div class="swiper-slide"> <div class="p-1 border-anm overflow-hidden"> <div class="bg-black w-full h-full aspect-[1/0.57] relative z-[1] h-full"> <iframe src="https://www.youtube.com/embed/88TdIKD01bs" class="absolute top-0 left-0 w-full h-full" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen title="Laracon India 2023 Day 02 Highlights"> </iframe> </div> </div>  <div class="text-center text-[20px] md:text-[22px] font-medium leading-8 tracking-wider font-jost text-white pt-2"> <span id="carousel-date">26 FEBRUARY 2023: DAY 02</span> </div> </div>  <div class="swiper-slide"> <div class="p-1 border-anm overflow-hidden"> <div class="bg-black w-full h-full aspect-[1/0.57] relative z-[1] h-full"> <iframe src="https://www.youtube.com/embed/k01jWM2Sgxc" class="w-full h-full" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen title="Laracon India 2024 Day 01 Highlights"> </iframe> </div> </div>  <div class="text-center text-[20px] md:text-[22px] font-medium leading-8 tracking-wider font-jost text-white pt-2"> <span id="carousel-date">23 MARCH 2024: DAY 01</span> </div> </div>  <div class="swiper-slide"> <div class="p-1 border-anm overflow-hidden"> <div class="bg-black w-full h-full aspect-[1/0.57] relative z-[1] h-full"> <iframe src="https://www.youtube.com/embed/El6CNHb0k_U" class="absolute top-0 left-0 w-full h-full" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen title="Laracon India 2024 Day 02 Highlights"> </iframe> </div> </div>  <div class="text-center text-[20px] md:text-[22px] font-medium leading-8 tracking-wider font-jost text-white pt-2"> <span id="carousel-date">24 MARCH 2024: DAY 02</span> </div> </div> </div>  <div class="swiper-pagination mx-auto mt-3 static"></div> </div> </div>  <div class="max-lg:hidden absolute -left-[190px] top-[calc(100%-190px)] h-[380px] w-[380px] z-[1]"> <div class="rounded-full absolute top-0 left-0 h-full w-full bg-gradient-to-t from-black via-transparent to-black z-[1]"> </div> <img class="group-circle z-[0]" src="assets/svg/men-group-circle.svg" alt="Decorative" /> </div> </section>  <section id="about" class="relative bg-black text-white py-10 sm:py-14 md:py-16 lg:py-20 px-4"> <div class="container mx-auto"> <h2 class="text-anm text-[32px] sm:text-4xl lg:text-5xl font-normal font-sora uppercase text-center mb-4 sm:mb-5 md:mb-6"> ABOUT US </h2> <p class="text-center text-base sm:text-lg font-sora font-normal leading-[normal] lg:leading-6 max-w-3xl mx-auto mb-6 sm:mb-10 md:mb-[60px]"> Explore inspiring talks and sessions from past Laracon India events, and get <br /> a glimpse of the knowledge shared by industry experts. </p> <div class="text-xl md:text-[24px] lg:text-[26px] font-normal leading-[normal] lg:leading-[39px] font-jost max-w-5xl mx-auto mb-10 md:mb-[60px] text-center"> LaraconIN, the official Laravel conference, is a community-led and community-driven conference to be held in India. The event is scheduled for 08-09 March 2025 at Ahmedabad, Gujarat. <br /><br /> LaraconIN will be featuring national and international speakers presenting talks on Laravel, PHP, VueJS, web development, and various other topics. This is a must-attend event for all web developers. </div> <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 lg:gap-6"> <div class="border-anm p-[1px]"> <div class="bg-gray-950 flex items-center p-4 relative h-full z-[1]"> <div class="bg-zinc-900 flex items-center justify-center h-12 md:h-[60px] w-12 md:w-[60px] min-w-12 md:min-w-[60px]"> <img src="assets/svg/city.svg" alt="City Icon" class="h-6 md:h-8 w-6 md:w-8" /> </div> <div class="pl-4 text-left"> <h3 class="font-sora text-sm font-normal uppercase text-white/80">City</h3> <p class="font-sora text-lg md:text-xl lg:text-[22px] leading-8 font-normal">Ahmedabad</p> </div> </div> </div> <div class="border-anm p-[1px]"> <div class="bg-gray-950 flex items-center p-4 relative h-full z-[1]"> <div class="bg-zinc-900 flex items-center justify-center h-12 md:h-[60px] w-12 md:w-[60px] min-w-12 md:min-w-[60px]"> <img src="assets/svg/calendar.svg" alt="Date Icon" class="h-6 md:h-8 w-6 md:w-8" /> </div> <div class="pl-4 text-left"> <h3 class="font-sora text-sm font-normal uppercase text-white/80">Date</h3> <p class="font-sora text-lg md:text-xl lg:text-[22px] leading-8 font-normal">8-9 March 2025</p> </div> </div> </div> <div class="border-anm p-[1px]"> <div class="bg-gray-950 flex items-center p-4 relative h-full z-[1]"> <div class="bg-zinc-900 flex items-center justify-center h-12 md:h-[60px] w-12 md:w-[60px] min-w-12 md:min-w-[60px]"> <img src="assets/svg/location.svg" alt="Venue Icon" class="h-6 md:h-8 w-6 md:w-8" /> </div> <div class="pl-4 text-left"> <h3 class="font-sora text-sm font-normal uppercase text-white/80">Venue</h3> <p class="font-sora text-lg md:text-xl lg:text-[22px] leading-8 font-normal">Science City</p> </div> </div> </div> </div> </div> </section>  <section id="speakers" class="relative bg-black text-white py-10 sm:py-14 md:py-16 lg:py-20 px-4"> <img src="assets/svg/flower-pattern-left.svg" alt="Flower" class="absolute left-0 top-0 h-full max-2xl:opacity-40 w-5 lg:w-7"> <div class="container mx-auto"> <h2 class="text-anm text-[32px] sm:text-4xl lg:text-5xl font-normal font-sora uppercase text-center mb-4 sm:mb-5 md:mb-6"> Speakers </h2> <p class="text-center text-base sm:text-lg font-sora font-normal leading-[normal] lg:leading-6 max-w-5xl mx-auto mb-6"> Engage with industry luminaries at Laracon, as globally acclaimed speakers share their expertise on a diverse array of subjects, spanning from Laravel and its ecosystem to cutting-edge web development practices. </p> <div class="flex justify-center mb-10 md:mb-12 lg:mb-14"> <a href="https://bit.ly/laraconin2025-rfp" target="_blank" rel="noopener noreferrer" class="flex items-center justify-center text-white text-base font-semibold font-jost hover:bg-red-500 uppercase bg-red-600 px-4 lg:px-6 h-12 min-w-[180px]"> Propose a Talk </a> </div> <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-x-4 sm:gap-x-8 md:gap-x-10 lg:gap-x-12 xl:gap-x-20 gap-y-6 md:gap-y-8 xl:gap-y-10"> <a href="https://x.com/enunomaduro" target="_blank"> <div class="aspect-square p-0.5 border-anm"> <div class="relative z-[1] h-full"> <img class="object-cover h-full w-full" src="assets/images/nuno-maduro.jpg" alt="Nuno Maduro" /> </div> </div>  <p class="text-base font-extrabold text-white uppercase text-center mt-4">Nuno Maduro</p>  <p class="text-xs text-zinc-300 font-medium uppercase text-center mt-1">Laravel Core Member</p> </a> <a href="https://x.com/lucgiovanny" target="_blank"> <div class="aspect-square p-0.5 border-anm"> <div class="relative z-[1] h-full"> <img class="object-cover h-full w-full" src="assets/images/lucas-giovanny.jpeg" alt="Lucas Giovanny" /> </div> </div> <p class="text-base font-extrabold text-white uppercase text-center mt-4">Lucas Giovanny</p> <p class="text-xs text-zinc-300 font-medium uppercase text-center mt-1">Engineering Team Lead</p> </a> <a href="https://x.com/freekmurze" target="_blank"> <div class="aspect-square p-0.5 border-anm"> <div class="relative z-[1] h-full"> <img class="object-cover h-full w-full" src="assets/images/freek-van.jpg" alt="Freek Van der Herten" /> </div> </div> <p class="text-base font-extrabold text-white uppercase text-center mt-4">Freek Van der Herten</p> <p class="text-xs text-zinc-300 font-medium uppercase text-center mt-1">Developer at Spatie</p> </a> <a href="https://x.com/BurtDS" target="_blank"> <div class="aspect-square p-0.5 border-anm"> <div class="relative z-[1] h-full"> <img class="object-cover h-full w-full" src="assets/images/bert.jpg" alt="bert" /> </div> </div> <p class="text-base font-extrabold text-white uppercase mt-4 text-center"> Bert De Swaef </p> <p class="text-xs text-zinc-300 font-medium uppercase mt-1 text-center">Developer at Vulpo</p> </a> <a href="https://x.com/khushbooverma_" target="_blank"> <div class="aspect-square p-0.5 border-anm"> <div class="relative z-[1] h-full"> <img class="object-cover h-full w-full" src="assets/images/khushboo-verma.jpeg" alt="Khushboo Verma" /> </div> </div> <p class="text-base font-extrabold text-white uppercase mt-4 text-center">Khushboo Verma</p> <p class="text-xs text-zinc-300 font-medium uppercase mt-1 text-center">Platform Engineer, Appwrite</p> </a> <a href="#" target="_blank"> <div class="aspect-square p-0.5 border-anm"> <div class="relative z-[1] h-full"> <img class="object-cover h-full w-full" src="assets/images/user.png" alt="user" /> </div> </div> <p class="text-base font-extrabold text-white uppercase mt-4 text-center">Speaker #5</p> <p class="text-xs text-zinc-300 font-medium uppercase mt-1 text-center">TBA</p> </a> <a href="#" target="_blank"> <div class="aspect-square p-0.5 border-anm"> <div class="relative z-[1] h-full"> <img class="object-cover h-full w-full" src="assets/images/user.png" alt="user" /> </div> </div> <p class="text-base font-extrabold text-white uppercase mt-4 text-center">Speaker #6</p> <p class="text-xs text-zinc-300 font-medium uppercase mt-1 text-center">TBA</p> </a> <a href="#" target="_blank"> <div class="aspect-square p-0.5 border-anm"> <div class="relative z-[1] h-full"> <img class="object-cover h-full w-full" src="assets/images/user.png" alt="user" /> </div> </div> <p class="text-base font-extrabold text-white uppercase mt-4 text-center">Speaker #7</p> <p class="text-xs text-zinc-300 font-medium uppercase mt-1 text-center">TBA</p> </a> <a href="#" target="_blank"> <div class="aspect-square p-0.5 border-anm"> <div class="relative z-[1] h-full"> <img class="object-cover h-full w-full" src="assets/images/user.png" alt="user" /> </div> </div> <p class="text-base font-extrabold text-white uppercase mt-4 text-center">Speaker #8</p> <p class="text-xs text-zinc-300 font-medium uppercase mt-1 text-center">TBA</p> </a> <a href="#" target="_blank"> <div class="aspect-square p-0.5 border-anm"> <div class="relative z-[1] h-full"> <img class="object-cover h-full w-full" src="assets/images/user.png" alt="user" /> </div> </div> <p class="text-base font-extrabold text-white uppercase mt-4 text-center">Speaker #9</p> <p class="text-xs text-zinc-300 font-medium uppercase mt-1 text-center">TBA</p> </a> <a href="#" target="_blank"> <div class="aspect-square p-0.5 border-anm"> <div class="relative z-[1] h-full"> <img class="object-cover h-full w-full" src="assets/images/user.png" alt="user" /> </div> </div> <p class="text-base font-extrabold text-white uppercase mt-4 text-center">Speaker #10</p> <p class="text-xs text-zinc-300 font-medium uppercase mt-1 text-center">TBA</p> </a> </div> </div> <img src="assets/svg/flower-pattern-right.svg" alt="Flower" class="absolute right-0 top-0 h-full max-2xl:opacity-40 w-5 lg:w-7"> </section>  <section id="speakers" class="relative bg-black text-white py-10 sm:py-14 md:py-16 lg:py-20 px-4"> <img src="assets/svg/flower-pattern-left.svg" alt="Flower" class="absolute left-0 top-0 h-full max-2xl:opacity-40 w-5 lg:w-7"> <div class="container mx-auto"> <h2 class="text-anm text-[32px] sm:text-4xl lg:text-5xl font-normal font-sora uppercase text-center mb-4 sm:mb-5 md:mb-6"> Our Team </h2> <p class="text-center text-base sm:text-lg font-sora font-normal leading-[normal] lg:leading-6 max-w-5xl mx-auto mb-6"> The people behind the vision, planning and execution of the entire Laracon India 2025. </p> <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-4 gap-x-4 sm:gap-x-8 md:gap-x-10 lg:gap-x-12 xl:gap-x-20 gap-y-6 md:gap-y-8 xl:gap-y-10"> <a href="https://x.com/vishal_viitor" target="_blank"> <div class="aspect-square p-0.5 border-anm"> <div class="relative z-[1] h-full"> <img class="object-cover h-full w-full" src="assets/images/vr.png" alt="vishal" /> </div> </div> <p class="text-base font-extrabold text-white uppercase text-center mt-4"> Vishal Rajpurohit </p> <p class="text-xs text-zinc-300 font-medium uppercase text-center mt-1">Organizer</p> </a> <a href="https://x.com/_abbas" target="_blank"> <div class="aspect-square p-0.5 border-anm"> <div class="relative z-[1] h-full"> <img class="object-cover h-full w-full" src="assets/images/abbas.jpg" alt="abbas" /> </div> </div> <p class="text-base font-extrabold text-white uppercase text-center mt-4"> Abbas Ali </p> <p class="text-xs text-zinc-300 font-medium uppercase text-center mt-1">Co-organizer</p> </a> <a href="https://x.com/ruchit288" target="_blank"> <div class="aspect-square p-0.5 border-anm"> <div class="relative z-[1] h-full"> <img class="object-cover h-full w-full" src="assets/images/ruchit.jpg" alt="ruchit" /> </div> </div> <p class="text-base font-extrabold text-white uppercase text-center mt-4"> Ruchit Patel </p> <p class="text-xs text-zinc-300 font-medium uppercase text-center mt-1">Co-organizer</p> </a> <a href="https://x.com/mitulgolakiya" target="_blank"> <div class="aspect-square p-0.5 border-anm"> <div class="relative z-[1] h-full"> <img class="object-cover h-full w-full" src="assets/images/mitul.jpg" alt="mitul" /> </div> </div> <p class="text-base font-extrabold text-white uppercase mt-4 text-center"> Mitul Golakiya </p> <p class="text-xs text-zinc-300 font-medium uppercase mt-1 text-center">Co-organizer</p> </a> </div> </div> <img src="assets/svg/flower-pattern-right.svg" alt="Flower" class="absolute right-0 top-0 h-full max-2xl:opacity-40 w-5 lg:w-7"> </section>  <section id="schedule" class="relative bg-black text-white py-10 sm:py-14 md:py-16 lg:py-20 px-4"> <h2 class="text-anm text-[32px] sm:text-4xl lg:text-5xl font-normal font-sora uppercase text-center mb-4 sm:mb-5 md:mb-6"> Schedule聽And The Event Details </h2> <p class="text-center text-base sm:text-lg font-sora font-normal leading-[normal] lg:leading-6 max-w-5xl mx-auto mb-6 sm:mb-10 md:mb-[60px]"> Engage with industry luminaries at Laracon, as globally acclaimed speakers share their expertise on a diverse array of subjects, spanning from Laravel and its ecosystem to cutting-edge web development practices. </p> <div class="w-[900px] max-w-full mx-auto">  <div id="tab-container" class="flex mb-6 md:mb-7 lg:mb-8 gap-5 sm:gap-8 md:gap-10 lg:gap-12 relative border-b-2 border-gray-500"> <button id="first-day-tab" onclick="showFirstDay()" class="tab active-tab text-left relative pb-3 sm:pb-4"> <p class="text-base md:text-lg lg:text-xl font-semibold">First Day</p> <span class="flex items-end gap-2"> <p class="text-xl md:text-2xl lg:text-3xl font-bold">08</p> <p class="text-sm lg:text-base font-semibold">March, Saturday</p> </span> </button> <button id="second-day-tab" onclick="showSecondDay()" class="tab text-left text-gray-500 relative pb-3 sm:pb-4"> <p class="text-base md:text-lg lg:text-xl font-semibold">Second Day</p> <span class="flex items-end gap-2"> <p class="text-xl md:text-2xl lg:text-3xl font-bold">09</p> <p class="text-sm lg:text-base font-semibold">March, Sunday</p> </span> </button> </div>  <div id="first-day-timeline" class="w-full"> <div class="text-anm text-xl md:text-2xl lg:text-3xl h-52 md:h-96 flex justify-center items-center italic font-sora"> TBA... </div> <div class="timeline hidden">  <div class="timeline-item flex items-start w-full"> <div class="time text-sm text-gray-400 mr-8 text-left">09:00 AM - 10:00 AM</div> <div class="top-0 left-[13px] gradient-border-circle flex items-center justify-center rounded-full w-[24px] h-[24px] relative bg-[#010321]"> <span>1</span> </div> <div class="w-3/5 content text-left flex flex-col items-start box-border"> <h3 class="text-lg font-medium">Registration & Coffee</h3> <p class="text-base text-gray-400">Register your personal data in customer service and take coffee before entering the room. </p> </div> </div>  <div class="timeline-item flex items-start w-full"> <div class="time text-sm text-gray-400 mr-8 text-left">10:00 AM - 11:30 AM</div> <div class="top-0 left-[13px] gradient-border-circle flex items-center justify-center rounded-full w-[24px] h-[24px] relative bg-[#010321]"> <span>2</span> </div> <div class="w-3/5 content text-left flex flex-col items-start box-border"> <h3 class="text-lg font-medium">Plan & Conduct User Research</h3> <p class="text-base text-gray-400">Many early researchers are challenged by aspects of the design and implementation of research studies as well as the effective dissemination of findings.</p> </div> </div>  <div class="timeline-item flex items-start w-full"> <div class="time text-sm text-gray-400 mr-8 text-left">11:30 AM - 12:00 PM</div> <div class="top-0 left-[13px] gradient-border-circle flex items-center justify-center rounded-full w-[24px] h-[24px] relative bg-[#010321]"> <span>3</span> </div> <div class="w-3/5 content text-left flex flex-col items-start box-border"> <h3 class="text-lg font-medium">Q&A for Speaker</h3> <p class="text-base text-gray-400">Register your personal data in customer service and take food before entering the room.</p> </div> </div>  <div class="timeline-item flex items-start w-full"> <div class="time text-sm text-gray-400 mr-8 text-left">12:00 PM - 01:00 PM</div> <div class="top-0 left-[13px] gradient-border-circle flex items-center justify-center rounded-full w-[24px] h-[24px] relative bg-[#010321]"> <span>4</span> </div> <div class="w-3/5 content text-left flex flex-col items-start box-border"> <h3 class="text-lg font-medium">Lunch Break</h3> <p class="text-base text-gray-400">Enjoy your lunch and take a break before the next session.</p> </div> </div>  <div class="timeline-item flex items-start w-full"> <div class="time text-sm text-gray-400 mr-8 text-left">01:00 PM - 02:00 PM</div> <div class="top-0 left-[13px] gradient-border-circle flex items-center justify-center rounded-full w-[24px] h-[24px] relative bg-[#010321]"> <span>5</span> </div> <div class="w-3/5 content text-left flex flex-col items-start box-border"> <h3 class="text-lg font-medium">Research for the Right Thing</h3> <p class="text-base text-gray-400"> Research encompasses a variety of investigative methods used to add context and insight to the design process. </p> </div> </div> </div> </div>  <div id="second-day-timeline" class="timeline-content hidden"> <div class="text-anm text-xl md:text-2xl lg:text-3xl h-52 md:h-96 flex justify-center items-center italic font-sora"> TBA... </div> <div class="timeline hidden">  <div class="timeline-item flex items-start w-full"> <div class="time text-sm text-gray-400 mr-8 text-left">09:00 AM - 10:00 AM</div> <div class="top-0 left-[13px] gradient-border-circle flex items-center justify-center rounded-full w-[24px] h-[24px] relative bg-[#010321]"> <span>1</span> </div> <div class="w-3/5 content text-left flex flex-col items-start box-border"> <h3 class="text-lg font-medium">Registration & Coffee</h3> <p class="text-base text-gray-400">Register your personal data in customer service and take coffee before entering the room. </p> </div> </div>  <div class="timeline-item flex items-start w-full"> <div class="time text-sm text-gray-400 mr-8 text-left">10:00 AM - 11:30 AM</div> <div class="top-0 left-[13px] gradient-border-circle flex items-center justify-center rounded-full w-[24px] h-[24px] relative bg-[#010321]"> <span>2</span> </div> <div class="w-3/5 content text-left flex flex-col items-start box-border"> <h3 class="text-lg font-medium">Plan & Conduct User Research</h3> <p class="text-base text-gray-400">Many early researchers are challenged by aspects of the design and implementation of research studies as well as the effective dissemination of findings.</p> </div> </div>  <div class="timeline-item flex items-start w-full"> <div class="time text-sm text-gray-400 mr-8 text-left">11:30 AM - 12:00 PM</div> <div class="top-0 left-[13px] gradient-border-circle flex items-center justify-center rounded-full w-[24px] h-[24px] relative bg-[#010321]"> <span>3</span> </div> <div class="w-3/5 content text-left flex flex-col items-start box-border"> <h3 class="text-lg font-medium">Q&A for Speaker</h3> <p class="text-base text-gray-400">Register your personal data in customer service and take food before entering the room.</p> </div> </div>  <div class="timeline-item flex items-start w-full"> <div class="time text-sm text-gray-400 mr-8 text-left">12:00 PM - 01:00 PM</div> <div class="top-0 left-[13px] gradient-border-circle flex items-center justify-center rounded-full w-[24px] h-[24px] relative bg-[#010321]"> <span>4</span> </div> <div class="w-3/5 content text-left flex flex-col items-start box-border"> <h3 class="text-lg font-medium">Diner</h3> <p class="text-base text-gray-400">Enjoy your dinner and take a break before the next session.</p> </div> </div> </div> </div> </div> </section> <div class="overflow-hidden"> <img class="min-w-[1000px]" src="assets/images/border-frame-yellow.png" alt="frame" /> </div>  <section id="sponsors" class="relative bg-black text-white py-10 sm:py-14 md:py-16 lg:py-20 px-4"> <div class="container mx-auto"> <h2 class="text-anm text-[32px] sm:text-4xl lg:text-5xl font-normal font-sora uppercase text-center mb-4 sm:mb-5 md:mb-6"> SPONSORS </h2> <p class="text-center text-base sm:text-lg font-sora font-normal leading-[normal] lg:leading-6 max-w-5xl mx-auto mb-6"> Join us as a sponsor for LaraconIN 2025 and gain unparalleled exposure to a thriving community of developers, innovators, and industry leaders. Your support will not only fuel an unforgettable event but also connect you with the brightest minds in web development. </p> <div class="flex justify-center mb-12 lg:mb-14"> <a href="https://bit.ly/laraconin2025-sponsorship-request" target="_blank" rel="noopener noreferrer" class=" flex items-center justify-center text-white text-base font-semibold font-jost hover:bg-red-500 uppercase bg-red-600 px-4 lg:px-6 h-12 min-w-[180px]"> Sponsorship Request </a> </div> <div class="platinum mb-10 sm:mb-14 md:mb-16 lg:mb-20"> <h3 class="text-2xl text-white uppercase flex items-center gap-4 justify-center mb-4 md:mb-6 lg:mb-8"> <img src="assets/svg/yellow-left-arrow.svg" alt="left-arrow" /> PLATINUM <img src="assets/svg/yellow-right-arrow.svg" alt="right-arrow" /> </h3> <div class="sponsors-list flex justify-center gap-6"> <a target="_blank" href="https://webreinvent.com/" class="group w-[440px] max-w-full flex items-center justify-center border-2 border-slate-900 p-4 sm:p-5 lg:p-6 text-anm text-3xl md:text-4xl lg:text-5xl font-normal font-sora italic text-center py-1"> <img src="assets/images/webreinvent.svg" alt="Platinum Sponsor" class="transition-all group-hover:scale-105"/> </a> </div> </div> <div class="gold mb-10 sm:mb-14 md:mb-16 lg:mb-20"> <h3 class="text-2xl text-white uppercase flex items-center gap-4 justify-center mb-4 md:mb-6 lg:mb-8"> <img src="assets/svg/red-left-arrow.svg" alt="left-arrow" /> Gold <img src="assets/svg/red-right-arrow.svg" alt="right-arrow" /> </h3> <div class="sponsors-list flex justify-center gap-6"> <a target="_blank" href="http://zendevx.com/" title="ZenDevX" rel="nofollow noopener" class="group w-[320px] max-w-full flex items-center justify-center border-2 border-slate-900 p-4 sm:p-5 lg:p-6 text-anm text-2xl md:text-3xl lg:text-4xl font-sora italic text-center py-1"> <img src="assets/images/zendex.png" alt="Gold Sponsor" width="230px" class="transition-all group-hover:scale-105" /> </a> <a href="https://ranium.in" target="_blank" title="Ranium Systems" rel="nofollow noopener" class="group w-[320px] max-w-full flex items-center justify-center border-2 border-slate-900 p-4 sm:p-5 lg:p-6 text-anm text-2xl md:text-3xl lg:text-4xl font-sora italic text-center py-1"> <img loading="lazy" src="assets/images/ranium-logo.png" alt="Gold sponsor" title="Ranium Systems" class="transition-all group-hover:scale-105" /> </a> <a href="http://www.elastic.co/" target="_blank" title="Elastic" rel="nofollow noopener" class="group w-[320px] max-w-full flex items-center justify-center border-2 border-slate-900 p-4 sm:p-5 lg:p-6 text-anm text-2xl md:text-3xl lg:text-4xl font-sora italic text-center py-1"> <img loading="lazy" src="assets/images/elastic-logo.svg" alt="Gold sponsor" title="Elastic" class="transition-all group-hover:scale-105" /> </a> </div> </div> <div class="silver mb-10 sm:mb-14 md:mb-16 lg:mb-20"> <h3 class="text-2xl text-white uppercase flex items-center gap-4 justify-center mb-4 md:mb-6 lg:mb-8"> <img src="assets/svg/green-left-arrow.svg" alt="left-arrow" /> Silver <img src="assets/svg/green-right-arrow.svg" alt="right-arrow" /> </h3> <div class="sponsors-list flex justify-center gap-6"> <a href="https://viitorcloud.com/" target="_blank" title="Viitorcloud" rel="nofollow noopener" class="group w-[205px] flex items-center justify-center max-w-full border-2 border-slate-900 p-4 sm:p-5 lg:p-6 text-anm text-xl md:text-2xl lg:text-3xl font-sora italic text-center py-1"> <img loading="lazy" src="assets/images/viitorcloud-logo.png" alt="Silver sponsor" class="transition-all group-hover:scale-105" title="Viitorcloud" /> </a> <a href="https://infyom.com/" target="_blank" title="InfyOm" rel="nofollow noopener" class="group w-[205px] flex items-center justify-center max-w-full border-2 border-slate-900 p-4 sm:p-5 lg:p-6 text-anm text-xl md:text-2xl lg:text-3xl font-sora italic text-center py-1"> <img loading="lazy" src="assets/images/infyom-logo.png" alt="Silver sponsor" class="transition-all group-hover:scale-105" title="InfyOm" /> </a> <a href="https://aimeos.org/" target="_blank" title="Aimeos" rel="nofollow noopener" class="group w-[205px] flex items-center justify-center max-w-full border-2 border-slate-900 p-4 sm:p-5 lg:p-6 text-anm text-xl md:text-2xl lg:text-3xl font-sora italic text-center py-1"> <img loading="lazy" src="assets/images/aimeos-logo.png" alt="Silver sponsor" class="transition-all group-hover:scale-105" title="Aimeos" /> </a> </div> </div> <div class="community"> <h3 class="text-2xl text-white uppercase flex items-center gap-4 justify-center mb-4 md:mb-6 lg:mb-8"> <img src="assets/svg/blue-left-arrow.svg" alt="left-arrow" /> Community <img src="assets/svg/blue-right-arrow.svg" alt="right-arrow" /> </h3> <div class="sponsors-list flex justify-center gap-6"> <a href="https://sobet.io/feed" target="_blank" title="Sobet" rel="nofollow noopener" class="group w-[205px] flex items-center justify-center max-w-full border-2 border-slate-900 p-4 sm:p-5 lg:p-6 text-anm text-xl md:text-2xl lg:text-3xl font-sora italic text-center py-1"> <img loading="lazy" src="assets/images/sobet-logo.png" alt="Community sponsor" class="transition-all group-hover:scale-105" title="Sobet" width="120px" class="transition-all group-hover:scale-105" /> </a> <a href="https://allevents.in" target="_blank" title="All Events" rel="nofollow noopener" class="group w-[205px] flex items-center justify-center max-w-full border-2 border-slate-900 p-4 sm:p-5 lg:p-6 text-anm text-xl md:text-2xl lg:text-3xl font-sora italic text-center py-1"> <img loading="lazy" src="assets/images/ae-logo.png" alt="Community sponsor" class="transition-all group-hover:scale-105" title="All Events" width="120px" class="transition-all group-hover:scale-105" /> </a> <a href="https://www.certificationforlaravel.com/" target="_blank" title="Certificate for Laravel" rel="nofollow noopener" class="group w-[205px] flex items-center justify-center max-w-full border-2 border-slate-900 p-4 sm:p-5 lg:p-6 text-anm text-xl md:text-2xl lg:text-3xl font-sora italic text-center py-1"> <img loading="lazy" src="assets/images/certificate-laravel.svg" alt="Community sponsor" class="transition-all group-hover:scale-105" title="Certificate for Laravel" width="120px" class="transition-all group-hover:scale-105" /> </a> </div> </div> </div> </section> <div class="overflow-hidden"> <img class="min-w-[1000px]" src="assets/images/border-frame-blue.png" alt="frame" /> </div>  <section id="cities" class="relative pt-10 sm:pt-14 md:pt-16 lg:pt-20 bg-black text-white"> <div class="px-4"> <div class="container z-10 mx-auto"> <h2 class="text-anm text-[32px] sm:text-4xl lg:text-5xl font-normal font-sora uppercase text-center mb-4 sm:mb-5 md:mb-6"> cities </h2> <p class="text-center text-base sm:text-lg font-sora font-normal leading-[normal] max-w-5xl mx-auto mb-6 sm:mb-10 md:mb-[60px]"> Various Indian cities with sizeable Laravel community and running regular meet-ups. </p> <div class="relative">  <div class="swiper city-swiper min-h-[240px] md:min-h-[440px]"> <div class="swiper-wrapper">  <div class="swiper-slide"> <div class="relative overflow-hidden rounded-xl group"> <img class="object-cover h-full w-full transition-all duration-500 group-hover:scale-105" loading="lazy" src="assets/images/ahmedabad.png" alt="city" /> <div class="bg-gradient-to-t from-black/80 via-black/50 to-transparent flex items-end justify-center absolute top-0 left-0 h-full w-full"> </div> <div class="absolute top-[calc(100%-40px)] lg:top-[calc(100%-44px)] xl:top-[calc(100%-48px)] group-hover:top-[calc(100%-92px)] lg:group-hover:top-[calc(100%-96px)] xl:group-hover:top-[calc(100%-100px)] transition-all duration-300 h-full w-full"> <h2 class="text-lg lg:text-xl xl:text-[22px] leading-[normal] font-normal font-sora text-center"> Ahmedabad</h2> <a href="https://twitter.com/LaravelAhm" target="_blank" rel="nofollow noopener" title="Ahmedabad" class="flex justify-center items-center h-9 w-9 mx-auto mt-3 rounded bg-red-600 p-1.5 opacity-0 group-hover:opacity-100 transition-all duration-300"> <svg class="h-full w-full" width="800px" height="800px" viewBox="0 -2 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000"> <g id="SVGRepo_bgCarrier" stroke-width="0" /> <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" /> <g id="SVGRepo_iconCarrier"> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Dribbble-Light-Preview" transform="translate(-60.000000, -7521.000000)" fill="#fff"> <g id="icons" transform="translate(56.000000, 160.000000)"> <path d="M10.29,7377 C17.837,7377 21.965,7370.84365 21.965,7365.50546 C21.965,7365.33021 21.965,7365.15595 21.953,7364.98267 C22.756,7364.41163 23.449,7363.70276 24,7362.8915 C23.252,7363.21837 22.457,7363.433 21.644,7363.52751 C22.5,7363.02244 23.141,7362.2289 23.448,7361.2926 C22.642,7361.76321 21.761,7362.095 20.842,7362.27321 C19.288,7360.64674 16.689,7360.56798 15.036,7362.09796 C13.971,7363.08447 13.518,7364.55538 13.849,7365.95835 C10.55,7365.79492 7.476,7364.261 5.392,7361.73762 C4.303,7363.58363 4.86,7365.94457 6.663,7367.12996 C6.01,7367.11125 5.371,7366.93797 4.8,7366.62489 L4.8,7366.67608 C4.801,7368.5989 6.178,7370.2549 8.092,7370.63591 C7.488,7370.79836 6.854,7370.82199 6.24,7370.70483 C6.777,7372.35099 8.318,7373.47829 10.073,7373.51078 C8.62,7374.63513 6.825,7375.24554 4.977,7375.24358 C4.651,7375.24259 4.325,7375.22388 4,7375.18549 C5.877,7376.37088 8.06,7377 10.29,7376.99705" id="twitter-[#154]"> </path> </g> </g> </g> </g> </svg> </a> </div> </div> </div>  <div class="swiper-slide"> <div class="relative overflow-hidden rounded-xl group"> <img class="object-cover h-full w-full transition-all duration-500 group-hover:scale-105" loading="lazy" src="assets/images/surat.png" alt="city" /> <div class="bg-gradient-to-t from-black/80 via-black/50 to-transparent flex items-end justify-center absolute top-0 left-0 h-full w-full"> </div> <div class="absolute top-[calc(100%-40px)] lg:top-[calc(100%-44px)] xl:top-[calc(100%-48px)] group-hover:top-[calc(100%-92px)] lg:group-hover:top-[calc(100%-96px)] xl:group-hover:top-[calc(100%-100px)] transition-all duration-300 h-full w-full"> <h2 class="text-lg lg:text-xl xl:text-[22px] leading-[normal] font-normal font-sora text-center"> Surat</h2> <a href="https://twitter.com/LaravelSurat" target="_blank" rel="nofollow noopener" title="Ahmedabad" class="flex justify-center items-center h-9 w-9 mx-auto mt-3 rounded bg-red-600 p-1.5 opacity-0 group-hover:opacity-100 transition-all duration-300"> <svg class="h-full w-full" width="800px" height="800px" viewBox="0 -2 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000"> <g id="SVGRepo_bgCarrier" stroke-width="0" /> <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" /> <g id="SVGRepo_iconCarrier"> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Dribbble-Light-Preview" transform="translate(-60.000000, -7521.000000)" fill="#fff"> <g id="icons" transform="translate(56.000000, 160.000000)"> <path d="M10.29,7377 C17.837,7377 21.965,7370.84365 21.965,7365.50546 C21.965,7365.33021 21.965,7365.15595 21.953,7364.98267 C22.756,7364.41163 23.449,7363.70276 24,7362.8915 C23.252,7363.21837 22.457,7363.433 21.644,7363.52751 C22.5,7363.02244 23.141,7362.2289 23.448,7361.2926 C22.642,7361.76321 21.761,7362.095 20.842,7362.27321 C19.288,7360.64674 16.689,7360.56798 15.036,7362.09796 C13.971,7363.08447 13.518,7364.55538 13.849,7365.95835 C10.55,7365.79492 7.476,7364.261 5.392,7361.73762 C4.303,7363.58363 4.86,7365.94457 6.663,7367.12996 C6.01,7367.11125 5.371,7366.93797 4.8,7366.62489 L4.8,7366.67608 C4.801,7368.5989 6.178,7370.2549 8.092,7370.63591 C7.488,7370.79836 6.854,7370.82199 6.24,7370.70483 C6.777,7372.35099 8.318,7373.47829 10.073,7373.51078 C8.62,7374.63513 6.825,7375.24554 4.977,7375.24358 C4.651,7375.24259 4.325,7375.22388 4,7375.18549 C5.877,7376.37088 8.06,7377 10.29,7376.99705" id="twitter-[#154]"> </path> </g> </g> </g> </g> </svg> </a> </div> </div> </div>  <div class="swiper-slide"> <div class="relative overflow-hidden rounded-xl group"> <img class="object-cover h-full w-full transition-all duration-500 group-hover:scale-105" loading="lazy" src="assets/images/nagpur.png" alt="city" /> <div class="bg-gradient-to-t from-black/80 via-black/50 to-transparent flex items-end justify-center absolute top-0 left-0 h-full w-full"> </div> <div class="absolute top-[calc(100%-40px)] lg:top-[calc(100%-44px)] xl:top-[calc(100%-48px)] group-hover:top-[calc(100%-92px)] lg:group-hover:top-[calc(100%-96px)] xl:group-hover:top-[calc(100%-100px)] transition-all duration-300 h-full w-full"> <h2 class="text-lg lg:text-xl xl:text-[22px] leading-[normal] font-normal font-sora text-center"> Nagpur</h2> <a href="https://twitter.com/LaravelNagpur" target="_blank" rel="nofollow noopener" title="Ahmedabad" class="flex justify-center items-center h-9 w-9 mx-auto mt-3 rounded bg-red-600 p-1.5 opacity-0 group-hover:opacity-100 transition-all duration-300"> <svg class="h-full w-full" width="800px" height="800px" viewBox="0 -2 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000"> <g id="SVGRepo_bgCarrier" stroke-width="0" /> <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" /> <g id="SVGRepo_iconCarrier"> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Dribbble-Light-Preview" transform="translate(-60.000000, -7521.000000)" fill="#fff"> <g id="icons" transform="translate(56.000000, 160.000000)"> <path d="M10.29,7377 C17.837,7377 21.965,7370.84365 21.965,7365.50546 C21.965,7365.33021 21.965,7365.15595 21.953,7364.98267 C22.756,7364.41163 23.449,7363.70276 24,7362.8915 C23.252,7363.21837 22.457,7363.433 21.644,7363.52751 C22.5,7363.02244 23.141,7362.2289 23.448,7361.2926 C22.642,7361.76321 21.761,7362.095 20.842,7362.27321 C19.288,7360.64674 16.689,7360.56798 15.036,7362.09796 C13.971,7363.08447 13.518,7364.55538 13.849,7365.95835 C10.55,7365.79492 7.476,7364.261 5.392,7361.73762 C4.303,7363.58363 4.86,7365.94457 6.663,7367.12996 C6.01,7367.11125 5.371,7366.93797 4.8,7366.62489 L4.8,7366.67608 C4.801,7368.5989 6.178,7370.2549 8.092,7370.63591 C7.488,7370.79836 6.854,7370.82199 6.24,7370.70483 C6.777,7372.35099 8.318,7373.47829 10.073,7373.51078 C8.62,7374.63513 6.825,7375.24554 4.977,7375.24358 C4.651,7375.24259 4.325,7375.22388 4,7375.18549 C5.877,7376.37088 8.06,7377 10.29,7376.99705" id="twitter-[#154]"> </path> </g> </g> </g> </g> </svg> </a> </div> </div> </div>  <div class="swiper-slide"> <div class="relative overflow-hidden rounded-xl group"> <img class="object-cover h-full w-full transition-all duration-500 group-hover:scale-105" loading="lazy" src="assets/images/rajkot.png" alt="city" /> <div class="bg-gradient-to-t from-black/80 via-black/50 to-transparent flex items-end justify-center absolute top-0 left-0 h-full w-full"> </div> <div class="absolute top-[calc(100%-40px)] lg:top-[calc(100%-44px)] xl:top-[calc(100%-48px)] group-hover:top-[calc(100%-92px)] lg:group-hover:top-[calc(100%-96px)] xl:group-hover:top-[calc(100%-100px)] transition-all duration-300 h-full w-full"> <h2 class="text-lg lg:text-xl xl:text-[22px] leading-[normal] font-normal font-sora text-center"> Rajkot</h2> <a href="https://twitter.com/LaravelRajkot" target="_blank" rel="nofollow noopener" title="Ahmedabad" class="flex justify-center items-center h-9 w-9 mx-auto mt-3 rounded bg-red-600 p-1.5 opacity-0 group-hover:opacity-100 transition-all duration-300"> <svg class="h-full w-full" width="800px" height="800px" viewBox="0 -2 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000"> <g id="SVGRepo_bgCarrier" stroke-width="0" /> <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" /> <g id="SVGRepo_iconCarrier"> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Dribbble-Light-Preview" transform="translate(-60.000000, -7521.000000)" fill="#fff"> <g id="icons" transform="translate(56.000000, 160.000000)"> <path d="M10.29,7377 C17.837,7377 21.965,7370.84365 21.965,7365.50546 C21.965,7365.33021 21.965,7365.15595 21.953,7364.98267 C22.756,7364.41163 23.449,7363.70276 24,7362.8915 C23.252,7363.21837 22.457,7363.433 21.644,7363.52751 C22.5,7363.02244 23.141,7362.2289 23.448,7361.2926 C22.642,7361.76321 21.761,7362.095 20.842,7362.27321 C19.288,7360.64674 16.689,7360.56798 15.036,7362.09796 C13.971,7363.08447 13.518,7364.55538 13.849,7365.95835 C10.55,7365.79492 7.476,7364.261 5.392,7361.73762 C4.303,7363.58363 4.86,7365.94457 6.663,7367.12996 C6.01,7367.11125 5.371,7366.93797 4.8,7366.62489 L4.8,7366.67608 C4.801,7368.5989 6.178,7370.2549 8.092,7370.63591 C7.488,7370.79836 6.854,7370.82199 6.24,7370.70483 C6.777,7372.35099 8.318,7373.47829 10.073,7373.51078 C8.62,7374.63513 6.825,7375.24554 4.977,7375.24358 C4.651,7375.24259 4.325,7375.22388 4,7375.18549 C5.877,7376.37088 8.06,7377 10.29,7376.99705" id="twitter-[#154]"> </path> </g> </g> </g> </g> </svg> </a> </div> </div> </div>  <div class="swiper-slide"> <div class="relative overflow-hidden rounded-xl group"> <img class="object-cover h-full w-full transition-all duration-500 group-hover:scale-105" loading="lazy" src="assets/images/mumbai.png" alt="city" /> <div class="bg-gradient-to-t from-black/80 via-black/50 to-transparent flex items-end justify-center absolute top-0 left-0 h-full w-full"> </div> <div class="absolute top-[calc(100%-40px)] lg:top-[calc(100%-44px)] xl:top-[calc(100%-48px)] group-hover:top-[calc(100%-92px)] lg:group-hover:top-[calc(100%-96px)] xl:group-hover:top-[calc(100%-100px)] transition-all duration-300 h-full w-full"> <h2 class="text-lg lg:text-xl xl:text-[22px] leading-[normal] font-normal font-sora text-center"> Mumbai</h2> <a href="https://twitter.com/laravelMumbai" target="_blank" rel="nofollow noopener" title="Ahmedabad" class="flex justify-center items-center h-9 w-9 mx-auto mt-3 rounded bg-red-600 p-1.5 opacity-0 group-hover:opacity-100 transition-all duration-300"> <svg class="h-full w-full" width="800px" height="800px" viewBox="0 -2 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000"> <g id="SVGRepo_bgCarrier" stroke-width="0" /> <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" /> <g id="SVGRepo_iconCarrier"> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Dribbble-Light-Preview" transform="translate(-60.000000, -7521.000000)" fill="#fff"> <g id="icons" transform="translate(56.000000, 160.000000)"> <path d="M10.29,7377 C17.837,7377 21.965,7370.84365 21.965,7365.50546 C21.965,7365.33021 21.965,7365.15595 21.953,7364.98267 C22.756,7364.41163 23.449,7363.70276 24,7362.8915 C23.252,7363.21837 22.457,7363.433 21.644,7363.52751 C22.5,7363.02244 23.141,7362.2289 23.448,7361.2926 C22.642,7361.76321 21.761,7362.095 20.842,7362.27321 C19.288,7360.64674 16.689,7360.56798 15.036,7362.09796 C13.971,7363.08447 13.518,7364.55538 13.849,7365.95835 C10.55,7365.79492 7.476,7364.261 5.392,7361.73762 C4.303,7363.58363 4.86,7365.94457 6.663,7367.12996 C6.01,7367.11125 5.371,7366.93797 4.8,7366.62489 L4.8,7366.67608 C4.801,7368.5989 6.178,7370.2549 8.092,7370.63591 C7.488,7370.79836 6.854,7370.82199 6.24,7370.70483 C6.777,7372.35099 8.318,7373.47829 10.073,7373.51078 C8.62,7374.63513 6.825,7375.24554 4.977,7375.24358 C4.651,7375.24259 4.325,7375.22388 4,7375.18549 C5.877,7376.37088 8.06,7377 10.29,7376.99705" id="twitter-[#154]"> </path> </g> </g> </g> </g> </svg> </a> </div> </div> </div>  <div class="swiper-slide"> <div class="relative overflow-hidden rounded-xl group"> <img class="object-cover h-full w-full transition-all duration-500 group-hover:scale-105" loading="lazy" src="assets/images/pune.png" alt="city" /> <div class="bg-gradient-to-t from-black/80 via-black/50 to-transparent flex items-end justify-center absolute top-0 left-0 h-full w-full"> </div> <div class="absolute top-[calc(100%-40px)] lg:top-[calc(100%-44px)] xl:top-[calc(100%-48px)] group-hover:top-[calc(100%-92px)] lg:group-hover:top-[calc(100%-96px)] xl:group-hover:top-[calc(100%-100px)] transition-all duration-300 h-full w-full"> <h2 class="text-lg lg:text-xl xl:text-[22px] leading-[normal] font-normal font-sora text-center"> Pune</h2> <a href="https://twitter.com/laravel_pune" target="_blank" rel="nofollow noopener" title="Ahmedabad" class="flex justify-center items-center h-9 w-9 mx-auto mt-3 rounded bg-red-600 p-1.5 opacity-0 group-hover:opacity-100 transition-all duration-300"> <svg class="h-full w-full" width="800px" height="800px" viewBox="0 -2 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000"> <g id="SVGRepo_bgCarrier" stroke-width="0" /> <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" /> <g id="SVGRepo_iconCarrier"> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Dribbble-Light-Preview" transform="translate(-60.000000, -7521.000000)" fill="#fff"> <g id="icons" transform="translate(56.000000, 160.000000)"> <path d="M10.29,7377 C17.837,7377 21.965,7370.84365 21.965,7365.50546 C21.965,7365.33021 21.965,7365.15595 21.953,7364.98267 C22.756,7364.41163 23.449,7363.70276 24,7362.8915 C23.252,7363.21837 22.457,7363.433 21.644,7363.52751 C22.5,7363.02244 23.141,7362.2289 23.448,7361.2926 C22.642,7361.76321 21.761,7362.095 20.842,7362.27321 C19.288,7360.64674 16.689,7360.56798 15.036,7362.09796 C13.971,7363.08447 13.518,7364.55538 13.849,7365.95835 C10.55,7365.79492 7.476,7364.261 5.392,7361.73762 C4.303,7363.58363 4.86,7365.94457 6.663,7367.12996 C6.01,7367.11125 5.371,7366.93797 4.8,7366.62489 L4.8,7366.67608 C4.801,7368.5989 6.178,7370.2549 8.092,7370.63591 C7.488,7370.79836 6.854,7370.82199 6.24,7370.70483 C6.777,7372.35099 8.318,7373.47829 10.073,7373.51078 C8.62,7374.63513 6.825,7375.24554 4.977,7375.24358 C4.651,7375.24259 4.325,7375.22388 4,7375.18549 C5.877,7376.37088 8.06,7377 10.29,7376.99705" id="twitter-[#154]"> </path> </g> </g> </g> </g> </svg> </a> </div> </div> </div>  <div class="swiper-slide"> <div class="relative overflow-hidden rounded-xl group"> <img class="object-cover h-full w-full transition-all duration-500 group-hover:scale-105" loading="lazy" src="assets/images/banglore.png" alt="city" /> <div class="bg-gradient-to-t from-black/80 via-black/50 to-transparent flex items-end justify-center absolute top-0 left-0 h-full w-full"> </div> <div class="absolute top-[calc(100%-40px)] lg:top-[calc(100%-44px)] xl:top-[calc(100%-48px)] group-hover:top-[calc(100%-92px)] lg:group-hover:top-[calc(100%-96px)] xl:group-hover:top-[calc(100%-100px)] transition-all duration-300 h-full w-full"> <h2 class="text-lg lg:text-xl xl:text-[22px] leading-[normal] font-normal font-sora text-center"> Bangalore</h2> <a href="https://twitter.com/LaravelBLR" target="_blank" rel="nofollow noopener" title="Ahmedabad" class="flex justify-center items-center h-9 w-9 mx-auto mt-3 rounded bg-red-600 p-1.5 opacity-0 group-hover:opacity-100 transition-all duration-300"> <svg class="h-full w-full" width="800px" height="800px" viewBox="0 -2 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000"> <g id="SVGRepo_bgCarrier" stroke-width="0" /> <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" /> <g id="SVGRepo_iconCarrier"> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Dribbble-Light-Preview" transform="translate(-60.000000, -7521.000000)" fill="#fff"> <g id="icons" transform="translate(56.000000, 160.000000)"> <path d="M10.29,7377 C17.837,7377 21.965,7370.84365 21.965,7365.50546 C21.965,7365.33021 21.965,7365.15595 21.953,7364.98267 C22.756,7364.41163 23.449,7363.70276 24,7362.8915 C23.252,7363.21837 22.457,7363.433 21.644,7363.52751 C22.5,7363.02244 23.141,7362.2289 23.448,7361.2926 C22.642,7361.76321 21.761,7362.095 20.842,7362.27321 C19.288,7360.64674 16.689,7360.56798 15.036,7362.09796 C13.971,7363.08447 13.518,7364.55538 13.849,7365.95835 C10.55,7365.79492 7.476,7364.261 5.392,7361.73762 C4.303,7363.58363 4.86,7365.94457 6.663,7367.12996 C6.01,7367.11125 5.371,7366.93797 4.8,7366.62489 L4.8,7366.67608 C4.801,7368.5989 6.178,7370.2549 8.092,7370.63591 C7.488,7370.79836 6.854,7370.82199 6.24,7370.70483 C6.777,7372.35099 8.318,7373.47829 10.073,7373.51078 C8.62,7374.63513 6.825,7375.24554 4.977,7375.24358 C4.651,7375.24259 4.325,7375.22388 4,7375.18549 C5.877,7376.37088 8.06,7377 10.29,7376.99705" id="twitter-[#154]"> </path> </g> </g> </g> </g> </svg> </a> </div> </div> </div>  <div class="swiper-slide"> <div class="relative overflow-hidden rounded-xl group"> <img class="object-cover h-full w-full transition-all duration-500 group-hover:scale-105" loading="lazy" src="assets/images/delhi.png" alt="city" /> <div class="bg-gradient-to-t from-black/80 via-black/50 to-transparent flex items-end justify-center absolute top-0 left-0 h-full w-full"> </div> <div class="absolute top-[calc(100%-40px)] lg:top-[calc(100%-44px)] xl:top-[calc(100%-48px)] group-hover:top-[calc(100%-92px)] lg:group-hover:top-[calc(100%-96px)] xl:group-hover:top-[calc(100%-100px)] transition-all duration-300 h-full w-full"> <h2 class="text-lg lg:text-xl xl:text-[22px] leading-[normal] font-normal font-sora text-center"> Delhi</h2> <a href="https://twitter.com/LaravelDelhi" target="_blank" rel="nofollow noopener" title="Ahmedabad" class="flex justify-center items-center h-9 w-9 mx-auto mt-3 rounded bg-red-600 p-1.5 opacity-0 group-hover:opacity-100 transition-all duration-300"> <svg class="h-full w-full" width="800px" height="800px" viewBox="0 -2 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000"> <g id="SVGRepo_bgCarrier" stroke-width="0" /> <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" /> <g id="SVGRepo_iconCarrier"> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Dribbble-Light-Preview" transform="translate(-60.000000, -7521.000000)" fill="#fff"> <g id="icons" transform="translate(56.000000, 160.000000)"> <path d="M10.29,7377 C17.837,7377 21.965,7370.84365 21.965,7365.50546 C21.965,7365.33021 21.965,7365.15595 21.953,7364.98267 C22.756,7364.41163 23.449,7363.70276 24,7362.8915 C23.252,7363.21837 22.457,7363.433 21.644,7363.52751 C22.5,7363.02244 23.141,7362.2289 23.448,7361.2926 C22.642,7361.76321 21.761,7362.095 20.842,7362.27321 C19.288,7360.64674 16.689,7360.56798 15.036,7362.09796 C13.971,7363.08447 13.518,7364.55538 13.849,7365.95835 C10.55,7365.79492 7.476,7364.261 5.392,7361.73762 C4.303,7363.58363 4.86,7365.94457 6.663,7367.12996 C6.01,7367.11125 5.371,7366.93797 4.8,7366.62489 L4.8,7366.67608 C4.801,7368.5989 6.178,7370.2549 8.092,7370.63591 C7.488,7370.79836 6.854,7370.82199 6.24,7370.70483 C6.777,7372.35099 8.318,7373.47829 10.073,7373.51078 C8.62,7374.63513 6.825,7375.24554 4.977,7375.24358 C4.651,7375.24259 4.325,7375.22388 4,7375.18549 C5.877,7376.37088 8.06,7377 10.29,7376.99705" id="twitter-[#154]"> </path> </g> </g> </g> </g> </svg> </a> </div> </div> </div>  <div class="swiper-slide"> <div class="relative overflow-hidden rounded-xl group"> <img class="object-cover h-full w-full transition-all duration-500 group-hover:scale-105" loading="lazy" src="assets/images/kozhikode.png" alt="city" /> <div class="bg-gradient-to-t from-black/80 via-black/50 to-transparent flex items-end justify-center absolute top-0 left-0 h-full w-full"> </div> <div class="absolute top-[calc(100%-40px)] lg:top-[calc(100%-44px)] xl:top-[calc(100%-48px)] group-hover:top-[calc(100%-92px)] lg:group-hover:top-[calc(100%-96px)] xl:group-hover:top-[calc(100%-100px)] transition-all duration-300 h-full w-full"> <h2 class="text-lg lg:text-xl xl:text-[22px] leading-[normal] font-normal font-sora text-center"> Kozhikode</h2> <a href="https://x.com/laravel_kkd" target="_blank" rel="nofollow noopener" title="Ahmedabad" class="flex justify-center items-center h-9 w-9 mx-auto mt-3 rounded bg-red-600 p-1.5 opacity-0 group-hover:opacity-100 transition-all duration-300"> <svg class="h-full w-full" width="800px" height="800px" viewBox="0 -2 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000"> <g id="SVGRepo_bgCarrier" stroke-width="0" /> <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" /> <g id="SVGRepo_iconCarrier"> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Dribbble-Light-Preview" transform="translate(-60.000000, -7521.000000)" fill="#fff"> <g id="icons" transform="translate(56.000000, 160.000000)"> <path d="M10.29,7377 C17.837,7377 21.965,7370.84365 21.965,7365.50546 C21.965,7365.33021 21.965,7365.15595 21.953,7364.98267 C22.756,7364.41163 23.449,7363.70276 24,7362.8915 C23.252,7363.21837 22.457,7363.433 21.644,7363.52751 C22.5,7363.02244 23.141,7362.2289 23.448,7361.2926 C22.642,7361.76321 21.761,7362.095 20.842,7362.27321 C19.288,7360.64674 16.689,7360.56798 15.036,7362.09796 C13.971,7363.08447 13.518,7364.55538 13.849,7365.95835 C10.55,7365.79492 7.476,7364.261 5.392,7361.73762 C4.303,7363.58363 4.86,7365.94457 6.663,7367.12996 C6.01,7367.11125 5.371,7366.93797 4.8,7366.62489 L4.8,7366.67608 C4.801,7368.5989 6.178,7370.2549 8.092,7370.63591 C7.488,7370.79836 6.854,7370.82199 6.24,7370.70483 C6.777,7372.35099 8.318,7373.47829 10.073,7373.51078 C8.62,7374.63513 6.825,7375.24554 4.977,7375.24358 C4.651,7375.24259 4.325,7375.22388 4,7375.18549 C5.877,7376.37088 8.06,7377 10.29,7376.99705" id="twitter-[#154]"> </path> </g> </g> </g> </g> </svg> </a> </div> </div> </div>  <div class="swiper-slide"> <div class="relative overflow-hidden rounded-xl group"> <img class="object-cover h-full w-full transition-all duration-500 group-hover:scale-105" loading="lazy" src="assets/images/jaipur.png" alt="city" /> <div class="bg-gradient-to-t from-black/80 via-black/50 to-transparent flex items-end justify-center absolute top-0 left-0 h-full w-full"> </div> <div class="absolute top-[calc(100%-40px)] lg:top-[calc(100%-44px)] xl:top-[calc(100%-48px)] group-hover:top-[calc(100%-92px)] lg:group-hover:top-[calc(100%-96px)] xl:group-hover:top-[calc(100%-100px)] transition-all duration-300 h-full w-full"> <h2 class="text-lg lg:text-xl xl:text-[22px] leading-[normal] font-normal font-sora text-center"> Jaipur</h2> <a href="https://twitter.com/laravel_jaipur" target="_blank" rel="nofollow noopener" title="Ahmedabad" class="flex justify-center items-center h-9 w-9 mx-auto mt-3 rounded bg-red-600 p-1.5 opacity-0 group-hover:opacity-100 transition-all duration-300"> <svg class="h-full w-full" width="800px" height="800px" viewBox="0 -2 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000"> <g id="SVGRepo_bgCarrier" stroke-width="0" /> <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" /> <g id="SVGRepo_iconCarrier"> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Dribbble-Light-Preview" transform="translate(-60.000000, -7521.000000)" fill="#fff"> <g id="icons" transform="translate(56.000000, 160.000000)"> <path d="M10.29,7377 C17.837,7377 21.965,7370.84365 21.965,7365.50546 C21.965,7365.33021 21.965,7365.15595 21.953,7364.98267 C22.756,7364.41163 23.449,7363.70276 24,7362.8915 C23.252,7363.21837 22.457,7363.433 21.644,7363.52751 C22.5,7363.02244 23.141,7362.2289 23.448,7361.2926 C22.642,7361.76321 21.761,7362.095 20.842,7362.27321 C19.288,7360.64674 16.689,7360.56798 15.036,7362.09796 C13.971,7363.08447 13.518,7364.55538 13.849,7365.95835 C10.55,7365.79492 7.476,7364.261 5.392,7361.73762 C4.303,7363.58363 4.86,7365.94457 6.663,7367.12996 C6.01,7367.11125 5.371,7366.93797 4.8,7366.62489 L4.8,7366.67608 C4.801,7368.5989 6.178,7370.2549 8.092,7370.63591 C7.488,7370.79836 6.854,7370.82199 6.24,7370.70483 C6.777,7372.35099 8.318,7373.47829 10.073,7373.51078 C8.62,7374.63513 6.825,7375.24554 4.977,7375.24358 C4.651,7375.24259 4.325,7375.22388 4,7375.18549 C5.877,7376.37088 8.06,7377 10.29,7376.99705" id="twitter-[#154]"> </path> </g> </g> </g> </g> </svg> </a> </div> </div> </div>  <div class="swiper-slide"> <div class="relative overflow-hidden rounded-xl group"> <img class="object-cover h-full w-full transition-all duration-500 group-hover:scale-105" loading="lazy" src="assets/images/chennai.png" alt="city" /> <div class="bg-gradient-to-t from-black/80 via-black/50 to-transparent flex items-end justify-center absolute top-0 left-0 h-full w-full"> </div> <div class="absolute top-[calc(100%-40px)] lg:top-[calc(100%-44px)] xl:top-[calc(100%-48px)] group-hover:top-[calc(100%-92px)] lg:group-hover:top-[calc(100%-96px)] xl:group-hover:top-[calc(100%-100px)] transition-all duration-300 h-full w-full"> <h2 class="text-lg lg:text-xl xl:text-[22px] leading-[normal] font-normal font-sora text-center"> Chennai</h2> <a href="https://twitter.com/LaravelCH" target="_blank" rel="nofollow noopener" title="Ahmedabad" class="flex justify-center items-center h-9 w-9 mx-auto mt-3 rounded bg-red-600 p-1.5 opacity-0 group-hover:opacity-100 transition-all duration-300"> <svg class="h-full w-full" width="800px" height="800px" viewBox="0 -2 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000"> <g id="SVGRepo_bgCarrier" stroke-width="0" /> <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" /> <g id="SVGRepo_iconCarrier"> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Dribbble-Light-Preview" transform="translate(-60.000000, -7521.000000)" fill="#fff"> <g id="icons" transform="translate(56.000000, 160.000000)"> <path d="M10.29,7377 C17.837,7377 21.965,7370.84365 21.965,7365.50546 C21.965,7365.33021 21.965,7365.15595 21.953,7364.98267 C22.756,7364.41163 23.449,7363.70276 24,7362.8915 C23.252,7363.21837 22.457,7363.433 21.644,7363.52751 C22.5,7363.02244 23.141,7362.2289 23.448,7361.2926 C22.642,7361.76321 21.761,7362.095 20.842,7362.27321 C19.288,7360.64674 16.689,7360.56798 15.036,7362.09796 C13.971,7363.08447 13.518,7364.55538 13.849,7365.95835 C10.55,7365.79492 7.476,7364.261 5.392,7361.73762 C4.303,7363.58363 4.86,7365.94457 6.663,7367.12996 C6.01,7367.11125 5.371,7366.93797 4.8,7366.62489 L4.8,7366.67608 C4.801,7368.5989 6.178,7370.2549 8.092,7370.63591 C7.488,7370.79836 6.854,7370.82199 6.24,7370.70483 C6.777,7372.35099 8.318,7373.47829 10.073,7373.51078 C8.62,7374.63513 6.825,7375.24554 4.977,7375.24358 C4.651,7375.24259 4.325,7375.22388 4,7375.18549 C5.877,7376.37088 8.06,7377 10.29,7376.99705" id="twitter-[#154]"> </path> </g> </g> </g> </g> </svg> </a> </div> </div> </div>  <div class="swiper-slide"> <div class="relative overflow-hidden rounded-xl group"> <img class="object-cover h-full w-full transition-all duration-500 group-hover:scale-105" loading="lazy" src="assets/images/punjab.png" alt="city" /> <div class="bg-gradient-to-t from-black/80 via-black/50 to-transparent flex items-end justify-center absolute top-0 left-0 h-full w-full"> </div> <div class="absolute top-[calc(100%-40px)] lg:top-[calc(100%-44px)] xl:top-[calc(100%-48px)] group-hover:top-[calc(100%-92px)] lg:group-hover:top-[calc(100%-96px)] xl:group-hover:top-[calc(100%-100px)] transition-all duration-300 h-full w-full"> <h2 class="text-lg lg:text-xl xl:text-[22px] leading-[normal] font-normal font-sora text-center"> Punjab</h2> <a href="https://twitter.com/LaravelPB" target="_blank" rel="nofollow noopener" title="Ahmedabad" class="flex justify-center items-center h-9 w-9 mx-auto mt-3 rounded bg-red-600 p-1.5 opacity-0 group-hover:opacity-100 transition-all duration-300"> <svg class="h-full w-full" width="800px" height="800px" viewBox="0 -2 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000"> <g id="SVGRepo_bgCarrier" stroke-width="0" /> <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" /> <g id="SVGRepo_iconCarrier"> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Dribbble-Light-Preview" transform="translate(-60.000000, -7521.000000)" fill="#fff"> <g id="icons" transform="translate(56.000000, 160.000000)"> <path d="M10.29,7377 C17.837,7377 21.965,7370.84365 21.965,7365.50546 C21.965,7365.33021 21.965,7365.15595 21.953,7364.98267 C22.756,7364.41163 23.449,7363.70276 24,7362.8915 C23.252,7363.21837 22.457,7363.433 21.644,7363.52751 C22.5,7363.02244 23.141,7362.2289 23.448,7361.2926 C22.642,7361.76321 21.761,7362.095 20.842,7362.27321 C19.288,7360.64674 16.689,7360.56798 15.036,7362.09796 C13.971,7363.08447 13.518,7364.55538 13.849,7365.95835 C10.55,7365.79492 7.476,7364.261 5.392,7361.73762 C4.303,7363.58363 4.86,7365.94457 6.663,7367.12996 C6.01,7367.11125 5.371,7366.93797 4.8,7366.62489 L4.8,7366.67608 C4.801,7368.5989 6.178,7370.2549 8.092,7370.63591 C7.488,7370.79836 6.854,7370.82199 6.24,7370.70483 C6.777,7372.35099 8.318,7373.47829 10.073,7373.51078 C8.62,7374.63513 6.825,7375.24554 4.977,7375.24358 C4.651,7375.24259 4.325,7375.22388 4,7375.18549 C5.877,7376.37088 8.06,7377 10.29,7376.99705" id="twitter-[#154]"> </path> </g> </g> </g> </g> </svg> </a> </div> </div> </div> </div>  <div class="swiper-pagination mx-auto mt-5 md:mt-7 static"></div> </div> </div> </div> </div> <div class="relative z-0 mt-0 sm:-mt-[80px] md:-mt-[180px]"> <img src="assets/images/branding-img.png" alt="branding-img" /> <div class="absolute top-0 left-0 bg-gradient-to-b from-black via-black/30 to-transparent h-1/2 w-full"></div> </div> </section>  <footer class="bg-black py-6 md:py-8 px-4"> <div class="container mx-auto flex flex-col md:flex-row md:justify-between items-center space-y-4 md:space-y-0"> <div class="flex items-center"> <img src="assets/svg/laracon-logo.svg" alt="Laracon Logo" class="h-6" /> </div> <div class="text-white text-sm md:text-base font-jost font-medium text-center md:px-4"> 漏2025 Laracon India. All rights reserved. Developed by <a class="underline" href="https://viitorcloud.com/" target="_blank" rel="noopener noreferrer">ViitorCloud</a>. </div> <div class="flex space-x-3 lg:space-x-4"> <a href="https://twitter.com/LaraconIN" target="_blank" class="flex justify-center items-center h-9 w-9 rounded bg-white bg-opacity-20 hover:bg-red-600 transition-transform transform hover:scale-110"> <svg class="h-6 w-6" width="800px" height="800px" viewBox="0 -2 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000"> <g id="SVGRepo_bgCarrier" stroke-width="0" /> <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" /> <g id="SVGRepo_iconCarrier"> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Dribbble-Light-Preview" transform="translate(-60.000000, -7521.000000)" fill="#fff"> <g id="icons" transform="translate(56.000000, 160.000000)"> <path d="M10.29,7377 C17.837,7377 21.965,7370.84365 21.965,7365.50546 C21.965,7365.33021 21.965,7365.15595 21.953,7364.98267 C22.756,7364.41163 23.449,7363.70276 24,7362.8915 C23.252,7363.21837 22.457,7363.433 21.644,7363.52751 C22.5,7363.02244 23.141,7362.2289 23.448,7361.2926 C22.642,7361.76321 21.761,7362.095 20.842,7362.27321 C19.288,7360.64674 16.689,7360.56798 15.036,7362.09796 C13.971,7363.08447 13.518,7364.55538 13.849,7365.95835 C10.55,7365.79492 7.476,7364.261 5.392,7361.73762 C4.303,7363.58363 4.86,7365.94457 6.663,7367.12996 C6.01,7367.11125 5.371,7366.93797 4.8,7366.62489 L4.8,7366.67608 C4.801,7368.5989 6.178,7370.2549 8.092,7370.63591 C7.488,7370.79836 6.854,7370.82199 6.24,7370.70483 C6.777,7372.35099 8.318,7373.47829 10.073,7373.51078 C8.62,7374.63513 6.825,7375.24554 4.977,7375.24358 C4.651,7375.24259 4.325,7375.22388 4,7375.18549 C5.877,7376.37088 8.06,7377 10.29,7376.99705" id="twitter-[#154]"> </path> </g> </g> </g> </g> </svg> </a> <a href="https://www.facebook.com/OfficialLaraconIN" target="_blank" class="flex justify-center items-center h-9 w-9 rounded bg-white bg-opacity-20 hover:bg-red-600 transition-transform transform hover:scale-110"> <svg class="h-6 w-6" fill="#000000" width="800px" height="800px" viewBox="0 0 24 24" id="facebook" data-name="Flat Color" xmlns="http://www.w3.org/2000/svg" class="icon flat-color"> <g id="SVGRepo_bgCarrier" stroke-width="0" /> <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" /> <g id="SVGRepo_iconCarrier"> <path id="primary" d="M14,6h3a1,1,0,0,0,1-1V3a1,1,0,0,0-1-1H14A5,5,0,0,0,9,7v3H7a1,1,0,0,0-1,1v2a1,1,0,0,0,1,1H9v7a1,1,0,0,0,1,1h2a1,1,0,0,0,1-1V14h2.22a1,1,0,0,0,1-.76l.5-2a1,1,0,0,0-1-1.24H13V7A1,1,0,0,1,14,6Z" style="fill: #fff;" /> </g> </svg> </a> <a href="https://www.instagram.com/laracon.in/" target="_blank" class="flex justify-center items-center h-9 w-9 rounded bg-white bg-opacity-20 hover:bg-red-600 transition-transform transform hover:scale-110"> <svg class="h-6 w-6" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#ffffff" stroke="#ffffff"> <g id="SVGRepo_bgCarrier" stroke-width="0"></g> <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> <g id="SVGRepo_iconCarrier"> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Dribbble-Light-Preview" transform="translate(-340.000000, -7439.000000)" fill="#ffffff"> <g id="icons" transform="translate(56.000000, 160.000000)"> <path d="M289.869652,7279.12273 C288.241769,7279.19618 286.830805,7279.5942 285.691486,7280.72871 C284.548187,7281.86918 284.155147,7283.28558 284.081514,7284.89653 C284.035742,7285.90201 283.768077,7293.49818 284.544207,7295.49028 C285.067597,7296.83422 286.098457,7297.86749 287.454694,7298.39256 C288.087538,7298.63872 288.809936,7298.80547 289.869652,7298.85411 C298.730467,7299.25511 302.015089,7299.03674 303.400182,7295.49028 C303.645956,7294.859 303.815113,7294.1374 303.86188,7293.08031 C304.26686,7284.19677 303.796207,7282.27117 302.251908,7280.72871 C301.027016,7279.50685 299.5862,7278.67508 289.869652,7279.12273 M289.951245,7297.06748 C288.981083,7297.0238 288.454707,7296.86201 288.103459,7296.72603 C287.219865,7296.3826 286.556174,7295.72155 286.214876,7294.84312 C285.623823,7293.32944 285.819846,7286.14023 285.872583,7284.97693 C285.924325,7283.83745 286.155174,7282.79624 286.959165,7281.99226 C287.954203,7280.99968 289.239792,7280.51332 297.993144,7280.90837 C299.135448,7280.95998 300.179243,7281.19026 300.985224,7281.99226 C301.980262,7282.98483 302.473801,7284.28014 302.071806,7292.99991 C302.028024,7293.96767 301.865833,7294.49274 301.729513,7294.84312 C300.829003,7297.15085 298.757333,7297.47145 289.951245,7297.06748 M298.089663,7283.68956 C298.089663,7284.34665 298.623998,7284.88065 299.283709,7284.88065 C299.943419,7284.88065 300.47875,7284.34665 300.47875,7283.68956 C300.47875,7283.03248 299.943419,7282.49847 299.283709,7282.49847 C298.623998,7282.49847 298.089663,7283.03248 298.089663,7283.68956 M288.862673,7288.98792 C288.862673,7291.80286 291.150266,7294.08479 293.972194,7294.08479 C296.794123,7294.08479 299.081716,7291.80286 299.081716,7288.98792 C299.081716,7286.17298 296.794123,7283.89205 293.972194,7283.89205 C291.150266,7283.89205 288.862673,7286.17298 288.862673,7288.98792 M290.655732,7288.98792 C290.655732,7287.16159 292.140329,7285.67967 293.972194,7285.67967 C295.80406,7285.67967 297.288657,7287.16159 297.288657,7288.98792 C297.288657,7290.81525 295.80406,7292.29716 293.972194,7292.29716 C292.140329,7292.29716 290.655732,7290.81525 290.655732,7288.98792" id="instagram-[#fffffffffff]"> </path> </g> </g> </g> </g> </svg> </a> <a href="https://www.linkedin.com/company/laracon-india/" target="_blank" class="flex justify-center items-center h-9 w-9 rounded bg-white bg-opacity-20 hover:bg-red-600 transition-transform transform hover:scale-110"> <svg class="h-6 w-6" fill="#ffffff" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800px" height="800px" viewBox="0 0 512 512" xml:space="preserve" stroke="#ffffff"> <g id="SVGRepo_bgCarrier" stroke-width="0" /> <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" /> <g id="SVGRepo_iconCarrier"> <g id="7935ec95c421cee6d86eb22ecd125aef"> <path style="display: inline; fill-rule: evenodd; clip-rule: evenodd;" d="M116.504,500.219V170.654H6.975v329.564H116.504 L116.504,500.219z M61.751,125.674c38.183,0,61.968-25.328,61.968-56.953c-0.722-32.328-23.785-56.941-61.252-56.941 C24.994,11.781,0.5,36.394,0.5,68.722c0,31.625,23.772,56.953,60.53,56.953H61.751L61.751,125.674z M177.124,500.219 c0,0,1.437-298.643,0-329.564H286.67v47.794h-0.727c14.404-22.49,40.354-55.533,99.44-55.533 c72.085,0,126.116,47.103,126.116,148.333v188.971H401.971V323.912c0-44.301-15.848-74.531-55.497-74.531 c-30.254,0-48.284,20.38-56.202,40.08c-2.897,7.012-3.602,16.861-3.602,26.711v184.047H177.124L177.124,500.219z"> </path> </g> </g> </svg> </a> <a href="https://www.youtube.com/@laraconin" target="_blank" class="flex justify-center items-center h-9 w-9 rounded bg-white bg-opacity-20 hover:bg-red-600 transition-transform transform hover:scale-110"> <svg class="h-6 w-6" width="800px" height="800px" viewBox="0 -3 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#ffffff"> <g id="SVGRepo_bgCarrier" stroke-width="0" /> <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" /> <g id="SVGRepo_iconCarrier"> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Dribbble-Light-Preview" transform="translate(-300.000000, -7442.000000)" fill="#ffffff"> <g id="icons" transform="translate(56.000000, 160.000000)"> <path d="M251.988432,7291.58588 L251.988432,7285.97425 C253.980638,7286.91168 255.523602,7287.8172 257.348463,7288.79353 C255.843351,7289.62824 253.980638,7290.56468 251.988432,7291.58588 M263.090998,7283.18289 C262.747343,7282.73013 262.161634,7282.37809 261.538073,7282.26141 C259.705243,7281.91336 248.270974,7281.91237 246.439141,7282.26141 C245.939097,7282.35515 245.493839,7282.58153 245.111335,7282.93357 C243.49964,7284.42947 244.004664,7292.45151 244.393145,7293.75096 C244.556505,7294.31342 244.767679,7294.71931 245.033639,7294.98558 C245.376298,7295.33761 245.845463,7295.57995 246.384355,7295.68865 C247.893451,7296.0008 255.668037,7296.17532 261.506198,7295.73552 C262.044094,7295.64178 262.520231,7295.39147 262.895762,7295.02447 C264.385932,7293.53455 264.28433,7285.06174 263.090998,7283.18289" id="youtube-[#168]"> </path> </g> </g> </g> </g> </svg> </a> </div> </div> </footer> <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script> <script> document.addEventListener('DOMContentLoaded', function () { const sections = document.querySelectorAll('section'); const navLinks = document.querySelectorAll('nav a'); const sideMenu = document.getElementById('side-menu'); function changeActiveLink() { let currentSectionId = ''; let currentSectionIndex = -1; sections.forEach((section, index) => { const sectionTop = section.offsetTop - 70; // Adjust this offset to match your header height or padding const sectionBottom = sectionTop + section.offsetHeight; if (window.scrollY >= sectionTop && window.scrollY <= sectionBottom) { currentSectionId = section.id; currentSectionIndex = index; } }); navLinks.forEach((link) => { link.classList.remove('active'); }); if (currentSectionIndex !== -1) { navLinks.forEach((link) => { if (link.getAttribute('href').slice(1) === currentSectionId) { link.classList.add('active'); } }); } if (sideMenu.classList.contains('open-menu')) { sideMenu.classList.remove('open-menu'); } } changeActiveLink(); window.addEventListener('scroll', changeActiveLink); }); const videoSwiper = new Swiper('.videoSwiper', { loop: true, pagination: { el: '.swiper-pagination', clickable: true, dynamicBullets: true, bulletClass: 'custom-pagination-bullet', bulletActiveClass: 'custom-pagination-bullet-active', }, }); const citySwiper = new Swiper('.city-swiper', { slidesPerView: 1, spaceBetween: 0, slidesPerGroup: 1, loop: true, autoplay: { delay: 2500, disableOnInteraction: false, }, pagination: { el: '.swiper-pagination', clickable: true, bulletClass: 'custom-pagination-bullet', bulletActiveClass: 'custom-pagination-bullet-active', }, breakpoints: { 540: { slidesPerView: 2, spaceBetween: 16, slidesPerGroup: 2, }, 768: { slidesPerView: 3, spaceBetween: 20, slidesPerGroup: 2, }, 1024: { slidesPerView: 4, spaceBetween: 30, slidesPerGroup: 2, }, }, }); function showFirstDay() { document.getElementById('first-day-timeline').classList.remove('hidden'); document.getElementById('second-day-timeline').classList.add('hidden'); document.getElementById('first-day-tab').classList.add('active-tab'); document.getElementById('second-day-tab').classList.remove('active-tab'); } function showSecondDay() { document.getElementById('first-day-timeline').classList.add('hidden'); document.getElementById('second-day-timeline').classList.remove('hidden'); document.getElementById('first-day-tab').classList.remove('active-tab'); document.getElementById('second-day-tab').classList.add('active-tab'); } function toggleMenu() { const paragraph = document.getElementById('side-menu'); paragraph.classList.toggle('open-menu'); } // suffle sponsors list function shuffle(array) { for (let i = array.length - 1; i > 0; i--) { const j = Math.floor(Math.random() * (i + 1)); [array[i], array[j]] = [array[j], array[i]]; } return array; } function onLoadListChange() { const sponsorLists = document.querySelectorAll(".sponsors-list"); sponsorLists.forEach((list) => { const listItems = Array.from(list.children); list.innerHTML = ""; shuffle(listItems).forEach((item) => list.appendChild(item)); }); } document.addEventListener("DOMContentLoaded", () => { onLoadListChange(); }); </script> </body> </html>

CINXE.COM

Laracon India 2025