| Server IP : 139.59.63.204 / Your IP : 216.73.217.62 Web Server : Apache/2.4.58 (Ubuntu) System : Linux ubuntu-s-1vcpu-1gb-blr1-01 6.8.0-110-generic #110-Ubuntu SMP PREEMPT_DYNAMIC Thu Mar 19 15:09:20 UTC 2026 x86_64 User : root ( 0) PHP Version : 8.3.6 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : OFF Directory : /var/www/abyogasms.com/storage/framework/views/ |
Upload File : |
<!DOCTYPE html>
<html lang="hi">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>हमारी सेवाएं | अखिल भारतीय योग शिक्षक महासंघ (ABYOGASMS Foundation)</title>
<meta name="description" content="संस्थान संबद्धता, योग शिक्षक पंजीकरण, छात्र प्रमाणन सहायता, संकाय विकास कार्यक्रम, राष्ट्रीय सम्मेलन और डिजिटल सत्यापन — ABYOGASMS Foundation की सेवाएं।" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+Devanagari:wght@500;600;700&family=Noto+Sans+Devanagari:wght@400;500;600;700&family=Fraunces:ital,opsz,wght@0,9..144,500;1,9..144,500&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap" rel="stylesheet">
<?php echo app('Illuminate\Foundation\Vite')(['resources/css/app.css', 'resources/js/app.js']); ?>
<style>
:root{
--indigo: #1B2A4A;
--indigo-deep: #121D35;
--saffron: #E8742C;
--gold: #D9A441;
--sand: #FBF6EE;
--ink: #23201B;
}
html { scroll-behavior: smooth; }
body { background: var(--sand); color: var(--ink); }
.reveal { opacity: 0; transform: translateY(28px); transition: opacity .8s cubic-bezier(.2,.7,.3,1), transform .8s cubic-bezier(.2,.7,.3,1); }
.reveal.is-visible { opacity: 1; transform: translateY(0); }
.reveal-stagger > * { opacity: 0; transform: translateY(22px); transition: opacity .7s cubic-bezier(.2,.7,.3,1), transform .7s cubic-bezier(.2,.7,.3,1); }
.reveal-stagger.is-visible > * { opacity: 1; transform: translateY(0); }
.reveal-stagger.is-visible > *:nth-child(1){ transition-delay: .03s }
.reveal-stagger.is-visible > *:nth-child(2){ transition-delay: .09s }
.reveal-stagger.is-visible > *:nth-child(3){ transition-delay: .15s }
.reveal-stagger.is-visible > *:nth-child(4){ transition-delay: .21s }
.reveal-stagger.is-visible > *:nth-child(5){ transition-delay: .27s }
.reveal-stagger.is-visible > *:nth-child(6){ transition-delay: .33s }
@media (prefers-reduced-motion: reduce){
html { scroll-behavior: auto; }
.reveal, .reveal-stagger > * { opacity: 1 !important; transform: none !important; transition: none !important; }
.sun-rise, .arc-glow, .float-ring { animation: none !important; }
}
.hero-sky{
background: radial-gradient(120% 90% at 50% 105%, #3a3167 0%, var(--indigo) 42%, var(--indigo-deep) 100%);
}
.sun-rise{
animation: sunrise 2.4s cubic-bezier(.22,.9,.25,1) forwards;
animation-delay: .25s;
opacity: 0;
}
@keyframes sunrise{
0% { transform: translateY(48px) scale(.88); opacity: 0; }
60% { opacity: 1; }
100% { transform: translateY(0) scale(1); opacity: 1; }
}
.arc-glow{ animation: glowpulse 4.5s ease-in-out infinite; transform-origin: center; }
@keyframes glowpulse{ 0%,100% { opacity: .55; } 50% { opacity: 1; } }
.float-ring{ animation: floaty 6s ease-in-out infinite; }
@keyframes floaty{ 0%,100%{ transform: translateY(0px); } 50%{ transform: translateY(-9px); } }
.card-lift{ transition: transform .35s cubic-bezier(.2,.7,.3,1), box-shadow .35s ease, border-color .35s ease; }
.card-lift:hover{ transform: translateY(-6px); box-shadow: 0 24px 48px -20px rgba(27,42,74,.35); border-color: var(--saffron); }
.divider-mark::before{
content:"";
display:block;
width: 46px; height: 3px;
background: linear-gradient(90deg, var(--saffron), var(--gold));
border-radius: 2px;
margin-bottom: 1.1rem;
}
.stamp-ring{ background: conic-gradient(from 180deg, var(--gold), var(--saffron), var(--gold)); }
.nav-link{ position: relative; }
.nav-link::after{
content:""; position:absolute; left:0; bottom:-4px; height:2px; width:0%;
background: var(--saffron); transition: width .3s ease;
}
.nav-link:hover::after{ width: 100%; }
.nav-link.active::after{ width: 100%; }
.service-num{
-webkit-text-stroke: 1.4px var(--gold);
color: transparent;
}
.step-line{
background: repeating-linear-gradient(to bottom, var(--gold) 0 6px, transparent 6px 12px);
width: 2px;
}
::selection{ background: var(--saffron); color: white; }
</style>
</head>
<body class="font-body antialiased">
<!-- ============ NAV ============ -->
<?php echo $__env->make('components.site-header', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
<!-- ============ HERO / PAGE HEADER ============ -->
<section class="hero-sky relative overflow-hidden pt-36 pb-20 md:pt-44 md:pb-28 px-5 md:px-8">
<div class="float-ring absolute -left-16 top-24 w-56 h-56 rounded-full border border-gold/20"></div>
<div class="float-ring absolute right-[-4rem] bottom-6 w-64 h-64 rounded-full border border-saffron/20" style="animation-delay:1.2s"></div>
<div class="max-w-4xl mx-auto relative z-10 text-center">
<p class="font-mono text-[11px] md:text-xs tracking-[0.28em] uppercase text-gold/90 mb-5">
What We Offer
</p>
<h1 class="font-display text-[2rem] leading-[1.2] sm:text-4xl md:text-[3rem] font-semibold text-sand max-w-3xl mx-auto">
हमारी सेवाएं
</h1>
<p class="mt-3 font-display text-gold text-lg md:text-xl">Our Services</p>
<p class="mt-6 text-sand/75 text-base md:text-lg max-w-2xl mx-auto leading-relaxed">
संस्थान संबद्धता से लेकर डिजिटल प्रमाण-पत्र सत्यापन तक — ABYOGASMS Foundation योग शिक्षकों,
संस्थानों और छात्रों की हर आवश्यकता में सहयोग प्रदान करता है।
</p>
</div>
</section>
<!-- ============ SERVICES OVERVIEW STRIP ============ -->
<section class="bg-indigo-deep px-5 md:px-8 py-6 border-b border-sand/10">
<div class="max-w-6xl mx-auto flex flex-wrap justify-center gap-x-8 gap-y-2 text-sand/60 text-xs md:text-sm font-medium">
<a href="#s1" class="hover:text-gold transition-colors">01 संस्थान संबद्धता</a>
<a href="#s2" class="hover:text-gold transition-colors">02 शिक्षक पंजीकरण</a>
<a href="#s3" class="hover:text-gold transition-colors">03 छात्र प्रमाणन</a>
<a href="#s4" class="hover:text-gold transition-colors">04 संकाय विकास</a>
<a href="#s5" class="hover:text-gold transition-colors">05 राष्ट्रीय सम्मेलन</a>
<a href="#s6" class="hover:text-gold transition-colors">06 डिजिटल सत्यापन</a>
</div>
</section>
<!-- ============ SERVICES DETAIL ============ -->
<section id="sevayen" class="px-5 md:px-8 py-20 md:py-28 bg-sand">
<div class="max-w-6xl mx-auto space-y-20 md:space-y-28">
<!-- Service 01 -->
<div id="s1" class="grid md:grid-cols-12 gap-10 items-start reveal">
<div class="md:col-span-2">
<span class="service-num font-display text-6xl md:text-7xl font-bold">01</span>
</div>
<div class="md:col-span-10 grid md:grid-cols-12 gap-8">
<div class="md:col-span-7">
<h2 class="font-display text-2xl md:text-3xl font-semibold text-indigo mb-4">संस्थान संबद्धता</h2>
<p class="text-ink/75 leading-[1.9] text-[15px]">
अपने योग संस्थान को महासंघ से संबद्ध करें और आधिकारिक मान्यता, संस्थागत सहयोग, डिजिटल सत्यापन
एवं राष्ट्रीय स्तर पर पहचान प्राप्त करें। संबद्ध संस्थान महासंघ के व्यापक नेटवर्क और संसाधनों
का लाभ उठा सकते हैं।
</p>
<a href="index.html#join" class="mt-5 inline-flex items-center gap-2 text-saffron-deep font-semibold text-sm hover:text-saffron transition-colors">
संबद्धता हेतु आवेदन करें →
</a>
</div>
<div class="md:col-span-5 bg-white border border-indigo/10 rounded-2xl p-6 card-lift">
<p class="font-mono text-[11px] tracking-[0.18em] uppercase text-saffron-deep mb-4">इसमें शामिल है</p>
<ul class="space-y-2.5 text-sm text-ink/80">
<li class="flex gap-2.5"><span class="text-saffron">✓</span>आधिकारिक मान्यता प्रमाण-पत्र</li>
<li class="flex gap-2.5"><span class="text-saffron">✓</span>संस्थागत सहयोग एवं मार्गदर्शन</li>
<li class="flex gap-2.5"><span class="text-saffron">✓</span>डिजिटल सूचीकरण एवं सत्यापन</li>
<li class="flex gap-2.5"><span class="text-saffron">✓</span>राष्ट्रीय स्तर पर दृश्यता</li>
</ul>
</div>
</div>
</div>
<!-- Service 02 -->
<div id="s2" class="grid md:grid-cols-12 gap-10 items-start reveal">
<div class="md:col-span-2">
<span class="service-num font-display text-6xl md:text-7xl font-bold">02</span>
</div>
<div class="md:col-span-10 grid md:grid-cols-12 gap-8">
<div class="md:col-span-7">
<h2 class="font-display text-2xl md:text-3xl font-semibold text-indigo mb-4">योग शिक्षक पंजीकरण</h2>
<p class="text-ink/75 leading-[1.9] text-[15px]">
योग प्रशिक्षकों के लिए व्यावसायिक पंजीकरण, जिसमें एक विशिष्ट पंजीकरण संख्या और डिजिटल सत्यापन
शामिल है। यह पंजीकरण शिक्षकों को राष्ट्रीय मंच पर पहचान, सम्मान एवं व्यावसायिक विश्वसनीयता
प्रदान करता है।
</p>
<a href="index.html#join" class="mt-5 inline-flex items-center gap-2 text-saffron-deep font-semibold text-sm hover:text-saffron transition-colors">
शिक्षक के रूप में पंजीकरण करें →
</a>
</div>
<div class="md:col-span-5 bg-white border border-indigo/10 rounded-2xl p-6 card-lift">
<p class="font-mono text-[11px] tracking-[0.18em] uppercase text-saffron-deep mb-4">इसमें शामिल है</p>
<ul class="space-y-2.5 text-sm text-ink/80">
<li class="flex gap-2.5"><span class="text-saffron">✓</span>विशिष्ट पंजीकरण संख्या</li>
<li class="flex gap-2.5"><span class="text-saffron">✓</span>डिजिटल पहचान पत्र</li>
<li class="flex gap-2.5"><span class="text-saffron">✓</span>ऑनलाइन सत्यापन सुविधा</li>
<li class="flex gap-2.5"><span class="text-saffron">✓</span>राष्ट्रीय नेटवर्क में सदस्यता</li>
</ul>
</div>
</div>
</div>
<!-- Service 03 -->
<div id="s3" class="grid md:grid-cols-12 gap-10 items-start reveal">
<div class="md:col-span-2">
<span class="service-num font-display text-6xl md:text-7xl font-bold">03</span>
</div>
<div class="md:col-span-10 grid md:grid-cols-12 gap-8">
<div class="md:col-span-7">
<h2 class="font-display text-2xl md:text-3xl font-semibold text-indigo mb-4">छात्र प्रमाणन सहायता</h2>
<p class="text-ink/75 leading-[1.9] text-[15px]">
सुरक्षित सत्यापन एवं मानकीकृत दस्तावेज़ीकरण के साथ छात्र प्रमाणन में सहायता। संस्थान अपने
विद्यार्थियों के लिए प्रामाणिक एवं सत्यापन-योग्य प्रमाण-पत्र सुनिश्चित कर सकते हैं।
</p>
</div>
<div class="md:col-span-5 bg-white border border-indigo/10 rounded-2xl p-6 card-lift">
<p class="font-mono text-[11px] tracking-[0.18em] uppercase text-saffron-deep mb-4">इसमें शामिल है</p>
<ul class="space-y-2.5 text-sm text-ink/80">
<li class="flex gap-2.5"><span class="text-saffron">✓</span>सुरक्षित छात्र सत्यापन</li>
<li class="flex gap-2.5"><span class="text-saffron">✓</span>मानकीकृत दस्तावेज़ीकरण</li>
<li class="flex gap-2.5"><span class="text-saffron">✓</span>प्रमाण-पत्र जारी करने में सहयोग</li>
</ul>
</div>
</div>
</div>
<!-- Service 04 -->
<div id="s4" class="grid md:grid-cols-12 gap-10 items-start reveal">
<div class="md:col-span-2">
<span class="service-num font-display text-6xl md:text-7xl font-bold">04</span>
</div>
<div class="md:col-span-10 grid md:grid-cols-12 gap-8">
<div class="md:col-span-7">
<h2 class="font-display text-2xl md:text-3xl font-semibold text-indigo mb-4">संकाय विकास कार्यक्रम</h2>
<p class="text-ink/75 leading-[1.9] text-[15px]">
योग शिक्षकों के लिए उन्नत प्रशिक्षण, कार्यशालाएं, संगोष्ठियां एवं सतत व्यावसायिक शिक्षा।
इनका उद्देश्य शिक्षकों के ज्ञान, कौशल एवं शिक्षण गुणवत्ता को निरंतर सशक्त बनाना है।
</p>
</div>
<div class="md:col-span-5 bg-white border border-indigo/10 rounded-2xl p-6 card-lift">
<p class="font-mono text-[11px] tracking-[0.18em] uppercase text-saffron-deep mb-4">इसमें शामिल है</p>
<ul class="space-y-2.5 text-sm text-ink/80">
<li class="flex gap-2.5"><span class="text-saffron">✓</span>उन्नत प्रशिक्षण सत्र</li>
<li class="flex gap-2.5"><span class="text-saffron">✓</span>कार्यशालाएं एवं संगोष्ठियां</li>
<li class="flex gap-2.5"><span class="text-saffron">✓</span>सतत व्यावसायिक शिक्षा (CPE)</li>
</ul>
</div>
</div>
</div>
<!-- Service 05 -->
<div id="s5" class="grid md:grid-cols-12 gap-10 items-start reveal">
<div class="md:col-span-2">
<span class="service-num font-display text-6xl md:text-7xl font-bold">05</span>
</div>
<div class="md:col-span-10 grid md:grid-cols-12 gap-8">
<div class="md:col-span-7">
<h2 class="font-display text-2xl md:text-3xl font-semibold text-indigo mb-4">राष्ट्रीय सम्मेलन एवं योग महोत्सव</h2>
<p class="text-ink/75 leading-[1.9] text-[15px]">
राष्ट्रीय योग सम्मेलनों, वेलनेस सम्मिट, अंतर्राष्ट्रीय योग दिवस समारोहों एवं शोध सम्मेलनों में
सहभागिता का अवसर। ये आयोजन शिक्षकों को नेटवर्किंग, ज्ञान-साझाकरण एवं राष्ट्रीय मंच प्रदान करते हैं।
</p>
</div>
<div class="md:col-span-5 bg-white border border-indigo/10 rounded-2xl p-6 card-lift">
<p class="font-mono text-[11px] tracking-[0.18em] uppercase text-saffron-deep mb-4">इसमें शामिल है</p>
<ul class="space-y-2.5 text-sm text-ink/80">
<li class="flex gap-2.5"><span class="text-saffron">✓</span>राष्ट्रीय योग सम्मेलन</li>
<li class="flex gap-2.5"><span class="text-saffron">✓</span>अंतर्राष्ट्रीय योग दिवस आयोजन</li>
<li class="flex gap-2.5"><span class="text-saffron">✓</span>शोध एवं वेलनेस सम्मिट</li>
</ul>
</div>
</div>
</div>
<!-- Service 06 -->
<div id="s6" class="grid md:grid-cols-12 gap-10 items-start reveal">
<div class="md:col-span-2">
<span class="service-num font-display text-6xl md:text-7xl font-bold">06</span>
</div>
<div class="md:col-span-10 grid md:grid-cols-12 gap-8">
<div class="md:col-span-7">
<h2 class="font-display text-2xl md:text-3xl font-semibold text-indigo mb-4">डिजिटल सत्यापन</h2>
<p class="text-ink/75 leading-[1.9] text-[15px]">
प्रमाण-पत्रों, संबद्धताओं एवं शिक्षक पंजीकरण का ऑनलाइन सत्यापन — सुरक्षित और तत्काल।
कोई भी नियोक्ता, संस्थान या व्यक्ति डिजिटल रूप से प्रामाणिकता की पुष्टि कर सकता है।
</p>
</div>
<div class="md:col-span-5 bg-white border border-indigo/10 rounded-2xl p-6 card-lift">
<p class="font-mono text-[11px] tracking-[0.18em] uppercase text-saffron-deep mb-4">इसमें शामिल है</p>
<ul class="space-y-2.5 text-sm text-ink/80">
<li class="flex gap-2.5"><span class="text-saffron">✓</span>ऑनलाइन प्रमाण-पत्र सत्यापन</li>
<li class="flex gap-2.5"><span class="text-saffron">✓</span>संबद्धता सत्यापन</li>
<li class="flex gap-2.5"><span class="text-saffron">✓</span>शिक्षक पंजीकरण सत्यापन</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- ============ PROCESS ============ -->
<section id="prakriya" class="px-5 md:px-8 py-20 md:py-28 bg-indigo relative overflow-hidden">
<div class="absolute left-1/2 -translate-x-1/2 -bottom-32 w-[36rem] h-[36rem] rounded-full border border-gold/10"></div>
<div class="max-w-3xl mx-auto text-center relative reveal">
<div class="divider-mark mx-auto"></div>
<p class="font-mono text-xs tracking-[0.2em] uppercase text-gold mb-4">How It Works</p>
<h2 class="font-display text-3xl md:text-[2.4rem] font-semibold text-sand leading-tight">आवेदन की प्रक्रिया</h2>
</div>
<div class="max-w-2xl mx-auto mt-16 relative reveal-stagger">
<div class="flex gap-6">
<div class="flex flex-col items-center">
<div class="w-10 h-10 rounded-full bg-gold text-indigo-deep font-mono font-bold flex items-center justify-center flex-shrink-0">1</div>
<div class="step-line flex-1 my-2"></div>
</div>
<div class="pb-10">
<h3 class="font-display text-lg text-sand font-semibold mb-1.5">आवेदन करें</h3>
<p class="text-sand/60 text-sm leading-relaxed">इच्छित सेवा (संबद्धता, पंजीकरण या प्रमाणन) हेतु अपना विवरण एवं दस्तावेज़ जमा करें।</p>
</div>
</div>
<div class="flex gap-6">
<div class="flex flex-col items-center">
<div class="w-10 h-10 rounded-full bg-gold text-indigo-deep font-mono font-bold flex items-center justify-center flex-shrink-0">2</div>
<div class="step-line flex-1 my-2"></div>
</div>
<div class="pb-10">
<h3 class="font-display text-lg text-sand font-semibold mb-1.5">समीक्षा एवं सत्यापन</h3>
<p class="text-sand/60 text-sm leading-relaxed">महासंघ की टीम द्वारा आपके आवेदन एवं दस्तावेज़ों की समीक्षा की जाती है।</p>
</div>
</div>
<div class="flex gap-6">
<div class="flex flex-col items-center">
<div class="w-10 h-10 rounded-full bg-gold text-indigo-deep font-mono font-bold flex items-center justify-center flex-shrink-0">3</div>
<div class="step-line flex-1 my-2"></div>
</div>
<div class="pb-10">
<h3 class="font-display text-lg text-sand font-semibold mb-1.5">स्वीकृति</h3>
<p class="text-sand/60 text-sm leading-relaxed">सफल समीक्षा के पश्चात आपको संबद्धता, पंजीकरण या प्रमाणन की स्वीकृति प्रदान की जाती है।</p>
</div>
</div>
<div class="flex gap-6">
<div class="flex flex-col items-center">
<div class="w-10 h-10 rounded-full bg-gold text-indigo-deep font-mono font-bold flex items-center justify-center flex-shrink-0">4</div>
</div>
<div>
<h3 class="font-display text-lg text-sand font-semibold mb-1.5">प्रमाण-पत्र एवं डिजिटल आईडी</h3>
<p class="text-sand/60 text-sm leading-relaxed">आधिकारिक प्रमाण-पत्र, डिजिटल आईडी एवं सत्यापन योग्य पंजीकरण संख्या जारी की जाती है।</p>
</div>
</div>
</div>
</section>
<!-- ============ CTA ============ -->
<?php echo $__env->make('components.cta', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
<!-- ============ FOOTER ============ -->
<?php echo $__env->make('components.site-footer', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
<?php echo $__env->make('components.membership-modal', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
<script>
const menuBtn = document.getElementById('menu-btn');
const mobileMenu = document.getElementById('mobile-menu');
menuBtn.addEventListener('click', () => {
const isOpen = !mobileMenu.classList.contains('hidden');
mobileMenu.classList.toggle('hidden');
menuBtn.setAttribute('aria-expanded', String(!isOpen));
});
document.querySelectorAll('.mnav').forEach(a => {
a.addEventListener('click', () => mobileMenu.classList.add('hidden'));
});
const nav = document.getElementById('site-nav');
const onScroll = () => {
if (window.scrollY > 40) {
nav.classList.add('bg-indigo-deep/95', 'backdrop-blur', 'shadow-lg', 'shadow-black/10');
} else {
nav.classList.remove('bg-indigo-deep/95', 'backdrop-blur', 'shadow-lg', 'shadow-black/10');
}
};
window.addEventListener('scroll', onScroll);
onScroll();
const revealEls = document.querySelectorAll('.reveal, .reveal-stagger');
const io = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add('is-visible');
io.unobserve(entry.target);
}
});
}, { threshold: 0.15 });
revealEls.forEach(el => io.observe(el));
document.getElementById('year').textContent = new Date().getFullYear();
</script>
</body>
</html><?php /**PATH /var/www/abyogasms.com/resources/views/services.blade.php ENDPATH**/ ?>