<?php
/* =========================================================
   GYAN SKILLS ACADEMY — SAINIK SCHOOL PREPARATION
   Single-file index.php
   - Responsive animated landing page
   - Hero image carousel
   - Enquiry capture
   - Cashfree order creation + checkout
   - Return-status verification
   - Optional PDO/MySQL capture
   ========================================================= */

declare(strict_types=1);
session_start();

/* -------------------- CONFIG -------------------- */
/* Prefer keeping credentials in a separate config.php.
   If config.php exists, this file loads it automatically. */
$configFile = __DIR__ . '/config.php';
if (is_file($configFile)) {
    require_once $configFile;
}

/* Cashfree configuration.
   These can be defined in config.php:
   CASHFREE_CLIENT_ID
   CASHFREE_CLIENT_SECRET
   CASHFREE_ENV = 'production' or 'sandbox'
*/
/* Accept the explicit constants first, then common variable names from an
   existing config.php so this index is easier to drop into an existing setup. */
$CF_CLIENT_ID = '';
$CF_CLIENT_SECRET = '';
$CF_ENV = 'production';

if (defined('CASHFREE_CLIENT_ID')) {
    $CF_CLIENT_ID = (string) CASHFREE_CLIENT_ID;
} elseif (isset($cashfreeClientId)) {
    $CF_CLIENT_ID = (string) $cashfreeClientId;
} elseif (isset($cashfree_client_id)) {
    $CF_CLIENT_ID = (string) $cashfree_client_id;
} elseif (isset($clientId)) {
    $CF_CLIENT_ID = (string) $clientId;
} elseif (isset($appId)) {
    $CF_CLIENT_ID = (string) $appId;
}

if (defined('CASHFREE_CLIENT_SECRET')) {
    $CF_CLIENT_SECRET = (string) CASHFREE_CLIENT_SECRET;
} elseif (isset($cashfreeClientSecret)) {
    $CF_CLIENT_SECRET = (string) $cashfreeClientSecret;
} elseif (isset($cashfree_client_secret)) {
    $CF_CLIENT_SECRET = (string) $cashfree_client_secret;
} elseif (isset($secretKey)) {
    $CF_CLIENT_SECRET = (string) $secretKey;
} elseif (isset($cashfreeSecretKey)) {
    $CF_CLIENT_SECRET = (string) $cashfreeSecretKey;
}

if (defined('CASHFREE_ENV')) {
    $CF_ENV = strtolower((string) CASHFREE_ENV);
} elseif (isset($cashfreeEnv)) {
    $CF_ENV = strtolower((string) $cashfreeEnv);
} elseif (isset($environment)) {
    $CF_ENV = strtolower((string) $environment);
}

$CF_BASE = ($CF_ENV === 'sandbox')
    ? 'https://sandbox.cashfree.com/pg'
    : 'https://api.cashfree.com/pg';

$CF_API_VERSION = '2025-01-01';

/* Course prices */
$courses = [
    'foundation' => [
        'name' => '1-Year Foundation Programme',
        'regular' => 60000,
        'offer' => 35000,
        'label' => '₹35,000 / year offer'
    ],
    'monthly' => [
        'name' => 'Monthly Live Batch',
        'regular' => 5000,
        'offer' => 3500,
        'label' => '₹3,500 / month offer'
    ],
    'crash' => [
        'name' => '3-Month Crash Course',
        'regular' => 15000,
        'offer' => 10500,
        'label' => '₹10,500 / 3 months offer'
    ]
];

/* -------------------- HELPERS -------------------- */
function e(string $v): string {
    return htmlspecialchars($v, ENT_QUOTES, 'UTF-8');
}

function jsonResponse(array $data, int $status = 200): never {
    http_response_code($status);
    header('Content-Type: application/json; charset=utf-8');
    echo json_encode($data, JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE);
    exit;
}

function cleanPhone(string $phone): string {
    return preg_replace('/\D+/', '', $phone) ?? '';
}

function cashfreeRequest(
    string $method,
    string $url,
    string $clientId,
    string $clientSecret,
    string $apiVersion,
    ?array $payload = null
): array {
    $ch = curl_init($url);

    $headers = [
        'Content-Type: application/json',
        'Accept: application/json',
        'x-client-id: ' . $clientId,
        'x-client-secret: ' . $clientSecret,
        'x-api-version: ' . $apiVersion,
        'x-request-id: ' . bin2hex(random_bytes(12))
    ];

    curl_setopt_array($ch, [
        CURLOPT_RETURNTRANSFER => true,
        CURLOPT_CUSTOMREQUEST => strtoupper($method),
        CURLOPT_HTTPHEADER => $headers,
        CURLOPT_TIMEOUT => 30,
        CURLOPT_CONNECTTIMEOUT => 10,
        CURLOPT_FOLLOWLOCATION => false
    ]);

    if ($payload !== null) {
        curl_setopt($ch, CURLOPT_POSTFIELDS, json_encode($payload));
    }

    $body = curl_exec($ch);
    $error = curl_error($ch);
    $status = (int) curl_getinfo($ch, CURLINFO_HTTP_CODE);
    curl_close($ch);

    if ($body === false || $error) {
        return [
            'ok' => false,
            'status' => 0,
            'data' => ['message' => $error ?: 'Unable to contact Cashfree.']
        ];
    }

    $data = json_decode($body, true);
    if (!is_array($data)) {
        $data = ['raw' => $body];
    }

    return [
        'ok' => $status >= 200 && $status < 300,
        'status' => $status,
        'data' => $data
    ];
}

/* Optional DB capture.
   If your config.php exposes $pdo as PDO, enquiries/payments are stored.
   Otherwise the website still works and payment is handled by Cashfree. */
function db(): ?PDO {
    global $pdo;
    return (isset($pdo) && $pdo instanceof PDO) ? $pdo : null;
}

function ensureDbTables(PDO $pdo): void {
    $pdo->exec("
        CREATE TABLE IF NOT EXISTS sainik_enquiries (
            id BIGINT UNSIGNED AUTO_INCREMENT PRIMARY KEY,
            student_name VARCHAR(150) NOT NULL,
            parent_name VARCHAR(150) NULL,
            email VARCHAR(190) NULL,
            mobile VARCHAR(20) NOT NULL,
            class_target VARCHAR(20) NULL,
            course_key VARCHAR(50) NULL,
            course_name VARCHAR(190) NULL,
            amount DECIMAL(10,2) NULL,
            source VARCHAR(80) DEFAULT 'website',
            status VARCHAR(40) DEFAULT 'enquiry',
            cashfree_order_id VARCHAR(100) NULL,
            created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
            updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
            INDEX idx_mobile (mobile),
            INDEX idx_order (cashfree_order_id)
        ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4
    ");
}

function saveEnquiry(array $data): ?int {
    $pdo = db();
    if (!$pdo) return null;

    try {
        ensureDbTables($pdo);
        $stmt = $pdo->prepare("
            INSERT INTO sainik_enquiries
            (student_name,parent_name,email,mobile,class_target,course_key,course_name,amount,source,status,cashfree_order_id)
            VALUES (:student_name,:parent_name,:email,:mobile,:class_target,:course_key,:course_name,:amount,'website',:status,:cashfree_order_id)
        ");
        $stmt->execute([
            ':student_name' => $data['student_name'] ?? '',
            ':parent_name' => $data['parent_name'] ?? null,
            ':email' => $data['email'] ?? null,
            ':mobile' => $data['mobile'] ?? '',
            ':class_target' => $data['class_target'] ?? null,
            ':course_key' => $data['course_key'] ?? null,
            ':course_name' => $data['course_name'] ?? null,
            ':amount' => $data['amount'] ?? null,
            ':status' => $data['status'] ?? 'enquiry',
            ':cashfree_order_id' => $data['cashfree_order_id'] ?? null
        ]);
        return (int)$pdo->lastInsertId();
    } catch (Throwable $t) {
        return null;
    }
}

function updatePayment(int $id, string $status, ?string $orderId = null): void {
    $pdo = db();
    if (!$pdo || $id <= 0) return;

    try {
        ensureDbTables($pdo);
        $stmt = $pdo->prepare("
            UPDATE sainik_enquiries
            SET status = :status, cashfree_order_id = COALESCE(:order_id, cashfree_order_id)
            WHERE id = :id
        ");
        $stmt->execute([
            ':status' => $status,
            ':order_id' => $orderId,
            ':id' => $id
        ]);
    } catch (Throwable $t) {}
}

/* -------------------- CASHFREE ACTIONS -------------------- */
$action = $_GET['action'] ?? $_POST['action'] ?? '';

if ($action === 'create_order') {
    if ($_SERVER['REQUEST_METHOD'] !== 'POST') {
        jsonResponse(['ok' => false, 'message' => 'Invalid request.'], 405);
    }

    if ($CF_CLIENT_ID === '' || $CF_CLIENT_SECRET === '') {
        jsonResponse([
            'ok' => false,
            'message' => 'Cashfree credentials are not configured on the server.'
        ], 500);
    }

    $student = trim((string)($_POST['student_name'] ?? ''));
    $parent = trim((string)($_POST['parent_name'] ?? ''));
    $email = trim((string)($_POST['email'] ?? ''));
    $mobile = cleanPhone((string)($_POST['mobile'] ?? ''));
    $classTarget = trim((string)($_POST['class_target'] ?? ''));
    $courseKey = trim((string)($_POST['course_key'] ?? 'monthly'));

    if ($student === '' || strlen($mobile) < 10) {
        jsonResponse(['ok' => false, 'message' => 'Please enter a valid student name and 10-digit mobile number.'], 422);
    }

    if ($email !== '' && !filter_var($email, FILTER_VALIDATE_EMAIL)) {
        jsonResponse(['ok' => false, 'message' => 'Please enter a valid email address.'], 422);
    }

    if (!isset($courses[$courseKey])) {
        jsonResponse(['ok' => false, 'message' => 'Invalid course selected.'], 422);
    }

    $course = $courses[$courseKey];
    $amount = (float)$course['offer'];
    $orderId = 'GSAISSEE' . date('ymdHis') . strtoupper(bin2hex(random_bytes(3)));

    $siteUrl = rtrim(
        (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !== 'off' ? 'https://' : 'http://') .
        ($_SERVER['HTTP_HOST'] ?? 'sainikschoolpreparation.gyanskills.com'),
        '/'
    );

    $returnUrl = $siteUrl . '/?payment=return&order_id=' . rawurlencode($orderId);
    $notifyUrl = $siteUrl . '/?action=webhook';

    $payload = [
        'order_id' => $orderId,
        'order_amount' => $amount,
        'order_currency' => 'INR',
        'customer_details' => [
            'customer_id' => 'student_' . substr(hash('sha256', $mobile), 0, 18),
            'customer_name' => $student,
            'customer_email' => $email !== '' ? $email : 'admissions@gyanskills.com',
            'customer_phone' => substr($mobile, -10)
        ],
        'order_meta' => [
            'return_url' => $returnUrl,
            'notify_url' => $notifyUrl
        ],
        'order_note' => $course['name'] . ' - Gyan Skills Academy',
        'order_tags' => [
            'course' => $courseKey,
            'class' => $classTarget ?: 'not-selected',
            'source' => 'sainikschoolpreparation.gyanskills.com'
        ]
    ];

    $savedId = saveEnquiry([
        'student_name' => $student,
        'parent_name' => $parent,
        'email' => $email,
        'mobile' => substr($mobile, -10),
        'class_target' => $classTarget,
        'course_key' => $courseKey,
        'course_name' => $course['name'],
        'amount' => $amount,
        'status' => 'order_created',
        'cashfree_order_id' => $orderId
    ]);

    $_SESSION['last_order_id'] = $orderId;
    $_SESSION['last_enquiry_id'] = $savedId;

    $result = cashfreeRequest(
        'POST',
        $CF_BASE . '/orders',
        $CF_CLIENT_ID,
        $CF_CLIENT_SECRET,
        $CF_API_VERSION,
        $payload
    );

    if (!$result['ok'] || empty($result['data']['payment_session_id'])) {
        if ($savedId) updatePayment($savedId, 'order_failed', $orderId);

        $message = $result['data']['message'] ?? 'Cashfree order creation failed.';
        if (!empty($result['data']['type'])) {
            $message .= ' (' . $result['data']['type'] . ')';
        }

        jsonResponse([
            'ok' => false,
            'message' => $message,
            'cashfree_status' => $result['status']
        ], 502);
    }

    jsonResponse([
        'ok' => true,
        'order_id' => $orderId,
        'payment_session_id' => $result['data']['payment_session_id'],
        'amount' => $amount,
        'enquiry_id' => $savedId,
        'environment' => $CF_ENV
    ]);
}

if ($action === 'check_order') {
    if ($CF_CLIENT_ID === '' || $CF_CLIENT_SECRET === '') {
        jsonResponse(['ok' => false, 'message' => 'Cashfree credentials are not configured.'], 500);
    }

    $orderId = trim((string)($_GET['order_id'] ?? ''));
    if ($orderId === '') {
        jsonResponse(['ok' => false, 'message' => 'Order ID missing.'], 422);
    }

    $result = cashfreeRequest(
        'GET',
        $CF_BASE . '/orders/' . rawurlencode($orderId),
        $CF_CLIENT_ID,
        $CF_CLIENT_SECRET,
        $CF_API_VERSION
    );

    if (!$result['ok']) {
        jsonResponse([
            'ok' => false,
            'message' => $result['data']['message'] ?? 'Unable to verify order.',
            'cashfree_status' => $result['status']
        ], 502);
    }

    $status = strtoupper((string)($result['data']['order_status'] ?? 'PENDING'));
    $enquiryId = (int)($_SESSION['last_enquiry_id'] ?? 0);
    if ($enquiryId) {
        updatePayment($enquiryId, strtolower($status), $orderId);
    }

    jsonResponse([
        'ok' => true,
        'order_id' => $orderId,
        'order_status' => $status,
        'data' => $result['data']
    ]);
}

if ($action === 'webhook') {
    /* Cashfree webhook verification: HMAC-SHA256 over
       timestamp + raw request body, base64 encoded. */
    $rawBody = file_get_contents('php://input') ?: '';
    $signature = $_SERVER['HTTP_X_WEBHOOK_SIGNATURE'] ?? '';
    $timestamp = $_SERVER['HTTP_X_WEBHOOK_TIMESTAMP'] ?? '';

    if ($CF_CLIENT_SECRET === '' || $rawBody === '' || $signature === '' || $timestamp === '') {
        http_response_code(400);
        exit('invalid webhook');
    }

    $expected = base64_encode(hash_hmac('sha256', $timestamp . $rawBody, $CF_CLIENT_SECRET, true));

    if (!hash_equals($expected, $signature)) {
        http_response_code(401);
        exit('invalid signature');
    }

    $event = json_decode($rawBody, true);
    $orderId = $event['data']['order']['order_id'] ?? null;
    $paymentStatus = strtoupper((string)($event['data']['payment']['payment_status'] ?? ''));

    $statusMap = [
        'SUCCESS' => 'paid',
        'FAILED' => 'failed',
        'USER_DROPPED' => 'user_dropped',
        'PENDING' => 'pending'
    ];

    if ($orderId) {
        $pdo = db();
        if ($pdo) {
            try {
                ensureDbTables($pdo);
                $stmt = $pdo->prepare("
                    UPDATE sainik_enquiries
                    SET status = :status
                    WHERE cashfree_order_id = :order_id
                ");
                $stmt->execute([
                    ':status' => $statusMap[$paymentStatus] ?? strtolower($paymentStatus ?: 'webhook_received'),
                    ':order_id' => $orderId
                ]);
            } catch (Throwable $t) {}
        }
    }

    http_response_code(200);
    exit('OK');
}

/* -------------------- PAGE DATA -------------------- */
$paymentReturn = isset($_GET['payment'], $_GET['order_id']) && $_GET['payment'] === 'return';
$orderIdForStatus = trim((string)($_GET['order_id'] ?? ''));
?>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Sainik School Coaching 2026 | AISSEE Class 6 & 9 Preparation | Gyan Skills Academy</title>
<meta name="description" content="Prepare for AISSEE with Gyan Skills Academy. Class 6 & 9 Sainik School coaching with live classes, recorded lessons, PDFs, mock tests, OMR practice, doubt support and parent guidance.">
<meta name="keywords" content="Sainik School coaching, AISSEE coaching, Sainik School preparation, AISSEE Class 6, AISSEE Class 9, Sainik School online coaching, Sainik School crash course">
<meta name="robots" content="index,follow">
<link rel="canonical" href="https://sainikschoolpreparation.gyanskills.com/">
<meta property="og:type" content="website">
<meta property="og:title" content="Sainik School Preparation | Gyan Skills Academy">
<meta property="og:description" content="Structured AISSEE preparation for Class 6 & Class 9 — live classes, recorded lessons, PDFs, mock tests, OMR practice and parent guidance.">
<meta property="og:url" content="https://sainikschoolpreparation.gyanskills.com/">
<meta property="og:image" content="https://gyanskills.com/wp-content/uploads/2024/12/GYAN.skills.fevicon-1.png">
<meta name="theme-color" content="#071a3a">

<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=Inter:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap" rel="stylesheet">
<script src="https://sdk.cashfree.com/js/v3/cashfree.js"></script>

<style>
:root{
  --navy:#06152f;
  --navy2:#092c63;
  --blue:#0755c8;
  --cyan:#48d9ff;
  --yellow:#ffc928;
  --gold:#ffb21c;
  --pink:#cf2b78;
  --white:#fff;
  --muted:#b8c8e3;
  --line:rgba(255,255,255,.11);
  --card:rgba(255,255,255,.075);
  --shadow:0 30px 80px rgba(0,0,0,.28);
  --radius:26px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:Inter,Arial,sans-serif;
  color:#fff;
  background:
    radial-gradient(circle at 90% 5%,rgba(0,173,255,.18),transparent 28%),
    radial-gradient(circle at 5% 25%,rgba(207,43,120,.12),transparent 22%),
    var(--navy);
  overflow-x:hidden;
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;z-index:-1;
  background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
  background-size:70px 70px;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,select{font:inherit}
.container{width:min(1180px,calc(100% - 36px));margin:auto}
.topbar{
  background:#041126;border-bottom:1px solid rgba(255,255,255,.08);
  font-size:13px;color:#dce8fb;
}
.topbar .container{min-height:42px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.topbar b{color:var(--yellow)}
.toplinks{display:flex;gap:16px;align-items:center}
.header{
  position:sticky;top:0;z-index:1000;
  background:rgba(5,21,48,.84);backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{
  width:112px;height:auto;filter:brightness(0) invert(1);
  opacity:.98;
}
.navlinks{display:flex;align-items:center;gap:28px;font-weight:800;font-size:14px}
.navlinks a{color:#e9f1ff;transition:.25s}
.navlinks a:hover{color:var(--yellow);transform:translateY(-1px)}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  border:0;border-radius:999px;padding:14px 22px;font-weight:900;
  cursor:pointer;transition:.28s;white-space:nowrap;
}
.btn-primary{
  color:#08172e;background:linear-gradient(135deg,#ffd84b,#ff9e18);
  box-shadow:0 12px 28px rgba(255,174,25,.25);
}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 18px 35px rgba(255,174,25,.38)}
.btn-outline{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.07);color:#fff}
.btn-outline:hover{background:rgba(255,255,255,.13);transform:translateY(-2px)}
.mobile-toggle{display:none;background:transparent;color:#fff;border:0;font-size:28px;cursor:pointer}

/* HERO */
.hero{
  position:relative;min-height:720px;display:flex;align-items:center;overflow:hidden;
  background:
    radial-gradient(circle at 76% 50%,rgba(21,155,255,.26),transparent 30%),
    linear-gradient(120deg,#04132d 0%,#082a61 55%,#075ea3 100%);
}
.hero:after{
  content:"";position:absolute;inset:auto -10% -40% -10%;height:330px;
  background:#071a3a;filter:blur(40px);opacity:.7;
}
.hero-grid{
  position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;
  align-items:center;gap:54px;padding:72px 0 90px;
}
.kicker{
  display:inline-flex;align-items:center;gap:9px;padding:10px 15px;border-radius:999px;
  border:1px solid rgba(255,201,40,.45);background:rgba(255,201,40,.08);
  color:#ffd84b;font-weight:900;font-size:12px;letter-spacing:.6px;text-transform:uppercase;
  margin-bottom:24px;
}
.hero h1{
  font-family:"Plus Jakarta Sans",Inter,sans-serif;
  font-size:clamp(45px,6.2vw,80px);line-height:.98;letter-spacing:-4px;
  max-width:760px;margin-bottom:26px;
}
.hero h1 .gold{color:var(--yellow)}
.hero h1 .cyan{color:var(--cyan)}
.hero-copy{font-size:18px;line-height:1.8;color:#d8e6fb;max-width:650px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 25px}
.hero-proof{display:flex;flex-wrap:wrap;gap:10px}
.proof{
  padding:9px 13px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);
  border-radius:999px;font-size:12px;color:#dce8fb
}
.hero-visual{position:relative;min-height:540px;display:flex;align-items:center}
.carousel{
  width:100%;height:520px;border-radius:34px;overflow:hidden;position:relative;
  border:1px solid rgba(255,255,255,.18);box-shadow:var(--shadow);background:#0a2449;
}
.slide{
  position:absolute;inset:0;opacity:0;transform:scale(1.05);
  transition:opacity .9s ease,transform 6s ease;
}
.slide.active{opacity:1;transform:scale(1)}
.slide img{width:100%;height:100%;object-fit:cover}
.slide:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(2,12,30,.02) 35%,rgba(2,12,30,.82) 100%);
}
.slide-caption{position:absolute;z-index:3;left:28px;right:28px;bottom:26px}
.slide-caption small{color:#ffe16b;font-weight:900;text-transform:uppercase;letter-spacing:1px}
.slide-caption h3{font-size:27px;margin:6px 0 5px}
.slide-caption p{color:#dbe8fb;font-size:13px;line-height:1.5}
.carousel-dots{position:absolute;z-index:8;left:28px;top:25px;display:flex;gap:7px}
.dot{width:34px;height:5px;border:0;border-radius:99px;background:rgba(255,255,255,.35);cursor:pointer}
.dot.active{background:var(--yellow)}
.float-tag{
  position:absolute;z-index:10;background:#fff;color:#10203b;padding:12px 15px;border-radius:16px;
  font-size:12px;font-weight:900;box-shadow:0 15px 30px rgba(0,0,0,.25);
  animation:float 4s ease-in-out infinite;
}
.tag1{top:32px;left:-22px}.tag2{top:48%;right:-25px;animation-delay:1s}.tag3{bottom:30px;left:-12px;animation-delay:2s}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}

/* SECTIONS */
section{padding:100px 0;position:relative}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}
.eyebrow{color:var(--yellow);font-size:12px;font-weight:900;letter-spacing:1.3px;text-transform:uppercase;margin-bottom:12px}
.section-head h2{font-family:"Plus Jakarta Sans";font-size:clamp(32px,4vw,52px);line-height:1.05;letter-spacing:-2px}
.section-head p{max-width:520px;color:var(--muted);line-height:1.7}
.stats{margin-top:-36px;position:relative;z-index:20}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.1);border-radius:22px;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.18)}
.stat{background:#0b2247;padding:25px;text-align:center}
.stat strong{display:block;font-size:28px;color:#fff}.stat span{color:#aebfda;font-size:12px}

.programs{background:linear-gradient(180deg,#071a3a,#06172f)}
.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.course{
  position:relative;padding:30px;border-radius:28px;border:1px solid rgba(255,255,255,.11);
  background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.035));
  box-shadow:0 18px 40px rgba(0,0,0,.15);overflow:hidden;transition:.3s;
}
.course:hover{transform:translateY(-8px);border-color:rgba(255,201,40,.45)}
.course.popular{border:1px solid rgba(255,201,40,.6);box-shadow:0 25px 60px rgba(255,174,25,.09)}
.badge{position:absolute;right:18px;top:18px;background:var(--yellow);color:#10203a;font-size:10px;font-weight:900;padding:7px 10px;border-radius:999px}
.course-icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,#0c73dd,#5ce5ff);font-size:25px;margin-bottom:20px}
.course h3{font-size:24px;margin-bottom:8px}
.course .sub{color:#9fb4d4;font-size:13px;line-height:1.6;min-height:42px}
.price{margin:22px 0}.price del{color:#8094b4;font-size:14px}.price strong{display:block;font-size:34px;color:#fff}.price em{color:#6ee8ff;font-style:normal;font-size:12px}
.list{list-style:none;display:grid;gap:10px;margin:18px 0 25px}.list li{font-size:13px;color:#d7e4f8}.list li:before{content:"✓";color:#55e1b4;font-weight:900;margin-right:8px}

.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.feature{padding:26px;border-radius:22px;background:rgba(255,255,255,.055);border:1px solid var(--line);transition:.3s}
.feature:hover{transform:translateY(-6px);background:rgba(255,255,255,.08)}
.icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#0b63d1,#45d8ff);font-size:22px;margin-bottom:16px}
.feature h3{font-size:17px;margin-bottom:8px}.feature p{font-size:13px;line-height:1.65;color:#aebfda}

.visual-band{background:#06172f}
.visual-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.visual-card{position:relative;height:390px;border-radius:28px;overflow:hidden;border:1px solid var(--line)}
.visual-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.visual-card:hover img{transform:scale(1.06)}
.visual-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.85))}
.visual-text{position:absolute;z-index:2;left:26px;right:26px;bottom:24px}.visual-text h3{font-size:25px}.visual-text p{font-size:13px;color:#d5e1f4;line-height:1.6;margin-top:6px}

.process{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.step{padding:28px;border-radius:22px;background:rgba(255,255,255,.045);border:1px solid var(--line)}
.step-num{font-size:13px;color:#07182f;background:var(--yellow);font-weight:900;border-radius:999px;padding:7px 11px;display:inline-block;margin-bottom:17px}
.step h3{margin-bottom:8px}.step p{font-size:13px;color:#aebfda;line-height:1.7}

.syllabus{background:linear-gradient(135deg,#06172f,#082c61)}
.subject-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.subject{padding:23px;border-radius:22px;border:1px solid var(--line);background:rgba(255,255,255,.055)}
.subject h3{margin-bottom:8px}.subject p{font-size:13px;line-height:1.65;color:#afc1dd}

.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
details{background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:18px;padding:18px 20px}
summary{cursor:pointer;font-weight:800;list-style:none;display:flex;justify-content:space-between;gap:15px}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";color:var(--yellow);font-size:22px;line-height:1}
details[open] summary:after{content:"−"}
details p{color:#aebfda;font-size:13px;line-height:1.7;padding-top:12px}

.enrol-section{background:radial-gradient(circle at 10% 50%,rgba(207,43,120,.17),transparent 30%),#06152f}
.enrol-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:25px;align-items:stretch}
.enrol-copy{padding:38px;border-radius:28px;background:linear-gradient(145deg,#0b397b,#071a3a);border:1px solid var(--line)}
.enrol-copy h2{font-family:"Plus Jakarta Sans";font-size:42px;letter-spacing:-2px;margin-bottom:14px}.enrol-copy p{color:#b9cae3;line-height:1.75}
.enrol-points{display:grid;gap:12px;margin-top:24px}.enrol-point{display:flex;gap:11px;color:#e6effd;font-size:13px}.enrol-point b{color:#5fe5ff}
.form-card{padding:30px;border-radius:28px;background:#fff;color:#11203a;box-shadow:0 30px 70px rgba(0,0,0,.24)}
.form-card h3{font-size:26px;margin-bottom:5px}.form-card .form-note{font-size:12px;color:#6c7b91;margin-bottom:20px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field.full{grid-column:1/-1}
.field label{display:block;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.5px;margin-bottom:7px;color:#47566c}
.field input,.field select{width:100%;height:48px;border:1px solid #d7dfeb;border-radius:13px;padding:0 13px;outline:0;background:#f9fbfe;color:#14213a}
.field input:focus,.field select:focus{border-color:#1670d2;box-shadow:0 0 0 4px rgba(22,112,210,.1)}
.form-actions{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}.form-actions .btn{flex:1}
.form-msg{display:none;margin-top:14px;padding:12px 14px;border-radius:12px;font-size:12px;font-weight:700}
.form-msg.show{display:block}.form-msg.error{background:#fff0f0;color:#b42318}.form-msg.ok{background:#ecfdf3;color:#067647}

.footer{padding:45px 0 30px;background:#031025;border-top:1px solid var(--line)}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:35px}
.footer-logo{width:120px;filter:brightness(0) invert(1);margin-bottom:15px}
.footer p,.footer li{font-size:13px;color:#8fa6c6;line-height:1.7}.footer h4{margin-bottom:12px}.footer ul{list-style:none;display:grid;gap:7px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:30px;padding-top:20px;color:#7188a8;font-size:11px;display:flex;justify-content:space-between;gap:15px}
.whatsapp{
  position:fixed;right:22px;bottom:22px;z-index:1100;width:58px;height:58px;border-radius:50%;
  display:grid;place-items:center;background:#20d466;box-shadow:0 15px 30px rgba(0,0,0,.3);
  animation:pulse 2.4s infinite;
}
.whatsapp svg{width:29px;height:29px;fill:#fff}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(32,212,102,.38),0 15px 30px rgba(0,0,0,.3)}50%{box-shadow:0 0 0 12px rgba(32,212,102,0),0 15px 30px rgba(0,0,0,.3)}}

.modal{position:fixed;inset:0;background:rgba(0,8,22,.75);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;z-index:2000;padding:18px}
.modal.open{display:flex}.modal-box{width:min(500px,100%);background:#fff;color:#11203a;border-radius:25px;padding:28px;position:relative}
.close{position:absolute;right:15px;top:12px;border:0;background:#eef3f9;border-radius:50%;width:35px;height:35px;cursor:pointer;font-size:20px}
.modal-box h3{font-size:25px;margin-bottom:8px}.modal-box p{font-size:12px;color:#68778d;margin-bottom:18px}
.modal-course{background:#eef6ff;border-radius:15px;padding:14px;margin-bottom:15px;font-size:13px;font-weight:800}
.payment-state{margin-top:15px;padding:15px;border-radius:14px;background:#f5f8fc;font-size:13px;display:none}
.payment-state.show{display:block}

.reveal{opacity:0;transform:translateY(24px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}

@media(max-width:1000px){
  .navlinks{gap:16px}.course-grid{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:1fr 1fr}
  .subject-grid{grid-template-columns:1fr 1fr}.process{grid-template-columns:1fr 1fr}
}
@media(max-width:820px){
  .topbar .container{justify-content:center}.topbar .toplinks{display:none}
  .nav{height:70px}.mobile-toggle{display:block}.navlinks{
    position:absolute;left:18px;right:18px;top:76px;padding:15px;border-radius:18px;
    background:#081d3d;border:1px solid var(--line);display:none;flex-direction:column;align-items:stretch;
  }.navlinks.open{display:flex}.navlinks a{padding:10px}
  .navlinks .btn{display:none}
  .hero{min-height:auto}.hero-grid{grid-template-columns:1fr;padding:55px 0 80px}.hero h1{letter-spacing:-2px}
  .hero-visual{min-height:430px}.carousel{height:420px}
  .section-head{display:block}.section-head p{margin-top:15px}
  .stats-grid{grid-template-columns:1fr 1fr}.stats{margin-top:-25px}
  .enrol-wrap{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .container{width:min(100% - 24px,1180px)}section{padding:72px 0}
  .logo{width:92px}.hero h1{font-size:47px}.hero-copy{font-size:15px;line-height:1.65}
  .hero-actions .btn{width:100%}.hero-visual{min-height:330px}.carousel{height:330px;border-radius:24px}
  .float-tag{font-size:10px;padding:9px 11px}.tag1{left:8px}.tag2{right:8px}.tag3{left:8px}
  .course-grid,.feature-grid,.subject-grid,.process,.faq-grid{grid-template-columns:1fr}
  .visual-grid{grid-template-columns:1fr}.visual-card{height:300px}
  .stats-grid{grid-template-columns:1fr 1fr}.stat{padding:18px 8px}.stat strong{font-size:23px}
  .form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.enrol-copy h2{font-size:34px}
  .footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:8px}
}
</style>

<script type="application/ld+json">
{
  "@context":"https://schema.org",
  "@type":"EducationalOrganization",
  "name":"Gyan Skills Academy",
  "url":"https://sainikschoolpreparation.gyanskills.com/",
  "telephone":"+91-8840458141",
  "description":"Independent AISSEE preparation initiative for Class 6 and Class 9 students.",
  "sameAs":["https://gyanskills.com/"]
}
</script>
</head>

<body>

<div class="topbar">
  <div class="container">
    <div>🎯 <b>Gyan Skills Academy</b> • Independent AISSEE Preparation Initiative</div>
    <div class="toplinks">
      <a href="tel:8840458141">📞 8840458141</a>
      <a href="https://wa.me/918840458141?text=Hi%20Gyan%20Skills%2C%20I%20want%20details%20for%20Sainik%20School%20preparation." target="_blank" rel="noopener">💬 WhatsApp Support</a>
    </div>
  </div>
</div>

<header class="header">
  <div class="container nav">
    <a href="#top" aria-label="Gyan Skills Academy home">
      <img class="logo" src="https://gyanskills.com/wp-content/uploads/2024/12/GYAN.skills.fevicon-1.png" alt="Gyan Skills Academy">
    </a>
    <button class="mobile-toggle" id="mobileToggle" aria-label="Open menu">☰</button>
    <nav class="navlinks" id="navlinks">
      <a href="#programs">Courses</a>
      <a href="#features">Features</a>
      <a href="#syllabus">Syllabus</a>
      <a href="#preparation">Preparation</a>
      <a href="#faqs">FAQs</a>
      <a class="btn btn-primary" href="#enrol">Enrol Now</a>
    </nav>
  </div>
</header>

<main id="top">

<section class="hero">
  <div class="container hero-grid">
    <div class="hero-copy-wrap reveal">
      <div class="kicker">🎯 SAINIK SCHOOL PREPARATION • CLASS 6 & CLASS 9</div>
      <h1>Prepare Smart.<br><span class="gold">Build Discipline.</span><br>Aim for <span class="cyan">Sainik School.</span></h1>
      <p class="hero-copy">
        A structured preparation system built around live teaching, recorded revision,
        chapter-wise practice, mock tests, OMR strategy, doubt support and parent guidance.
        Choose a long-term foundation plan, monthly live batch or focused crash course.
      </p>
      <div class="hero-actions">
        <a class="btn btn-primary" href="#programs">🚀 Explore Courses</a>
        <a class="btn btn-outline" href="https://wa.me/918840458141?text=Hi%20Gyan%20Skills%2C%20please%20share%20Sainik%20School%20course%20details." target="_blank" rel="noopener">💬 Talk on WhatsApp</a>
      </div>
      <div class="hero-proof">
        <span class="proof">🎥 Live Classes</span>
        <span class="proof">📚 Recorded Revision</span>
        <span class="proof">📝 PDFs + Practice</span>
        <span class="proof">🎯 Mock Tests</span>
        <span class="proof">🧾 OMR Practice</span>
      </div>
    </div>

    <div class="hero-visual reveal">
      <div class="carousel" id="heroCarousel">
        <div class="carousel-dots" id="carouselDots"></div>

        <div class="slide active">
          <img src="https://sainikschoolamaravathinagar.edu.in/assets/images/gallery/2025_26/POP/pop_35.jpg" alt="Sainik School cadets marching in formation">
          <div class="slide-caption">
            <small>Discipline • Coordination • Practice</small>
            <h3>Build habits that support performance.</h3>
            <p>Structured practice is at the heart of the preparation journey.</p>
          </div>
        </div>

        <div class="slide">
          <img src="https://sskzmoba.org/uploads/671.jpg" alt="Sainik School cadets interacting with an officer">
          <div class="slide-caption">
            <small>Confidence • Bearing • Leadership</small>
            <h3>Prepare beyond the textbook.</h3>
            <p>Academic readiness, confidence and disciplined routines work together.</p>
          </div>
        </div>

        <div class="slide">
          <img src="https://akm-img-a-in.tosshub.com/aajtak/images/story/202504/67f6715fb3455-nagaland-sainik-school--punglwa-observes-17th-founders-day-112043645-16x9.jpg?size=948%3A533" alt="Sainik School cadets in uniform">
          <div class="slide-caption">
            <small>Focus • Teamwork • Responsibility</small>
            <h3>Learn with a clear preparation routine.</h3>
            <p>Concepts, practice, testing and revision — repeated consistently.</p>
          </div>
        </div>

        <div class="float-tag tag1">📚 Daily Practice</div>
        <div class="float-tag tag2">🎯 Mock-Test Strategy</div>
        <div class="float-tag tag3">👨‍👩‍👧 Parent Guidance</div>
      </div>
    </div>
  </div>
</section>

<section class="stats">
  <div class="container">
    <div class="stats-grid reveal">
      <div class="stat"><strong>20</strong><span>Live Classes / Month</span></div>
      <div class="stat"><strong>60</strong><span>Classes in 3-Month Crash</span></div>
      <div class="stat"><strong>3</strong><span>Flexible Preparation Plans</span></div>
      <div class="stat"><strong>24×7</strong><span>WhatsApp Support</span></div>
    </div>
  </div>
</section>

<section class="programs" id="programs">
  <div class="container">
    <div class="section-head reveal">
      <div><div class="eyebrow">Admissions Open</div><h2>Choose your preparation timeline.</h2></div>
      <p>Start early for stronger concept building, join monthly for continuous preparation, or use the crash plan for focused revision.</p>
    </div>

    <div class="course-grid">
      <article class="course reveal">
        <div class="course-icon">🌱</div>
        <h3>1-Year Foundation</h3>
        <p class="sub">Long-term preparation for students who want time for concepts, practice, revision and testing.</p>
        <div class="price"><del>₹60,000/year</del><strong>₹35,000</strong><em>current offer</em></div>
        <ul class="list">
          <li>20 live classes every month</li><li>Recorded lecture access</li><li>Chapter-wise PDFs & practice</li>
          <li>Sectional + full mock tests</li><li>OMR practice & exam strategy</li><li>Parent progress guidance</li>
        </ul>
        <button class="btn btn-primary pay-btn" data-course="foundation">💳 Enrol Now</button>
      </article>

      <article class="course popular reveal">
        <span class="badge">MOST POPULAR</span>
        <div class="course-icon">🚀</div>
        <h3>Monthly Live Batch</h3>
        <p class="sub">A flexible monthly programme for regular live learning, practice, revision and doubt support.</p>
        <div class="price"><del>₹5,000/month</del><strong>₹3,500</strong><em>current offer</em></div>
        <ul class="list">
          <li>20 live classes every month</li><li>Live doubt support</li><li>Recorded revision lessons</li>
          <li>PDF notes & practice sets</li><li>Mock tests + OMR drills</li><li>Study plan & parent updates</li>
        </ul>
        <button class="btn btn-primary pay-btn" data-course="monthly">🔥 Pay ₹3,500</button>
      </article>

      <article class="course reveal">
        <div class="course-icon">⚡</div>
        <h3>3-Month Crash</h3>
        <p class="sub">A fast-paced plan for concentrated syllabus coverage, practice, mock tests and last-mile revision.</p>
        <div class="price"><del>₹15,000</del><strong>₹10,500</strong><em>3-month offer</em></div>
        <ul class="list">
          <li>60 live classes</li><li>Rapid syllabus coverage</li><li>High-frequency practice</li>
          <li>Full-length mock tests</li><li>OMR speed & accuracy drills</li><li>Last-mile revision strategy</li>
        </ul>
        <button class="btn btn-primary pay-btn" data-course="crash">⚡ Enrol Crash Course</button>
      </article>
    </div>
  </div>
</section>

<section id="features">
  <div class="container">
    <div class="section-head reveal">
      <div><div class="eyebrow">What Students Get</div><h2>A preparation system — not just video lectures.</h2></div>
      <p>Every component is designed to make preparation measurable, repeatable and easier for students and parents to follow.</p>
    </div>

    <div class="feature-grid">
      <div class="feature reveal"><div class="icon">🎥</div><h3>Live Classes</h3><p>Structured teaching sessions with practice and revision built into the monthly plan.</p></div>
      <div class="feature reveal"><div class="icon">▶️</div><h3>Recorded Lectures</h3><p>Useful for revision, missed sessions and repeated practice before tests.</p></div>
      <div class="feature reveal"><div class="icon">📄</div><h3>PDF Study Material</h3><p>Chapter-focused notes, practice material and revision resources.</p></div>
      <div class="feature reveal"><div class="icon">🧠</div><h3>Mock Tests</h3><p>Regular testing to improve accuracy, speed, question selection and exam temperament.</p></div>
      <div class="feature reveal"><div class="icon">📝</div><h3>OMR Practice</h3><p>Answer-marking drills so students become comfortable with the response format.</p></div>
      <div class="feature reveal"><div class="icon">💬</div><h3>Doubt Support</h3><p>Students can raise questions and receive guidance during the preparation journey.</p></div>
      <div class="feature reveal"><div class="icon">📈</div><h3>Progress Focus</h3><p>Use practice and test performance to identify topics that need more attention.</p></div>
      <div class="feature reveal"><div class="icon">👨‍👩‍👧</div><h3>Parent Guidance</h3><p>Simple support for study routines, consistency, revision and preparation discipline.</p></div>
    </div>
  </div>
</section>

<section class="visual-band">
  <div class="container">
    <div class="section-head reveal">
      <div><div class="eyebrow">The Environment</div><h2>See the discipline we are preparing for.</h2></div>
      <p>Visual references are from publicly available Sainik School/cadet sources. Gyan Skills Academy is an independent coaching initiative and is not an official Sainik Schools Society or NTA website.</p>
    </div>
    <div class="visual-grid">
      <div class="visual-card reveal">
        <img src="https://sainikschoolamaravathinagar.edu.in/assets/images/gallery/2025_26/POP/pop_35.jpg" alt="Sainik School cadets parade">
        <div class="visual-text"><h3>Parade & Discipline</h3><p>Focus, coordination and consistency are habits that students can build every day.</p></div>
      </div>
      <div class="visual-card reveal">
        <img src="https://sskzmoba.org/uploads/671.jpg" alt="Sainik School cadets with officer">
        <div class="visual-text"><h3>Confidence & Bearing</h3><p>Preparation also means building communication confidence, responsibility and a disciplined routine.</p></div>
      </div>
    </div>
  </div>
</section>

<section id="preparation">
  <div class="container">
    <div class="section-head reveal">
      <div><div class="eyebrow">How Preparation Works</div><h2>Build the routine before you chase the result.</h2></div>
      <p>Understand → Practise → Test → Revise. Repeat the cycle consistently instead of relying on last-minute preparation.</p>
    </div>
    <div class="process">
      <div class="step reveal"><span class="step-num">01</span><h3>Understand</h3><p>Learn concepts and identify the type of questions students need to handle.</p></div>
      <div class="step reveal"><span class="step-num">02</span><h3>Practise</h3><p>Use chapter-wise questions and regular exercises to turn understanding into accuracy.</p></div>
      <div class="step reveal"><span class="step-num">03</span><h3>Test</h3><p>Take sectional and full-length mocks and review errors instead of checking only marks.</p></div>
      <div class="step reveal"><span class="step-num">04</span><h3>Revise</h3><p>Revisit weak chapters, formulas, vocabulary, reasoning patterns and time-management habits.</p></div>
    </div>
  </div>
</section>

<section class="syllabus" id="syllabus">
  <div class="container">
    <div class="section-head reveal">
      <div><div class="eyebrow">Academic Focus</div><h2>Core preparation areas.</h2></div>
      <p>Exact examination rules, eligibility, dates and official admission instructions can change by session. Students should always verify the latest official AISSEE bulletin.</p>
    </div>
    <div class="subject-grid">
      <div class="subject reveal"><h3>📐 Mathematics</h3><p>Concepts, calculations, problem-solving, speed and accuracy through graded practice.</p></div>
      <div class="subject reveal"><h3>🔬 General Science</h3><p>School-level concepts, application-oriented questions and regular revision.</p></div>
      <div class="subject reveal"><h3>🧠 Intelligence / Reasoning</h3><p>Logical thinking, classification, series and timed practice where applicable.</p></div>
      <div class="subject reveal"><h3>📖 Language</h3><p>Reading, vocabulary, grammar and comprehension-oriented practice as relevant to the applicable class.</p></div>
      <div class="subject reveal"><h3>📝 Mock & OMR</h3><p>Timed tests, question selection, OMR marking discipline and post-test error analysis.</p></div>
      <div class="subject reveal"><h3>🏃 Confidence & Routine</h3><p>Study discipline, communication confidence, basic wellness awareness and parent-supported routines.</p></div>
    </div>
    <div style="margin-top:28px;padding:20px;border-radius:18px;border:1px solid rgba(255,201,40,.25);background:rgba(255,201,40,.06);color:#dbe7f9;font-size:12px;line-height:1.7">
      <b style="color:#ffd84b">Important:</b> Gyan Skills Academy is an independent coaching provider. It does not conduct AISSEE, issue government admission letters or guarantee admission. For official rules and current AISSEE information, use the National Testing Agency and Sainik Schools Society portals.
    </div>
  </div>
</section>

<section id="faqs">
  <div class="container">
    <div class="section-head reveal">
      <div><div class="eyebrow">FAQs</div><h2>Questions parents usually ask.</h2></div>
      <p>Clear answers about the coaching programme, classes, study material, testing and enrolment.</p>
    </div>
    <div class="faq-grid">
      <details class="reveal"><summary>Is Gyan Skills Academy an official Sainik School or NTA coaching centre?</summary><p>No. It is an independent coaching initiative. Official AISSEE information should always be checked on the NTA and Sainik Schools Society portals.</p></details>
      <details class="reveal"><summary>Which classes does the programme cover?</summary><p>The preparation programme is designed for students targeting AISSEE admission at Class VI and Class IX.</p></details>
      <details class="reveal"><summary>How many live classes are included every month?</summary><p>The monthly plan includes 20 live classes every month.</p></details>
      <details class="reveal"><summary>What is the current monthly offer?</summary><p>The displayed regular monthly fee is ₹5,000 and the current offer is ₹3,500 per month, subject to the active batch offer.</p></details>
      <details class="reveal"><summary>What is included in the 1-year foundation plan?</summary><p>20 classes every month, recorded lectures, PDFs, practice, mock tests, OMR practice and parent guidance.</p></details>
      <details class="reveal"><summary>Do you provide a 3-month crash course?</summary><p>Yes. The displayed offer is ₹10,500 for three months, subject to the current batch offer.</p></details>
      <details class="reveal"><summary>Are recorded lectures provided?</summary><p>Yes. Recorded revision access is included in the course structure.</p></details>
      <details class="reveal"><summary>Do students get PDF study material?</summary><p>Yes. Chapter-wise PDFs and practice resources are included in the programme.</p></details>
      <details class="reveal"><summary>Do you conduct mock tests?</summary><p>Yes. Mock and practice tests are part of the preparation structure.</p></details>
      <details class="reveal"><summary>Is OMR practice included?</summary><p>Yes. OMR marking practice is included to help students become comfortable with the response format.</p></details>
      <details class="reveal"><summary>Do you provide doubt support?</summary><p>Yes. Doubt support is part of the programme.</p></details>
      <details class="reveal"><summary>Do you provide interview preparation?</summary><p>Guidance can be provided for communication, confidence and interaction readiness where relevant. Students should follow the official admission procedure for the applicable session.</p></details>
      <details class="reveal"><summary>Do you provide medical guidance?</summary><p>General wellness and process-oriented guidance may be provided. Medical fitness can only be determined by authorised medical authorities.</p></details>
      <details class="reveal"><summary>Is admission or selection guaranteed?</summary><p>No. Coaching cannot guarantee selection or admission. Official eligibility, performance, merit, vacancies, counselling and other applicable requirements determine admission.</p></details>
      <details class="reveal"><summary>How can I contact Gyan Skills?</summary><p>Call 8840458141 or use the WhatsApp buttons on this page.</p></details>
      <details class="reveal"><summary>Where should students verify official AISSEE information?</summary><p>Use the official NTA AISSEE portal and Sainik Schools Society sources for current notices, bulletins, dates and admission instructions.</p></details>
    </div>
  </div>
</section>

<section class="enrol-section" id="enrol">
  <div class="container enrol-wrap">
    <div class="enrol-copy reveal">
      <div class="eyebrow">Admissions Open</div>
      <h2>Ready to start the preparation journey?</h2>
      <p>Fill in the student and parent details. Our team can contact you about the batch, current offer and course structure. If you choose online payment, the secure Cashfree checkout opens after the order is created on the server.</p>
      <div class="enrol-points">
        <div class="enrol-point"><b>✓</b><span>20 live classes every month</span></div>
        <div class="enrol-point"><b>✓</b><span>Recorded revision + PDF practice</span></div>
        <div class="enrol-point"><b>✓</b><span>Mock tests + OMR drills</span></div>
        <div class="enrol-point"><b>✓</b><span>Parent guidance + doubt support</span></div>
      </div>
      <div style="margin-top:25px;display:flex;gap:10px;flex-wrap:wrap">
        <a class="btn btn-primary" href="tel:8840458141">📞 Call 8840458141</a>
        <a class="btn btn-outline" href="https://wa.me/918840458141?text=Hi%20Gyan%20Skills%2C%20I%20want%20to%20enrol%20for%20Sainik%20School%20preparation." target="_blank" rel="noopener">💬 WhatsApp</a>
      </div>
    </div>

    <div class="form-card reveal">
      <h3>Start Enrolment</h3>
      <div class="form-note">Your details are used for admission enquiry and payment processing.</div>

      <form id="enrolForm">
        <div class="form-grid">
          <div class="field">
            <label>Student Name *</label>
            <input name="student_name" required maxlength="120" placeholder="Enter student name">
          </div>
          <div class="field">
            <label>Parent Name</label>
            <input name="parent_name" maxlength="120" placeholder="Parent / guardian name">
          </div>
          <div class="field">
            <label>Mobile / WhatsApp *</label>
            <input name="mobile" required inputmode="numeric" pattern="[0-9]{10}" maxlength="10" placeholder="10-digit mobile">
          </div>
          <div class="field">
            <label>Email</label>
            <input name="email" type="email" maxlength="160" placeholder="Email address">
          </div>
          <div class="field">
            <label>Target Class *</label>
            <select name="class_target" required>
              <option value="">Select class</option>
              <option value="Class 6">Class 6</option>
              <option value="Class 9">Class 9</option>
            </select>
          </div>
          <div class="field">
            <label>Course *</label>
            <select name="course_key" id="courseSelect" required>
              <option value="monthly">Monthly Live Batch — ₹3,500</option>
              <option value="foundation">1-Year Foundation — ₹35,000</option>
              <option value="crash">3-Month Crash — ₹10,500</option>
            </select>
          </div>
        </div>

        <div class="form-actions">
          <button type="submit" class="btn btn-primary" id="paySubmit">💳 Proceed to Secure Payment</button>
          <a class="btn btn-outline" style="color:#14213a;border-color:#d7dfeb;background:#f7f9fc" href="https://wa.me/918840458141?text=Hi%20Gyan%20Skills%2C%20please%20call%20me%20for%20Sainik%20School%20coaching." target="_blank" rel="noopener">💬 WhatsApp</a>
        </div>
        <div class="form-msg" id="formMsg"></div>
      </form>
    </div>
  </div>
</section>

</main>

<footer class="footer">
  <div class="container">
    <div class="footer-grid">
      <div>
        <img class="footer-logo" src="https://gyanskills.com/wp-content/uploads/2024/12/GYAN.skills.fevicon-1.png" alt="Gyan Skills Academy">
        <p>Gyan Skills Academy — an independent AISSEE preparation initiative focused on structured learning, practice, testing and parent support.</p>
      </div>
      <div>
        <h4>Quick Links</h4>
        <ul>
          <li><a href="#programs">Courses</a></li><li><a href="#features">Features</a></li>
          <li><a href="#syllabus">Syllabus</a></li><li><a href="#faqs">FAQs</a></li>
        </ul>
      </div>
      <div>
        <h4>Contact</h4>
        <ul>
          <li><a href="tel:8840458141">📞 8840458141</a></li>
          <li><a href="https://wa.me/918840458141" target="_blank" rel="noopener">💬 WhatsApp Support</a></li>
          <li>🎯 Class 6 & Class 9 Preparation</li>
          <li>🎥 Live + Recorded Learning</li>
        </ul>
      </div>
    </div>
    <div class="footer-bottom">
      <span>© 2026 Gyan Skills Academy. All rights reserved.</span>
      <span>Independent coaching provider • Not an official NTA / Sainik Schools Society website.</span>
    </div>
  </div>
</footer>

<a class="whatsapp" href="https://wa.me/918840458141?text=Hi%20Gyan%20Skills%2C%20I%20want%20Sainik%20School%20preparation%20details." target="_blank" rel="noopener" aria-label="WhatsApp support">
<svg viewBox="0 0 32 32" aria-hidden="true"><path d="M19.11 17.37c-.27-.14-1.58-.78-1.83-.87-.25-.09-.43-.14-.61.14-.18.27-.7.87-.86 1.05-.16.18-.32.2-.59.07-.27-.14-1.13-.42-2.15-1.34-.8-.71-1.34-1.58-1.5-1.85-.16-.27-.02-.42.12-.56.12-.12.27-.32.41-.48.14-.16.18-.27.27-.45.09-.18.05-.34-.02-.48-.07-.14-.61-1.47-.84-2.01-.22-.52-.45-.45-.61-.46h-.52c-.18 0-.48.07-.73.34-.25.27-.95.93-.95 2.27s.98 2.63 1.11 2.81c.14.18 1.93 2.95 4.68 4.13.65.28 1.16.45 1.56.58.66.21 1.26.18 1.74.11.53-.08 1.58-.65 1.8-1.28.22-.63.22-1.17.16-1.28-.07-.11-.25-.18-.52-.32z"/><path d="M16.02 3C8.84 3 3 8.82 3 15.99c0 2.29.6 4.52 1.74 6.48L3 29l6.68-1.71a13 13 0 0 0 6.34 1.62h.01c7.17 0 12.99-5.83 12.99-13.01C29.02 8.82 23.2 3 16.02 3zm0 23.66h-.01c-2.02 0-4-.54-5.73-1.55l-.41-.24-3.96 1.01 1.06-3.86-.27-.4a10.98 10.98 0 1 1 9.32 5.04z"/></svg>
</a>

<!-- Payment / enrollment modal -->
<div class="modal" id="payModal" aria-hidden="true">
  <div class="modal-box">
    <button class="close" id="closeModal" type="button">×</button>
    <h3>Secure Enrolment</h3>
    <p>Enter the student details below. The payment is opened only after the server creates a Cashfree order.</p>
    <div class="modal-course" id="modalCourse">Monthly Live Batch — ₹3,500</div>
    <form id="modalForm">
      <div class="form-grid">
        <div class="field full"><label>Student Name *</label><input name="student_name" required></div>
        <div class="field"><label>Parent Name</label><input name="parent_name"></div>
        <div class="field"><label>Mobile *</label><input name="mobile" required inputmode="numeric" pattern="[0-9]{10}" maxlength="10"></div>
        <div class="field full"><label>Email</label><input name="email" type="email"></div>
        <div class="field"><label>Target Class *</label><select name="class_target" required><option value="">Select</option><option>Class 6</option><option>Class 9</option></select></div>
        <div class="field"><label>Course</label><select name="course_key" id="modalCourseSelect"><option value="monthly">Monthly Live Batch</option><option value="foundation">1-Year Foundation</option><option value="crash">3-Month Crash</option></select></div>
      </div>
      <button class="btn btn-primary" style="width:100%;margin-top:18px" type="submit" id="modalPayBtn">💳 Proceed to Cashfree</button>
      <div class="payment-state" id="paymentState"></div>
    </form>
  </div>
</div>

<script>
const COURSE_DATA = {
  foundation:{name:'1-Year Foundation Programme',amount:35000},
  monthly:{name:'Monthly Live Batch',amount:3500},
  crash:{name:'3-Month Crash Course',amount:10500}
};

const cfMode = <?php echo json_encode($CF_ENV === 'sandbox' ? 'sandbox' : 'production'); ?>;
const modal = document.getElementById('payModal');
const modalSelect = document.getElementById('modalCourseSelect');
const modalCourse = document.getElementById('modalCourse');
const paymentState = document.getElementById('paymentState');

function openModal(courseKey='monthly'){
  modalSelect.value = courseKey;
  updateModalCourse();
  modal.classList.add('open');
  modal.setAttribute('aria-hidden','false');
  document.body.style.overflow='hidden';
}
function closeModal(){
  modal.classList.remove('open');
  modal.setAttribute('aria-hidden','true');
  document.body.style.overflow='';
}
function updateModalCourse(){
  const c = COURSE_DATA[modalSelect.value] || COURSE_DATA.monthly;
  modalCourse.textContent = c.name + ' — ₹' + c.amount.toLocaleString('en-IN');
}
document.getElementById('closeModal').addEventListener('click',closeModal);
modal.addEventListener('click',e=>{if(e.target===modal)closeModal()});
modalSelect.addEventListener('change',updateModalCourse);
document.querySelectorAll('.pay-btn').forEach(btn=>{
  btn.addEventListener('click',()=>openModal(btn.dataset.course));
});

/* Mobile menu */
document.getElementById('mobileToggle').addEventListener('click',()=>{
  document.getElementById('navlinks').classList.toggle('open');
});
document.querySelectorAll('#navlinks a').forEach(a=>a.addEventListener('click',()=>{
  document.getElementById('navlinks').classList.remove('open');
}));

/* Hero carousel — normal-flow image, never fixed/sticky */
const slides=[...document.querySelectorAll('.slide')];
const dotsWrap=document.getElementById('carouselDots');
let currentSlide=0;
let slideTimer=null;
slides.forEach((_,i)=>{
  const d=document.createElement('button');
  d.className='dot'+(i===0?' active':'');
  d.type='button';
  d.setAttribute('aria-label','Show slide '+(i+1));
  d.addEventListener('click',()=>goSlide(i,true));
  dotsWrap.appendChild(d);
});
const dots=[...dotsWrap.children];
function goSlide(i,manual=false){
  currentSlide=i;
  slides.forEach((s,n)=>s.classList.toggle('active',n===i));
  dots.forEach((d,n)=>d.classList.toggle('active',n===i));
  if(manual){clearInterval(slideTimer);slideTimer=setInterval(()=>goSlide((currentSlide+1)%slides.length),5000)}
}
slideTimer=setInterval(()=>goSlide((currentSlide+1)%slides.length),5000);

/* Reveal animation */
const observer=new IntersectionObserver(entries=>{
  entries.forEach(entry=>{
    if(entry.isIntersecting){entry.target.classList.add('visible');observer.unobserve(entry.target)}
  });
},{threshold:.1});
document.querySelectorAll('.reveal').forEach(el=>observer.observe(el));

/* Generic Cashfree order creation */
async function createCashfreeOrder(form, submitBtn, msgEl){
  const fd=new FormData(form);
  fd.append('action','create_order');

  submitBtn.disabled=true;
  submitBtn.dataset.original=submitBtn.textContent;
  submitBtn.textContent='⏳ Creating secure order...';
  if(msgEl){msgEl.className='form-msg';msgEl.textContent=''}

  try{
    const res=await fetch(window.location.pathname+'?action=create_order',{
      method:'POST',
      body:fd,
      headers:{'X-Requested-With':'XMLHttpRequest'}
    });
    const data=await res.json();

    if(!data.ok){
      throw new Error(data.message||'Unable to create payment order.');
    }

    if(!window.Cashfree){
      throw new Error('Cashfree SDK could not be loaded. Please refresh and try again.');
    }

    const cashfree=Cashfree({mode:data.environment || cfMode});
    await cashfree.checkout({
      paymentSessionId:data.payment_session_id,
      redirectTarget:'_self'
    });
  }catch(err){
    if(msgEl){
      msgEl.className='form-msg show error';
      msgEl.textContent='⚠️ '+err.message;
    }else{
      paymentState.className='payment-state show';
      paymentState.textContent='⚠️ '+err.message;
    }
  }finally{
    submitBtn.disabled=false;
    submitBtn.textContent=submitBtn.dataset.original || '💳 Proceed to Secure Payment';
  }
}

/* Main enrolment form */
document.getElementById('enrolForm').addEventListener('submit',e=>{
  e.preventDefault();
  createCashfreeOrder(
    e.currentTarget,
    document.getElementById('paySubmit'),
    document.getElementById('formMsg')
  );
});

/* Modal payment form */
document.getElementById('modalForm').addEventListener('submit',e=>{
  e.preventDefault();
  createCashfreeOrder(
    e.currentTarget,
    document.getElementById('modalPayBtn'),
    null
  );
});

/* Sync modal course label */
updateModalCourse();

/* Payment return status */
<?php if ($paymentReturn && $orderIdForStatus !== ''): ?>
(async function verifyReturnedPayment(){
  const overlay=document.createElement('div');
  overlay.style.cssText='position:fixed;inset:0;background:rgba(2,10,25,.82);backdrop-filter:blur(8px);z-index:3000;display:grid;place-items:center;padding:18px';
  overlay.innerHTML='<div style="width:min(460px,100%);background:#fff;color:#13213a;border-radius:24px;padding:30px;text-align:center"><div style="font-size:42px">⏳</div><h2 style="margin:8px 0">Verifying payment…</h2><p style="color:#68778d;font-size:13px">Please wait while we verify the Cashfree order securely on the server.</p></div>';
  document.body.appendChild(overlay);

  try{
    const r=await fetch('?action=check_order&order_id=<?php echo rawurlencode($orderIdForStatus); ?>',{cache:'no-store'});
    const d=await r.json();
    let icon='⏳',title='Payment status: '+(d.order_status||'PENDING'),text='Your order has been received. Our team will verify the final payment status.';
    if(d.order_status==='PAID'){icon='🎉';title='Payment successful';text='Your enrolment payment has been confirmed. Gyan Skills Academy will contact you with batch details.'}
    else if(d.order_status==='ACTIVE'){icon='🟢';title='Order created';text='The order is active. If you have not completed payment, please contact us.'}
    else if(d.order_status==='EXPIRED'){icon='⌛';title='Payment session expired';text='Please start a fresh enrolment from the website.'}
    else if(d.order_status==='TERMINATED'){icon='❌';title='Order not completed';text='The payment was not completed. You can try again.'}
    overlay.innerHTML='<div style="width:min(460px,100%);background:#fff;color:#13213a;border-radius:24px;padding:30px;text-align:center"><div style="font-size:48px">'+icon+'</div><h2 style="margin:8px 0">'+title+'</h2><p style="color:#68778d;font-size:13px;line-height:1.7">'+text+'</p><a href="/" style="display:inline-flex;margin-top:18px;padding:12px 20px;border-radius:999px;background:#ffb21c;color:#12213b;font-weight:900;text-decoration:none">Back to Website</a><a href="https://wa.me/918840458141" target="_blank" style="display:inline-flex;margin:10px 0 0 8px;padding:12px 20px;border-radius:999px;background:#20d466;color:#fff;font-weight:900;text-decoration:none">WhatsApp</a></div>';
  }catch(err){
    overlay.innerHTML='<div style="width:min(460px,100%);background:#fff;color:#13213a;border-radius:24px;padding:30px;text-align:center"><div style="font-size:44px">⚠️</div><h2>Verification unavailable</h2><p style="color:#68778d;font-size:13px;line-height:1.7">Please contact Gyan Skills on 8840458141 with your Cashfree order ID.</p><p style="font-size:12px;color:#8493a7">'+<?php echo json_encode($orderIdForStatus); ?>+'</p><a href="/" style="display:inline-flex;margin-top:18px;padding:12px 20px;border-radius:999px;background:#ffb21c;color:#12213b;font-weight:900;text-decoration:none">Back to Website</a></div>';
  }
})();
<?php endif; ?>
</script>
</body>
</html>