About Us

<style> /* Scoped Styles for About Us Section */ .about-container { /* Local Variables */ --about-primary: #910105; /* Deep Red */ --about-primary-light: #FFF5F5; --about-accent: #D4AF37; /* Gold */ --about-text-main: #1A1A1A; --about-text-sec: #555555; --about-border: #E0E0E0; --about-card-bg: #FFFFFF; /* Reset & Base Fonts */ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color: var(--about-text-main); line-height: 1.6; box-sizing: border-box; width: 100%; max-width: 800px; margin: 0 auto; padding: 10px; } .about-container * { box-sizing: border-box; } /* Hero Section */ .about-hero { text-align: center; padding: 20px 0 30px; } .about-logo-text { color: var(--about-primary); font-size: 28px; font-weight: 800; margin: 0; font-family: serif; letter-spacing: -0.5px; } .about-logo-accent { color: var(--about-accent); } .about-tagline { color: var(--about-text-sec); font-size: 14px; margin-top: 5px; font-weight: 500; } .about-divider { width: 50px; height: 3px; background: var(--about-accent); margin: 15px auto 0; border-radius: 2px; } /* Cards */ .about-card { background: var(--about-card-bg); border: 1px solid var(--about-border); border-radius: 12px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 15px rgba(0,0,0,0.03); } .about-section-title { font-size: 18px; font-weight: 700; color: var(--about-primary); margin-top: 0; margin-bottom: 12px; display: flex; align-items: center; gap: 10px; } .about-text { font-size: 15px; color: var(--about-text-sec); margin-bottom: 12px; margin-top: 0; } .about-text:last-child { margin-bottom: 0; } /* Features Grid */ .about-grid { display: flex; gap: 15px; flex-wrap: wrap; } .about-feature-box { flex: 1 1 280px; /* Stacks on mobile */ background: var(--about-primary-light); border: 1px solid rgba(145, 1, 5, 0.1); border-radius: 12px; padding: 20px; } .about-feature-title { font-weight: 700; font-size: 16px; color: var(--about-primary); margin-bottom: 8px; display: block; } /* Stats Row */ .about-stats-row { display: flex; justify-content: space-around; text-align: center; margin: 20px 0; padding: 15px 0; background: var(--about-card-bg); border-radius: 12px; border: 1px solid var(--about-border); } .about-stat-item strong { display: block; font-size: 20px; color: var(--about-primary); font-weight: 800; } .about-stat-item span { font-size: 12px; color: var(--about-text-sec); text-transform: uppercase; letter-spacing: 0.5px; } /* Footer / Contact */ .about-footer { text-align: center; margin-top: 30px; padding-top: 20px; border-top: 1px solid var(--about-border); color: var(--about-text-sec); font-size: 13px; } .about-highlight { font-weight: 600; color: var(--about-primary); }</style><div class="about-container"> <!-- Header --> <div class="about-hero"> <h1 class="about-logo-text">Kahani <span class="about-logo-accent">Junction</span></h1> <p class="about-tagline">Where Stories Come Alive | Read, Write & Listen</p> <div class="about-divider"></div> </div> <!-- Our Mission --> <div class="about-card"> <h2 class="about-section-title">Our Mission</h2> <p class="about-text"> Kahani Junction is India's emerging digital platform designed to bridge the gap between storytellers and listeners. We believe that everyone has a story to tell, and everyone deserves a story that touches their heart. </p> <p class="about-text"> Whether you love the immersive experience of <strong>Audio Stories</strong> or the classic charm of reading a <strong>Novel</strong>, we bring both worlds together in one app. </p> </div> <!-- Stats Row --> <div class="about-stats-row"> <div class="about-stat-item"> <strong>Audio</strong> <span>Series</span> </div> <div class="about-stat-item"> <strong>Novels</strong> <span>Originals</span> </div> <div class="about-stat-item"> <strong>Writers</strong> <span>Community</span> </div> </div> <!-- What We Do Grid --> <div class="about-grid"> <!-- For Listeners --> <div class="about-feature-box"> <span class="about-feature-title">For Listeners & Readers</span> <p class="about-text"> Dive into a vast library of genres including Romance, Thriller, Horror, and Drama. Enjoy high-quality audio performances or read chapter-by-chapter at your own pace. </p> </div> <!-- For Writers --> <div class="about-feature-box"> <span class="about-feature-title">For Creators</span> <p class="about-text"> We empower writers to self-publish their work and earn revenue. With our Creator Tools, you can build an audience, track your stats, and monetize your passion. </p> </div> </div> <br> <!-- Why Us --> <div class="about-card"> <h2 class="about-section-title">Why Kahani Junction?</h2> <p class="about-text"> In a world full of noise, we provide a sanctuary for imagination. We are committed to supporting regional languages, starting with Hindi and English, to ensure stories feel like home. </p> </div> <!-- Contact Info --> <div class="about-footer"> <p>Have questions or suggestions?</p> <p>Email us at: <span class="about-highlight">[email protected]</span></p> <p> 2024 Kahani Junction. All rights reserved.</p> </div> <!-- Spacing for bottom of app view --> <div style="height: 20px;"></div></div>