multikernel.io/contact.html at main · multikernel/multikernel.io · 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
---
layout: default
title: "Contact - Multikernel Technologies, Inc."
permalink: /contact.html
---

<main>
    <!-- Hero Section -->
    <section class="hero">
        <div class="hero-container">
            <h1>Contact Us</h1>
            <p class="subtitle">We'd love to hear from you. Reach out with questions, feedback, or partnership inquiries about multikernel technology.</p>
        </div>
    </section>

    <!-- Contact Section -->
    <section class="content-page">
        <div class="content-container">
            <div class="content-card">
                <div class="section-header">
                    <h2 class="section-title">Send Us a Message</h2>
                    <p class="section-subtitle">Get in touch with our team to discuss your multikernel needs.</p>
                </div>
                <form id="contactForm" action="#" method="POST">
                    <div class="form-group">
                        <label for="name">Name</label>
                        <input type="text" id="name" name="name" required>
                    </div>
                    <div class="form-group">
                        <label for="email">Email</label>
                        <input type="email" id="email" name="email" required>
                    </div>
                    <div class="form-group">
                        <label for="subject">Subject</label>
                        <input type="text" id="subject" name="subject" required>
                    </div>
                    <div class="form-group">
                        <label for="message">Message</label>
                        <textarea id="message" name="message" rows="5" required></textarea>
                    </div>
                    <button type="submit" class="btn btn-primary">
                        <i data-lucide="send"></i>
                        Send Message
                    </button>
                </form>
            </div>

            <div class="content-card">
                <div class="section-header">
                    <h2 class="section-title">Other Ways to Connect</h2>
                    <p class="section-subtitle">Choose the method that works best for you.</p>
                </div>

                <div class="features-grid">
                    <div class="feature-card">
                        <div class="feature-icon">
                            <i data-lucide="mail"></i>
                        </div>
                        <h3 class="feature-title">Email</h3>
                        <p class="feature-description">
                            <a href="mailto:contact@multikernel.io">contact@multikernel.io</a>
                        </p>
                    </div>

                    <div class="feature-card">
                        <div class="feature-icon">
                            <i data-lucide="map-pin"></i>
                        </div>
                        <h3 class="feature-title">Office</h3>
                        <p class="feature-description">
                            99 S Almaden Blvd, Suite 600<br>
                            San Jose, CA 95113
                        </p>
                    </div>

                    <div class="feature-card">
                        <div class="feature-icon">
                            <i data-lucide="github"></i>
                        </div>
                        <h3 class="feature-title">Open Source</h3>
                        <p class="feature-description">
                            <a href="https://github.com/multikernel" target="_blank">GitHub Repository</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </section>
</main>

<!-- EmailJS SDK -->
<script src="https://cdn.jsdelivr.net/npm/@emailjs/browser@3/dist/email.min.js"></script>

<script>
    document.addEventListener('DOMContentLoaded', function() {
        // Initialize EmailJS with your public key
        emailjs.init('NZr6o_XV6LUf2f2ht');

        // Form handling with EmailJS
        const contactForm = document.getElementById('contactForm');
        const submitBtn = contactForm ? contactForm.querySelector('button[type="submit"]') : null;

        if (contactForm) {
            contactForm.addEventListener('submit', function(e) {
                e.preventDefault();

                submitBtn.disabled = true;
                submitBtn.textContent = 'Sending...';

                const templateParams = {
                    from_name: document.getElementById('name').value,
                    from_email: document.getElementById('email').value,
                    subject: document.getElementById('subject').value,
                    message: document.getElementById('message').value,
                    to_email: 'contact@multikernel.io'
                };

                emailjs.send('service_tcj7ad5', 'template_gb6e5gj', templateParams)
                    .then(function(response) {
                        alert('Thank you for your message! We will get back to you soon.');
                        contactForm.reset();
                    }, function(error) {
                        alert('Sorry, there was an error sending your message. Please try again later or email us directly at contact@multikernel.io');
                    })
                    .finally(function() {
                        submitBtn.disabled = false;
                        submitBtn.textContent = 'Send Message';
                    });
            });
        }
    });
</script>