Update index.html

index.html

@@ -128,7 +128,52 @@
 
     <!-- Main content -->
     <div class="main-content">
-        <!-- Main content content -->
+        <div class="container-fluid">
+  <!-- Carousel Preview -->
+  <div id="carouselExampleSlidesOnly" class="carousel slide" data-bs-ride="carousel">
+    <div class="carousel-inner">
+      <div class="carousel-item active">
+        <!-- Image Generation Model Preview -->
+        <img src="image_generation_preview.jpg" class="d-block w-100" alt="Image Generation Model Preview">
+      </div>
+      <div class="carousel-item">
+        <!-- Text Generation Model Preview -->
+        <img src="text_generation_preview.jpg" class="d-block w-100" alt="Text Generation Model Preview">
+      </div>
+      <div class="carousel-item">
+        <!-- Code Generation Model Preview -->
+        <img src="code_generation_preview.jpg" class="d-block w-100" alt="Code Generation Model Preview">
+      </div>
+    </div>
+  </div>
+
+  <!-- Jumbotron Display -->
+  <div class="jumbotron">
+    <div class="row">
+      <div class="col-md-8">
+        <!-- Textarea Inputs and File Upload -->
+        <textarea class="form-control" rows="5"></textarea>
+        <input type="file" class="form-control-file mt-3">
+        <button type="submit" class="btn btn-primary mt-3">Submit</button>
+      </div>
+      <div class="col-md-4">
+        <!-- Sign-up/Sign-in Options -->
+        <input type="text" class="form-control mb-2" placeholder="Username">
+        <input type="password" class="form-control mb-2" placeholder="Password">
+        <button type="button" class="btn btn-primary btn-block mb-2">Sign Up</button>
+        <button type="button" class="btn btn-secondary btn-block">Sign In</button>
+
+        <!-- Sliders and Input Boxes for Model Settings -->
+        <input type="range" class="form-range mt-3" min="0.01" max="1.0" step="0.01" value="0.5">
+        <input type="text" class="form-control mt-3" placeholder="Temperature">
+        <input type="range" class="form-range mt-3" min="0.01" max="1.0" step="0.01" value="0.5">
+        <input type="text" class="form-control mt-3" placeholder="Top P">
+        <!-- Add more sliders and input boxes for other model settings -->
+      </div>
+    </div>
+  </div>
+</div>
+<!-- Main content content -->
     </div>
 
     <!-- Footer -->