RL-website/contact.php at unstable · RunlevelSystems/RL-website · 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
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="icon" type="image/png" href="/assets/images/RL-icon.png">

        <title>Runlevel Systems | Contact</title>

        <!-- CSS -->
        <link href="assets/css/coreloop.css" rel="stylesheet">

        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
          <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>
    <body>
        <?php
        // Page-specific variables
        $current_page = 'contact';
        $header_class = 'contact-header inner-header';
        $page_subtitle = 'Design • Debug • Deploy';

        // Handle form submission
        $message_sent = false;
        $error_message = '';

        if ($_POST) {
            $fname = $_POST['fname'] ?? '';
            $lname = $_POST['lname'] ?? '';
            $email = $_POST['email'] ?? '';
            $phone = $_POST['phone'] ?? '';
            $message = $_POST['message'] ?? '';

            if (!empty($fname) && !empty($email) && !empty($message)) {
                // Here you would normally send the email
                // For now, we'll just show a success message
                $message_sent = true;
            } else {
                $error_message = 'Please fill in all required fields (First Name, Email, and Message).';
            }
        }
        ?>
    <!-- Include Site Header -->
    <?php include 'includes/header.php'; ?>

    <!-- Include Navigation Header -->
    <?php include 'includes/navigation.php'; ?>

    <!-- Contact -->
        <section class="contact">
            <div class="container page-bgc">
                <div class="row">
                    <div class="boxed">
                        <div class="col-sm-12">
                            <p class="inner-p">
                                Contact Runlevel Systems for project inquiries, technical questions, or collaboration discussions.
                                You can reach us through Discord for real-time communication or send a message using the form below.
                            </p>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="boxed">
                        <!-- Email Form Section - Left Side -->
                        <div class="col-sm-6">
                            <div class="wds-card">
                                <h3 style="color: #36f3ff; margin-bottom: 20px; font-size: 28px;">Send a Message</h3>
                                <p style="color: #c7d7e8; margin-bottom: 30px; font-size: 16px; line-height: 1.6;">
                                    Tell us what you are working on or what support you need, and our team will follow up.
                                </p>
                                <p style="color: #c7d7e8; margin-bottom: 30px; font-size: 14px; line-height: 1.6;">
                                    <em>Note: This form submits to our Discord server. You can also join our server directly using the link on the right.</em>
                                </p>

                                <?php if ($message_sent): ?>
                                    <div style="background-color: rgba(54, 243, 255, 0.08); color: #eaf3ff; padding: 20px; border-radius: 8px; margin-bottom: 20px; text-align: center; border: 1px solid rgba(54, 243, 255,0.25);">
                                        <strong>Thank you!</strong> Your message has been sent successfully. We'll get back to you soon!
                                    </div>
                                <?php elseif ($error_message): ?>
                                    <div style="background-color: rgba(248, 113, 113, 0.2); color: #c7d7e8; padding: 15px; border-radius: 8px; margin-bottom: 20px; border: 2px solid #f87171;">
                                        <strong>Error:</strong> <?php echo htmlspecialchars($error_message); ?>
                                    </div>
                                <?php endif; ?>

                                <form action="contact.php" class="contact-form" id="contactForm" method="post">
                                    <div style="margin-bottom: 25px;">
                                        <label style="display: block; color: #36f3ff; margin-bottom: 8px; font-weight: bold; font-size: 16px;">Name *</label>
                                        <input type="text" name="fname" required
                                               style="width: 100%; padding: 14px; border-radius: 8px; background: #0b1630; color: #eaf3ff; font-size: 16px; border: 1px solid rgba(54,243,255,0.35);"
                                               placeholder="Your name">
                                    </div>

                                    <div style="margin-bottom: 25px;">
                                        <label style="display: block; color: #36f3ff; margin-bottom: 8px; font-weight: bold; font-size: 16px;">Discord UserID <span style="color: #9fb3c9; font-weight: normal;">(optional)</span></label>
                                        <input type="text" name="discord_id"
                                               style="width: 100%; padding: 14px; border-radius: 8px; background: #0b1630; color: #eaf3ff; font-size: 16px; border: 1px solid rgba(54,243,255,0.35);"
                                               placeholder="YourDiscordName#1234">
                                    </div>

                                    <div style="margin-bottom: 25px;">
                                        <label style="display: block; color: #36f3ff; margin-bottom: 8px; font-weight: bold; font-size: 16px;">Email *</label>
                                        <input type="email" name="email" required
                                               style="width: 100%; padding: 14px; border-radius: 8px; background: #0b1630; color: #eaf3ff; font-size: 16px; border: 1px solid rgba(54,243,255,0.35);"
                                               placeholder="your@email.com">
                                    </div>

                                    <div style="margin-bottom: 30px;">
                                        <label style="display: block; color: #36f3ff; margin-bottom: 8px; font-weight: bold; font-size: 16px;">Question / Comment *</label>
                                        <textarea name="message" rows="6" required
                                                  style="width: 100%; padding: 14px; border-radius: 8px; background: #0b1630; color: #eaf3ff; font-size: 16px; resize: vertical; border: 1px solid rgba(54,243,255,0.35);"
                                                  placeholder="Tell us about your project, question, or how we can help..."></textarea>
                                    </div>

                                    <div style="text-align: center;">
                                        <button type="submit" class="contact-submit-btn"
                                                style="background: transparent; color: #36f3ff; border: 1px solid rgba(54, 243, 255,0.25); padding: 15px 40px; font-size: 18px; font-weight: bold; border-radius: 8px; cursor: pointer; transition: all 0.3s ease;">
                                            Send Message
                                        </button>
                                    </div>
                                </form>
                                <div id="contactFormResponse"></div>
                            </div>
                        </div> <!-- /.col-sm-6 -->
                    </div>
                </div>
            </div>
        </section>

    <!-- Include Footer -->
    <?php include 'includes/footer.php'; ?>

    <!-- Custom Styles for Contact Page -->
    <style>
        .contact-submit-btn:hover,
        .discord-join-btn:hover {
            background: #36f3ff !important;
            color: #08111f !important;
            text-decoration: none !important;
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(54, 243, 255, 0.35);
        }
    </style>

    <!-- Scripts -->
        <script src="assets/js/jquery-1.12.3.min.js"></script>
        <script src="assets/js/bootstrap.min.js"></script>
        <script src="assets/js/jquery.magnific-popup.min.js"></script>
        <script src="assets/js/owl.carousel.min.js"></script>
        <script src="assets/js/script.js"></script>

        <!-- Widgetbot HTML Embed Script -->
        <script src="https://cdn.jsdelivr.net/npm/@widgetbot/html-embed"></script>

    </body>
</html>