| 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 }
.reveal-stagger.is-visible > *:nth-child(7){ transition-delay: .39s }
.reveal-stagger.is-visible > *:nth-child(8){ transition-delay: .45s }
@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));
}
.quote-mark{ font-family: 'Noto Serif Devanagari', serif; }
.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%; }
::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-5xl 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">
Reg. No. U85300DL2021NPL379903
</p>
<h1 class="font-display text-[2rem] leading-[1.25] sm:text-4xl md:text-[3.1rem] font-semibold text-sand max-w-4xl mx-auto">
अखिल भारतीय योग शिक्षक महासंघ
</h1>
<p class="mt-3 font-display text-gold text-lg md:text-xl">(ABYOGASMS FOUNDATION)</p>
<p class="mt-6 text-sand/75 text-base md:text-lg max-w-2xl mx-auto leading-relaxed">
एक वृहद परिचय, संकल्प एवं उपलब्धियाँ — Vision & Mission
</p>
</div>
</section>
<!-- ============ संगठन परिचय ============ -->
<section id="parichay" class="px-5 md:px-8 py-20 md:py-28 bg-sand">
<div class="max-w-5xl mx-auto">
<div class="reveal">
<div class="divider-mark"></div>
<p class="font-mono text-xs tracking-[0.2em] uppercase text-saffron-deep mb-4">Organization Profile</p>
<h2 class="font-display text-3xl md:text-[2.4rem] font-semibold text-indigo leading-tight">
संगठन परिचय
</h2>
</div>
<div class="mt-8 grid md:grid-cols-12 gap-10">
<div class="md:col-span-7 space-y-5 reveal">
<p class="text-ink/80 leading-[1.9] text-[15px] md:text-base">
अखिल भारतीय योग शिक्षक महासंघ (ABYOGASMS FOUNDATION) एक राष्ट्रीय स्तर का योग, स्वास्थ्य एवं
सामाजिक जागरूकता संगठन है, जिसकी स्थापना योग शिक्षकों के रोजगार, हितों, अधिकारों एवं सम्मान की
रक्षा के उद्देश्य से की गई। महासंघ की स्थापना दिनांक 20 जुलाई 2020 को हुई, जबकि कोरोना महामारी
के कारण इसका सरकारी पंजीकरण 12 अप्रैल 2021 को संभव हो पाया।
</p>
<p class="text-ink/80 leading-[1.9] text-[15px] md:text-base">
वर्तमान आधुनिक, भागदौड़ एवं तनावपूर्ण जीवनशैली में हमारे ऋषि-मुनियों द्वारा प्रदत्त अमूल्य धरोहर
योग सम्पूर्ण विश्व के लिए आशा, स्वास्थ्य एवं सकारात्मकता का आधार बनकर उभरा है। योग केवल शारीरिक
व्यायाम नहीं, बल्कि स्वस्थ, संतुलित एवं अनुशासित जीवन जीने की एक संपूर्ण पद्धति है।
</p>
<p class="text-ink/80 leading-[1.9] text-[15px] md:text-base">
योग के बढ़ते वैश्विक प्रभाव के साथ प्रशिक्षित एवं योग्य योग शिक्षकों की आवश्यकता निरंतर बढ़ रही है,
किन्तु लंबे समय तक योग शिक्षकों के रोजगार, सामाजिक सुरक्षा, सम्मान एवं अधिकारों की दिशा में अपेक्षित
प्रयास नहीं हो सके। ऐसी परिस्थितियों में एक ऐसे सशक्त राष्ट्रीय संगठन की आवश्यकता अनुभव की गई, जो
योग शिक्षकों की आवाज बनकर उनके सम्मान, स्वाभिमान एवं सुरक्षित भविष्य हेतु कार्य कर सके। इसी पावन
संकल्प के साथ अखिल भारतीय योग शिक्षक महासंघ (ABYOGASMS FOUNDATION) की स्थापना हुई।
</p>
</div>
<div class="md:col-span-5 flex flex-col gap-4 reveal-stagger">
<div class="bg-indigo text-sand rounded-2xl p-6 flex items-center gap-5">
<span class="font-mono text-2xl text-gold font-semibold">01</span>
<div>
<p class="font-mono text-[10px] tracking-[0.18em] uppercase text-sand/50">स्थापना दिवस</p>
<p class="font-display text-lg mt-1">20 जुलाई 2020</p>
</div>
</div>
<div class="bg-indigo text-sand rounded-2xl p-6 flex items-center gap-5">
<span class="font-mono text-2xl text-gold font-semibold">02</span>
<div>
<p class="font-mono text-[10px] tracking-[0.18em] uppercase text-sand/50">सरकारी पंजीकरण</p>
<p class="font-display text-lg mt-1">12 अप्रैल 2021</p>
</div>
</div>
<div class="bg-white border border-indigo/10 rounded-2xl p-6">
<p class="font-mono text-[10px] tracking-[0.18em] uppercase text-saffron-deep">Registration No.</p>
<p class="font-mono text-sm md:text-[15px] mt-2 text-indigo font-semibold break-all">U85300DL2021NPL379903</p>
</div>
</div>
</div>
</div>
</section>
<!-- ============ संस्थापक ============ -->
<section id="founder" class="px-5 md:px-8 py-20 md:py-28 bg-indigo-deep relative overflow-hidden">
<div class="max-w-3xl mx-auto relative reveal text-center">
<span class="quote-mark text-7xl text-gold/40 leading-none">“</span>
<p class="font-display text-xl md:text-2xl text-sand leading-[1.9] -mt-6">
महासंघ के संस्थापक एवं राष्ट्रीय अध्यक्ष आदरणीय योगगुरु श्री मंगेश त्रिवेदी जी द्वारा देखा गया यह
स्वप्न आज देशभर में एक विशाल जनआंदोलन का रूप लेता हुआ दिखाई दे रहा है।
</p>
<div class="mt-8 flex items-center justify-center gap-3">
<span class="w-10 h-[2px] bg-gold/60"></span>
<p class="font-mono text-xs tracking-[0.2em] uppercase text-gold/80">योगगुरु श्री मंगेश त्रिवेदी जी · संस्थापक एवं राष्ट्रीय अध्यक्ष</p>
<span class="w-10 h-[2px] bg-gold/60"></span>
</div>
</div>
</section>
<!-- ============ वैधानिक एवं संस्थागत मान्यताएँ ============ -->
<section id="manytayen" class="px-5 md:px-8 py-20 md:py-28 bg-sand">
<div class="max-w-5xl mx-auto">
<div class="max-w-2xl reveal">
<div class="divider-mark"></div>
<p class="font-mono text-xs tracking-[0.2em] uppercase text-saffron-deep mb-4">Legal & Institutional Recognition</p>
<h2 class="font-display text-3xl md:text-[2.4rem] font-semibold text-indigo leading-tight">
संगठन की वैधानिक एवं संस्थागत मान्यताएँ
</h2>
</div>
<div class="mt-12 grid sm:grid-cols-2 gap-5 reveal-stagger">
<div class="flex items-start gap-3 bg-white rounded-xl p-5 border border-indigo/10 card-lift">
<span class="w-8 h-8 rounded-full bg-saffron/15 text-saffron flex items-center justify-center flex-shrink-0 font-semibold">✓</span>
<span class="text-sm text-ink/80 leading-relaxed pt-1">संस्था भारत सरकार के कॉर्पोरेट कार्य मंत्रालय (Ministry of Corporate Affairs) के अंतर्गत विधिवत पंजीकृत है।</span>
</div>
<div class="flex items-start gap-3 bg-white rounded-xl p-5 border border-indigo/10 card-lift">
<span class="w-8 h-8 rounded-full bg-saffron/15 text-saffron flex items-center justify-center flex-shrink-0 font-semibold">✓</span>
<span class="text-sm text-ink/80 leading-relaxed pt-1">संस्था नीति आयोग (NITI Aayog) एवं MSME मंत्रालय से संबद्ध है।</span>
</div>
<div class="flex items-start gap-3 bg-white rounded-xl p-5 border border-indigo/10 card-lift">
<span class="w-8 h-8 rounded-full bg-saffron/15 text-saffron flex items-center justify-center flex-shrink-0 font-semibold">✓</span>
<span class="text-sm text-ink/80 leading-relaxed pt-1">संस्था को प्राप्त दान आयकर अधिनियम की धारा 12A एवं 80G के अंतर्गत कर मुक्त है।</span>
</div>
<div class="flex items-start gap-3 bg-white rounded-xl p-5 border border-indigo/10 card-lift">
<span class="w-8 h-8 rounded-full bg-saffron/15 text-saffron flex items-center justify-center flex-shrink-0 font-semibold">✓</span>
<span class="text-sm text-ink/80 leading-relaxed pt-1">विगत कई वर्षों से महासंघ आयुष मंत्रालय, भारत सरकार के साथ योग, स्वास्थ्य एवं जन-जागरूकता अभियानों में सक्रिय सहभागिता निभा रहा है।</span>
</div>
<div class="flex items-start gap-3 bg-white rounded-xl p-5 border border-indigo/10 card-lift">
<span class="w-8 h-8 rounded-full bg-saffron/15 text-saffron flex items-center justify-center flex-shrink-0 font-semibold">✓</span>
<span class="text-sm text-ink/80 leading-relaxed pt-1">संगठन देशभर में योग शिक्षकों को राष्ट्रीय मंच, पहचान एवं सामाजिक सम्मान प्रदान करने हेतु निरंतर कार्यरत है।</span>
</div>
<div class="flex items-start gap-3 bg-white rounded-xl p-5 border border-indigo/10 card-lift">
<span class="w-8 h-8 rounded-full bg-saffron/15 text-saffron flex items-center justify-center flex-shrink-0 font-semibold">✓</span>
<span class="text-sm text-ink/80 leading-relaxed pt-1">महासंघ विभिन्न राष्ट्रीय एवं सामाजिक अभियानों के माध्यम से योग को जन-जन तक पहुँचाने के लिए निरंतर समर्पित भाव से कार्य कर रहा है।</span>
</div>
</div>
</div>
</section>
<!-- ============ ध्येय वाक्य ============ -->
<section id="dhyey" 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-4xl 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-5">महासंघ का ध्येय वाक्य</p>
<p class="font-display text-2xl md:text-3xl italic text-sand leading-relaxed">
"योगी बनो • सहयोगी बनो • समाज के लिए उपयोगी बनो"
</p>
<p class="mt-5 text-sand/60 text-sm max-w-xl mx-auto leading-relaxed">
यह ध्येय वाक्य महासंघ की मूल भावना, विचारधारा एवं सामाजिक उद्देश्य को अभिव्यक्त करता है।
</p>
</div>
<div class="mt-14 max-w-5xl mx-auto grid sm:grid-cols-3 gap-6 relative reveal-stagger">
<div class="bg-white/[.04] border border-sand/10 rounded-2xl p-7 card-lift">
<p class="font-mono text-[11px] tracking-[0.18em] uppercase text-gold mb-3">🔄</p>
<h3 class="font-display text-lg font-semibold text-sand mb-2">योगी बनो</h3>
<p class="text-sand/65 text-sm leading-relaxed">स्वयं को शारीरिक, मानसिक एवं आध्यात्मिक रूप से सशक्त बनाएं।</p>
</div>
<div class="bg-white/[.04] border border-sand/10 rounded-2xl p-7 card-lift">
<p class="font-mono text-[11px] tracking-[0.18em] uppercase text-gold mb-3">🤝</p>
<h3 class="font-display text-lg font-semibold text-sand mb-2">सहयोगी बनो</h3>
<p class="text-sand/65 text-sm leading-relaxed">समाज, राष्ट्र एवं मानवता के प्रति सेवा एवं सहयोग की भावना विकसित करें।</p>
</div>
<div class="bg-white/[.04] border border-sand/10 rounded-2xl p-7 card-lift">
<p class="font-mono text-[11px] tracking-[0.18em] uppercase text-gold mb-3">🌟</p>
<h3 class="font-display text-lg font-semibold text-sand mb-2">समाज के लिए उपयोगी बनो</h3>
<p class="text-sand/65 text-sm leading-relaxed">अपने ज्ञान, संस्कार एवं योग साधना के माध्यम से समाज में सकारात्मक परिवर्तन लाने का प्रयास करें।</p>
</div>
</div>
</section>
<!-- ============ उद्देश्य एवं संकल्प ============ -->
<section id="uddeshya" class="px-5 md:px-8 py-20 md:py-28 bg-sand">
<div class="max-w-5xl mx-auto grid md:grid-cols-12 gap-12">
<div class="md:col-span-5 reveal">
<div class="divider-mark"></div>
<p class="font-mono text-xs tracking-[0.2em] uppercase text-saffron-deep mb-4">Mission & Vision</p>
<h2 class="font-display text-3xl md:text-[2.4rem] font-semibold text-indigo leading-tight">
उद्देश्य एवं संकल्प
</h2>
<p class="mt-5 text-ink/75 leading-[1.9] text-[15px]">
महासंघ अपने स्थापना काल से ही योग शिक्षकों के हितों एवं अधिकारों की रक्षा हेतु सतत कार्यरत है।
संगठन विभिन्न अभियानों, प्रशिक्षण कार्यक्रमों एवं जन-जागरूकता गतिविधियों के माध्यम से योग को
जन-जन तक पहुँचाने का कार्य कर रहा है।
</p>
</div>
<div class="md:col-span-7 bg-white border border-indigo/10 rounded-2xl p-8 reveal">
<p class="font-mono text-[11px] tracking-[0.2em] uppercase text-saffron-deep mb-5">महासंघ के प्रमुख उद्देश्य</p>
<ul class="grid sm:grid-cols-2 gap-x-6 gap-y-3.5 text-sm text-ink/80 leading-relaxed">
<li class="flex gap-2.5"><span class="text-saffron mt-0.5">✓</span>योग शिक्षकों के अधिकारों एवं सम्मान की रक्षा</li>
<li class="flex gap-2.5"><span class="text-saffron mt-0.5">✓</span>योग शिक्षकों को राष्ट्रीय मंच प्रदान करना</li>
<li class="flex gap-2.5"><span class="text-saffron mt-0.5">✓</span>योग एवं भारतीय संस्कृति का प्रचार-प्रसार</li>
<li class="flex gap-2.5"><span class="text-saffron mt-0.5">✓</span>स्वास्थ्य जागरूकता अभियान संचालित करना</li>
<li class="flex gap-2.5"><span class="text-saffron mt-0.5">✓</span>युवाओं एवं बच्चों में योग के प्रति रुचि विकसित करना</li>
<li class="flex gap-2.5"><span class="text-saffron mt-0.5">✓</span>समाज को स्वस्थ एवं सकारात्मक जीवनशैली हेतु प्रेरित करना</li>
<li class="flex gap-2.5 sm:col-span-2"><span class="text-saffron mt-0.5">✓</span>राष्ट्र निर्माण में योग की भूमिका को सशक्त बनाना</li>
</ul>
</div>
</div>
</section>
<!-- ============ संकल्प (क्लोजिंग) ============ -->
<section id="sankalp" class="relative px-5 md:px-8 py-24 md:py-32 overflow-hidden" style="background: linear-gradient(135deg, var(--saffron) 0%, var(--gold) 100%);">
<div class="absolute -left-20 -top-20 w-72 h-72 rounded-full border border-white/25"></div>
<div class="absolute -right-16 -bottom-24 w-80 h-80 rounded-full border border-white/25"></div>
<div class="max-w-3xl mx-auto text-center relative reveal">
<p class="font-mono text-xs tracking-[0.2em] uppercase text-white/80 mb-5">महासंघ का संकल्प</p>
<p class="font-display text-2xl md:text-3xl text-white leading-relaxed">
"योग शिक्षकों के सम्मान, स्वाभिमान एवं सुरक्षित भविष्य के लिए निरंतर संघर्ष एवं सेवा।"
</p>
<div class="mt-9 flex flex-col sm:flex-row items-center justify-center gap-4">
<a href="index.html#join" class="w-full sm:w-auto text-center bg-indigo-deep hover:bg-indigo text-sand font-semibold px-8 py-3.5 rounded-full transition-colors duration-300">
संगठन से जुड़ें
</a>
<a href="index.html" class="w-full sm:w-auto text-center border-2 border-white/70 hover:border-white text-white font-semibold px-8 py-3.5 rounded-full transition-colors duration-300">
मुख्य पृष्ठ पर लौटें
</a>
</div>
</div>
</section>
<!-- ============ 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/about.blade.php ENDPATH**/ ?>