theaioldtimer.github.io/index.html at main · TheAIOldtimer/theaioldtimer.github.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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>The AI Oldtimer</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <nav>
    <ul>
        <li>
            <a href="index.html" style="display: flex; align-items: center; text-decoration: none; color: inherit;">
                <img src="TAO-logo.jpg" alt="The AI Oldtimer Logo" style="height: 50px; margin-right: 10px;">
                <strong style="font-size: 1.2em;">The AI Oldtimer</strong>
            </a>
        </li>
    </ul>
    <ul>
        <li><a href="index.html">Home</a></li>
        <li><a href="book.html">Book</a></li>
    </ul>
</nav>

    <div class="container">
        <h2>In order to maintain the high quality of service our clients deserve, we are not actively taking on any more clients until May 1, 2025. We apologise for any inconvenience caused.</h2>

        <!-- Embedded YouTube Video -->
        <iframe width="100%" height="315" src="https://www.youtube.com/embed/fdtGNsxhc2w" frameborder="0" allowfullscreen></iframe>

        <p>However, please register your interest in the form below, and we will add you to our waiting list. If your needs are urgent, we will try and place you with one of our other companies we work with. If you are new to AI and just curious, please hit the BOOK tab above and read our latest publication for people new to the field of AI.</p>

        <h3>Register Your Interest</h3>

<!-- Contact Form with Thank You Message -->
<form id="contactForm" action="https://formspree.io/f/mvgkogkd" method="POST">
    <label for="name">Your Name:</label>
    <input type="text" id="name" name="name" required>

    <label for="company">Company:</label>
    <input type="text" id="company" name="company">

    <label for="email">Your Email:</label>
    <input type="email" id="email" name="email" required>

    <label for="message">Your Message:</label>
    <textarea id="message" name="message" rows="4"></textarea>

    <button type="submit">Register Interest</button>
</form>

<!-- Thank You Message (Hidden by Default) -->
<p id="thankYouMessage" style="display: none; color: green; font-weight: bold;">
    Thank you for registering your interest! We will get back to you as soon as possible.
</p>

<script>
document.getElementById("contactForm").addEventListener("submit", function(event) {
    event.preventDefault(); // Prevent the default form submission

    var form = this;
    var thankYouMessage = document.getElementById("thankYouMessage");

    fetch(form.action, {
        method: form.method,
        body: new FormData(form),
        headers: { 'Accept': 'application/json' }
    }).then(response => {
        if (response.ok) {
            form.style.display = "none"; // Hide the form
            thankYouMessage.style.display = "block"; // Show thank you message
        } else {
            alert("Oops! Something went wrong. Please try again.");
        }
    }).catch(error => alert("Oops! Something went wrong. Please try again."));
});
</script>
    </div>

    <footer>
        &copy; 2025 The AI Oldtimer Limited. All rights reserved.
    </footer>
</body>
</html>