| 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/resources/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">
@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: .06s }
.reveal-stagger.is-visible > *:nth-child(3){ transition-delay: .09s }
.reveal-stagger.is-visible > *:nth-child(4){ transition-delay: .12s }
.reveal-stagger.is-visible > *:nth-child(5){ transition-delay: .15s }
.reveal-stagger.is-visible > *:nth-child(6){ transition-delay: .18s }
.reveal-stagger.is-visible > *:nth-child(7){ transition-delay: .21s }
.reveal-stagger.is-visible > *:nth-child(8){ transition-delay: .24s }
.reveal-stagger.is-visible > *:nth-child(9){ transition-delay: .27s }
.reveal-stagger.is-visible > *:nth-child(10){ transition-delay: .3s }
@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); }
.value-pill{ transition: background-color .3s ease, color .3s ease, transform .3s ease, border-color .3s ease; }
.value-pill:hover{ background-color: var(--saffron); border-color: var(--saffron); color: white; transform: translateY(-4px); }
.value-pill:hover .value-icon{ color: white !important; }
.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%; }
::selection{ background: var(--saffron); color: white; }
</style>
</head>
<body class="font-body antialiased">
<!-- ============ NAV ============ -->
@include('components.site-header')
<!-- ============ HERO ============ -->
<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 Stand For</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 Core Values</p>
<p class="mt-6 text-sand/75 text-base md:text-lg max-w-2xl mx-auto leading-relaxed">
यही दस मूल्य महासंघ की हर गतिविधि, हर निर्णय और हर सदस्य के साथ हमारे संबंध की नींव हैं।
</p>
</div>
</section>
<!-- ============ MOTTO STATEMENT ============ -->
<section class="px-5 md:px-8 py-5 md:py-10 bg-sand">
<div class="max-w-3xl mx-auto reveal bg-gradient-to-r from-gold/20 to-saffron/10 border border-gold/30 rounded-2xl p-8 text-center">
<p class="font-display italic text-lg md:text-xl text-indigo leading-relaxed">
"Yoga for Every Individual, Professional Excellence for Every Teacher, Wellness for Every Society."
</p>
<p class="mt-4 text-ink/60 text-sm">योग के बढ़ते वैश्विक प्रभाव के साथ प्रशिक्षित एवं योग्य योग शिक्षकों की आवश्यकता निरंतर बढ़ रही है, किन्तु लंबे समय तक योग शिक्षकों के रोजगार, सामाजिक सुरक्षा, सम्मान एवं अधिकारों की दिशा में अपेक्षित प्रयास नहीं हो सके। ऐसी परिस्थितियों में एक ऐसे सशक्त राष्ट्रीय संगठन की आवश्यकता अनुभव की गई, जो योग शिक्षकों की आवाज बनकर उनके सम्मान, स्वाभिमान एवं सुरक्षित भविष्य हेतु कार्य कर सके।
<br>इसी पावन संकल्प के साथ अखिल भारतीय योग शिक्षक महासंघ (ABYOGASMS FOUNDATION) की स्थापना हुई।
</p>
</div>
</section>
<!-- ============ 10 VALUES ============ -->
<section id="mulya" class="px-5 md:px-8 py-5 md:py-10 bg-sand">
<div class="max-w-6xl mx-auto">
<div class="grid sm:grid-cols-2 lg:grid-cols-5 gap-5 reveal-stagger">
<div class="value-pill card-lift bg-white border border-indigo/10 rounded-2xl p-6 text-center">
<svg class="value-icon mx-auto mb-3" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="#E8742C" stroke-width="1.6"><path d="M12 2l8 4v6c0 5-3.5 8-8 10-4.5-2-8-5-8-10V6l8-4z"/></svg>
<h3 class="font-display text-sm font-semibold">सत्यनिष्ठा</h3>
<p class="font-mono text-[10px] tracking-wide uppercase mt-0.5 opacity-70">Integrity</p>
</div>
<div class="value-pill card-lift bg-white border border-indigo/10 rounded-2xl p-6 text-center">
<svg class="value-icon mx-auto mb-3" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="#E8742C" stroke-width="1.6"><path d="M12 3c-4 3-6 6-6 10a6 6 0 0 0 12 0c0-4-2-7-6-10z"/></svg>
<h3 class="font-display text-sm font-semibold">प्रामाणिकता</h3>
<p class="font-mono text-[10px] tracking-wide uppercase mt-0.5 opacity-70">Authenticity</p>
</div>
<div class="value-pill card-lift bg-white border border-indigo/10 rounded-2xl p-6 text-center">
<svg class="value-icon mx-auto mb-3" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="#E8742C" stroke-width="1.6"><path d="M20.8 4.6a5 5 0 0 0-7.1 0L12 6.3l-1.7-1.7a5 5 0 1 0-7.1 7.1L12 20.3l8.8-8.6a5 5 0 0 0 0-7.1z"/></svg>
<h3 class="font-display text-sm font-semibold">सेवा</h3>
<p class="font-mono text-[10px] tracking-wide uppercase mt-0.5 opacity-70">Service</p>
</div>
<div class="value-pill card-lift bg-white border border-indigo/10 rounded-2xl p-6 text-center">
<svg class="value-icon mx-auto mb-3" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="#E8742C" stroke-width="1.6"><circle cx="12" cy="8" r="5"/><path d="M8.5 13 7 21l5-3 5 3-1.5-8"/></svg>
<h3 class="font-display text-sm font-semibold">व्यावसायिक उत्कृष्टता</h3>
<p class="font-mono text-[10px] tracking-wide uppercase mt-0.5 opacity-70">Excellence</p>
</div>
<div class="value-pill card-lift bg-white border border-indigo/10 rounded-2xl p-6 text-center">
<svg class="value-icon mx-auto mb-3" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="#E8742C" stroke-width="1.6"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><path d="M14 2v6h6M9 13h6M9 17h6"/></svg>
<h3 class="font-display text-sm font-semibold">अनुसंधान</h3>
<p class="font-mono text-[10px] tracking-wide uppercase mt-0.5 opacity-70">Research</p>
</div>
<div class="value-pill card-lift bg-white border border-indigo/10 rounded-2xl p-6 text-center">
<svg class="value-icon mx-auto mb-3" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="#E8742C" stroke-width="1.6"><path d="M4 21V4l14 5-14 5"/></svg>
<h3 class="font-display text-sm font-semibold">नेतृत्व</h3>
<p class="font-mono text-[10px] tracking-wide uppercase mt-0.5 opacity-70">Leadership</p>
</div>
<div class="value-pill card-lift bg-white border border-indigo/10 rounded-2xl p-6 text-center">
<svg class="value-icon mx-auto mb-3" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="#E8742C" stroke-width="1.6"><path d="M9 18h6M10 22h4M12 2a6 6 0 0 0-4 10.5c.7.7 1 1.2 1 2.5h6c0-1.3.3-1.8 1-2.5A6 6 0 0 0 12 2z"/></svg>
<h3 class="font-display text-sm font-semibold">नवाचार</h3>
<p class="font-mono text-[10px] tracking-wide uppercase mt-0.5 opacity-70">Innovation</p>
</div>
<div class="value-pill card-lift bg-white border border-indigo/10 rounded-2xl p-6 text-center">
<svg class="value-icon mx-auto mb-3" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="#E8742C" stroke-width="1.6"><path d="M20.8 4.6a5 5 0 0 0-7.1 0L12 6.3l-1.7-1.7a5 5 0 1 0-7.1 7.1L12 20.3l8.8-8.6a5 5 0 0 0 0-7.1z"/><circle cx="12" cy="10" r="1.4" fill="#E8742C" stroke="none"/></svg>
<h3 class="font-display text-sm font-semibold">करुणा</h3>
<p class="font-mono text-[10px] tracking-wide uppercase mt-0.5 opacity-70">Compassion</p>
</div>
<div class="value-pill card-lift bg-white border border-indigo/10 rounded-2xl p-6 text-center">
<svg class="value-icon mx-auto mb-3" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="#E8742C" stroke-width="1.6"><path d="M3 21h18M5 21V9l7-5 7 5v12M9 21v-6h6v6"/></svg>
<h3 class="font-display text-sm font-semibold">राष्ट्र निर्माण</h3>
<p class="font-mono text-[10px] tracking-wide uppercase mt-0.5 opacity-70">National Development</p>
</div>
<div class="value-pill card-lift bg-white border border-indigo/10 rounded-2xl p-6 text-center">
<svg class="value-icon mx-auto mb-3" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="#E8742C" stroke-width="1.6"><circle cx="12" cy="12" r="9"/><path d="M3 12h18M12 3a14 14 0 0 1 0 18 14 14 0 0 1 0-18z"/></svg>
<h3 class="font-display text-sm font-semibold">वैश्विक स्वास्थ्य</h3>
<p class="font-mono text-[10px] tracking-wide uppercase mt-0.5 opacity-70">Global Wellness</p>
</div>
</div>
</div>
</section>
<!-- ============ DHYEY TIE-IN ============ -->
<section 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-5">महासंघ का ध्येय वाक्य</p>
<p class="font-display text-2xl md:text-3xl italic text-sand leading-relaxed">
"योगी बनो • सहयोगी बनो • समाज के लिए उपयोगी बनो"
</p>
<p class="mt-6 inline-flex items-center gap-2 text-gold font-semibold text-sm hover:text-gold-light transition-colors">
वर्तमान आधुनिक, भागदौड़ एवं तनावपूर्ण जीवनशैली में हमारे ऋषि-मुनियों द्वारा प्रदत्त अमूल्य धरोहर योग सम्पूर्ण विश्व के लिए आशा, स्वास्थ्य एवं सकारात्मकता का आधार बनकर उभरा है। योग केवल शारीरिक व्यायाम नहीं, बल्कि स्वस्थ, संतुलित एवं अनुशासित जीवन जीने की एक संपूर्ण पद्धति है।
</p>
<p class="mt-6 text-white">यह ध्येय वाक्य महासंघ की मूल भावना, विचारधारा एवं सामाजिक उद्देश्य को अभिव्यक्त करता है।</p>
<p class="text-white"><span class="text-gold font-semibold">योगी बनो:</span> स्वयं को शारीरिक, मानसिक एवं आध्यात्मिक रूप से सशक्त बनाएं।</p>
<p class="text-white"><span class="text-gold font-semibold">सहयोगी बनो:</span> समाज, राष्ट्र एवं मानवता के प्रति सेवा एवं सहयोग की भावना विकसित करें।</p>
<p class="text-white"><span class="text-gold font-semibold">समाज के लिए उपयोगी बनो:</span> अपने ज्ञान, संस्कार एवं योग साधना के माध्यम से समाज में सकारात्मक परिवर्तन लाने का प्रयास करें।</p>
</div>
</section>
<!-- ============ CTA ============ -->
@include('components.cta')
<!-- ============ FOOTER ============ -->
@include('components.site-footer')
@include('components.membership-modal')
<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>