<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Glorious Techs - Professional PDF Tools</title>
    <link rel="stylesheet" href="css/style.css">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
</head>
<body>
    <!-- Animated Background -->
    <div class="animated-bg"></div>
    
    <!-- Navigation -->
    <nav class="glass-navbar">
        <div class="nav-container">
            <div class="nav-brand">
                <div class="logo-wrapper">
                    <i class="fas fa-file-pdf logo-icon"></i>
                    <div class="logo-text">
                        <div class="logo-main">Glorious Techs</div>
                        <div class="logo-sub">PDF Free Tools</div>
                    </div>
                </div>
            </div>
            <div class="nav-stats">
                <div class="stat-badge">
                    <i class="fas fa-bolt"></i>
                    <span>10K+ Processes Today</span>
                </div>
            </div>
        </div>
    </nav>

    <!-- Hero Section -->
    <section class="hero-section">
        <div class="hero-bg"></div>
        <div class="container">
            <div class="hero-content">
                <div class="hero-badge">
                    <i class="fas fa-crown"></i>
                    ENTERPRISE GRADE PDF TOOLS
                </div>
                <h1 class="hero-title">
                    <span class="title-line">Transform Your</span>
                    <span class="title-gradient">PDF Workflow</span>
                </h1>
                <p class="hero-subtitle">
                    Industry-leading PDF tools with military-grade security and instant processing. 
                    Trusted by 50,000+ professionals worldwide.
                </p>
                
                <div class="hero-features">
                    <div class="feature">
                        <i class="fas fa-shield-alt"></i>
                        <span>Bank-Level Security</span>
                    </div>
                    <div class="feature">
                        <i class="fas fa-infinity"></i>
                        <span>Unlimited Processing</span>
                    </div>
                    <div class="feature">
                        <i class="fas fa-rocket"></i>
                        <span>Instant Results</span>
                    </div>
                </div>

                <div class="cta-buttons">
                    <button class="cta-primary" onclick="scrollToTools()">
                        <span>Explore Tools</span>
                        <i class="fas fa-arrow-down"></i>
                    </button>
                    <button class="cta-secondary">
                        <i class="fas fa-play"></i>
                        <span>See Demo</span>
                    </button>
                </div>
            </div>
        </div>
    </section>

    <!-- Tools Grid Section -->
    <section class="tools-section" id="tools">
        <div class="container">
            <div class="section-header">
                <div class="section-badge">
                    <i class="fas fa-tools"></i>
                    PROFESSIONAL TOOLKIT
                </div>
                <h2>Enterprise PDF Solutions</h2>
                <p>Complete suite of professional-grade PDF tools for modern businesses</p>
            </div>

            <div class="tools-grid">
                <!-- Tool 1: Merge PDF -->
                <div class="tool-card" data-tool="merge">
                    <div class="card-glow"></div>
                    <div class="tool-header">
                        <div class="tool-icon">
                            <i class="fas fa-layer-group"></i>
                        </div>
                        <div class="tool-badge">MOST POPULAR</div>
                    </div>
                    <h3>Merge PDF</h3>
                    <p>Combine multiple PDF files into a single, organized document with precision</p>
                    <div class="tool-stats">
                        <div class="stat">
                            <i class="fas fa-clock"></i>
                            <span>Instant</span>
                        </div>
                        <div class="stat">
                            <i class="fas fa-check"></i>
                            <span>100% Accurate</span>
                        </div>
                    </div>
                    <a href="merge-pdf.html" class="tool-btn">
                        <span>Start Merging</span>
                        <div class="btn-glow"></div>
                        <i class="fas fa-arrow-right"></i>
                    </a>
                </div>

                <!-- Tool 2: Split PDF -->
                <div class="tool-card" data-tool="split">
                    <div class="card-glow"></div>
                    <div class="tool-header">
                        <div class="tool-icon">
                            <i class="fas fa-cut"></i>
                        </div>
                        <div class="tool-badge">PRECISION</div>
                    </div>
                    <h3>Split PDF</h3>
                    <p>Extract specific pages or split documents with surgical precision</p>
                    <div class="tool-stats">
                        <div class="stat">
                            <i class="fas fa-sliders-h"></i>
                            <span>Custom Ranges</span>
                        </div>
                        <div class="stat">
                            <i class="fas fa-expand"></i>
                            <span>Batch Process</span>
                        </div>
                    </div>
                    <a href="split-pdf.html" class="tool-btn">
                        <span>Split Now</span>
                        <div class="btn-glow"></div>
                        <i class="fas fa-arrow-right"></i>
                    </a>
                </div>

                <!-- Tool 3: Compress PDF -->
                <div class="tool-card" data-tool="compress">
                    <div class="card-glow"></div>
                    <div class="tool-header">
                        <div class="tool-icon">
                            <i class="fas fa-compress-alt"></i>
                        </div>
                        <div class="tool-badge">OPTIMIZED</div>
                    </div>
                    <h3>Compress PDF</h3>
                    <p>Reduce PDF file size without compromising quality or readability</p>
                    <div class="tool-stats">
                        <div class="stat">
                            <i class="fas fa-chart-line"></i>
                            <span>Up to 80% Smaller</span>
                        </div>
                        <div class="stat">
                            <i class="fas fa-eye"></i>
                            <span>Quality Preserved</span>
                        </div>
                    </div>
                    <a href="compress-pdf.html" class="tool-btn">
                        <span>Compress Now</span>
                        <div class="btn-glow"></div>
                        <i class="fas fa-arrow-right"></i>
                    </a>
                </div>

                <!-- Tool 4: PDF to Word -->
                <div class="tool-card" data-tool="pdf-to-word">
                    <div class="card-glow"></div>
                    <div class="tool-header">
                        <div class="tool-icon">
                            <i class="fas fa-file-word"></i>
                        </div>
                        <div class="tool-badge">EDITABLE</div>
                    </div>
                    <h3>PDF to Word</h3>
                    <p>Convert PDF files to fully editable Word documents with perfect formatting</p>
                    <div class="tool-stats">
                        <div class="stat">
                            <i class="fas fa-edit"></i>
                            <span>Fully Editable</span>
                        </div>
                        <div class="stat">
                            <i class="fas fa-magic"></i>
                            <span>Format Preserved</span>
                        </div>
                    </div>
                    <a href="pdf-to-word.html" class="tool-btn">
                        <span>Convert Now</span>
                        <div class="btn-glow"></div>
                        <i class="fas fa-arrow-right"></i>
                    </a>
                </div>

                <!-- Tool 5: Word to PDF -->
                <div class="tool-card" data-tool="word-to-pdf">
                    <div class="card-glow"></div>
                    <div class="tool-header">
                        <div class="tool-icon">
                            <i class="fas fa-file-pdf"></i>
                        </div>
                        <div class="tool-badge">STANDARD</div>
                    </div>
                    <h3>Word to PDF</h3>
                    <p>Convert Word documents to professional PDF format with one click</p>
                    <div class="tool-stats">
                        <div class="stat">
                            <i class="fas fa-sync"></i>
                            <span>Instant Conversion</span>
                        </div>
                        <div class="stat">
                            <i class="fas fa-lock"></i>
                            <span>Secure Output</span>
                        </div>
                    </div>
                    <a href="word-to-pdf.html" class="tool-btn">
                        <span>Convert Now</span>
                        <div class="btn-glow"></div>
                        <i class="fas fa-arrow-right"></i>
                    </a>
                </div>

                <!-- Tool 6: PDF to JPG -->
                <div class="tool-card" data-tool="pdf-to-jpg">
                    <div class="card-glow"></div>
                    <div class="tool-header">
                        <div class="tool-icon">
                            <i class="fas fa-image"></i>
                        </div>
                        <div class="tool-badge">VISUAL</div>
                    </div>
                    <h3>PDF to JPG</h3>
                    <p>Convert PDF pages to high-quality JPG images for sharing and editing</p>
                    <div class="tool-stats">
                        <div class="stat">
                            <i class="fas fa-camera"></i>
                            <span>HD Quality</span>
                        </div>
                        <div class="stat">
                            <i class="fas fa-palette"></i>
                            <span>Color Accurate</span>
                        </div>
                    </div>
                    <a href="pdf-to-jpg.html" class="tool-btn">
                        <span>Convert Now</span>
                        <div class="btn-glow"></div>
                        <i class="fas fa-arrow-right"></i>
                    </a>
                </div>

                <!-- Tool 7: JPG to PDF -->
                <div class="tool-card" data-tool="jpg-to-pdf">
                    <div class="card-glow"></div>
                    <div class="tool-header">
                        <div class="tool-icon">
                            <i class="fas fa-file-pdf"></i>
                        </div>
                        <div class="tool-badge">PORTABLE</div>
                    </div>
                    <h3>JPG to PDF</h3>
                    <p>Convert multiple images to a single PDF document with customizable layout</p>
                    <div class="tool-stats">
                        <div class="stat">
                            <i class="fas fa-th-large"></i>
                            <span>Multiple Layouts</span>
                        </div>
                        <div class="stat">
                            <i class="fas fa-border-all"></i>
                            <span>Custom Arrangement</span>
                        </div>
                    </div>
                    <a href="jpg-to-pdf.html" class="tool-btn">
                        <span>Create PDF</span>
                        <div class="btn-glow"></div>
                        <i class="fas fa-arrow-right"></i>
                    </a>
                </div>

                <!-- Tool 8: Excel to PDF -->
                <div class="tool-card" data-tool="excel-to-pdf">
                    <div class="card-glow"></div>
                    <div class="tool-header">
                        <div class="tool-icon">
                            <i class="fas fa-file-excel"></i>
                        </div>
                        <div class="tool-badge">DATA</div>
                    </div>
                    <h3>Excel to PDF</h3>
                    <p>Convert Excel spreadsheets to PDF while preserving formulas and formatting</p>
                    <div class="tool-stats">
                        <div class="stat">
                            <i class="fas fa-table"></i>
                            <span>Format Preserved</span>
                        </div>
                        <div class="stat">
                            <i class="fas fa-chart-bar"></i>
                            <span>Charts Included</span>
                        </div>
                    </div>
                    <a href="excel-to-pdf.html" class="tool-btn">
                        <span>Convert Now</span>
                        <div class="btn-glow"></div>
                        <i class="fas fa-arrow-right"></i>
                    </a>
                </div>

                <!-- Tool 9: Rotate PDF -->
                <div class="tool-card" data-tool="rotate-pdf">
                    <div class="card-glow"></div>
                    <div class="tool-header">
                        <div class="tool-icon">
                            <i class="fas fa-redo-alt"></i>
                        </div>
                        <div class="tool-badge">ORIENTATION</div>
                    </div>
                    <h3>Rotate PDF</h3>
                    <p>Fix PDF page orientation with precise rotation controls for each page</p>
                    <div class="tool-stats">
                        <div class="stat">
                            <i class="fas fa-undo"></i>
                            <span>90° Increments</span>
                        </div>
                        <div class="stat">
                            <i class="fas fa-mouse-pointer"></i>
                            <span>Selective Pages</span>
                        </div>
                    </div>
                    <a href="rotate-pdf.html" class="tool-btn">
                        <span>Rotate Now</span>
                        <div class="btn-glow"></div>
                        <i class="fas fa-arrow-right"></i>
                    </a>
                </div>

                <!-- Tool 10: Protect PDF -->
                <div class="tool-card" data-tool="protect-pdf">
                    <div class="card-glow"></div>
                    <div class="tool-header">
                        <div class="tool-icon">
                            <i class="fas fa-lock"></i>
                        </div>
                        <div class="tool-badge">SECURE</div>
                    </div>
                    <h3>Protect PDF</h3>
                    <p>Add password protection and encryption to secure your sensitive documents</p>
                    <div class="tool-stats">
                        <div class="stat">
                            <i class="fas fa-key"></i>
                            <span>256-bit Encryption</span>
                        </div>
                        <div class="stat">
                            <i class="fas fa-user-lock"></i>
                            <span>Permission Control</span>
                        </div>
                    </div>
                    <a href="protect-pdf.html" class="tool-btn">
                        <span>Secure Now</span>
                        <div class="btn-glow"></div>
                        <i class="fas fa-arrow-right"></i>
                    </a>
                </div>
            </div>
        </div>
    </section>

    <script>
        function scrollToTools() {
            document.getElementById('tools').scrollIntoView({ 
                behavior: 'smooth' 
            });
        }

        // Add hover effects
        document.querySelectorAll('.tool-card').forEach(card => {
            card.addEventListener('mouseenter', function() {
                this.style.transform = 'translateY(-10px) scale(1.02)';
            });
            
            card.addEventListener('mouseleave', function() {
                this.style.transform = 'translateY(0) scale(1)';
            });
        });
    </script>
</body>
</html>
