@extends('layouts.frontendlayout')
@section('content')
    <!-- Hero Section -->
    <section class="hero-section text-center">
        <div class="container">
            <h1 class="display-4">Globetek School Management System For Universities</h1>
            <p class="lead">Simplify student management, attendance tracking, and academic reporting with our comprehensive system.</p>
            <a href="register" class="btn btn-light btn-lg text-primary">Get Started</a>
        </div>
    </section>

    <!-- Features Section -->
    <section id="features" class="py-5">
        <div class="container">
            <h2 class="text-center mb-4">Our Features</h2>
            <div class="row text-center">
                <div class="col-md-4">
                   <a href="studentportal"><i class="feature-icon fas fa-user-graduate"></i></a>
                    <h5 class="mt-3">Student Management</h5>
                    <p>Track student profiles, progress, and performance effortlessly.</p>
                </div>
                <div class="col-md-4">
                    <i class="feature-icon fas fa-calendar-check"></i>
                    <h5 class="mt-3">Attendance Tracking</h5>
                    <p>Mark attendance in real-time and access detailed reports.</p>
                </div>
                <div class="col-md-4">
                    <i class="feature-icon fas fa-chart-line"></i>
                    <h5 class="mt-3">Grade Reports</h5>
                    <p>Manage and share academic grades with parents and students.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Quick Links Section -->
    <section class="bg-light py-5">
        <div class="container">
            <h2 class="text-center mb-4">Quick Links</h2>
            <div class="row text-center">
                <div class="col-md-4">
                    <a href="/login/student" class="btn btn-outline-primary btn-lg w-100">Student Login</a>
                </div>
                <div class="col-md-4">
                    <a href="/login/teacher" class="btn btn-outline-success btn-lg w-100">Teacher Login</a>
                </div>
                <div class="col-md-4">
                    <a href="/login/parent" class="btn btn-outline-warning btn-lg w-100">Parent Login</a>
                </div>
            </div>
        </div>
    </section>
@endsection