1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/17ea63293e0b5673-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/4cf2300e9c8272f7-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/8d3a3c63ea77ffcc-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/93f479601ee12b01-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/a88c13d5f58b71d4-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=https%3A%2F%2Fi.postimg.cc%2F90hwrgMJ%2FFinal-1.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fi.postimg.cc%2F90hwrgMJ%2FFinal-1.png&w=640&q=75 2x"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=https%3A%2F%2Fi.postimg.cc%2F90hwrgMJ%2FFinal-1.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fi.postimg.cc%2F90hwrgMJ%2FFinal-1.png&w=384&q=75 2x"/><link rel="stylesheet" href="/_next/static/css/0bfdfe0505a62f05.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/9d49083935ca846c.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-58bac22bd8425fc7.js"/>
1<script src="/_next/static/chunks/1c6249b8-a1a7ace1486c02ea.js" async=""></script>
1<script src="/_next/static/chunks/621-180a29ee4870591e.js" async=""></script>
1<script src="/_next/static/chunks/main-app-3cf8ca2b900a888d.js" async=""></script>
1<script src="/_next/static/chunks/40-a293962f1802afbf.js" async=""></script>
1<script src="/_next/static/chunks/647-7f2f1bda20670203.js" async=""></script>
1<script src="/_next/static/chunks/239-98f2177ea55c78c5.js" async=""></script>
1<script src="/_next/static/chunks/app/layout-e38f237e27379cc2.js" async=""></script>
1<script src="/_next/static/chunks/730-fac0078c634a6f60.js" async=""></script>
1<script src="/_next/static/chunks/614-92fbec15aeeff04b.js" async=""></script>
1<script src="/_next/static/chunks/app/about-us/page-d2e6ecb797619842.js" async=""></script>
1<meta name="next-size-adjust" content=""/><link rel="icon" href="/favicon.ico" type="image/x-icon" sizes="16x16"/>
1<script>document.querySelectorAll('body link[rel="icon"], body link[rel="apple-touch-icon"]').forEach(el => document.head.appendChild(el))</script>
1<script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script>
1</head><body class="__variable_188709 __variable_9a8899 __variable_901831 __variable_ca60d3 __variable_de448e antialiased"><div hidden=""><!--$--><!--/$--></div><div class="fixed inset-0 z-[9999] flex flex-col items-center justify-center bg-white text-foreground overflow-hidden" style="opacity:1"><div class="absolute w-64 h-64 bg-primary/10 rounded-full blur-3xl -top-20 -left-20"></div><div class="absolute w-80 h-80 bg-secondary/10 rounded-full blur-3xl -bottom-20 -right-20"></div><div class="relative flex flex-col items-center justify-center p-8 rounded-3xl bg-white" style="opacity:0;transform:translateY(20px) scale(0.8)"><img alt="VJOC Logo" width="250" height="120" decoding="async" data-nimg="1" class="object-contain mb-6" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fi.postimg.cc%2F90hwrgMJ%2FFinal-1.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fi.postimg.cc%2F90hwrgMJ%2FFinal-1.png&w=640&q=75 2x" src="/_next/image?url=https%3A%2F%2Fi.postimg.cc%2F90hwrgMJ%2FFinal-1.png&w=640&q=75"/><div class="relative w-24 h-24 flex items-center justify-center" style="opacity:0;transform:scale(0.8)"><div class="absolute w-full h-full border-2 border-primary/50 rounded-full animate-spin-slow"></div><div class="absolute w-1/2 h-1/2 border-2 border-secondary/70 rounded-full animate-spin-reverse-slow"></div><div class="absolute w-1/4 h-1/4 bg-primary rounded-full"></div></div><p class="mt-6 text-lg font-semibold text-foreground">Bridging Nations Through Knowledge & Culture</p></div></div><nav class="w-full fixed top-0 z-50 transition-all duration-500 ease-in-out bg-white/95 backdrop-blur-lg text-foreground shadow-lg border-b border-gray-100/50" style="opacity:0;transform:translateY(-100px)"><div class="container mx-auto px-4 md:px-6"><div class="flex items-center justify-between h-20 md:h-24"><a class="flex items-center group" href="/"><div class="relative"><img alt="VJOC Logo" width="180" height="90" decoding="async" data-nimg="1" class="w-44 h-22 md:w-52 md:h-26 object-contain transition-all duration-500 ease-in-out" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fi.postimg.cc%2F90hwrgMJ%2FFinal-1.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fi.postimg.cc%2F90hwrgMJ%2FFinal-1.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fi.postimg.cc%2F90hwrgMJ%2FFinal-1.png&w=384&q=75"/><div class="absolute inset-0 bg-gradient-to-r from-primary/20 to-secondary/20 rounded-lg blur-xl -z-10" style="opacity:0"></div></div></a><div class="hidden lg:flex items-center space-x-1"><div style="opacity:0;transform:translateY(-20px)"><a class="relative px-3 py-2 text-base font-semibold rounded-lg transition-all duration-300 ease-in-out group hover:bg-primary/5 text-gray-700 hover:text-primary" href="/"><span class="relative z-10">Home</span><div class="absolute inset-0 bg-gradient-to-r from-primary/5 to-secondary/5 rounded-lg -z-10" style="opacity:0"></div></a></div><div style="opacity:0;transform:translateY(-20px)"><a class="relative px-3 py-2 text-base font-semibold rounded-lg transition-all duration-300 ease-in-out group hover:bg-primary/5 hover:text-primary text-primary" href="/about-us"><span class="relative z-10">About Us</span><div class="absolute bottom-0 left-1/2 -translate-x-1/2 h-0.5 rounded-full bg-primary" style="width:0px"></div><div class="absolute inset-0 bg-gradient-to-r from-primary/5 to-secondary/5 rounded-lg -z-10" style="opacity:0"></div></a></div><div style="opacity:0;transform:translateY(-20px)"><a class="relative px-3 py-2 text-base font-semibold rounded-lg transition-all duration-300 ease-in-out group hover:bg-primary/5 text-gray-700 hover:text-primary" href="/research"><span class="relative z-10">Research</span><div class="absolute inset-0 bg-gradient-to-r from-primary/5 to-secondary/5 rounded-lg -z-10" style="opacity:0"></div></a></div><div style="opacity:0;transform:translateY(-20px)"><a class="relative px-3 py-2 text-base font-semibold rounded-lg transition-all duration-300 ease-in-out group hover:bg-primary/5 text-gray-700 hover:text-primary" href="/internships"><span class="relative z-10">Internships</span><div class="absolute inset-0 bg-gradient-to-r from-primary/5 to-secondary/5 rounded-lg -z-10" style="opacity:0"></div></a></div><div style="opacity:0;transform:translateY(-20px)"><a class="relative px-3 py-2 text-base font-semibold rounded-lg transition-all duration-300 ease-in-out group hover:bg-primary/5 text-gray-700 hover:text-primary" href="/our-team"><span class="relative z-10">Our Team</span><div class="absolute inset-0 bg-gradient-to-r from-primary/5 to-secondary/5 rounded-lg -z-10" style="opacity:0"></div></a></div><div style="opacity:0;transform:translateY(-20px)"><a class="relative px-3 py-2 text-base font-semibold rounded-lg transition-all duration-300 ease-in-out group hover:bg-primary/5 text-gray-700 hover:text-primary" href="/partners"><span class="relative z-10">Partners</span><div class="absolute inset-0 bg-gradient-to-r from-primary/5 to-secondary/5 rounded-lg -z-10" style="opacity:0"></div></a></div><div style="opacity:0;transform:translateY(-20px)"><a class="relative px-3 py-2 text-base font-semibold rounded-lg transition-all duration-300 ease-in-out group hover:bg-primary/5 text-gray-700 hover:text-primary" href="/reports"><span class="relative z-10">Reports</span><div class="absolute inset-0 bg-gradient-to-r from-primary/5 to-secondary/5 rounded-lg -z-10" style="opacity:0"></div></a></div><div style="opacity:0;transform:translateY(-20px)"><a class="relative px-3 py-2 text-base font-semibold rounded-lg transition-all duration-300 ease-in-out group hover:bg-primary/5 text-gray-700 hover:text-primary" href="/contact-us"><span class="relative z-10">Contact Us</span><div class="absolute inset-0 bg-gradient-to-r from-primary/5 to-secondary/5 rounded-lg -z-10" style="opacity:0"></div></a></div></div><div class="hidden lg:flex items-center space-x-4" style="opacity:0;transform:translateX(20px)"><a class="inline-flex items-center justify-center gap-2 whitespace-nowrap focu
1s-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:bg-primary/90 h-9 px-6 py-3 rounded-xl text-sm font-semibold transition-all duration-300 ease-in-out group shadow-lg hover:shadow-xl bg-gradient-to-r from-primary to-secondary hover:from-primary/90 hover:to-secondary/90 text-white hover:scale-105 flex items-center space-x-2" href="/contact-us"><div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone h-4 w-4" aria-hidden="true"><path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"></path></svg></div><span>Get in Touch</span></a></div><div class="lg:hidden flex items-center space-x-2"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:text-accent-foreground relative w-10 h-10 rounded-lg transition-all duration-300 text-foreground hover:bg-gray-100"><div class="flex flex-col justify-center items-center space-y-2 text-foreground"><span class="h-0.5 w-6 bg-current rounded-full transition-all duration-300 ease-in-out" style="transform:none"></span><span class="h-0.5 w-6 bg-current rounded-full transition-all duration-300 ease-in-out" style="opacity:1"></span><span class="h-0.5 w-6 bg-current rounded-full transition-all duration-300 ease-in-out" style="transform:none"></span></div></button></div></div></div></nav><main><section class="w-full relative min-h-[80vh] flex items-center py-24 md:py-32 overflow-hidden"><div class="absolute inset-0" style="transform:scale(1.1)"><img alt="VJOC Collaboration" loading="lazy" decoding="async" data-nimg="fill" class="z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;object-fit:cover;color:transparent" sizes="100vw" srcSet="/_next/image?url=%2Fimages%2Fabout-us-hero.jpg&w=640&q=90 640w, /_next/image?url=%2Fimages%2Fabout-us-hero.jpg&w=750&q=90 750w, /_next/image?url=%2Fimages%2Fabout-us-hero.jpg&w=828&q=90 828w, /_next/image?url=%2Fimages%2Fabout-us-hero.jpg&w=1080&q=90 1080w, /_next/image?url=%2Fimages%2Fabout-us-hero.jpg&w=1200&q=90 1200w, /_next/image?url=%2Fimages%2Fabout-us-hero.jpg&w=1920&q=90 1920w, /_next/image?url=%2Fimages%2Fabout-us-hero.jpg&w=2048&q=90 2048w, /_next/image?url=%2Fimages%2Fabout-us-hero.jpg&w=3840&q=90 3840w" src="/_next/image?url=%2Fimages%2Fabout-us-hero.jpg&w=3840&q=90"/></div><div class="absolute inset-0 bg-gradient-to-br from-black/70 via-black/60 to-black/70 z-10" style="opacity:0"></div><div class="absolute top-20 right-20 w-32 h-32 bg-primary/20 rounded-full blur-2xl z-15"></div><div class="absolute bottom-20 left-20 w-40 h-40 bg-secondary/20 rounded-full blur-2xl z-15"></div><div class="container mx-auto px-4 md:px-6 relative z-20 text-white"><div class="max-w-4xl mx-auto text-center" style="opacity:0"><div class="inline-flex items-center gap-2 bg-white/10 backdrop-blur-sm text-white px-4 py-2 rounded-full text-sm font-medium mb-6 border border-white/20" style="opacity:0;transform:translateY(50px)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe h-4 w-4" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg>About VJOC</div><h1 class="text-4xl md:text-5xl lg:text-6xl font-bold mb-6 leading-tight" style="opacity:0;transform:translateY(50px)">Bridging <span class="text-transparent bg-clip-text bg-gradient-to-r from-primary to-secondary">India and Japan</span> <br/>Through Knowledge & Collaboration</h1><div class="w-32 h-1 bg-gradient-to-r from-primary via-white to-secondary mx-auto rounded-full mb-6" style="opacity:0;transform:translateY(50px)"></div><p class="text-lg md:text-xl text-white/90 max-w-3xl mx-auto leading-relaxed" style="opacity:0;transform:translateY(50px)">The Vishnu Japan Outreach Centre (VJOC) is a strategic platform established under Shri Vishnu Educational Society, dedicated to fostering comprehensive Indo-Japan collaborations in academia, research, industry, and culture.</p><div class="mt-10 flex justify-center space-x-4" style="opacity:0;transform:translateY(50px)"><div tabindex="0"><button class="bg-gradient-to-r from-primary to-secondary hover:from-primary/90 hover:to-secondary/90 text-white px-8 py-3 rounded-xl shadow-lg hover:shadow-xl transition-all duration-300 flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-target h-5 w-5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="6"></circle><circle cx="12" cy="12" r="2"></circle></svg>Our Mission</button></div><div tabindex="0"><button class="bg-white/20 backdrop-blur-sm hover:bg-white/30 text-white px-8 py-3 rounded-xl border border-white/20 transition-all duration-300 flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-5 w-5" aria-hidden="true"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg>Key Collaborations</button></div></div></div></div></section><section class="w-full py-24 md:py-32 bg-gradient-to-br from-our-story-background via-white to-our-story-background relative overflow-hidden"><div class="absolute top-0 right-0 w-96 h-96 bg-primary/5 rounded-full blur-3xl -translate-y-48 translate-x-48"></div><div class="absolute bottom-0 left-0 w-80 h-80 bg-secondary/5 rounded-full blur-3xl translate-y-32 -translate-x-32"></div><div class="container mx-auto px-4 md:px-6"><div class="text-center mb-16" style="opacity:0"><div class="inline-flex items-center gap-2 bg-primary/10 text-primary px-4 py-2 rounded-full text-sm font-medium mb-4" style="opacity:0;transform:translateY(50px)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-target h-4 w-4" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="6"></circle><circle cx="12" cy="12" r="2"></circle></svg>Our Mission</div><h2 class="text-3xl md:text-4xl lg:text-5xl font-bold text-foreground mb-6 leading-tight" style="opacity:0;transform:translateY(50px)">Bridging Nations, <br/><span class="text-transparent bg-clip-text bg-gradient-to-r from-primary to-secondary">Empowering Futures</span></h2><div class="w-24 h-1 bg-gradient-to-r from-primary to-secondary mx-auto rounded-full mb-4" style="opacity:0;transform:translateY(50px)"></div><p class="text-lg text-muted-foreground max-w-2xl mx-auto" style="opacity:0;transform:translateY(50px)">VJOC is committed to creating a dynamic ecosystem that fosters mutual growth, innovation, and understanding between India and Japan through strategic collaborations.</p></div><div class="grid grid-cols-1 md:grid-cols-3 gap-8" style="opacity:0"><div class="bg-white rounded-2xl p-6 shadow-lg border border-gray-100 hover:shadow-xl transition-all duration-300" style="opacity:0;transform:translateY(50px)"><div class="mb-6"><div class="w-16 h-16 bg-gradient-to-br from-text-learning-collaboration/10 to-text-learning-collaboration/5 rounded-2xl flex items-center justify-center mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open h-8 w-8 text-learning-collaboration" aria-hidden="true"><path d="M12 7v14"></path><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"></path></svg></div></div><h3 class="text-xl font-bold mb-4 text-foreground">Academic Excellence</h3><p class="text-muted-foreground leading-relaxed">Foster comprehensive academic collaborations through innovative exchange programs, joint research initiatives, and dual-degree opportunities.</p></div><div class="bg-white rounded-2xl p-6 shadow-lg border border-gray-100 hover:shadow-xl transition-all duration-300" style="opacity:0;transform:translateY(50px)"><div class="mb-6"><div class="w-16 h-16 bg-gradient-to-br from-text-learning-empathy/10 to-text-learning-empathy/5 rounded-2xl flex items-center justify-center mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe h-8 w-8 text-learning-empathy" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg></div></div><h3 class="text-xl font-bold mb-4 text-foreground">Cultural Bridge</h3><p class="text-muted-foreground leading-relaxed">Create a vibrant platform for cross-cultural understanding, language exchange, and mutual learning between India and Japan.</p></div><div class="bg-white rounded-2xl p-6 shadow-lg border border-gray-100 hover:shadow-xl transition-all duration-300" style="opacity:0;transform:translateY(50px)"><div class="mb-6"><div class="w-16 h-16 bg-gradient-to-br from-text-learning-creativity/10 to-text-learning-creativity/5 rounded-2xl flex items-center justify-center mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-target h-8 w-8 text-learning-creativity" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="6"></circle><circle cx="12" cy="12" r="2"></circle></svg></div></div><h3 class="text-xl font-bold mb-4 text-foreground">Innovation Catalyst</h3><p class="text-muted-foreground leading-relaxed">Drive technological innovation and entrepreneurship by connecting Indian creativity with Japanese technological precision.</p></div></div></div></section><section class="w-full py-24 md:py-32 bg-white relative overflow-hidden"><div class="absolute top-0 left-0 w-96 h-96 bg-primary/3 rounded-full blur-3xl -translate-y-48 -translate-x-48"></div><div class="absolute bottom-0 right-0 w-80 h-80 bg-secondary/3 rounded-full blur-3xl translate-y-32 translate-x-32"></div><div class="container mx-auto px-4 md:px-6 relative z-10"><div class="text-center mb-16" style="opacity:0"><div class="inline-flex items-center gap-2 bg-primary/10 text-primary px-6 py-3 rounded-full text-sm font-medium mb-8 border border-primary/20" style="opacity:0;transform:translateY(50px)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-target h-4 w-4" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="6"></circle><circle cx="12" cy="12" r="2"></circle></svg>Our Purpose</div><h2 class="text-3xl md:text-4xl lg:text-5xl font-bold text-foreground mb-8 leading-tight" style="opacity:0;transform:translateY(50px)">Strategic Platform for <br/><span class="text-transparent bg-clip-text bg-gradient-to-r from-primary to-secondary">Indo-Japan Growth</span></h2><div class="w-32 h-1 bg-gradient-to-r from-primary via-secondary to-primary mx-auto rounded-full mb-8" style="opacity:0;transform:translateY(50px)"></div><p class="text-lg text-muted-foreground max-w-3xl mx-auto leading-relaxed" style="opacity:0;transform:translateY(50px)">VJOC is envisioned as a strategic platform to bridge India and Japan across various domains, fostering innovation, cultural exchange, and mutual growth through targeted initiatives.</p></div><div class="grid grid-cols-1 md:grid-cols-2 gap-8 mb-16" style="opacity:0"><div class="group relative bg-white rounded-3xl p-8 shadow-lg border border-gray-100 hover:shadow-2xl transition-all duration-300" style="opacity:0;transform:translateY(50px)"><div class="flex items-start space-x-6 mb-6"><div class="w-16 h-16 bg-primary/10 rounded-2xl flex items-center justify-center flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-graduation-cap h-8 w-8 text-primary" aria-hidden="true"><path d="M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z"></path><path d="M22 10v6"></path><path d="M6 12.5V16a6 3 0 0 0 12 0v-3.5"></path></svg></div><div class="flex-1"><h3 class="text-xl font-bold text-foreground mb-3 group-hover:text-primary transition-colors duration-300">Academic Collaborations</h3><p class="text-muted-foreground leading-relaxed">Strengthen academic collaborations through dual-degree programs, joint research, and facultyâstudent exchanges.</p></div></div><div class="absolute bottom-6 right-6 opacity-0 group-hover:opacity-100 transition-opacity duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-5 w-5 text-primary" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div><div class="absolute -top-2 -right-2 w-6 h-6 bg-primary/20 rounded-full"></div></div><div class="group relative bg-white rounded-3xl p-8 shadow-lg border border-gray-100 hover:shadow-2xl transition-all duration-300" style="opacity:0;transform:translateY(50px)"><div class="flex items-start space-x-6 mb-6"><div class="w-16 h-16 bg-secondary/10 rounded-2xl flex items-center justify-center flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-factory h-8 w-8 text-secondary" aria-hidden="true"><path d="M12 16h.01"></path><path d="M16 16h.01"></path><path d="M3 19a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V8.5a.5.5 0 0 0-.769-.422l-4.462 2.844A.5.5 0 0 1 15 10.5v-2a.5.5 0 0 0-.769-.422L9.77 10.922A.5.5 0 0 1 9 10.5V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2z"></path><path d="M8 16h.01"></path></svg></div><div class="flex-1"><h3 class="text-xl font-bold text-foreground mb-3 group-hover:text-primary transition-colors duration-300">Industry Partnerships</h3><p class="text-muted-foreground leading-relaxed">Facilitate industry partnerships that provide exposure to advanced Japanese technologies and global career opportunities.</p></div></div><div class="absolute bottom-6 right-6 opacity-0 group-hover:opacity-100 transition-opacity duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-5 w-5 text-secondary" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div><div class="absolute -top-2 -right-2 w-6 h-6 bg-secondary/20 r
1ounded-full"></div></div><div class="group relative bg-white rounded-3xl p-8 shadow-lg border border-gray-100 hover:shadow-2xl transition-all duration-300" style="opacity:0;transform:translateY(50px)"><div class="flex items-start space-x-6 mb-6"><div class="w-16 h-16 bg-learning-empathy/10 rounded-2xl flex items-center justify-center flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe h-8 w-8 text-learning-empathy" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg></div><div class="flex-1"><h3 class="text-xl font-bold text-foreground mb-3 group-hover:text-primary transition-colors duration-300">Cross-Cultural Learning</h3><p class="text-muted-foreground leading-relaxed">Promote cross-cultural learning through Japanese language education, cultural workshops, and exchange programs.</p></div></div><div class="absolute bottom-6 right-6 opacity-0 group-hover:opacity-100 transition-opacity duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-5 w-5 text-learning-empathy" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div><div class="absolute -top-2 -right-2 w-6 h-6 bg-learning-empathy/20 rounded-full"></div></div><div class="group relative bg-white rounded-3xl p-8 shadow-lg border border-gray-100 hover:shadow-2xl transition-all duration-300" style="opacity:0;transform:translateY(50px)"><div class="flex items-start space-x-6 mb-6"><div class="w-16 h-16 bg-learning-creativity/10 rounded-2xl flex items-center justify-center flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lightbulb h-8 w-8 text-learning-creativity" aria-hidden="true"><path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"></path><path d="M9 18h6"></path><path d="M10 22h4"></path></svg></div><div class="flex-1"><h3 class="text-xl font-bold text-foreground mb-3 group-hover:text-primary transition-colors duration-300">Innovation & Technology</h3><p class="text-muted-foreground leading-relaxed">Drive technology, innovation, and entrepreneurship in areas like AI, robotics, healthcare, renewable energy, smart manufacturing, and sustainability.</p></div></div><div class="absolute bottom-6 right-6 opacity-0 group-hover:opacity-100 transition-opacity duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-5 w-5 text-learning-creativity" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div><div class="absolute -top-2 -right-2 w-6 h-6 bg-learning-creativity/20 rounded-full"></div></div></div><div class="text-center" style="opacity:0"><div class="bg-gradient-to-br from-primary/5 via-white to-secondary/5 rounded-3xl p-8 md:p-12 border border-gray-100" style="opacity:0;transform:translateY(50px)"><h3 class="text-2xl md:text-3xl font-bold text-foreground mb-4" style="opacity:0;transform:translateY(50px)">Ready to Explore Opportunities?</h3><p class="text-muted-foreground mb-8 max-w-2xl mx-auto" style="opacity:0;transform:translateY(50px)">Join us in building bridges between India and Japan through innovative collaborations and transformative educational experiences.</p><div tabindex="0" style="opacity:0;transform:translateY(50px)"><button class="bg-gradient-to-r from-primary to-secondary hover:from-primary/90 hover:to-secondary/90 text-white px-8 py-4 rounded-xl shadow-lg hover:shadow-xl transition-all duration-300 flex items-center gap-2 mx-auto"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe h-5 w-5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg>Learn More About Our Programs<div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-5 w-5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></button></div></div></div></div></section><section class="w-full py-24 md:py-32 bg-gradient-to-br from-our-story-background via-gray-50 to-our-story-background relative overflow-hidden"><div class="absolute top-0 right-0 w-96 h-96 bg-secondary/5 rounded-full blur-3xl -translate-y-48 translate-x-48"></div><div class="absolute bottom-0 left-0 w-80 h-80 bg-primary/5 rounded-full blur-3xl translate-y-32 -translate-x-32"></div><div class="container mx-auto px-4 md:px-6 relative z-10"><div class="max-w-7xl mx-auto"><div class="grid grid-cols-1 lg:grid-cols-2 gap-16 items-center"><div class="order-2 lg:order-1" style="opacity:0"><div class="inline-flex items-center gap-2 bg-secondary/10 text-secondary px-4 py-2 rounded-full text-sm font-medium mb-6" style="opacity:0;transform:translateY(50px)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big h-4 w-4" aria-hidden="true"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg>Why Choose VJOC</div><h2 class="text-3xl md:text-4xl lg:text-5xl font-bold text-foreground mb-8 leading-tight" style="opacity:0;transform:translateY(50px)">Uniting <span class="text-primary">Innovation</span> with <br/><span class="text-secondary">Excellence</span></h2><div class="w-24 h-1 bg-gradient-to-r from-primary to-secondary rounded-full mb-8" style="opacity:0;transform:translateY(50px)"></div><p class="text-lg text-muted-foreground mb-12 leading-relaxed" style="opacity:0;transform:translateY(50px)">By uniting India's innovation-driven spirit with Japan'
1s technological excellence and discipline, VJOC creates unprecedented opportunities for growth and collaboration.</p><div class="space-y-6" style="opacity:0"><div class="group flex items-start space-x-4 p-4 bg-white/80 backdrop-blur-sm rounded-2xl border border-gray-100 hover:shadow-lg transition-all duration-300" style="opacity:0;transform:translateY(50px)"><div class="w-12 h-12 bg-gradient-to-br from-primary/10 to-secondary/10 rounded-xl flex items-center justify-center flex-shrink-0 mt-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-building h-6 w-6 text-primary" aria-hidden="true"><rect width="16" height="20" x="4" y="2" rx="2" ry="2"></rect><path d="M9 22v-4h6v4"></path><path d="M8 6h.01"></path><path d="M16 6h.01"></path><path d="M12 6h.01"></path><path d="M12 10h.01"></path><path d="M12 14h.01"></path><path d="M16 10h.01"></path><path d="M16 14h.01"></path><path d="M8 10h.01"></path><path d="M8 14h.01"></path></svg></div><div class="flex-1"><h3 class="text-lg font-bold text-foreground mb-2 group-hover:text-primary transition-colors duration-300">Robust Indo-Japan Ecosystem</h3><p class="text-muted-foreground text-sm leading-relaxed">Build a comprehensive ecosystem in higher education and research that connects institutions across both nations.</p></div><div class="opacity-0 group-hover:opacity-100 transition-opacity duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-5 w-5 text-primary" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div><div class="group flex items-start space-x-4 p-4 bg-white/80 backdrop-blur-sm rounded-2xl border border-gray-100 hover:shadow-lg transition-all duration-300" style="opacity:0;transform:translateY(50px)"><div class="w-12 h-12 bg-gradient-to-br from-primary/10 to-secondary/10 rounded-xl flex items-center justify-center flex-shrink-0 mt-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe h-6 w-6 text-primary" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg></div><div class="flex-1"><h3 class="text-lg font-bold text-foreground mb-2 group-hover:text-primary transition-colors duration-300">Global Footprint Enhancement</h3><p class="text-muted-foreground text-sm leading-relaxed">Enhance the global footprint of SVES in international collaborations and establish a strong presence in Japan.</p></div><div class="opacity-0 group-hover:opacity-100 transition-opacity duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-5 w-5 text-primary" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div><div class="group flex items-start space-x-4 p-4 bg-white/80 backdrop-blur-sm rounded-2xl border border-gray-100 hover:shadow-lg transition-all duration-300" style="opacity:0;transform:translateY(50px)"><div class="w-12 h-12 bg-gradient-to-br from-primary/10 to-secondary/10 rounded-xl flex items-center justify-center flex-shrink-0 mt-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users h-6 w-6 text-primary" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg></div><div class="flex-1"><h3 class="text-lg font-bold text-foreground mb-2 group-hover:text-primary transition-colors duration-300">Japan-Ready Career Preparation</h3><p class="text-muted-foreground text-sm leading-relaxed">Prepare students for Japan-ready careers with specialized training, certifications, and language proficiency programs.</p></div><div class="opacity-0 group-hover:opacity-100 transition-opacity duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-5 w-5 text-primary" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div><div class="group flex items-start space-x-4 p-4 bg-white/80 backdrop-blur-sm rounded-2xl border border-gray-100 hover:shadow-lg transition-all duration-300" style="opacity:0;transform:translateY(50px)"><div class="w-12 h-12 bg-gradient-to-br from-primary/10 to-secondary/10 rounded-xl flex items-center justify-center flex-shrink-0 mt-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap h-6
1w-6 text-primary" aria-hidden="true"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg></div><div class="flex-1"><h3 class="text-lg font-bold text-foreground mb-2 group-hover:text-primary transition-colors duration-300">Sustainable Innovation Platform</h3><p class="text-muted-foreground text-sm leading-relaxed">Create a sustainable platform for innovation, culture, and mutual growth that benefits both nations.</p></div><div class="opacity-0 group-hover:opacity-100 transition-opacity duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-5 w-5 text-primary" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></div></div><div class="order-1 lg:order-2 relative" style="opacity:0"><div class="relative" style="opacity:0;transform:translateY(50px)"><div class="relative w-full h-80 md:h-96 lg:h-[500px] rounded-3xl overflow-hidden shadow-2xl"><img alt="Indo-Japan Innovation" loading="lazy" decoding="async" data-nimg="fill" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;object-fit:contain;color:transparent" sizes="100vw" srcSet="/_next/image?url=%2Fimages%2FGroup%2017.png&w=640&q=95 640w, /_next/image?url=%2Fimages%2FGroup%2017.png&w=750&q=95 750w, /_next/image?url=%2Fimages%2FGroup%2017.png&w=828&q=95 828w, /_next/image?url=%2Fimages%2FGroup%2017.png&w=1080&q=95 1080w, /_next/image?url=%2Fimages%2FGroup%2017.png&w=1200&q=95 1200w, /_next/image?url=%2Fimages%2FGroup%2017.png&w=1920&q=95 1920w, /_next/image?url=%2Fimages%2FGroup%2017.png&w=2048&q=95 2048w, /_next/image?url=%2Fimages%2FGroup%2017.png&w=3840&q=95 3840w" src="/_next/image?url=%2Fimages%2FGroup%2017.png&w=3840&q=95"/><div class="absolute inset-0 bg-gradient-to-t from-black/20 via-transparent to-transparent"></div></div><div class="absolute -top-6 -left-6 bg-white rounded-2xl shadow-xl p-6 border border-gray-100"><div class="flex items-center gap-3"><div class="w-12 h-12 bg-primary/10 rounded-xl flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-building h-6 w-6 text-primary" aria-hidden="true"><rect width="16" height="20" x="4" y="2" rx="2" ry="2"></rect><path d="M9 22v-4h6v4"></path><path d="M8 6h.01"></path><path d="M16 6h.01"></path><path d="M12 6h.01"></path><path d="M12 10h.01"></path><path d="M12 14h.01"></path><path d="M16 10h.01"></path><path d="M16 14h.01"></path><path d="M8 10h.01"></path><path d="M8 14h.01"></path></svg></div><div><p class="text-lg font-bold text-foreground">5+ </p><p class="text-xs text-muted-foreground">University Partners</p></div></div></div><div class="absolute -bottom-6 -right-6 bg-white rounded-2xl shadow-xl p-6 border border-gray-100"><div class="flex items-center gap-3"><div class="w-12 h-12 bg-secondary/10 rounded-xl flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe h-6 w-6 text-secondary" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg></div><div><p class="text-lg font-bold text-foreground">50+ </p><p class="text-xs text-muted-foreground">Students Impacted</p></div></div></div></div></div></div></div></div></section><section class="w-full py-24 md:py-32 bg-white relative overflow-hidden"><div class="absolute top-0 left-0 w-96 h-96 bg-primary/3 rounded-full blur-3xl -translate-y-48 -translate-x-48"></div><div class="absolute bottom-0 right-0 w-80 h-80 bg-secondary/3 rounded-full blur-3xl translate-y-32 translate-x-32"></div><div class="container mx-auto px-4 md:px-6 relative z-10"><div class="text-center mb-16" style="opacity:0"><div class="inline-flex items-center gap-2 bg-primary/10 text-primary px-6 py-3 rounded-full text-sm font-medium mb-8 border border-primary/20" style="opacity:0;transform:translateY(30px)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users h-4 w-4" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg>Leadership Team</div><h2 class="text-3xl md:text-4xl lg:text-5xl font-bold text-foreground mb-8 leading-tight" style="opacity:0;transform:translateY(30px)">Meet Our <span class="text-primary">Leadership</span> <br/><span class="text-secondary">Team</span></h2><div class="w-32 h-1 bg-gradient-to-r from-primary via-secondary to-primary mx-auto rounded-full mb-8" style="opacity:0;transform:translateY(30px)"></div><p class="text-lg text-muted-foreground max-w-3xl mx-auto leading-relaxed" style="opacity:0;transform:translateY(30px)">VJOC is guided by distinguished faculty and research leaders from Japan and India, bringing expertise across engineering, healthcare, and advanced sciences to foster IndoâJapan collaborations.</p></div><div class="mb-20" style="opacity:0"><div class="text-center mb-12" style="opacity:0;transform:translateY(30px)"><div class="inline-flex items-center gap-3 mb-6"><div class="w-12 h-12 bg-secondary/10 rounded-2xl flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-crown h-6 w-6 text-secondary" aria-hidden="true"><path d="M11.562 3.266a.5.5 0 0 1 .876 0L15.39 8.87a1 1 0 0 0 1.516.294L21.183 5.5a.5.5 0 0 1 .798.519l-2.834 10.246a1 1 0 0 1-.956.734H5.81a1 1 0 0 1-.957-.734L2.02 6.02a.5.5 0 0 1 .798-.519l4.276 3.664a1 1 0 0 0 1.516-.294z"></path><path d="M5 21h14"></path></svg></div><h3 class="text-2xl md:text-3xl font-bold text-foreground">Governing Leadership</h3></div><div class="w-24 h-1 bg-secondary mx-auto rounded-full"></div></div><div class="flex flex-wrap justify-center gap-8" style="opacity:0"><div class="group bg-white rounded-3xl p-5 shadow-lg border border-gray-100 hover:shadow-2xl transition-all duration-300 w-full max-w-xs" style="opacity:0;transform:translateY(30px)"><div class="relative mb-4"><div class="relative w-full aspect-square rounded-2xl overflow-hidden shadow-lg"><img alt="Sri. K. V. Vishnu Raju" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top transition-transform duration-500 group-hover:scale-110" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcSet="/_next/image?url=%2Fimages%2Fleadership%2FChairman-%20Sri.%20K.%20V.%20Vishnu%20Raju.jpeg&w=640&q=90 640w, /_next/image?url=%2Fimages%2Fleadership%2FChairman-%20Sri.%20K.%20V.%20Vishnu%20Raju.jpeg&w=750&q=90 750w, /_next/image?url=%2Fimages%2Fleadership%2FChairman-%20Sri.%20K.%20V.%20Vishnu%20Raju.jpeg&w=828&q=90 828w, /_next/image?url=%2Fimages%2Fleadership%2FChairman-%20Sri.%20K.%20V.%20Vishnu%20Raju.jpeg&w=1080&q=90 1080w, /_next/image?url=%2Fimages%2Fleadership%2FChairman-%20Sri.%20K.%20V.%20Vishnu%20Raju.jpeg&w=1200&q=90 1200w, /_next/image?url=%2Fimages%2Fleadership%2FChairman-%20Sri.%20K.%20V.%20Vishnu%20Raju.jpeg&w=1920&q=90 1920w, /_next/image?url=%2Fimages%2Fleadership%2FChairman-%20Sri.%20K.%20V.%20Vishnu%20Raju.jpeg&w=2048&q=90 2048w, /_next/image?url=%2Fimages%2Fleadership%2FChairman-%20Sri.%20K.%20V.%20Vishnu%20Raju.jpeg&w=3840&q=90 3840w" src="/_next/image?url=%2Fimages%2Fleadership%2FChairman-%20Sri.%20K.%20V.%20Vishnu%20Raju.jpeg&w=3840&q=90"/><div class="absolute inset-0 bg-gradient-to-t from-black/20 via-trans
1parent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div></div><div class="absolute -top-1 -right-1 w-5 h-5 bg-secondary/20 rounded-full flex items-center justify-center"><div class="w-2.5 h-2.5 bg-secondary rounded-full"></div></div></div><div class="text-center mb-5"><h4 class="text-lg font-bold text-foreground mb-0.5 group-hover:text-primary transition-colors duration-300">Sri. K. V. Vishnu Raju</h4><p class="text-sm font-medium text-secondary mb-1">Chairman</p><p class="text-xs text-muted-foreground leading-relaxed line-clamp-3">Sri Vishnu Educational Society</p></div><div class="absolute inset-0 rounded-3xl bg-gradient-to-br from-primary/5 via-transparent to-secondary/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div></div><div class="group bg-white rounded-3xl p-5 shadow-lg border border-gray-100 hover:shadow-2xl transition-all duration-300 w-full max-w-xs" style="opacity:0;transform:translateY(30px)"><div class="relative mb-4"><div class="relative w-full aspect-square rounded-2xl overflow-hidden shadow-lg"><img alt="Sri Ravichandran Rajagopal" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top transition-transform duration-500 group-hover:scale-110" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcSet="/_next/image?url=%2Fimages%2Fleadership%2FVC%20-%20Ravichandran%20Rajagopal.jpeg&w=640&q=90 640w, /_next/image?url=%2Fimages%2Fleadership%2FVC%20-%20Ravichandran%20Rajagopal.jpeg&w=750&q=90 750w, /_next/image?url=%2Fimages%2Fleadership%2FVC%20-%20Ravichandran%20Rajagopal.jpeg&w=828&q=90 828w, /_next/image?url=%2Fimages%2Fleadership%2FVC%20-%20Ravichandran%20Rajagopal.jpeg&w=1080&q=90 1080w, /_next/image?url=%2Fimages%2Fleadership%2FVC%20-%20Ravichandran%20Rajagopal.jpeg&w=1200&q=90 1200w, /_next/image?url=%2Fimages%2Fleadership%2FVC%20-%20Ravichandran%20Rajagopal.jpeg&w=1920&q=90 1920w, /_next/image?url=%2Fimages%2Fleadership%2FVC%20-%20Ravichandran%20Rajagopal.jpeg&w=2048&q=90 2048w, /_next/image?url=%2Fimages%2Fleadership%2FVC%20-%20Ravichandran%20Rajagopal.jpeg&w=3840&q=90 3840w" src="/_next/image?url=%2Fimages%2Fleadership%2FVC%20-%20Ravichandran%20Rajagopal.jpeg&w=3840&q=90"/><div class="absolute inset-0 bg-gradient-to-t from-black/20 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div></div><div class="absolute -top-1 -right-1 w-5 h-5 bg-secondary/20 rounded-full flex items-center justify-center"><div class="w-2.5 h-2.5 bg-secondary rounded-full"></div></div></div><div class="text-center mb-5"><h4 class="text-lg font-bold text-foreground mb-0.5 group-hover:text-primary transition-colors duration-300">Sri Ravichandran Rajagopal</h4><p class="text-sm font-medium text-secondary mb-1">Vice-Chairman</p><p class="text-xs text-muted-foreground leading-relaxed line-clamp-3">Sri Vishnu Educational Society</p></div><div class="absolute inset-0 rounded-3xl bg-gradient-to-br from-primary/5 via-transparent to-secondary/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div></div><div class="group bg-white rounded-3xl p-5 shadow-lg border border-gray-100 hover:shadow-2xl transition-all duration-300 w-full max-w-xs" style="opacity:0;transform:translateY(30px)"><div class="relative mb-4"><div class="relative w-full aspect-square rounded-2xl overflow-hidden shadow-lg"><img alt="Sri K. Aditya Vissam" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top transition-transform duration-500 group-hover:scale-110" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcSet="/_next/image?url=%2Fimages%2Fleadership%2FSecretary%20-%20K%20Aditya%20Vissam.jpeg&w=640&q=90 640w, /_next/image?url=%2Fimages%2Fleadership%2FSecretary%20-%20K%20Aditya%20Vissam.jpeg&w=750&q=90 750w, /_next/image?url=%2Fimages%2Fleadership%2FSecretary%20-%20K%20Aditya%20Vissam.jpeg&w=828&q=90 828w, /_next/image?url=%2Fimages%2Fleadership%2FSecretary%20-%20K%20Aditya%20Vissam.jpeg&w=1080&q=90 1080w, /_next/image?url=%2Fimages%2Fleadership%2FSecretary%20-%20K%20Aditya%20Vissam.jpeg&w=1200&q=90 1200w, /_next/image?url=%2Fimages%2Fleadership%2FSecretary%20-%20K%20Aditya%20Vissam.jpeg&w=1920&q=90 1920w, /_next/image?url=%2Fimages%2Fleadership%2FSecretary%20-%20K%20Aditya%20Vissam.jpeg&w=2048&q=90 2048w, /_next/image?url=%2Fimages%2Fleadership%2FSecretary%20-%20K%20Aditya%20Vissam.jpeg&w=3840&q=90 3840w" src="/_next/image?url=%2Fimages%2Fleadership%2FSecretary%20-%20K%20Aditya%20Vissam.jpeg&w=3840&q=90"/><div class="absolute inset-0 bg-gradient-to-t from-black/20 via-trans
1parent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div></div><div class="absolute -top-1 -right-1 w-5 h-5 bg-secondary/20 rounded-full flex items-center justify-center"><div class="w-2.5 h-2.5 bg-secondary rounded-full"></div></div></div><div class="text-center mb-5"><h4 class="text-lg font-bold text-foreground mb-0.5 group-hover:text-primary transition-colors duration-300">Sri K. Aditya Vissam</h4><p class="text-sm font-medium text-secondary mb-1">Secretary</p><p class="text-xs text-muted-foreground leading-relaxed line-clamp-3">Sri Vishnu Educational Society</p></div><div class="absolute inset-0 rounded-3xl bg-gradient-to-br from-primary/5 via-transparent to-secondary/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div></div><div class="group bg-white rounded-3xl p-5 shadow-lg border border-gray-100 hover:shadow-2xl transition-all duration-300 w-full max-w-xs" style="opacity:0;transform:translateY(30px)"><div class="relative mb-4"><div class="relative w-full aspect-square rounded-2xl overflow-hidden shadow-lg"><img alt="Sri. K. Sai Sumant" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top transition-transform duration-500 group-hover:scale-110" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcSet="/_next/image?url=%2Fimages%2Fleadership%2FJoint-Secretary_K%20Sai%20Sumant.jpg&w=640&q=90 640w, /_next/image?url=%2Fimages%2Fleadership%2FJoint-Secretary_K%20Sai%20Sumant.jpg&w=750&q=90 750w, /_next/image?url=%2Fimages%2Fleadership%2FJoint-Secretary_K%20Sai%20Sumant.jpg&w=828&q=90 828w, /_next/image?url=%2Fimages%2Fleadership%2FJoint-Secretary_K%20Sai%20Sumant.jpg&w=1080&q=90 1080w, /_next/image?url=%2Fimages%2Fleadership%2FJoint-Secretary_K%20Sai%20Sumant.jpg&w=1200&q=90 1200w, /_next/image?url=%2Fimages%2Fleadership%2FJoint-Secretary_K%20Sai%20Sumant.jpg&w=1920&q=90 1920w, /_next/image?url=%2Fimages%2Fleadership%2FJoint-Secretary_K%20Sai%20Sumant.jpg&w=2048&q=90 2048w, /_next/image?url=%2Fimages%2Fleadership%2FJoint-Secretary_K%20Sai%20Sumant.jpg&w=3840&q=90 3840w" src="/_next/image?url=%2Fimages%2Fleadership%2FJoint-Secretary_K%20Sai%20Sumant.jpg&w=3840&q=90"/><div class="absolute inset-0 bg-gradient-to-t from-black/20 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div></div><div class="absolute -top-1 -right-1 w-5 h-5 bg-secondary/20 rounded-full flex items-center justify-center"><div class="w-2.5 h-2.5 bg-secondary rounded-full"></div></div></div><div class="text-center mb-5"><h4 class="text-lg font-bold text-foreground mb-0.5 group-hover:text-primary transition-colors duration-300">Sri. K. Sai Sumant</h4><p class="text-sm font-medium text-secondary mb-1">Joint Secretary</p><p class="text-xs text-muted-foreground leading-relaxed line-clamp-3">Sri Vishnu Educational Society</p></div><div class="absolute inset-0 rounded-3xl bg-gradient-to-br from-primary/5 via-transparent to-secondary/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div></div></div></div><div class="mb-20" style="opacity:0"><div class="text-center mb-12" style="opacity:0;transform:translateY(30px)"><div class="inline-flex items-center gap-3 mb-6"><div class="w-12 h-12 bg-primary/10 rounded-2xl flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-6 w-6 text-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></div><h3 class="text-2xl md:text-3xl font-bold text-foreground">Centre Leadership</h3></div><div class="w-24 h-1 bg-primary mx-auto rounded-full"></div></div><div class="flex flex-wrap justify-center gap-8" style="opacity:0"><div class="group bg-white rounded-3xl p-5 shadow-lg border border-gray-100 hover:shadow-2xl transition-all duration-300 w-full max-w-xs" style="opacity:0;transform:translateY(30px)"><div class="relative mb-4"><div class="relative w-full aspect-square rounded-2xl overflow-hidden shadow-lg"><img alt="Dr. Raju Aedla" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top transition-transform duration-500 group-hover:scale-110" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcSet="/_next/image?url=%2Fimages%2Fleadership%2FDr.%20Raju%20AEDLA_Centre%20Head.jpg&w=640&q=90 640w, /_next/image?url=%2Fimages%2Fleadership%2FDr.%20Raju%20AEDLA_Centre%20Head.jpg&w=750&q=90 750w, /_next/image?url=%2Fimages%2Fleadership%2FDr.%20Raju%20AEDLA_Centre%20Head.jpg&w=828&q=90 828w, /_next/image?url=%2Fimages%2Fleadership%2FDr.%20Raju%20AEDLA_Centre%20Head.jpg&w=1080&q=90 1080w, /_next/image?url=%2Fimages%2Fleadership%2FDr.%20Raju%20AEDLA_Centre%20Head.jpg&w=1200&q=90 1200w, /_next/image?url=%2Fimages%2Fleadership%2FDr.%20Raju%20AEDLA_Centre%20Head.jpg&w=1920&q=90 1920w, /_next/image?url=%2Fimages%2Fleadership%2FDr.%20Raju%20AEDLA_Centre%20Head.jpg&w=2048&q=90 2048w, /_next/image?url=%2Fimages%2Fleadership%2FDr.%20Raju%20AEDLA_Centre%20Head.jpg&w=3840&q=90 3840w" src="/_next/image?url=%2Fimages%2Fleadership%2FDr.%20Raju%20AEDLA_Centre%20Head.jpg&w=3840&q=90"/><div class="absolute inset-0 bg-gradient-to-t from-black/20 via-trans
1parent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div></div><div class="absolute -top-1 -right-1 w-5 h-5 bg-primary/20 rounded-full flex items-center justify-center"><div class="w-2.5 h-2.5 bg-primary rounded-full"></div></div></div><div class="text-center mb-5"><h4 class="text-lg font-bold text-foreground mb-0.5 group-hover:text-primary transition-colors duration-300">Dr. Raju Aedla</h4><p class="text-sm font-medium text-primary mb-1">Centre Head</p><p class="text-xs text-muted-foreground leading-relaxed line-clamp-3">Leading VJOC's strategic vision and Indo-Japan collaboration initiatives with extensive experience in international education.</p></div><div class="flex justify-center space-x-2"><div tabindex="0"><a class="w-9 h-9 bg-blue-50 hover:bg-blue-100 rounded-lg flex items-center justify-center text-blue-600 hover:text-blue-700 transition-all duration-300 group/social" href="https://www.linkedin.com/in/dr-raju-aedla-28450169/"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-linkedin h-4 w-4 transition-transform duration-300 group-hover/social:scale-110" aria-hidden="true"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect width="4" height="12" x="2" y="9"></rect><circle cx="4" cy="4" r="2"></circle></svg></a></div><div tabindex="0"><a class="w-9 h-9 bg-green-50 hover:bg-green-100 rounded-lg flex items-center justify-center text-green-600 hover:text-green-700 transition-all duration-300 group/social" href="mailto:[email protected]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail h-4 w-4 transition-transform duration-300 group-hover/social:scale-110" aria-hidden="true"><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path><rect x="2" y="4" width="20" height="16" rx="2"></rect></svg></a></div><div tabindex="0"><a class="w-9 h-9 bg-purple-50 hover:bg-purple-100 rounded-lg flex items-center justify-center text-purple-600 hover:text-purple-700 transition-all duration-300 group/social" href="tel:+91 9985545035"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone h-4 w-4 transition-transform duration-300 group-hover/social:scale-110" aria-hidden="true"><path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"></path></svg></a></div></div><div class="absolute inset-0 rounded-3xl bg-gradient-to-br from-primary/5 via-transparent to-secondary/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div></div></div></div><div class="mb-20" style="opacity:0"><div class="text-center mb-12" style="opacity:0;transform:translateY(30px)"><div class="inline-flex items-center gap-3 mb-6"><div class="w-12 h-12 bg-learning-empathy/10 rounded-2xl flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-languages h-6 w-6 text-learning-empathy" aria-hidden="true"><path d="m5 8 6 6"></path><path d="m4 14 6-6 2-3"></path><path d="M2 5h12"></path><path d="M7 2h1"></path><path d="m22 22-5-10-5 10"></path><path d="M14 18h6"></path></svg></div><h3 class="text-2xl md:text-3xl font-bold text-foreground">Program Instructors</h3></div><div class="w-24 h-1 bg-learning-empathy mx-auto rounded-full"></div></div><div class="flex flex-wrap justify-center gap-8" style="opacity:0"><div class="group bg-white rounded-3xl p-5 shadow-lg border border-gray-100 hover:shadow-2xl transition-all duration-300 w-full max-w-xs" style="opacity:0;transform:translateY(30px)"><div class="relative mb-4"><div class="relative w-full aspect-square rounded-2xl overflow-hidden shadow-lg"><img alt="Laveena Arora Kapoor" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top transition-transform duration-500 group-hover:scale-110" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcSet="/_next/image?url=%2Fimages%2Fleadership%2FLaveena%20Arora%20Kapoor.jpg&w=640&q=90 640w, /_next/image?url=%2Fimages%2Fleadership%2FLaveena%20Arora%20Kapoor.jpg&w=750&q=90 750w, /_next/image?url=%2Fimages%2Fleadership%2FLaveena%20Arora%20Kapoor.jpg&w=828&q=90 828w, /_next/image?url=%2Fimages%2Fleadership%2FLaveena%20Arora%20Kapoor.jpg&w=1080&q=90 1080w, /_next/image?url=%2Fimages%2Fleadership%2FLaveena%20Arora%20Kapoor.jpg&w=1200&q=90 1200w, /_next/image?url=%2Fimages%2Fleadership%2FLaveena%20Arora%20Kapoor.jpg&w=1920&q=90 1920w, /_next/image?url=%2Fimages%2Fleadership%2FLaveena%20Arora%20Kapoor.jpg&w=2048&q=90 2048w, /_next/image?url=%2Fimages%2Fleadership%2FLaveena%20Arora%20Kapoor.jpg&w=3840&q=90 3840w" src="/_next/image?url=%2Fimages%2Fleadership%2FLaveena%20Arora%20Kapoor.jpg&w=3840&q=90"/><div class="absolute inset-0 bg-gradient-to-t from-black/20 via-trans
1parent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div></div><div class="absolute -top-1 -right-1 w-5 h-5 bg-learning-empathy/20 rounded-full flex items-center justify-center"><div class="w-2.5 h-2.5 bg-learning-empathy rounded-full"></div></div></div><div class="text-center mb-5"><h4 class="text-lg font-bold text-foreground mb-0.5 group-hover:text-primary transition-colors duration-300">Laveena Arora Kapoor</h4><p class="text-sm font-medium text-learning-empathy mb-1">Japanese Language Teacher</p><p class="text-xs text-muted-foreground leading-relaxed line-clamp-3">Dedicated to fostering Japanese language proficiency and cultural understanding among students.</p></div><div class="absolute inset-0 rounded-3xl bg-gradient-to-br from-primary/5 via-transparent to-secondary/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div></div></div></div><div class="mb-20" style="opacity:0"><div class="text-center mb-12" style="opacity:0;transform:translateY(30px)"><div class="inline-flex items-center gap-3 mb-6"><div class="w-12 h-12 bg-learning-collaboration/10 rounded-2xl flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-briefcase h-6 w-6 text-learning-collaboration" aria-hidden="true"><path d="M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path><rect width="20" height="14" x="2" y="6" rx="2"></rect></svg></div><h3 class="text-2xl md:text-3xl font-bold text-foreground">Institutional Coordinators</h3></div><div class="w-24 h-1 bg-learning-collaboration mx-auto rounded-full"></div></div><div class="flex flex-wrap justify-center gap-8" style="opacity:0"><div class="group bg-white rounded-3xl p-5 shadow-lg border border-gray-100 hover:shadow-2xl transition-all duration-300 w-full max-w-xs" style="opacity:0;transform:translateY(30px)"><div class="relative mb-4"><div class="relative w-full aspect-square rounded-2xl overflow-hidden shadow-lg"><img alt="Mrs. Kondra Pranitha" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top transition-transform duration-500 group-hover:scale-110" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcSet="/_next/image?url=%2Fimages%2Fleadership%2FMrs.%20Kondra%20Pranitha_B%20V%20Raju%20Instutute%20of%20Technology%20(BVRIT)%2C%20Narsapur.jpg&w=640&q=90 640w, /_next/image?url=%2Fimages%2Fleadership%2FMrs.%20Kondra%20Pranitha_B%20V%20Raju%20Instutute%20of%20Technology%20(BVRIT)%2C%20Narsapur.jpg&w=750&q=90 750w, /_next/image?url=%2Fimages%2Fleadership%2FMrs.%20Kondra%20Pranitha_B%20V%20Raju%20Instutute%20of%20Technology%20(BVRIT)%2C%20Narsapur.jpg&w=828&q=90 828w, /_next/image?url=%2Fimages%2Fleadership%2FMrs.%20Kondra%20Pranitha_B%20V%20Raju%20Instutute%20of%20Technology%20(BVRIT)%2C%20Narsapur.jpg&w=1080&q=90 1080w, /_next/image?url=%2Fimages%2Fleadership%2FMrs.%20Kondra%20Pranitha_B%20V%20Raju%20Instutute%20of%20Technology%20(BVRIT)%2C%20Narsapur.jpg&w=1200&q=90 1200w, /_next/image?url=%2Fimages%2Fleadership%2FMrs.%20Kondra%20Pranitha_B%20V%20Raju%20Instutute%20of%20Technology%20(BVRIT)%2C%20Narsapur.jpg&w=1920&q=90 1920w, /_next/image?url=%2Fimages%2Fleadership%2FMrs.%20Kondra%20Pranitha_B%20V%20Raju%20Instutute%20of%20Technology%20(BVRIT)%2C%20Narsapur.jpg&w=2048&q=90 2048w, /_next/image?url=%2Fimages%2Fleadership%2FMrs.%20Kondra%20Pranitha_B%20V%20Raju%20Instutute%20of%20Technology%20(BVRIT)%2C%20Narsapur.jpg&w=3840&q=90 3840w" src="/_next/image?url=%2Fimages%2Fleadership%2FMrs.%20Kondra%20Pranitha_B%20V%20Raju%20Instutute%20of%20Technology%20(BVRIT)%2C%20Narsapur.jpg&w=3840&q=90"/><div class="absolute inset-0 bg-gradient-to-t from-black/20 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div></div><div class="absolute -top-1 -right-1 w-5 h-5 bg-learning-collaboration/20 rounded-full flex items-center justify-center"><div class="w-2.5 h-2.5 bg-learning-collaboration rounded-full"></div></div></div><div class="text-center mb-5"><h4 class="text-lg font-bold text-foreground mb-0.5 group-hover:text-primary transition-colors duration-300">Mrs. Kondra Pranitha</h4><p class="text-sm font-medium text-learning-collaboration mb-1">Coordinator</p><p class="text-xs text-muted-foreground leading-relaxed line-clamp-3">B V Raju Institute of Technology (BVRIT), Narsapur</p></div><div class="absolute inset-0 rounded-3xl bg-gradient-to-br from-primary/5 via-trans
1parent to-secondary/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div></div><div class="group bg-white rounded-3xl p-5 shadow-lg border border-gray-100 hover:shadow-2xl transition-all duration-300 w-full max-w-xs" style="opacity:0;transform:translateY(30px)"><div class="relative mb-4"><div class="relative w-full aspect-square rounded-2xl overflow-hidden shadow-lg"><img alt="Mr. Modem Gopi Krishna" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top transition-transform duration-500 group-hover:scale-110" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcSet="/_next/image?url=%2Fimages%2Fleadership%2FMr.%20Modem%20Gopi%20Krishna_BVRIT%20HYDERABAD%20College%20for%20Women%20(BVRITH)%2C%20Bachupally.jpg&w=640&q=90 640w, /_next/image?url=%2Fimages%2Fleadership%2FMr.%20Modem%20Gopi%20Krishna_BVRIT%20HYDERABAD%20College%20for%20Women%20(BVRITH)%2C%20Bachupally.jpg&w=750&q=90 750w, /_next/image?url=%2Fimages%2Fleadership%2FMr.%20Modem%20Gopi%20Krishna_BVRIT%20HYDERABAD%20College%20for%20Women%20(BVRITH)%2C%20Bachupally.jpg&w=828&q=90 828w, /_next/image?url=%2Fimages%2Fleadership%2FMr.%20Modem%20Gopi%20Krishna_BVRIT%20HYDERABAD%20College%20for%20Women%20(BVRITH)%2C%20Bachupally.jpg&w=1080&q=90 1080w, /_next/image?url=%2Fimages%2Fleadership%2FMr.%20Modem%20Gopi%20Krishna_BVRIT%20HYDERABAD%20College%20for%20Women%20(BVRITH)%2C%20Bachupally.jpg&w=1200&q=90 1200w, /_next/image?url=%2Fimages%2Fleadership%2FMr.%20Modem%20Gopi%20Krishna_BVRIT%20HYDERABAD%20College%20for%20Women%20(BVRITH)%2C%20Bachupally.jpg&w=1920&q=90 1920w, /_next/image?url=%2Fimages%2Fleadership%2FMr.%20Modem%20Gopi%20Krishna_BVRIT%20HYDERABAD%20College%20for%20Women%20(BVRITH)%2C%20Bachupally.jpg&w=2048&q=90 2048w, /_next/image?url=%2Fimages%2Fleadership%2FMr.%20Modem%20Gopi%20Krishna_BVRIT%20HYDERABAD%20College%20for%20Women%20(BVRITH)%2C%20Bachupally.jpg&w=3840&q=90 3840w" src="/_next/image?url=%2Fimages%2Fleadership%2FMr.%20Modem%20Gopi%20Krishna_BVRIT%20HYDERABAD%20College%20for%20Women%20(BVRITH)%2C%20Bachupally.jpg&w=3840&q=90"/><div class="absolute inset-0 bg-gradient-to-t from-black/20 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div></div><div class="absolute -top-1 -right-1 w-5 h-5 bg-learning-collaboration/20 rounded-full flex items-center justify-center"><div class="w-2.5 h-2.5 bg-learning-collaboration rounded-full"></div></div></div><div class="text-center mb-5"><h4 class="text-lg font-bold text-foreground mb-0.5 group-hover:text-primary transition-colors duration-300">Mr. Modem Gopi Krishna</h4><p class="text-sm font-medium text-learning-collaboration mb-1">Coordinator</p><p class="text-xs text-muted-foreground leading-relaxed line-clamp-3">BVRIT HYDERABAD College for Women (BVRITH), Bachupally</p></div><div class="absolute inset-0 rounded-3xl bg-gradient-to-br from-primary/5 via-transparent to-secondary/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div></div><div class="group bg-white rounded-3xl p-5 shadow-lg border border-gray-100 hover:shadow-2xl transition-all duration-300 w-full max-w-xs" style="opacity:0;transform:translateY(30px)"><div class="relative mb-4"><div class="relative w-full aspect-square rounded-2xl overflow-hidden shadow-lg"><img alt="Mr. A Krishna Chaitanya Varma" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top transition-transform duration-500 group-hover:scale-110" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcSet="/_next/image?url=%2Fimages%2Fleadership%2FMr.%20A%20Krishna%20Chaitanya%20Varma_Vishnu%20Institute%20of%20Technology%20(VITB)%2C%20Bhimabaram.jpeg&w=640&q=90 640w, /_next/image?url=%2Fimages%2Fleadership%2FMr.%20A%20Krishna%20Chaitanya%20Varma_Vishnu%20Institute%20of%20Technology%20(VITB)%2C%20Bhimabaram.jpeg&w=750&q=90 750w, /_next/image?url=%2Fimages%2Fleadership%2FMr.%20A%20Krishna%20Chaitanya%20Varma_Vishnu%20Institute%20of%20Technology%20(VITB)%2C%20Bhimabaram.jpeg&w=828&q=90 828w, /_next/image?url=%2Fimages%2Fleadership%2FMr.%20A%20Krishna%20Chaitanya%20Varma_Vishnu%20Institute%20of%20Technology%20(VITB)%2C%20Bhimabaram.jpeg&w=1080&q=90 1080w, /_next/image?url=%2Fimages%2Fleadership%2FMr.%20A%20Krishna%20Chaitanya%20Varma_Vishnu%20Institute%20of%20Technology%20(VITB)%2C%20Bhimabaram.jpeg&w=1200&q=90 1200w, /_next/image?url=%2Fimages%2Fleadership%2FMr.%20A%20Krishna%20Chaitanya%20Varma_Vishnu%20Institute%20of%20Technology%20(VITB)%2C%20Bhimabaram.jpeg&w=1920&q=90 1920w, /_next/image?url=%2Fimages%2Fleadership%2FMr.%20A%20Krishna%20Chaitanya%20Varma_Vishnu%20Institute%20of%20Technology%20(VITB)%2C%20Bhimabaram.jpeg&w=2048&q=90 2048w, /_next/image?url=%2Fimages%2Fleadership%2FMr.%20A%20Krishna%20Chaitanya%20Varma_Vishnu%20Institute%20of%20Technology%20(VITB)%2C%20Bhimabaram.jpeg&w=3840&q=90 3840w" src="/_next/image?url=%2Fimages%2Fleadership%2FMr.%20A%20Krishna%20Chaitanya%20Varma_Vishnu%20Institute%20of%20Technology%20(VITB)%2C%20Bhimabaram.jpeg&w=3840&q=90"/><div class="absolute inset-0 bg-gradient-to-t from-black/20 via-trans
1parent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div></div><div class="absolute -top-1 -right-1 w-5 h-5 bg-learning-collaboration/20 rounded-full flex items-center justify-center"><div class="w-2.5 h-2.5 bg-learning-collaboration rounded-full"></div></div></div><div class="text-center mb-5"><h4 class="text-lg font-bold text-foreground mb-0.5 group-hover:text-primary transition-colors duration-300">Mr. A Krishna Chaitanya Varma</h4><p class="text-sm font-medium text-learning-collaboration mb-1">Coordinator</p><p class="text-xs text-muted-foreground leading-relaxed line-clamp-3">Vishnu Institute of Technology (VITB), Bhimavaram</p></div><div class="absolute inset-0 rounded-3xl bg-gradient-to-br from-primary/5 via-transparent to-secondary/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div></div><div class="group bg-white rounded-3xl p-5 shadow-lg border border-gray-100 hover:shadow-2xl transition-all duration-300 w-full max-w-xs" style="opacity:0;transform:translateY(30px)"><div class="relative mb-4"><div class="relative w-full aspect-square rounded-2xl overflow-hidden shadow-lg"><img alt="Mrs. Pusapati Prasanthi" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top transition-transform duration-500 group-hover:scale-110" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcSet="/_next/image?url=%2Fimages%2Fleadership%2FMrs.%20Pusapati%20Prasanthi_Shri%20Vishnu%20Engineering%20College%20for%20Women%20(SVECW)%2C%20Bhimavaram.jpeg&w=640&q=90 640w, /_next/image?url=%2Fimages%2Fleadership%2FMrs.%20Pusapati%20Prasanthi_Shri%20Vishnu%20Engineering%20College%20for%20Women%20(SVECW)%2C%20Bhimavaram.jpeg&w=750&q=90 750w, /_next/image?url=%2Fimages%2Fleadership%2FMrs.%20Pusapati%20Prasanthi_Shri%20Vishnu%20Engineering%20College%20for%20Women%20(SVECW)%2C%20Bhimavaram.jpeg&w=828&q=90 828w, /_next/image?url=%2Fimages%2Fleadership%2FMrs.%20Pusapati%20Prasanthi_Shri%20Vishnu%20Engineering%20College%20for%20Women%20(SVECW)%2C%20Bhimavaram.jpeg&w=1080&q=90 1080w, /_next/image?url=%2Fimages%2Fleadership%2FMrs.%20Pusapati%20Prasanthi_Shri%20Vishnu%20Engineering%20College%20for%20Women%20(SVECW)%2C%20Bhimavaram.jpeg&w=1200&q=90 1200w, /_next/image?url=%2Fimages%2Fleadership%2FMrs.%20Pusapati%20Prasanthi_Shri%20Vishnu%20Engineering%20College%20for%20Women%20(SVECW)%2C%20Bhimavaram.jpeg&w=1920&q=90 1920w, /_next/image?url=%2Fimages%2Fleadership%2FMrs.%20Pusapati%20Prasanthi_Shri%20Vishnu%20Engineering%20College%20for%20Women%20(SVECW)%2C%20Bhimavaram.jpeg&w=2048&q=90 2048w, /_next/image?url=%2Fimages%2Fleadership%2FMrs.%20Pusapati%20Prasanthi_Shri%20Vishnu%20Engineering%20College%20for%20Women%20(SVECW)%2C%20Bhimavaram.jpeg&w=3840&q=90 3840w" src="/_next/image?url=%2Fimages%2Fleadership%2FMrs.%20Pusapati%20Prasanthi_Shri%20Vishnu%20Engineering%20College%20for%20Women%20(SVECW)%2C%20Bhimavaram.jpeg&w=3840&q=90"/><div class="absolute inset-0 bg-gradient-to-t from-black/20 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div></div><div class="absolute -top-1 -right-1 w-5 h-5 bg-learning-collaboration/20 rounded-full flex items-center justify-center"><div class="w-2.5 h-2.5 bg-learning-collaboration rounded-full"></div></div></div><div class="text-center mb-5"><h4 class="text-lg font-bold text-foreground mb-0.5 group-hover:text-primary transition-colors duration-300">Mrs. Pusapati Prasanthi</h4><p class="text-sm font-medium text-learning-collaboration mb-1">Coordinator</p><p class="text-xs text-muted-foreground leading-relaxed line-clamp-3">Shri Vishnu Engineering College for Women (SVECW), Bhimavaram</p></div><div class="absolute inset-0 rounded-3xl bg-gradient-to-br from-primary/5 via-transparent to-secondary/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div></div><div class="group bg-white rounded-3xl p-5 shadow-lg border border-gray-100 hover:shadow-2xl transition-all duration-300 w-full max-w-xs" style="opacity:0;transform:translateY(30px)"><div class="relative mb-4"><div class="relative w-full aspect-square rounded-2xl overflow-hidden shadow-lg"><img alt="Dr. S. Dinesh Mohan" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top transition-transform duration-500 group-hover:scale-110" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcSet="/_next/image?url=%2Fimages%2Fleadership%2FDr.%20S.%20Dinesh%20Mohan_Vishnu%20Institute%20of%20Pharmaceutical%20Education%20%26%20Research%20(VIPER)%2C%20Narsapur.jpg&w=640&q=90 640w, /_next/image?url=%2Fimages%2Fleadership%2FDr.%20S.%20Dinesh%20Mohan_Vishnu%20Institute%20of%20Pharmaceutical%20Education%20%26%20Research%20(VIPER)%2C%20Narsapur.jpg&w=750&q=90 750w, /_next/image?url=%2Fimages%2Fleadership%2FDr.%20S.%20Dinesh%20Mohan_Vishnu%20Institute%20of%20Pharmaceutical%20Education%20%26%20Research%20(VIPER)%2C%20Narsapur.jpg&w=828&q=90 828w, /_next/image?url=%2Fimages%2Fleadership%2FDr.%20S.%20Dinesh%20Mohan_Vishnu%20Institute%20of%20Pharmaceutical%20Education%20%26%20Research%20(VIPER)%2C%20Narsapur.jpg&w=1080&q=90 1080w, /_next/image?url=%2Fimages%2Fleadership%2FDr.%20S.%20Dinesh%20Mohan_Vishnu%20Institute%20of%20Pharmaceutical%20Education%20%26%20Research%20(VIPER)%2C%20Narsapur.jpg&w=1200&q=90 1200w, /_next/image?url=%2Fimages%2Fleadership%2FDr.%20S.%20Dinesh%20Mohan_Vishnu%20Institute%20of%20Pharmaceutical%20Education%20%26%20Research%20(VIPER)%2C%20Narsapur.jpg&w=1920&q=90 1920w, /_next/image?url=%2Fimages%2Fleadership%2FDr.%20S.%20Dinesh%20Mohan_Vishnu%20Institute%20of%20Pharmaceutical%20Education%20%26%20Research%20(VIPER)%2C%20Narsapur.jpg&w=2048&q=90 2048w, /_next/image?url=%2Fimages%2Fleadership%2FDr.%20S.%20Dinesh%20Mohan_Vishnu%20Institute%20of%20Pharmaceutical%20Education%20%26%20Research%20(VIPER)%2C%20Narsapur.jpg&w=3840&q=90 3840w" src="/_next/image?url=%2Fimages%2Fleadership%2FDr.%20S.%20Dinesh%20Mohan_Vishnu%20Institute%20of%20Pharmaceutical%20Education%20%26%20Research%20(VIPER)%2C%20Narsapur.jpg&w=3840&q=90"/><div class="absolute inset-0 bg-gradient-to-t from-black/20 via-trans
1parent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div></div><div class="absolute -top-1 -right-1 w-5 h-5 bg-learning-collaboration/20 rounded-full flex items-center justify-center"><div class="w-2.5 h-2.5 bg-learning-collaboration rounded-full"></div></div></div><div class="text-center mb-5"><h4 class="text-lg font-bold text-foreground mb-0.5 group-hover:text-primary transition-colors duration-300">Dr. S. Dinesh Mohan</h4><p class="text-sm font-medium text-learning-collaboration mb-1">Coordinator</p><p class="text-xs text-muted-foreground leading-relaxed line-clamp-3">Vishnu Institute of Pharmaceutical Education & Research (VIPER), Narsapur</p></div><div class="absolute inset-0 rounded-3xl bg-gradient-to-br from-primary/5 via-transparent to-secondary/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div></div></div></div><div class="mb-20" style="opacity:0"><div class="text-center mb-12" style="opacity:0;transform:translateY(30px)"><div class="inline-flex items-center gap-3 mb-6"><div class="w-12 h-12 bg-learning-empathy/10 rounded-2xl flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield h-6 w-6 text-learning-empathy" aria-hidden="true"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg></div><h3 class="text-2xl md:text-3xl font-bold text-foreground">Support Team</h3></div><div class="w-24 h-1 bg-learning-empathy mx-auto rounded-full"></div></div><ul class="flex flex-col gap-6 max-w-xl mx-auto" style="opacity:0"><li class="group flex items-center space-x-4 p-4 bg-white rounded-xl shadow-sm border border-gray-100 hover:shadow-md transition-all duration-300" style="opacity:0;transform:translateY(30px)"><div class="relative flex-shrink-0"><div class="w-12 h-12 rounded-full flex items-center justify-center bg-learning-empathy/10"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users h-6 w-6 text-learning-empathy" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg> </div><div class="absolute -top-1 -right-1 w-3 h-3 bg-learning-empathy/20 rounded-full flex items-center justify-center"><div class="w-1.5 h-1.5 bg-learning-empathy rounded-full"></div></div></div><div class="flex-1"><h4 class="text-base font-semibold text-foreground group-hover:text-primary transition-colors duration-300">Academic Leadership Team</h4><p class="text-sm text-muted-foreground">Principals</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right h-4 w-4 text-muted-foreground opacity-0 group-hover:opacity-100 group-hover:text-primary transition-all duration-300" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></li><li class="group flex items-center space-x-4 p-4 bg-white rounded-xl shadow-sm border border-gray-100 hover:shadow-md transition-all duration-300" style="opacity:0;transform:translateY(30px)"><div class="relative flex-shrink-0"><div class="w-12 h-12 rounded-full flex items-center justify-center bg-learning-empathy/10"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users h-6 w-6 text-learning-empathy" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg> </div><div class="absolute -top-1 -right-1 w-3 h-3 bg-learning-empathy/20 rounded-full flex items-center justify-center"><div class="w-1.5 h-1.5 bg-learning-empathy rounded-full"></div></div></div><div class="flex-1"><h4 class="text-base font-semibold text-foreground group-hover:text-primary transition-colors duration-300">Program Coordinators</h4><p class="text-sm text-muted-foreground">Coordinator's Team</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right h-4 w-4 text-muted-foreground opacity-0 group-hover:opacity-100 group-hover:text-primary transition-all duration-300" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></li><li class="group flex items-center space-x-4 p-4 bg-white rounded-xl shadow-sm border border-gray-100 hover:shadow-md transition-all duration-300" style="opacity:0;transform:translateY(30px)"><div class="relative flex-shrink-0"><div class="w-12 h-12 rounded-full flex items-center justify-center bg-learning-empathy/10"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users h-6
1w-6 text-learning-empathy" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg> </div><div class="absolute -top-1 -right-1 w-3 h-3 bg-learning-empathy/20 rounded-full flex items-center justify-center"><div class="w-1.5 h-1.5 bg-learning-empathy rounded-full"></div></div></div><div class="flex-1"><h4 class="text-base font-semibold text-foreground group-hover:text-primary transition-colors duration-300">Student Advisory Committee</h4><p class="text-sm text-muted-foreground">GSAC Members</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right h-4 w-4 text-muted-foreground opacity-0 group-hover:opacity-100 group-hover:text-primary transition-all duration-300" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></li></ul></div><div class="bg-gradient-to-br from-primary/5 via-white to-secondary/5 rounded-3xl p-8 md:p-12 border border-gray-100" style="opacity:0"><div class="text-center" style="opacity:0;transform:translateY(30px)"><div class="w-20 h-20 bg-gradient-to-br from-primary/10 to-secondary/10 rounded-3xl flex items-center justify-center mx-auto mb-8"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users h-10 w-10 text-primary" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg></div><h3 class="text-2xl md:text-3xl font-bold text-foreground mb-6" style="opacity:0;transform:translateY(30px)">Leadership Message</h3><p class="text-lg text-muted-foreground max-w-4xl mx-auto leading-relaxed mb-8" style="opacity:0;transform:translateY(30px)">"Our leadership team is committed to building bridges between India and Japan, fostering innovation, and creating opportunities that will shape the future of international collaboration in education and research."</p><div class="flex items-center justify-center space-x-2 text-sm text-muted-foreground" style="opacity:0;transform:translateY(30px)"><div class="w-2 h-2 bg-primary rounded-full"></div><span>Dedicated to Excellence</span><div class="w-2 h-2 bg-secondary rounded-full"></div><span>Committed to Innovation</span><div class="w-2 h-2 bg-primary rounded-full"></div><span>Focused on Growth</span></div></div></div></div></section><section class="w-full py-24 md:py-32 bg-gradient-to-br from-our-story-background via-gray-50 to-our-story-background relative overflow-hidden"><div class="absolute top-0 right-0 w-96 h-96 bg-primary/3 rounded-full blur-3xl -translate-y-48 translate-x-48"></div><div class="absolute bottom-0 left-0 w-80 h-80 bg-secondary/3 rounded-full blur-3xl translate-y-32 -translate-x-32"></div><div class="container mx-auto px-4 md:px-6 relative z-10"><div class="text-center mb-16" style="opacity:0"><div class="inline-flex items-center gap-2 bg-secondary/10 text-secondary px-6 py-3 rounded-full text-sm font-medium mb-8 border border-secondary/20" style="opacity:0;transform:translateY(30px)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-target h-4 w-4" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="6"></circle><circle cx="12" cy="12" r="2"></circle></svg>Key Collaborations</div><h2 class="text-3xl md:text-4xl lg:text-5xl font-bold text-foreground mb-8 leading-tight" style="opacity:0;transform:translateY(30px)">Our <span class="text-primary">Collaborative</span> <br/><span class="text-secondary">Initiatives</span></h2><div class="w-32 h-1 bg-gradient-to-r from-primary via-secondary to-primary mx-auto rounded-full mb-8" style="opacity:0;transform:translateY(30px)"></div><p class="text-lg text-muted-foreground max-w-3xl mx-auto leading-relaxed" style="opacity:0;transform:translateY(30px)">VJOC facilitates comprehensive collaborations across multiple domains, creating opportunities for academic excellence, research innovation, and cultural exchange between India and Japan.</p></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mb-16" style="opacity:0"><div class="group bg-white rounded-3xl p-6 shadow-lg border border-gray-100 hover:shadow-2xl transition-all duration-300" style="opacity:0;transform:translateY(30px)"><div class="mb-6"><div class="w-14 h-14 bg-primary/10 rounded-2xl flex items-center justify-center mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-graduation-cap h-7 w-7 text-primary" aria-hidden="true"><path d="M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z"></path><path d="M22 10v6"></path><path d="M6 12.5V16a6 3 0 0 0 12 0v-3.5"></path></svg></div><h3 class="text-lg font-bold text-foreground mb-2 group-hover:text-primary transition-colors duration-300">Academic & Industry Partnerships</h3><div class="w-12 h-1 bg-primary rounded-full"></div></div><div class="space-y-3"><div class="flex items-center space-x-3 p-2 rounded-lg hover:bg-gray-50 transition-colors duration-300"><div class="w-2 h-2 bg-primary rounded-full flex-shrink-0"></div><span class="text-sm text-muted-foreground group-hover:text-foreground transition-colors duration-300">MoUs with Universities</span></div><div class="flex items-center space-x-3 p-2 rounded-lg hover:bg-gray-50 transition-colors duration-300"><div class="w-2 h-2 bg-primary rounded-full flex-shrink-0"></div><span class="text-sm text-muted-foreground group-hover:text-foreground transition-colors duration-300">Industry Collaborations</span></div><div class="flex items-center space-x-3 p-2 rounded-lg hover:bg-gray-50 transition-colors duration-300"><div class="w-2 h-2 bg-primary rounded-full flex-shrink-0"></div><span class="text-sm text-muted-foreground group-hover:text-foreground transition-colors duration-300">Internships & Placements</span></div></div><div class="mt-4 pt-4 border-t border-gray-100 opacity-0 group-hover:opacity-100 transition-opacity duration-300"><div class="flex items-center justify-between"><span class="text-xs text-muted-foreground">Learn More</span><div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 text-primary" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></div></div><div class="group bg-white rounded-3xl p-6 shadow-lg border border-gray-100 hover:shadow-2xl transition-all duration-300" style="opacity:0;transform:translateY(30px)"><div class="mb-6"><div class="w-14 h-14 bg-secondary/10 rounded-2xl flex items-center justify-center mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open h-7 w-7 text-secondary" aria-hidden="true"><path d="M12 7v14"></path><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"></path></svg></div><h3 class="text-lg font-bold text-foreground mb-2 group-hover:text-primary transition-colors duration-300">Joint & Collaborative Research</h3><div class="w-12 h-1 bg-secondary rounded-full"></div></div><div class="space-y-3"><div class="flex items-center space-x-3 p-2 rounded-lg hover:bg-gray-50 transition-colors duration-300"><div class="w-2 h-2 bg-secondary rounded-full flex-shrink-0"></div><span class="text-sm text-muted-foreground group-hover:text-foreground transition-colors duration-300">IndoâJapan R&D Projects</span></div><div class="flex items-center space-x-3 p-2 rounded-lg hover:bg-gray-50 transition-colors duration-300"><div class="w-2 h-2 bg-secondary rounded-full flex-shrink-0"></div><span class="text-sm text-muted-foreground group-hover:text-foreground transition-colors duration-300">Innovation Hubs</span></div><div class="flex items-center space-x-3 p-2 rounded-lg hover:bg-gray-50 transition-colors duration-300"><div class="w-2 h-2 bg-secondary rounded-full flex-shrink-0"></div><span class="text-sm text-muted-foreground group-hover:text-foreground transition-colors duration-300">Publications & Patents</span></div></div><div class="mt-4 pt-4 border-t border-gray-100 opacity-0 group-hover:opacity-100 transition-opacity duration-300"><div class="flex items-center justify-between"><span class="text-xs text-muted-foreground">Learn More</span><div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 text-secondary" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></div></div><div class="group bg-white rounded-3xl p-6 shadow-lg border border-gray-100 hover:shadow-2xl transition-all duration-300" style="opacity:0;transform:translateY(30px)"><div class="mb-6"><div class="w-14 h-14 bg-learning-empathy/10 rounded-2xl flex items-center justify-center mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe h-7 w-7 text-learning-empathy" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg></div><h3 class="text-lg font-bold text-foreground mb-2 group-hover:text-primary transition-colors duration-300">Japanese Language & Cultural Exchange</h3><div class="w-12 h-1 bg-learning-empathy rounded-full"></div></div><div class="space-y-3"><div class="flex items-center space-x-3 p-2 rounded-lg hover:bg-gray-50 transition-colors duration-300"><div class="w-2 h-2 bg-learning-empathy rounded-full flex-shrink-0"></div><span class="text-sm text-muted-foreground group-hover:text-foreground transition-colors duration-300">Japanese Language Courses & JLPT Preparation</span></div><div class="flex items-center space-x-3 p-2 rounded-lg hover:bg-gray-50 transition-colors duration-300"><div class="w-2 h-2 bg-learning-empathy rounded-full flex-shrink-0"></div><span class="text-sm text-muted-foreground group-hover:text-foreground transition-colors duration-300">Career Guidance for Japan</span></div><div class="flex items-center space-x-3 p-2 rounded-lg hover:bg-gray-50 transition-colors duration-300"><div class="w-2 h-2 bg-learning-empathy rounded-full flex-shrink-0"></div><span class="text-sm text-muted-foreground group-hover:text-foreground transition-colors duration-300">Cultural Workshops & IndoâJapan Festivals</span></div><div class="flex items-center space-x-3 p-2 rounded-lg hover:bg-gray-50 transition-colors duration-300"><div class="w-2 h-2 bg-learning-empathy rounded-full flex-shrink-0"></div><span class="text-sm text-muted-foreground group-hover:text-foreground transition-colors duration-300">Heritage & Arts Exchange</span></div></div><div class="mt-4 pt-4 border-t border-gray-100 opacity-0 group-hover:opacity-100 transition-opacity duration-300"><div class="flex items-center justify-between"><span class="text-xs text-muted-foreground">Learn More</span><div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 text-learning-empathy" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></div></div><div class="group bg-white rounded-3xl p-6 shadow-lg border border-gray-100 hover:shadow-2xl transition-all duration-300" style="opacity:0;transform:translateY(30px)"><div class="mb-6"><div class="w-14 h-14 bg-learning-collaboration/10 rounded-2xl flex items-center justify-center mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users h-7 w-7 text-learning-collaboration" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg></div><h3 class="text-lg font-bold text-foreground mb-2 group-hover:text-primary transition-colors duration-300">Faculty & Student Exchange Programs</h3><div class="w-12 h-1 bg-learning-collaboration rounded-full"></div></div><div class="space-y-3"><div class="flex items-center space-x-3 p-2 rounded-lg hover:bg-gray-50 transition-colors duration-300"><div class="w-2 h-2 bg-learning-collaboration rounded-full flex-shrink-0"></div><span class="text-sm text-muted-foreground group-hover:text-foreground transition-colors duration-300">Semester Abroad</span></div><div class="flex items-center space-x-3 p-2 rounded-lg hover:bg-gray-50 transition-colors duration-300"><div class="w-2 h-2 bg-learning-collaboration rounded-full flex-shrink-0"></div><span class="text-sm text-muted-foreground group-hover:text-foreground transition-colors duration-300">Short-term Study Tours</span></div><div class="flex items-center space-x-3 p-2 rounded-lg hover:bg-gray-50 transition-colors duration-300"><div class="w-2 h-2 bg-learning-collaboration rounded-full flex-shrink-0"></div><span class="text-sm text-muted-foreground group-hover:text-foreground transition-colors duration-300">Visiting Faculty Programs</span></div></div><div class="mt-4 pt-4 border-t border-gray-100 opacity-0 group-hover:opacity-100 transition-opacity duration-300"><div class="flex items-center justify-between"><span class="text-xs text-muted-foreground">Learn More</span><div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 text-learning-collaboration" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></div></div><div class="group bg-white rounded-3xl p-6 shadow-lg border border-gray-100 hover:shadow-2xl transition-all duration-300" style="opacity:0;transform:translateY(30px)"><div class="mb-6"><div class="w-14 h-14 bg-learning-creativity/10 rounded-2xl flex items-center justify-center mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar h-7 w-7 text-learning-creativity" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg></div><h3 class="text-lg font-bold text-foreground mb-2 group-hover:text-primary transition-colors duration-300">International Technical Events</h3><div class="w-12 h-1 bg-learning-creativity rounded-full"></div></div><div class="space-y-3"><div class="flex items-center space-x-3 p-2 rounded-lg hover:bg-gray-50 transition-colors duration-300"><div class="w-2 h-2 bg-learning-creativity rounded-full flex-shrink-0"></div><span class="text-sm text-muted-foreground group-hover:text-foreground transition-colors duration-300">Conferences / Symposiums</span></div><div class="flex items-center space-x-3 p-2 rounded-lg hover:bg-gray-50 transition-colors duration-300"><div class="w-2 h-2 bg-learning-creativity rounded-full flex-shrink-0"></div><span class=
1"text-sm text-muted-foreground group-hover:text-foreground transition-colors duration-300">Workshops / Training Sessions</span></div><div class="flex items-center space-x-3 p-2 rounded-lg hover:bg-gray-50 transition-colors duration-300"><div class="w-2 h-2 bg-learning-creativity rounded-full flex-shrink-0"></div><span class="text-sm text-muted-foreground group-hover:text-foreground transition-colors duration-300">Hackathons / Tech Fests</span></div></div><div class="mt-4 pt-4 border-t border-gray-100 opacity-0 group-hover:opacity-100 transition-opacity duration-300"><div class="flex items-center justify-between"><span class="text-xs text-muted-foreground">Learn More</span><div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 text-learning-creativity" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></div></div><div class="group bg-white rounded-3xl p-6 shadow-lg border border-gray-100 hover:shadow-2xl transition-all duration-300" style="opacity:0;transform:translateY(30px)"><div class="mb-6"><div class="w-14 h-14 bg-programme-card-title-early-discoverers/10 rounded-2xl flex items-center justify-center mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-award h-7 w-7 text-programme-card-title-early-discoverers" aria-hidden="true"><path d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526"></path><circle cx="12" cy="8" r="6"></circle></svg></div><h3 class="text-lg font-bold text-foreground mb-2 group-hover:text-primary transition-colors duration-300">Skill Development & Training</h3><div class="w-12 h-1 bg-programme-card-title-early-discoverers rounded-full"></div></div><div class="space-y-3"><div class="flex items-center space-x-3 p-2 rounded-lg hover:bg-gray-50 transition-colors duration-300"><div class="w-2 h-2 bg-programme-card-title-early-discoverers rounded-full flex-shrink-0"></div><span class="text-sm text-muted-foreground group-hover:text-foreground transition-colors duration-300">Certification Programs</span></div><div class="flex items-center space-x-3 p-2 rounded-lg hover:bg-gray-50 transition-colors duration-300"><div class="w-2 h-2 bg-programme-card-title-early-discoverers rounded-full flex-shrink-0"></div><span class="text-sm text-muted-foreground group-hover:text-foreground transition-colors duration-300">Industry-oriented Training</span></div><div class="flex items-center space-x-3 p-2 rounded-lg hover:bg-gray-50 transition-colors duration-300"><div class="w-2 h-2 bg-programme-card-title-early-discoverers rounded-full flex-shrink-0"></div><span class="text-sm text-muted-foreground group-hover:text-foreground transition-colors duration-300">Japan-specific Technical Skills</span></div></div><div class="mt-4 pt-4 border-t border-gray-100 opacity-0 group-hover:opacity-100 transition-opacity duration-300"><div class="flex items-center justify-between"><span class="text-xs text-muted-foreground">Learn More</span><div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 text-programme-card-title-early-discoverers" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></div></div></div><div class="bg-white/90 backdrop-blur-sm rounded-3xl p-8 md:p-12 border border-gray-100 shadow-xl" style="opacity:0"><div class="text-center" style="opacity:0;transform:translateY(30px)"><div class="w-20 h-20 bg-gradient-to-br from-primary/10 to-secondary/10 rounded-3xl flex items-center justify-center mx-auto mb-8"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lightbulb h-10 w-10 text-primary" aria-hidden="true"><path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"></path><path d="M9 18h6"></path><path d="M10 22h4"></path></svg></div><h3 class="text-2xl md:text-3xl font-bold text-foreground mb-6" style="opacity:0;transform:translateY(30px)">Ready to Collaborate?</h3><p class="text-lg text-muted-foreground max-w-3xl mx-auto leading-relaxed mb-8" style="opacity:0;transform:translateY(30px)">Join us in building meaningful partnerships that drive innovation, foster cultural understanding, and create opportunities for mutual growth between India and Japan.</p><div class="flex flex-col sm:flex-row gap-4 justify-center items-center" style="opacity:0;transform:translateY(30px)"><div tabindex="0"><button class="bg-gradient-to-r from-primary to-secondary hover:from-primary/90 hover:to-secondary/90 text-white px-8 py-4 rounded-xl shadow-lg hover:shadow-xl transition-all duration-300 flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-factory h-5 w-5" aria-hidden="true"><path d="M12 16h.01"></path><path d="M16 16h.01"></path><path d="M3 19a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V8.5a.5.5 0 0 0-.769-.422l-4.462 2.844A.5.5 0 0 1 15 10.5v-2a.5.5 0 0 0-.769-.422L9.77 10.922A.5.5 0 0 1 9 10.5V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2z"></path><path d="M8 16h.01"></path></svg>Explore Partnerships<div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-5 w-5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></button></div><div tabindex="0"><button class="bg-white hover:bg-gray-50 text-foreground px-8 py-4 rounded-xl border-2 border-gray-200 hover:border-primary/30 transition-all duration-300 flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe h-5 w-5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg>Contact Our Team</button></div></div></div></div></div></section><section class="w-full py-24 md:py-32 bg-gradient-to-br from-contact-form-background via-contact-form-background/90 to-contact-form-background relative overflow-hidden"><div class="absolute top-0 right-0 w-96 h-96 bg-white/10 rounded-full blur-3xl -translate-y-48 translate-x-48"></div><div class="absolute bottom-0 left-0 w-80 h-80 bg-primary/20 rounded-full blur-3xl translate-y-32 -translate-x-32"></div><div class="absolute top-1/2 left-1/2 w-64 h-64 bg-secondary/10 rounded-full blur-3xl -translate-x-1/2 -translate-y-1/2"></div><div class="absolute top-20 left-20 text-white/20"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle h-12 w-12" aria-hidden="true"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"></path></svg></div><div class="absolute bottom-20 right-20 text-white/20"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe h-16 w-16" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg></div><div class="container mx-auto px-4 md:px-6 max-w-6xl relative z-10"><div class="text-center mb-16" style="opacity:0"><div class="inline-flex items-center gap-2 bg-white/20 backdrop-blur-sm text-white px-6 py-3 rounded-full text-sm font-medium mb-8 border border-white/30" style="opacity:0;transform:translateY(30px)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-4 w-4" aria-hidden="true"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg>Get in Touch</div><h2 class="text-3xl md:text-4xl lg:text-5xl font-bold text-white mb-8 leading-tight" style="opacity:0;transform:translateY(30px)">Connect with <span class="text-secondary">VJOC</span>: <br/>Get in Touch with Our <span class="text-primary">Team</span></h2><div class="w-32 h-1 bg-gradient-to-r from-primary via-white to-secondary mx-auto rounded-full mb-8" style="opacity:0;transform:translateY(30px)"></div><p class="text-lg text-white/90 max-w-3xl mx-auto leading-relaxed" style="opacity:0;transform:translateY(30px)">Ready to explore Indo-Japan collaboration opportunities? We're here to help you take the next step in your academic, research, or cultural journey.</p></div><div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-start"><div class="bg-white/10 backdrop-blur-md rounded-3xl p-8 md:p-10 border border-white/20 text-white" style="opacity:0;transform:translateX(-50px)"><div class="mb-8" style="opacity:0;transform:translateY(30px)"><h3 class="text-2xl font-bold mb-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle h-6 w-6 mr-3 text-secondary" aria-hidden="true"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"></path></svg>Let's Start a Conversation</h3><p class="text-white/80 leading-relaxed">Whether you're interested in academic partnerships, research collaborations, or cultural exchange programs, our team is ready to guide you through the possibilities.</p></div><div class="space-y-6"><div class="flex items-center space-x-4 p-4 bg-white/10 rounded-2xl border border-white/20" style="opacity:0;transform:translateY(30px)"><div class="w-12 h-12 bg-secondary/20 rounded-2xl flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone h-6 w-6 text-secondary" aria-hidden="true">
1<path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"></path></svg></div><div><p class="font-semibold">Call Us</p><p class="text-white/80">âª+91 9985545035⬠</p></div></div><div class="flex items-center space-x-4 p-4 bg-white/10 rounded-2xl border border-white/20" style="opacity:0;transform:translateY(30px)"><div class="w-12 h-12 bg-primary/20 rounded-2xl flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail h-6 w-6 text-primary" aria-hidden="true"><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path><rect x="2" y="4" width="20" height="16" rx="2"></rect></svg></div><div><p class="font-semibold">Email Us</p><p class="text-white/80">[email protected] </p></div></div><div class="flex items-start space-x-4 p-4 bg-white/10 rounded-2xl border border-white/20" style="opacity:0;transform:translateY(30px)"><div class="w-12 h-12 bg-secondary/20 rounded-2xl flex items-center justify-center mt-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-building h-6 w-6 text-secondary" aria-hidden="true"><rect width="16" height="20" x="4" y="2" rx="2" ry="2"></rect><path d="M9 22v-4h6v4"></path><path d="M8 6h.01"></path><path d="M16 6h.01"></path><path d="M12 6h.01"></path><path d="M12 10h.01"></path><path d="M12 14h.01"></path><path d="M16 10h.01"></path><path d="M16 14h.01"></path><path d="M8 10h.01"></path><path d="M8 14h.01"></path></svg></div><div><p class="font-semibold">Visit Us</p><p class="text-white/80 text-sm leading-relaxed">VEDIC HYDERABAD, Aziz Nagar, Moinabad Mandal RR Dist., Hyderabad, Telangana â 500075, INDIA </p></div></div></div></div><div class="bg-white/95 backdrop-blur-sm rounded-3xl p-8 md:p-10 shadow-2xl border border-white/50" style="opacity:0;transform:translateX(50px)"><div class="mb-8" style="opacity:0;transform:translateY(30px)"><h3 class="text-2xl font-bold text-foreground mb-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-send h-6 w-6 mr-3 text-primary" aria-hidden="true"><path d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"></path><path d="m21.854 2.147-10.94 10.939"></path></svg>Send Us a Message</h3><p class="text-muted-foreground">Fill out the form below and we'll get back to you within 48 hours.</p></div><form class="space-y-6" style="opacity:0"><div style="opacity:0;transform:translateY(30px)"><div class="space-y-2"><label class="peer-disabled:cursor-not-allowed peer-disabled:opacity-70 text-sm font-semibold text-foreground flex items-center" for="«R8qlcttnb»-form-item"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user h-4 w-4 mr-2 text-primary" aria-hidden="true"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>Your Name <span class="text-red-500 ml-1">*</span></label><div id="«R8qlcttnb»-form-item" aria-describedby="«R8qlcttnb»-form-item-description" aria-invalid="false"><input class="flex w-full border-input bg-transparent px-3 py-1 text-base shadow-sm file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm h-12 rounded-xl border-2 focus:border-primary transition-colors" placeholder="Enter your full name" name="parentName" value=""/></div></div></div><div style="opacity:0;transform:translateY(30px)"><div class="space-y-2"><label class="peer-disabled:cursor-not-allowed peer-disabled:opacity-70 text-sm font-semibold text-foreground flex items-center" for="«R9alcttnb»-form-item"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-building h-4 w-4 mr-2 text-secondary" aria-hidden="true"><rect width="16" height="20" x="4" y="2" rx="2" ry="2"></rect><path d="M9 22v-4h6v4"></path><path d="M8 6h.01"></path><path d="M16 6h.01"></path><path d="M12 6h.01"></path><path d="M12 10h.01"></path><path d="M12 14h.01"></path><path d="M16 10h.01"></path><path d="M16 14h.01"></path><path d="M8 10h.01"></path><path d="M8 14h.01"></path></svg>Organization/University Name <span class="text-red-500 ml-1">*</span></label><div id="«R9alcttnb»-form-item" aria-describedby="«R9alcttnb»-form-item-description" aria-invalid="false"><input class="flex w-full border-input bg-transparent px-3 py-1 text-base shadow-sm file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm h-12 rounded-xl border-2 focus:border-secondary transition-colors" placeholder="Enter your organization or university name" name="childName" value=""/></div></div></div><div style="opacity:0;transform:translateY(30px)"><div class="space-y-2"><label class="peer-disabled:cursor-not-allowed peer-disabled:opacity-70 text-sm font-semibold text-foreground flex items-center" for="«R9qlcttnb»-form-item"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe h-4 w-4 mr-2 text-primary" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg>Area of Interest <span class="text-red-500 ml-1">*</span></label><div id="«R9qlcttnb»-form-item" aria-describedby="«R9qlcttnb»-form-item-description" aria-invalid="false"><button type="button" role="combobox" aria-controls="radix-«R2pqlcttnb»" aria-expanded="false" aria-autocomplete="none" dir="ltr" data-state="closed" data-placeholder="" class="flex w-full items-center justify-between whitespace-nowrap border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 h-12 rounded-xl border-2 focus:border-primary"><span style="pointer-events:none">Select your area of interest</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 opacity-50" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div><select aria-hidden="true" tabindex="-1" style="position:absolute;border:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;word-wrap:normal"></select></div></div><div class="space-y-2" style="opacity:0;transform:translateY(30px)"><label class="peer-disabled:cursor-not-allowed peer-disabled:opacity-70 text-sm font-semibold text-foreground flex items-center" for="undefined-form-item"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone h-4 w-4 mr-2 text-secondary" aria-hidden="true">
1<path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"></path></svg>Phone Number <span class="text-red-500 ml-1">*</span></label><div class="flex flex-col sm:flex-row space-y-2 sm:space-y-0 sm:space-x-3"><div class="space-y-2 w-full sm:w-1/3"><div id="«R3aalcttnb»-form-item" aria-describedby="«R3aalcttnb»-form-item-description" aria-invalid="false"><button type="button" role="combobox" aria-controls="radix-«Rraalcttnb»" aria-expanded="false" aria-autocomplete="none" dir="ltr" data-state="closed" class="flex w-full items-center justify-between whitespace-nowrap border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 h-12 rounded-xl border-2 focus:border-secondary"><span style="pointer-events:none"></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 opacity-50" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div><select aria-hidden="true" tabindex="-1" style="position:absolute;border:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;word-wrap:normal"></select></div><div class="space-y-2 w-full sm:w-2/3"><div id="«R5aalcttnb»-form-item" aria-describedby="«R5aalcttnb»-form-item-description" aria-invalid="false"><input class="flex w-full border-input bg-transparent px-3 py-1 text-base shadow-sm file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm h-12 rounded-xl border-2 focus:border-secondary transition-colors" placeholder="Enter your phone number" name="phoneNumber" value=""/></div></div></div></div><div style="opacity:0;transform:translateY(30px)"><div class="space-y-2"><label class="peer-disabled:cursor-not-allowed peer-disabled:opacity-70 text-sm font-semibold text-foreground flex items-center" for="«Raqlcttnb»-form-item"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail h-4 w-4 mr-2 text-primary" aria-hidden="true"><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path><rect x="2" y="4" width="20" height="16" rx="2"></rect></svg>Email Address <span class="text-red-500 ml-1">*</span></label><div id="«Raqlcttnb»-form-item" aria-describedby="«Raqlcttnb»-form-item-description" aria-invalid="false"><input type="email" class="flex w-full border-input bg-transparent px-3 py-1 text-base shadow-sm file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm h-12 rounded-xl border-2 focus:border-primary transition-colors" placeholder="Enter your email address" name="email" value=""/></div></div></div><div style="opacity:0;transform:translateY(30px)"><div tabindex="0"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:bg-primary/90 px-4 py-2 w-full h-14 bg-gradient-to-r from-primary to-secondary hover:from-primary/90 hover:to-secondary/90 text-white rounded-xl text-base font-semibold shadow-lg hover:shadow-xl transition-all duration-300 group" type="submit"><div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-send h-5 w-5 mr-3" aria-hidden="true"><path d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"></path><path d="m21.854 2.147-10.94 10.939"></path></svg></div>Submit Inquiry<div class="ml-3 opacity-0 group-hover:opacity-100 transition-opacity duration-300">â</div></button></div></div></form></div></div></div></section>
1<section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section></main><!--$--><!--/$--><footer class="w-full bg-gradient-to-br from-footer-background via-footer-background/95 to-footer-background text-footer-foreground relative overflow-hidden"><div class="absolute top-0 right-0 w-96 h-96 bg-white/5 rounded-full blur-3xl -translate-y-48 translate-x-48"></div><div class="absolute bottom-0 left-0 w-80 h-80 bg-primary/10 rounded-full blur-3xl translate-y-32 -translate-x-32"></div><div class="absolute top-1/2 left-1/2 w-64 h-64 bg-secondary/5 rounded-full blur-3xl -translate-x-1/2 -translate-y-1/2"></div><div class="relative z-10 pt-20 pb-8"><div class="container mx-auto px-4 md:px-6"><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12 md:gap-8 lg:gap-16 items-start"><div class="flex flex-col items-center md:items-start text-center md:text-left lg:col-span-1"><a class="mb-6 group" href="/"><div class="relative"><img alt="VJOC Logo" loading="lazy" width="266" height="80" decoding="async" data-nimg="1" class="object-contain transition-all duration-300 group-hover:scale-105" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fi.postimg.cc%2F90hwrgMJ%2FFinal-1.png&w=384&q=75 1x, /_next/image?url=https%3A%2F%2Fi.postimg.cc%2F90hwrgMJ%2FFinal-1.png&w=640&q=75 2x" src="/_next/image?url=https%3A%2F%2Fi.postimg.cc%2F90hwrgMJ%2FFinal-1.png&w=640&q=75"/><div class="absolute inset-0 bg-gradient-to-r from-primary/20 to-secondary/20 rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300 blur-xl -z-10"></div></div></a><p class="text-sm leading-relaxed mb-8 max-w-xs text-footer-foreground
1/90">Bridging India and Japan through academic excellence, research, and cultural exchange.</p><div class="flex space-x-4 mb-6"><a class="group flex items-center justify-center w-12 h-12 rounded-2xl bg-white/10 backdrop-blur-sm border border-white/20 text-footer-foreground transition-all duration-300 hover:bg-white/20 hover:scale-110 hover:shadow-lg hover:text-pink-400" aria-label="Instagram" href="#"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-instagram h-5 w-5 transition-transform duration-300 group-hover:scale-110" aria-hidden="true"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"></line></svg></a><a class="group flex items-center justify-center w-12 h-12 rounded-2xl bg-white/10 backdrop-blur-sm border border-white/20 text-footer-foreground transition-all duration-300 hover:bg-white/20 hover:scale-110 hover:shadow-lg hover:text-red-400" aria-label="YouTube" href="#"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-youtube h-5 w-5 transition-transform duration-300 group-hover:scale-110" aria-hidden="true"><path d="M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.56 49.56 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.12 24.12 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.55 49.55 0 0 1-16.2 0A2 2 0 0 1 2.5 17"></path><path d="m10 15 5-3-5-3z"></path></svg></a><a class="group flex items-center justify-center w-12 h-12 rounded-2xl bg-white/10 backdrop-blur-sm border border-white/20 text-footer-foreground transition-all duration-300 hover:bg-white/20 hover:scale-110 hover:shadow-lg hover:text-blue-400" aria-label="LinkedIn" href="#"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-linkedin h-5 w-5 transition-transform duration-300 group-hover:scale-110" aria-hidden="true"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect width="4" height="12" x="2" y="9"></rect><circle cx="4" cy="4" r="2"></circle></svg></a></div><div class="w-full max-w-xs">
1<p class="text-xs text-footer-foreground/80 mb-3">Stay updated with our latest news</p><div class="flex"><input type="email" placeholder="Enter email" class="flex-1 px-3 py-2 text-xs bg-white/10 backdrop-blur-sm border border-white/20 rounded-l-lg text-white placeholder-white/60 focus:outline-none focus:border-white/40"/><button class="px-3 py-2 bg-primary hover:bg-primary/90 rounded-r-lg transition-colors duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 text-white" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></div></div></div><div class="flex flex-col items-center md:items-start text-center md:text-left"><div class="mb-6"><h3 class="text-xl font-bold mb-2 text-footer-foreground">Quick Links</h3><div class="w-12 h-1 bg-gradient-to-r from-primary to-secondary rounded-full mx-auto md:mx-0"></div></div><ul class="space-y-4"><li><a class="group flex items-center text-sm text-footer-foreground
1/90 hover:text-white transition-all duration-300" href="/"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3 w-3 mr-2 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all duration-300" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg><span class="group-hover:translate-x-1 transition-transform duration-300">Home</span></a></li><li><a class="group flex items-center text-sm text-footer-foreground/90 hover:text-white transition-all duration-300" href="/about-us"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3 w-3 mr-2 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all duration-300" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg><span class="group-hover:translate-x-1 transition-transform duration-300">About Us</span></a></li><li><a class="group flex items-center text-sm text-footer-foreground
1/90 hover:text-white transition-all duration-300" href="/research"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3 w-3 mr-2 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all duration-300" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg><span class="group-hover:translate-x-1 transition-transform duration-300">Research</span></a></li><li><a class="group flex items-center text-sm text-footer-foreground/90 hover:text-white transition-all duration-300" href="/internships"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3 w-3 mr-2 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all duration-300" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg><span class="group-hover:translate-x-1 transition-transform duration-300">Internships</span></a></li><li><a class="group flex items-center text-sm text-footer-foreground
1/90 hover:text-white transition-all duration-300" href="/contact-us"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3 w-3 mr-2 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all duration-300" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg><span class="group-hover:translate-x-1 transition-transform duration-300">Contact Us</span></a></li></ul></div><div class="flex flex-col items-center md:items-start text-center md:text-left"><div class="mb-6"><h3 class="text-xl font-bold mb-2 text-footer-foreground">Contact Us</h3><div class="w-12 h-1 bg-gradient-to-r from-primary to-secondary rounded-full mx-auto md:mx-0"></div></div><div class="space-y-6"><div class="group flex items-start space-x-4 p-4 bg-white/5 backdrop-blur-sm rounded-2xl border border-white/10 hover:bg-white/10 transition-all duration-300"><div class="w-10 h-10 bg-secondary/20 rounded-xl flex items-center justify-center flex-shrink-0 group-hover:scale-110 transition-transform duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone h-5 w-5 text-secondary" aria-hidden="true"><path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"></path></svg></div><div><p class="text-sm font-semibold text-footer-foreground mb-1">Call Us</p>
1<a class="text-sm text-footer-foreground/90 hover:text-white transition-colors duration-300" href="tel:+919985545035">âª+91 9985545035⬠</a></div></div><div class="group flex items-start space-x-4 p-4 bg-white/5 backdrop-blur-sm rounded-2xl border border-white/10 hover:bg-white/10 transition-all duration-300"><div class="w-10 h-10 bg-primary/20 rounded-xl flex items-center justify-center flex-shrink-0 group-hover:scale-110 transition-transform duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail h-5 w-5 text-primary" aria-hidden="true"><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path><rect x="2" y="4" width="20" height="16" rx="2"></rect></svg></div><div><p class="text-sm font-semibold text-footer-foreground mb-1">Email Us</p><a class="text-sm text-footer-foreground/90 hover:text-white transition-colors duration-300" href="mailto:[email protected]">[email protected] </a></div></div><div class="group flex items-start space-x-4 p-4 bg-white/5 backdrop-blur-sm rounded-2xl border border-white/10 hover:bg-white/10 transition-all duration-300"><div class="w-10 h-10 bg-secondary/20 rounded-xl flex items-center justify-center flex-shrink-0 mt-1 group-hover:scale-110 transition-transform duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin h-5 w-5 text-secondary" aria-hidden="true"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg></div><div><p class="text-sm font-semibold text-footer-foreground mb-1">Visit Us</p>
1<p class="text-sm text-footer-foreground/90 leading-relaxed">VEDIC HYDERABAD, Aziz Nagar, Moinabad Mandal RR Dist., Hyderabad, Telangana â 500075, INDIA </p></div></div></div></div><div class="flex justify-center md:justify-start"><div class="w-full max-w-md"><div class="mb-6"><h3 class="text-xl font-bold mb-2 text-footer-foreground text-center md:text-left">Find Us</h3><div class="w-12 h-1 bg-gradient-to-r from-primary to-secondary rounded-full mx-auto md:mx-0"></div></div><div class="relative group"><div class="w-full h-64 rounded-2xl overflow-hidden border-2 border-white/20 shadow-xl group-hover:shadow-2xl transition-all duration-300 group-hover:scale-[1.02]"><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3807.9999999999995!2d78.26000000000001!3d17.32000000000000!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bcbb80000000001%3A0x0!2sVEDIC+HYDERABAD,+Aziz+Nagar,+Moinabad+Mandal+RR+Dist.,+Hyderabad,+Telangana+%E2%80%93+500075,+INDIA!5e0!3m2!1sen!2sin!4v1700000000000!5m2!1sen!2sin" width="100%" height="100%" style="border:0" loading="lazy" referrerPolicy="no-referrer-when-downgrade" title="VJOC Location" class="transition-all duration-300 group-hover:brightness-110"></iframe></div><div class="absolute inset-0 bg-gradient-to-t from-black/20 via-transparent to-transparent rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end justify-center pb-4"><a target="_blank" rel="noopener noreferrer" class="px-4 py-2 bg-white/90 backdrop-blur-sm text-gray-800 rounded-lg text-sm font-medium hover:bg-white transition-colors duration-300" href="https://www.google.com/maps/dir/?api=1&destination=VEDIC%20HYDERABAD%2C%20Aziz%20Nagar%2C%20Moinabad%20Mandal%20RR%20Dist.%2C%20Hyderabad%2C%20Telangana%20%E2%80%93%20500075%2C%20INDIA">Get Directions</a></div></div></div></div></div></div></div><div class="relative z-10 border-t border-white/20 bg-black/20 backdrop-blur-sm"><div class="container mx-auto px-4 md:px-6 py-8"><div class="flex flex-col md:flex-row items-center justify-between space-y-4 md:space-y-0"><div class="flex flex-wrap items-center justify-center md:justify-start space-x-6 text-xs">
1<a class="text-footer-foreground/80 hover:text-white transition-colors duration-300" href="#">Privacy Policy</a><span class="text-footer-foreground/40">â¢</span><a class="text-footer-foreground/80 hover:text-white transition-colors duration-300" href="#">Terms of Service</a><span class="text-footer-foreground/40">â¢</span><a class="text-footer-foreground/80 hover:text-white transition-colors duration-300" href="#">Cookie Policy</a></div><div class="text-center"><p class="text-xs text-footer-foreground/80 mb-1">© 2025 Vishnu Japan Outreach Centre. All rights reserved.</p></div><div class="flex items-center text-xs text-footer-foreground/80"><span>Developed with</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-3 w-3 mx-1 text-red-400 animate-pulse" aria-hidden="true"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg><span>by</span><a target="_blank" rel="noopener noreferrer" class="ml-1 text-primary hover:text-secondary transition-colors duration-300 font-medium" href="https://linkedin.com/company/thealphax">Alphax</a></div></div></div></div></footer>
1<script src="/_next/static/chunks/webpack-58bac22bd8425fc7.js" async=""></script>
1<script>(self.__next_f=self.__next_f||[]).push([0])</script>
1<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[4681,[],\"ClientSegmentRoot\"]\n3:I[665,[\"40\",\"static/chunks/40-a293962f1802afbf.js\",\"647\",\"static/chunks/647-7f2f1bda20670203.js\",\"239\",\"static/chunks/239-98f2177ea55c78c5.js\",\"177\",\"static/chunks/app/layout-e38f237e27379cc2.js\"],\"default\"]\n4:I[1170,[],\"\"]\n5:I[4000,[],\"\"]\n7:I[1007,[\"40\",\"static/chunks/40-a293962f1802afbf.js\",\"730\",\"static/chunks/730-fac0078c634a6f60.js\",\"647\",\"static/chunks/647-7f2f1bda20670203.js\",\"614\",\"static/chunks/614-92fbec15aeeff04b.js\",\"851\",\"static/chunks/app/about-us/page-d2e6ecb797619842.js\"],\"AboutUsHeroSection\"]\n8:I[5663,[\"40\",\"static/chunks/40-a293962f1802afbf.js\",\"730\",\"static/chunks/730-fac0078c634a6f60.js\",\"647\",\"static/chunks/647-7f2f1bda20670203.js\",\"614\",\"static/chunks/614-92fbec15aeeff04b.js\",\"851\",\"static/chunks/app/about-us/page-d2e6ecb797619842.js\"],\"AboutUsMissionSection\"]\n9:I[3252,[\"40\",\"static/chunks/40-a293962f1802afbf.js\",\"730\",\"static/chunks/730-fac0078c634a6f60.js\",\"647\",\"static/chunks/647-7f2f1bda20670203.js\",\"614\",\"static/chunks/614-92fbec15aeeff04b.js\",\"851\",\"static/chunks/app/about-us/page-d2e6ecb797619842.js\"],\"AboutUsPurposeSection\"]\na:I[6381,[\"40\",\"static/chunks/40-a293962f1802afbf.js\",\"730\",\"static/chunks/730-fac0078c634a6f60.js\",\"647\",\"static/chunks/647-7f2f1bda20670203.js\",\"614\",\"static/chunks/614-92fbec15aeeff04b.js\",\"851\",\"static/chunks/app/about-us/page-d2e6ecb797619842.js\"],\"AboutUsWhyVJOCSection\"]\nb:I[6034,[\"40\",\"static/chunks/40-a293962f1802afbf.js\",\"730\",\"static/chunks/730-fac0078c634a6f60.js\",\"647\",\"static/chunks/647-7f2f1bda20670203.js\",\"614\",\"static/chunks/614-92fbec15aeeff04b.js\",\"851\",\"static/chunks/app/about-us/page-d2e6ecb797619842.js\"],\"AboutUsLeadershipSection\"]\nc:I[1841,[\"40\",\"static/chunks/40-a293962f1802afbf.js\",\"730\",\"static/chunks/730-fac0078c634a6f60.js\",\"647\",\"static/chunks/647-7f2f1bda20670203.js\",\"614\",\"static/chunks/614-92fbec15aeeff04b.js\",\"851\",\"static/chunks/app/about-us/page-d2e6ecb797619842.js\"],\"AboutUsCollaborationsSection\"]\nd:I[8565,[\"40\",\"static/chunks/40-a293962f1802afbf.js\",\"730\",\"static/chunks/73"])</script>
1<script>self.__next_f.push([1,"0-fac0078c634a6f60.js\",\"647\",\"static/chunks/647-7f2f1bda20670203.js\",\"614\",\"static/chunks/614-92fbec15aeeff04b.js\",\"851\",\"static/chunks/app/about-us/page-d2e6ecb797619842.js\"],\"ContactFormSection\"]\ne:I[2522,[\"40\",\"static/chunks/40-a293962f1802afbf.js\",\"730\",\"static/chunks/730-fac0078c634a6f60.js\",\"647\",\"static/chunks/647-7f2f1bda20670203.js\",\"614\",\"static/chunks/614-92fbec15aeeff04b.js\",\"851\",\"static/chunks/app/about-us/page-d2e6ecb797619842.js\"],\"Toaster\"]\nf:I[5754,[],\"OutletBoundary\"]\n12:I[2954,[],\"AsyncMetadataOutlet\"]\n14:I[5754,[],\"ViewportBoundary\"]\n16:I[5754,[],\"MetadataBoundary\"]\n18:I[5621,[],\"\"]\n:HL[\"/_next/static/media/17ea63293e0b5673-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/4cf2300e9c8272f7-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/8d3a3c63ea77ffcc-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/93f479601ee12b01-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/a88c13d5f58b71d4-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/0bfdfe0505a62f05.css\",\"style\"]\n:HL[\"/_next/static/css/9d49083935ca846c.css\",\"style\"]\n"])</script>
1<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"AgxsBtsastOT_0AF_G443\",\"p\":\"\",\"c\":[\"\",\"about-us\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"about-us\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/0bfdfe0505a62f05.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/9d49083935ca846c.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"$L2\",null,{\"Component\":\"$3\",\"slots\":{\"children\":[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]},\"params\":{},\"promise\":\"$@6\"}]]}],{\"children\":[\"about-us\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"main\",null,{\"children\":[[\"$\",\"$L7\",null,{}],[\"$\",\"$L8\",null,{}],[\"$\",\"$L9\",null,{}],[\"$\",\"$La\",null,{}],[\"$\",\"$Lb\",null,{}],[\"$\",\"$Lc\",null,{}],[\"$\",\"$Ld\",null,{}],[\"$\",\"$Le\",null,{}]]}],null,[\"$\",\"$Lf\",null,{\"children\":[\"$L10\",\"$L11\",[\"$\",\"$L12\",null,{\"promise\":\"$@13\"}]]}]]}],{},null,false]},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$1\",\"uwWStjiZx0jcEMn0_b6iVv\",{\"children\":[[\"$\",\"$L14\",null,{\"children\":\"$L15\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],[\"$\",\"$L16\",null,{\"children\":\"$L17\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$18\",\"$undefined\"],\"s\":false,\"S\":true}\n"])</script>
1<script>self.__next_f.push([1,"19:\"$Sreact.suspense\"\n1a:I[2954,[],\"AsyncMetadata\"]\n6:{}\n17:[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$19\",null,{\"fallback\":null,\"children\":[\"$\",\"$L1a\",null,{\"promise\":\"$@1b\"}]}]}]\n"])</script>
1<script>self.__next_f.push([1,"11:null\n"])</script>
1<script>self.__next_f.push([1,"15:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n10:null\n"])</script>
1<script>self.__next_f.push([1,"13:{\"metadata\":[[\"$\",\"link\",\"0\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"type\":\"image/x-icon\",\"sizes\":\"16x16\"}]],\"error\":null,\"digest\":\"$undefined\"}\n1b:{\"metadata\":\"$13:metadata\",\"error\":null,\"digest\":\"$undefined\"}\n"])</script>
1</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.