<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css">
  <title>Immersive Training</title>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

</head>

<body>

  <!-- Navbar -->
  <nav class="navbar navbar-expand-lg navbar-light bg-light">
    <div class="container">
      <a class="navbar-brand" href="#">Immersive Training</a>
    </div>
  </nav>

  <!-- Hero Section -->
  <header class="bg-primary text-white text-center py-5">
    <h1 class="display-4">Acquire Operational Know-How</h1>
    <p class="lead">Join our immersive training program and become proficient in your field.</p>
    <a href="#contact" class="btn btn-light btn-lg">Contact Us</a>
  </header>
  <section id="bootcamp-offer" class="py-5">
    <div class="container">
      <h2 class="text-center mb-5">Entrepreneur Bootcamp: Launch Your Business with AI Tools</h2>
      <p><strong>Target:</strong> Higher level of education comfortable with office tools, having an entrepreneurial
        project.</p>
      <p>An assessment questionnaire is required to select a maximum of 6 candidates.</p>
      <p><strong>Objective of the 5 days:</strong> Be ready to launch your business with digital tools and start
        independently with minimal expenses.</p>

      <ul class="nav nav-pills mb-4" id="bootcamp-tabs" role="tablist">
        <li class="nav-item" role="presentation">
          <button class="nav-link active" id="monday-tab" data-bs-toggle="pill" data-bs-target="#monday" type="button"
            role="tab" aria-controls="monday" aria-selected="true">Monday</button>
        </li>
        <li class="nav-item" role="presentation">
          <button class="nav-link" id="tuesday-tab" data-bs-toggle="pill" data-bs-target="#tuesday" type="button"
            role="tab" aria-controls="tuesday" aria-selected="false">Tuesday</button>
        </li>
        <li class="nav-item" role="presentation">
          <button class="nav-link" id="wednesday-tab" data-bs-toggle="pill" data-bs-target="#wednesday" type="button"
            role="tab" aria-controls="wednesday" aria-selected="false">Wednesday</button>
        </li>
        <li class="nav-item" role="presentation">
          <button class="nav-link" id="thursday-tab" data-bs-toggle="pill" data-bs-target="#thursday" type="button"
            role="tab" aria-controls="thursday" aria-selected="false">Thursday</button>
        </li>
        <li class="nav-item" role="presentation">
          <button class="nav-link" id="friday-tab" data-bs-toggle="pill" data-bs-target="#friday" type="button"
            role="tab" aria-controls="friday" aria-selected="false">Friday</button>
        </li>
      </ul>

      <div class="tab-content" id="bootcamp-content">
        <div class="tab-pane fade show active" id="monday" role="tabpanel" aria-labelledby="monday-tab">
          <h4>Monday</h4>
          <ul>
            <li>10 min Pitch of each project.</li>
            <li>Business plan challenge method and introduction to chatgpt.</li>
            <li>Evaluate your business model with chatgpt and refine your pitch.</li>
            <li>Google search techniques to stay updated and find relevant information.</li>
            <li>Create your graphic charter for email tools, brochures, business cards, and website (domain name, logo,
              color code, fonts).</li>
          </ul>
        </div>

        <div class="tab-pane fade" id="tuesday" role="tabpanel" aria-labelledby="tuesday-tab">
          <h4>Tuesday</h4>
          <ul>
            <li>Register your domain name, create and host your web page adapted to your business model.</li>
            <li>Learn how to update and manage your web page for effective SEO.</li>
            <li>Use AI to optimize SEO and generate your pitches.</li>
            <li>Use AI to generate visually appealing content.</li>
          </ul>
        </div>

        <div class="tab-pane fade" id="wednesday" role="tabpanel" aria-labelledby="wednesday-tab">
          <h4>Wednesday</h4>
          <ul>
            <li>Tips & tricks to easily animate your pages and make your one-page website come alive (add a contact
              form, etc.).</li>
            <li>Install visitor tracking tools to understand your visitors' expectations.</li>
            <li>Open an email box with your domain name, use a CRM to launch your prospecting.</li>
            <li>Build your contact database, automate your emails, and create customizable sales emails with AI.</li>
          </ul>
        </div>

        <div class="tab-pane fade" id="thursday" role="tabpanel" aria-labelledby="thursday-tab">
          <h4>Thursday</h4>
          <ul>
            <li>Explore social networks adapted to the group (Google My Business, LinkedIn, Facebook, YouTube, TikTok,
              etc.).</li>
            <li>Create accounts, prepare post charters, and automate marketing campaigns (network, email, SMS) with AI.
            </li>
          </ul>
        </div>

        <div class="tab-pane fade" id="friday" role="tabpanel" aria-labelledby="friday-tab">
          <h4>Friday</h4>
          <ul>
            <li>New pitch from each participant.</li>
            <li>Deepening according to the expectations of the group.</li>
          </ul>
        </div>
      </div>
    </div>
  </section>
  <!-- Contact Section -->
  <section id="contact" class="py-5">
    <div class="container">
      <h2 class="text-center mb-5">Contact Us</h2>
      <form>
        <div class="mb-3">
          <label for="name" class="form-label">Name</label>
          <input type="text" class="form-control" id="name" required>
        </div>
        <div class="mb-3">
          <label for="email" class="form-label">Email</label>
          <input type="email" class="form-control" id="email" required>
        </div>
        <div class="mb-3">
          <label for="message" class="form-label">Message</label>
          <textarea class="form-control" id="message" rows="5" required></textarea>
        </div>
        <button type="submit" class="btn btn-primary">Submit</button>
      </form>
    </div>
  </section>

  <!-- Booking and Payment Section -->
  <section class="bg-light py-5">
    <div class="container">
      <h2 class="text-center mb-5">Book Your Spot</h2>
      <div class="row">
        <div class="col-md-6">
          <h3>Training Details</h3>
          <p>Location: Troo 41800, 30 minutes from Vendome</p>
          <p>Date: [Insert Training Date]</p>
          <p>Price: €1500 (€1250 in Bitcoin)</p>
        </div>
        <div class="col-md-6">
          <h3>Payment</h3>
          <!-- Add Stripe integration code here -->
          <button class="btn btn-primary">Pay with Stripe</button>
        </div>
      </div>
    </div>
  </section>

  <!-- Footer -->
  <footer class="bg-dark text-white text-center py-3">
    <p>&copy; 2023 Immersive Training. All rights reserved.</p>
  </footer>

  <script src="https://js.stripe.com/v3/"></script> <!-- Stripe JS library -->
</body>

</html>