Cerberus-DevSecOps-Intelligence-Platform/framework.php at main · mjk-sudo/Cerberus-DevSecOps-Intelligence-Platform · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
<?php
// framework.php — Generic Enterprise Cybersecurity Framework Template
// Inspiration: SentinelOne & Icomat.co.uk
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Enterprise Framework · Autonomous AI Security</title>
    <!-- Modern Fonts -->
    <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;800&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="assets/css/framework.css">
</head>
<body>
    <!-- Custom Cursor -->
    <div class="cursor-dot"></div>
    <div class="cursor-outline"></div>

    <!-- Mega Menu Navbar (SentinelOne Style) -->
    <nav class="navbar">
        <a href="#" class="nav-brand">
            <svg viewBox="0 0 24 24" width="28" height="28" fill="#6366f1"><path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/></svg>
            FRAMEWORK
        </a>
        <div class="nav-links">
            <a href="#platform">Platform</a>
            <a href="#solutions">Solutions</a>
            <a href="#services">Services</a>
            <a href="#resources">Resources</a>
            <a href="#company">Company</a>
        </div>
        <div class="nav-actions">
            <a href="#" class="btn-outline">Request Demo</a>
            <!-- Point to generic login or specific system -->
            <a href="login.php" class="btn-primary">Sign In</a>
        </div>
    </nav>

    <!-- Deep Parallax Hero -->
    <section class="hero">
        <div class="hero-bg"></div>
        <div class="hero-grid"></div>
        <div class="hero-content">
            <div class="hero-chip">NEXT-GEN CYBERSECURITY</div>
            <h1>Securing the Future of Enterprise AI.</h1>
            <p>Deploy autonomous endpoint protection and cloud security with millisecond response times. Prevent breaches before they execute with behavioral AI.</p>
            <div class="hero-buttons">
                <a href="#platform" class="btn-primary">Explore Platform</a>
                <a href="login.php" class="btn-outline">Customer Portal</a>
            </div>
        </div>
    </section>

    <!-- Infinite Marquee (Trusted By) -->
    <div class="trusted-by">
        <div class="marquee">
            <span>Trusted By Fortune 500</span> • <span>Financial Sector</span> • <span>Healthcare</span> • <span>Defense Contractors</span> • <span>Global E-Commerce</span> • <span>Trusted By Fortune 500</span> • <span>Financial Sector</span> • <span>Healthcare</span> • <span>Defense Contractors</span> • <span>Global E-Commerce</span>
        </div>
    </div>

    <!-- Features Grid (Glassmorphism + Glow) -->
    <section id="platform" class="platform-section">
        <div class="section-header" style="text-align: center;">
            <h2>Singularity Platform</h2>
            <p style="color: var(--text-muted); font-size: 1.2rem; max-width: 600px; margin: 20px auto 0;">One platform to defend your entire attack surface, from endpoint to cloud.</p>
        </div>

        <div class="feature-grid">

            <div class="feature-card">
                <div class="feature-content">
                    <div class="feature-icon">
                        <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
                    </div>
                    <h3>Endpoint Protection (EPP)</h3>
                    <p>Static and behavioral AI prevents ransomware, zero-days, and fileless attacks without relying on cloud connectivity or signature updates.</p>
                </div>
                <!-- Placeholder for generated abstract AI shield image -->
                <div class="feature-media">
                    <img src="https://images.unsplash.com/photo-1550751827-4bd374c3f58b?auto=format&fit=crop&w=600&q=80" alt="Cyber Security Shield">
                </div>
            </div>

            <div class="feature-card">
                <div class="feature-content">
                    <div class="feature-icon">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>
                    </div>
                    <h3>Extended Detection (XDR)</h3>
                    <p>Automatically correlate telemetry across endpoints, cloud workloads, and identity surfaces. Remediate complex attacks across the entire ecosystem with one click.</p>
                </div>
                <!-- Placeholder for generated abstract network grid image -->
                <div class="feature-media">
                    <img src="https://images.unsplash.com/photo-1526374965328-7f61d4dc18c5?auto=format&fit=crop&w=600&q=80" alt="Network Correlation">
                </div>
            </div>

        </div>
    </section>

    <script src="assets/js/framework.js"></script>
</body>
</html>