-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1 lines (1 loc) · 27.9 KB
/
index.html
1
<!DOCTYPE html><html><head><meta charSet="utf-8"/><title>Metaversus</title><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="icon" href="/favicon.ico"/><link rel="preconnect" href="https://stijndv.com"/><link rel="stylesheet" href="https://stijndv.com/fonts/Eudoxus-Sans.css"/><meta name="next-head-count" content="6"/><link rel="preload" href="/_next/static/css/c42bb8b41d60e14e.css" as="style"/><link rel="stylesheet" href="/_next/static/css/c42bb8b41d60e14e.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-7a6cea4e6a92562f.js" defer=""></script><script src="/_next/static/chunks/framework-ffee79c6390da51e.js" defer=""></script><script src="/_next/static/chunks/main-e71c796c4d7cc2e4.js" defer=""></script><script src="/_next/static/chunks/pages/_app-69f127c8f656d125.js" defer=""></script><script src="/_next/static/chunks/910-b79b5d8c24e05cc6.js" defer=""></script><script src="/_next/static/chunks/pages/index-356d162a81a33a7d.js" defer=""></script><script src="/_next/static/QACWpQs_S6gtuWJPd5ook/_buildManifest.js" defer=""></script><script src="/_next/static/QACWpQs_S6gtuWJPd5ook/_ssgManifest.js" defer=""></script></head><body><div id="__next"><div class="bg-slate-900 overflow-hidden contrast-125"><nav class="sm:px-16 px-6 py-8 relative" style="opacity:0;transform:translateY(-50px) translateZ(0)"><div class="absolute w-[50%] inset-0 gradient-01"></div><div class="2xl:max-w-[1280px] w-full mx-auto flex justify-between gap-8"><img src="/search.svg" alt="search" class="w-[25px] h-[25px] object-contain mt-5"/><img src="/VRLOGO_EDITED-removebg-preview.png" alt="clublogo" class="w-[80px] h-[80px] mt-0"/><img src="/menu.svg" alt="menu" class="w-[30px] h-[30px] object-contain mt-5"/></div></nav><section class="sm:py-16 xs:py-8 py-12 sm:pl-16 pl-6" id="hero"><div class="2xl:max-w-[1280px] w-full mx-auto flex flex-col"><div class="font-['poppins'] flex justify-center items-center flex-col relative z-10"><h1 class="font-poppins font-extrabold lg:text-[144px] md:text-[100px] sm:text-[60px] text-[44px] lg:leading-[158.4px] md:leading-[114.4px] sm:leading-[74.4px] leading-[64.4px] text-white" style="opacity:0;transform:translateY(50px) translateZ(0)">Welcome</h1><div class="flex flex-row justify-center items-center " style="opacity:0;transform:translateY(50px) translateZ(0)"><h1 class="font-poppins font-extrabold lg:text-[144px] md:text-[100px] sm:text-[60px] text-[44px] lg:leading-[158.4px] md:leading-[114.4px] sm:leading-[74.4px] leading-[64.4px] text-white">To</h1><h1 class="font-poppins font-extrabold lg:text-[144px] md:text-[100px] sm:text-[60px] text-[44px] lg:leading-[158.4px] md:leading-[114.4px] sm:leading-[74.4px] leading-[64.4px] text-pink-700"> VRClub</h1></div><h1 class="font-poppins font-bold lg:text-[80px] md:text-[60px] sm:text-[30px] text-[30px] lg:leading-[128.4px] md:leading-[84.4px] sm:leading-[44.4px] leading-[44.4px] text-indigo-700" style="opacity:0;transform:translateY(50px) translateZ(0)">VIT Chennai</h1></div><div class="relative w-full md:-mt-[20px] -mt-[12px]" style="transform:translateX(100%) translateY(0px) translateZ(0)"><div class="absolute w-full h-[350px] hero-gradient rounded-tl-[140px] z-[0] -top-[30px]"></div><img src="/Mask Group.svg" alt="cover" class="w-full sm:h-[500px] h-[350px] object-cover rounded-tl-[140px] z-10 relative"/><a href="#explore"><div class="w-full flex justify-end sm:-mt-[70px] -mt-[50px] pr-[40px] relative z-10"><img src="/stamp.png" alt="stamp" class="sm:w-[155px] w-[100px] sm:h-[155px] h-[100px] object-contain"/></div></a></div></div></section><div class="relative"><section class="sm:p-16 xs:p-8 px-6 py-12 relative z-10"><div class="gradient-02 z-0"></div><div class="2xl:max-w-[1280px] w-full mx-auto flex justify-center items-center flex-col font-['poppins']"><p class="font-poppins font-normal text-[14px] text-secondary-white undefined" style="opacity:0"><span style="opacity:0;transform:translateY(20px) translateZ(0)">|</span><span style="opacity:0;transform:translateY(20px) translateZ(0)"> </span><span style="opacity:0;transform:translateY(20px) translateZ(0)">W</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">h</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">a</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">t</span><span style="opacity:0;transform:translateY(20px) translateZ(0)"> </span><span style="opacity:0;transform:translateY(20px) translateZ(0)">i</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">s</span><span style="opacity:0;transform:translateY(20px) translateZ(0)"> </span><span style="opacity:0;transform:translateY(20px) translateZ(0)">V</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">R</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">-</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">C</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">l</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">u</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">b</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">?</span></p><p class="font-poppins mt-[8px] font-normal sm:text-[32px] text-[20px] text-center text-secondary-white z-50" style="opacity:0;transform:translateX(0px) translateY(100px) translateZ(0)"><span class="font-poppins font-extrabold text-white">VR Club</span> is a virtual reality based technical club that employs an immersive feel of a virtual world. This club will allow to digitalize personal space with visualization. This club will focus on creating a virtual space of <span class="font-poppins font-extrabold text-white">mixed reality.</span></p><img src="/arrow-down.svg" class="w-[18px] h-[28px] object-contain mt-[50px]" style="opacity:0;transform:translateX(0px) translateY(100px) translateZ(0)"/></div></section><div class="gradient-03 z-0"></div><section class="sm:p-16 xs:p-8 px-6 py-12" id="explore"><div class="2xl:max-w-[1280px] w-full mx-auto flex flex-col"><p class="font-poppins font-normal text-[14px] text-secondary-white text-center" style="opacity:0"><span style="opacity:0;transform:translateY(20px) translateZ(0)">|</span><span style="opacity:0;transform:translateY(20px) translateZ(0)"> </span><span style="opacity:0;transform:translateY(20px) translateZ(0)">O</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">u</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">r</span><span style="opacity:0;transform:translateY(20px) translateZ(0)"> </span><span style="opacity:0;transform:translateY(20px) translateZ(0)">U</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">p</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">c</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">o</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">m</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">i</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">n</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">g</span><span style="opacity:0;transform:translateY(20px) translateZ(0)"> </span><span style="opacity:0;transform:translateY(20px) translateZ(0)">p</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">r</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">o</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">j</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">e</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">c</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">t</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">s</span></p><h2 class="font-poppins md:text-[64px] font-extrabold mt-[8px] sm:text-[32px] text-[40px] text-secondary-white text-center z-10" style="opacity:0;transform:translateY(20px) translateZ(0)">It's time to dive into the <br class="md:block hidden"/> virtual world...</h2><div class="mt-[50px] flex lg:flex-row flex-col min-h-[70vh] gap-5"><div class="relative lg:flex-[0.5] flex-[2] flex items-center justify-center min-w-[170px] h-[700px] transition-[flex] duration-[0.7s] ease-out-flex cursor-pointer" style="opacity:0;transform:translateX(-100px) translateY(0px) translateZ(0)"><img src="/avatars.jpg" alt="planet-04" class="absolute w-full h-full object-cover rounded-[24px]"/><h3 class="font-semibold sm:text-[26px] text-[18px] text-white absolute z-0 lg:bottom-20 lg:rotate-[-90deg] lg:origin-[0,0]">Avatars</h3></div><div class="relative lg:flex-[3.5] flex-[10] flex items-center justify-center min-w-[170px] h-[700px] transition-[flex] duration-[0.7s] ease-out-flex cursor-pointer" style="opacity:0;transform:translateX(-100px) translateY(0px) translateZ(0)"><img src="/metaverse.jpg" alt="planet-04" class="absolute w-full h-full object-cover rounded-[24px]"/><div class="absolute bottom-0 p-8 flex justify-start w-full flex-col bg-[rgba(0,0,0,0.5)] rounded-b-[24px]"><div class="flex justify-center items-center w-[60px] h-[60px] rounded-[24px] glassmorphism mb-[16px]"><img src="/headset.svg" alt="headset" class="w-1/2 h-1/2 object-contain"/></div><p class="font-normal text-[16px] leading-[20.16px] text-white font-poppins">Explore <!-- -->Metaverse</p><h2 class="mt-[24px] font-bold sm:text-[32px] text-[24px] text-white hover:font-extrabold">Metaverse</h2></div></div><div class="relative lg:flex-[0.5] flex-[2] flex items-center justify-center min-w-[170px] h-[700px] transition-[flex] duration-[0.7s] ease-out-flex cursor-pointer" style="opacity:0;transform:translateX(-100px) translateY(0px) translateZ(0)"><img src="/planet-03.png" alt="planet-04" class="absolute w-full h-full object-cover rounded-[24px]"/><h3 class="font-semibold sm:text-[26px] text-[18px] text-white absolute z-0 lg:bottom-20 lg:rotate-[-90deg] lg:origin-[0,0]">Virtual Space</h3></div><div class="relative lg:flex-[0.5] flex-[2] flex items-center justify-center min-w-[170px] h-[700px] transition-[flex] duration-[0.7s] ease-out-flex cursor-pointer" style="opacity:0;transform:translateX(-100px) translateY(0px) translateZ(0)"><img src="/blockchain technology.jpg" alt="planet-04" class="absolute w-full h-full object-cover rounded-[24px]"/><h3 class="font-semibold sm:text-[26px] text-[18px] text-white absolute z-0 lg:bottom-20 lg:rotate-[-90deg] lg:origin-[0,0]">Blockchain Technology</h3></div><div class="relative lg:flex-[0.5] flex-[2] flex items-center justify-center min-w-[170px] h-[700px] transition-[flex] duration-[0.7s] ease-out-flex cursor-pointer" style="opacity:0;transform:translateX(-100px) translateY(0px) translateZ(0)"><img src="/3dmodel.webp" alt="planet-04" class="absolute w-full h-full object-cover rounded-[24px]"/><h3 class="font-semibold sm:text-[26px] text-[18px] text-white absolute z-0 lg:bottom-20 lg:rotate-[-90deg] lg:origin-[0,0]">3D Model</h3></div></div></div></section></div><div class="relative"><section class="sm:p-16 xs:p-8 px-6 py-12 relative z-10"><div class="2xl:max-w-[1280px] w-full mx-auto flex lg:flex-row flex-col gap-8"><div class="flex-1 flex justify-center items-center" style="transform:translateX(-100%) rotate(120deg) translateZ(0)"><img src="/get-started.png" alt="get-started" class="w-[90%] h-[90%] object-contain"/></div><div class="flex-[0.75] flex justify-center flex-col" style="opacity:0;transform:translateX(100px) translateY(0px) translateZ(0)"><p class="font-poppins font-normal text-[14px] text-secondary-white text-left" style="opacity:0"><span style="opacity:0;transform:translateY(20px) translateZ(0)">|</span><span style="opacity:0;transform:translateY(20px) translateZ(0)"> </span><span style="opacity:0;transform:translateY(20px) translateZ(0)">W</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">h</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">y</span><span style="opacity:0;transform:translateY(20px) translateZ(0)"> </span><span style="opacity:0;transform:translateY(20px) translateZ(0)">U</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">s</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">?</span></p><h2 class="font-poppins md:text-[64px] font-extrabold mt-[8px] sm:text-[32px] text-[40px] text-secondary-white text-left z-10" style="opacity:0;transform:translateY(20px) translateZ(0)">Why should you choose us?</h2><div class="mt-[31px] flex flex-col max-w-[370px] gap-[24px]"><div class="flex justify-center items-center flex-row"><div class="flex justify-center items-center w-[70px] h-[70px] rounded-[24px] bg-[#323F5D]"><p class="font-poppins font-bold text-[20px] text-white">0 1</p></div><p class="font-poppins flex-1 ml-[30px] font-normal text-[18px] text-[#B0B0B0] leading-[32.4px]">We originate from the community of next-gen tech enthusiasts</p></div><div class="flex justify-center items-center flex-row"><div class="flex justify-center items-center w-[70px] h-[70px] rounded-[24px] bg-[#323F5D]"><p class="font-poppins font-bold text-[20px] text-white">0 2</p></div><p class="font-poppins flex-1 ml-[30px] font-normal text-[18px] text-[#B0B0B0] leading-[32.4px]">We contribute to the growing developer's community.</p></div><div class="flex justify-center items-center flex-row"><div class="flex justify-center items-center w-[70px] h-[70px] rounded-[24px] bg-[#323F5D]"><p class="font-poppins font-bold text-[20px] text-white">0 3</p></div><p class="font-poppins flex-1 ml-[30px] font-normal text-[18px] text-[#B0B0B0] leading-[32.4px]">We explore the digital space via virtual collaboration.</p></div></div></div></div></section><div class="gradient-04 z-0"></div><section class="sm:p-16 xs:p-8 px-6 py-12 relative z-10"><div class="2xl:max-w-[1280px] w-full mx-auto flex lg:flex-row flex-col gap-8"><div class="flex-[0.95] flex justify-center flex-col" style="opacity:0;transform:translateX(-100px) translateY(0px) translateZ(0)"><p class="font-poppins font-normal text-[14px] text-secondary-white text-left" style="opacity:0"><span style="opacity:0;transform:translateY(20px) translateZ(0)">|</span><span style="opacity:0;transform:translateY(20px) translateZ(0)"> </span><span style="opacity:0;transform:translateY(20px) translateZ(0)">O</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">u</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">r</span><span style="opacity:0;transform:translateY(20px) translateZ(0)"> </span><span style="opacity:0;transform:translateY(20px) translateZ(0)">A</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">c</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">t</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">i</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">v</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">i</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">t</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">i</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">e</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">s</span></p><h2 class="font-poppins md:text-[64px] font-extrabold mt-[8px] sm:text-[32px] text-[40px] text-secondary-white undefined z-10" style="opacity:0;transform:translateY(20px) translateZ(0)">Activities in our Club</h2><div class="mt-[48px] flex flex-wrap justify-between gap-[24px]"><div class="flex-1 flex flex-col sm:max-w-[250px] min-w-[210px]"><div class="flex justify-center items-center w-[70px] h-[70px] rounded-[24px] bg-[#323F5D]"><img src="/vrpano.svg" alt="icon" class="w-1/2 h-1/2 object-contain"/></div><h1 class="mt-[26px] font-bold text-[24px] leading-[30.24px] text-white">Play</h1><p class="flex-1 mt-[16px] font-normal text-[18px] text-[#B0B0B0] leading-[32.4px]">Participate and get a chance to win in virtual playground.</p></div><div class="flex-1 flex flex-col sm:max-w-[250px] min-w-[210px]"><div class="flex justify-center items-center w-[70px] h-[70px] rounded-[24px] bg-[#323F5D]"><img src="/headset.svg" alt="icon" class="w-1/2 h-1/2 object-contain"/></div><h1 class="mt-[26px] font-bold text-[24px] leading-[30.24px] text-white">Learn</h1><p class="flex-1 mt-[16px] font-normal text-[18px] text-[#B0B0B0] leading-[32.4px]">Learn emerging technologies in VR domain.</p></div><div class="flex-1 flex flex-col sm:max-w-[250px] min-w-[210px]"><div class="flex justify-center items-center w-[70px] h-[70px] rounded-[24px] bg-[#323F5D]"><img src="/vrpano.svg" alt="icon" class="w-1/2 h-1/2 object-contain"/></div><h1 class="mt-[26px] font-bold text-[24px] leading-[30.24px] text-white">Enjoy</h1><p class="flex-1 mt-[16px] font-normal text-[18px] text-[#B0B0B0] leading-[32.4px]">Use coding skills to develop virtual stuff.</p></div><div class="flex-1 flex flex-col sm:max-w-[250px] min-w-[210px]"><div class="flex justify-center items-center w-[70px] h-[70px] rounded-[24px] bg-[#323F5D]"><img src="/headset.svg" alt="icon" class="w-1/2 h-1/2 object-contain"/></div><h1 class="mt-[26px] font-bold text-[24px] leading-[30.24px] text-white">Develop</h1><p class="flex-1 mt-[16px] font-normal text-[18px] text-[#B0B0B0] leading-[32.4px]">Develop and contribute to the virtual space.</p></div></div></div><div class="flex-1 flex justify-center items-center" style="transform:translateX(100%) rotate(120deg) translateZ(0)"><img src="/whats-new.png" alt="get-started" class="w-[90%] h-[90%] object-contain"/></div></div></section></div><div class="relative"><div class="gradient-03 z-0"></div><section class="sm:p-16 xs:p-8 px-6 py-12 relative z-10"><div class="2xl:max-w-[1280px] w-full mx-auto flex flex-col"><p class="font-poppins font-normal text-[14px] text-secondary-white text-center" style="opacity:0"><span style="opacity:0;transform:translateY(20px) translateZ(0)">|</span><span style="opacity:0;transform:translateY(20px) translateZ(0)"> </span><span style="opacity:0;transform:translateY(20px) translateZ(0)">C</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">o</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">n</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">n</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">e</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">c</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">t</span><span style="opacity:0;transform:translateY(20px) translateZ(0)"> </span><span style="opacity:0;transform:translateY(20px) translateZ(0)">w</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">i</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">t</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">h</span><span style="opacity:0;transform:translateY(20px) translateZ(0)"> </span><span style="opacity:0;transform:translateY(20px) translateZ(0)">p</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">e</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">o</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">p</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">l</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">e</span></p><h2 class="font-poppins md:text-[64px] font-extrabold mt-[8px] sm:text-[32px] text-[40px] text-secondary-white text-center z-10" style="opacity:0;transform:translateY(20px) translateZ(0)">Create your own avatars and connect with people in the Metaverse.</h2><div class="relative mt-[68px] flex w-full md:w-full md:h-full h-[550px]" style="opacity:0;transform:translateX(0px) translateY(100px) translateZ(0)"><img src="/map-base 1.svg" alt="map" class="md:w-full md:h-full w-full h-full object-cover"/><div class="absolute bottom-20 right-20 w-[70px] h-[70px] p-[6px] rounded-full bg-[#5D6680]"><img src="people-01.png" alt="people" class="w-full h-full"/></div><div class="absolute top-10 left-20 w-[70px] h-[70px] p-[6px] rounded-full bg-[#5D6680]"><img src="/people-02.png" alt="people" class="w-full h-full"/></div><div class="absolute top-1/2 left-[45%] w-[70px] h-[70px] p-[6px] rounded-full bg-[#5D6680]"><img src="people-03.png" alt="people" class="w-full h-full"/></div></div></div><div class="gradient-02 -z-10"></div></section></div><div class="relative"><section class="sm:p-16 xs:p-8 px-6 py-12 relative z-10"><div class="2xl:max-w-[1280px] w-full mx-auto flex flex-col"><p class="font-poppins font-normal text-[14px] text-secondary-white text-center" style="opacity:0"><span style="opacity:0;transform:translateY(20px) translateZ(0)">|</span><span style="opacity:0;transform:translateY(20px) translateZ(0)"> </span><span style="opacity:0;transform:translateY(20px) translateZ(0)">L</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">a</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">t</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">e</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">s</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">t</span><span style="opacity:0;transform:translateY(20px) translateZ(0)"> </span><span style="opacity:0;transform:translateY(20px) translateZ(0)">U</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">p</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">d</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">a</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">t</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">e</span><span style="opacity:0;transform:translateY(20px) translateZ(0)">s</span></p><h2 class="font-poppins md:text-[64px] font-extrabold mt-[8px] sm:text-[32px] text-[40px] text-secondary-white text-center z-10" style="opacity:0;transform:translateY(20px) translateZ(0)">What's happening?</h2><div class="mt-[50px] flex flex-col gap-[30px]"><div class="flex md:flex-row flex-col gap-4" style="opacity:0;transform:translateX(0px) translateY(100px) translateZ(0)"><img src="/vr.png" alt="planet-01" class="md:w-[270px] w-full h-[250px] rounded-[32px] object-cover"/><div class="w-full flex justify-between items-center"><div class="flex-1 md:ml-[62px] flex flex-col max-w-[650px]"><h4 class="font-poppins font-semibold lg:text-[42px] text-[26px] text-white">The launch of VR Club</h4><p class="mt-[16px] font-normal lg:text-[20px] text-[14px] text-secondary-white">VR Club is now officialy launched. Recruitments to start soon.</p></div><div class="lg:flex hidden items-center justify-center w-[100px] h-[100px] rounded-full bg-transparent border-[1px] border-white"><img src="/arrow.svg" alt="arrow" class="w-[40%] h-[40%] object-contain"/></div></div></div><div class="flex md:flex-row flex-col gap-4" style="opacity:0;transform:translateX(0px) translateY(100px) translateZ(0)"><img src="/join us in.svg" alt="planet-01" class="md:w-[270px] w-full h-[250px] rounded-[32px] object-cover"/><div class="w-full flex justify-between items-center"><div class="flex-1 md:ml-[62px] flex flex-col max-w-[650px]"><h4 class="font-poppins font-semibold lg:text-[42px] text-[26px] text-white">VR Club: "We proudly announce to organize our curtain-raiser event in Vibrance 2023!"</h4><p class="mt-[16px] font-normal lg:text-[20px] text-[14px] text-secondary-white">VR Club has decided to held it's first ever event in Vibrance 2023. The Club is looking for a intense engagement for the upcoming event, among the students.</p></div><div class="lg:flex hidden items-center justify-center w-[100px] h-[100px] rounded-full bg-transparent border-[1px] border-white"><img src="/arrow.svg" alt="arrow" class="w-[40%] h-[40%] object-contain"/></div></div></div><div class="flex md:flex-row flex-col gap-4" style="opacity:0;transform:translateX(0px) translateY(100px) translateZ(0)"><img src="/girlvr.jpg" alt="planet-01" class="md:w-[270px] w-full h-[250px] rounded-[32px] object-cover"/><div class="w-full flex justify-between items-center"><div class="flex-1 md:ml-[62px] flex flex-col max-w-[650px]"><h4 class="font-poppins font-semibold lg:text-[42px] text-[26px] text-white">Students say, "We are excited to experience VIT in a Metaverse!"</h4><p class="mt-[16px] font-normal lg:text-[20px] text-[14px] text-secondary-white">Students have starting showing their immense interest in the motive of the club, it's upcoming projects and events.</p></div><div class="lg:flex hidden items-center justify-center w-[100px] h-[100px] rounded-full bg-transparent border-[1px] border-white"><img src="/arrow.svg" alt="arrow" class="w-[40%] h-[40%] object-contain"/></div></div></div></div></div></section><div class="gradient-03 z-0"></div><section class="sm:p-16 xs:p-8 px-6 py-12"><div class="2xl:max-w-[1280px] w-full mx-auto flex lg:flex-row flex-col gap-6"><div class=" flex-[0.5] lg:max-w-[370px] flex justify-end flex-col gradient-05 sm:p-8 p-4 rounded-[32px] border-[1px] border-[#6A6A6A] relative" style="opacity:0;transform:translateX(-100px) translateY(0px) translateZ(0)"><div class="feedback-gradient"></div><div class="z-10"><img src="/vanshmani-modified.png" alt="stamp" class="sm:w-[130px] w-[80px] sm:h-[130px] h-[80px] object-contain"/><h4 class="pt-6 font-poppins font-extrabold sm:text-[32px] text-[26px] sm:leading-[40.32px] leading-[36.32px] text-white">Vanshmani</h4><p class="font-poppins mt-[8px] font-normal sm:text-[18px] text-[12px] sm:leading-[22.68px] leading-[16.68px] text-white">Founder VR Club</p></div><p class="z-10 font-poppins mt-[24px] font-normal sm:text-[24px] text-[18px] sm:leading-[45.6px] leading-[39.6px] text-white">“With the development of today's technology, metaverse is very useful for today's work, or can be called web 3.0. by using metaverse you can use it as anything.”</p></div><div class="relative flex-1 flex justify-center items-center" style="opacity:0;transform:translateX(100px) translateY(0px) translateZ(0)"><img src="/vr-stampp.jpg" alt="planet-09" class="w-full lg:h-[610px] h-auto min-h-[210px] object-cover rounded-[40px]"/><div class="lg:block hidden absolute -left-[10%] top-[3%]" style="opacity:0;transform:scale(0) translateZ(0)"><a href="#hero"><div class="w-full flex justify-end sm:-mt-[70px] -mt-[50px] pr-[40px] relative z-10"><img src="/stamp.png" alt="stamp" class="sm:w-[155px] w-[100px] sm:h-[155px] h-[100px] object-contain"/></div></a></div></div></div></section></div><footer class="sm:px-16 px-6 py-8 relative" style="opacity:0;transform:translateY(50px) translateZ(0)"><div class="footer-gradient"></div><div class="2xl:max-w-[1280px] w-full mx-auto flex flex-col gap-8"><div class="flex items-center justify-between flex-wrap gap-5"><h4 class="font-bold md:text-[64px] text-[44px] text-white">Register with Us.</h4><button type="button" class="flex items-center h-fit py-4 px-6 bg-[#BE0C6C] rounded-[32px] gap-[12px]"><img src="/headset.svg" alt="headset" class="w-[24px] h-[24px] object-contain"/><span class="font-normal text-[16px] text-white">Join Us</span></button></div><div class="flex flex-col"><div class="mb-[50px] h-[2px] bg-white opacity-10"></div><div class="flex items-center justify-between flex-wrap gap-4"><h4 class="font-extrabold text-[24px] text-white">VR Club</h4><p class="font-normal text-[14px] text-white opacity-50">Copyright © 2023 VR Club. All rights reserved.</p><div class="flex gap-4"><img src="/discord.svg" alt="discord" class="w-[24px] h-[24px] object-contain cursor-pointer"/><img src="/linkedin.svg" alt="linkedin" class="w-[24px] h-[24px] object-contain cursor-pointer"/><img src="/instagram.svg" alt="instagram" class="w-[24px] h-[24px] object-contain cursor-pointer"/><img src="/facebook.svg" alt="facebook" class="w-[24px] h-[24px] object-contain cursor-pointer"/></div></div></div></div></footer></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"QACWpQs_S6gtuWJPd5ook","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>