Wobot CS finished

wobot.html

@@ -64,8 +64,20 @@ <h3>Key Insights</h3>
        <h2>Ideation and Strategy</h2>
           <h3>Brainstorming and Ideation</h3>
             <p>After encountering the phrase 'Girls who code write their future,' which aims to encourage young girls into tech, I adapted it to 'Women who code write their future' to emphasize that it's never too late to enter the field, especially as technology becomes increasingly crucial across all industries.</p>
-          <h3>Information Architecture</h3>
+          <h3>Database Schema & Flows</h3>
           <p>Recognizing the complexity of the database schema and MVC architecture, I prioritized simplifying the user experience by designing a streamlined, single-user flow that eliminates authentication barriers.</p>
+             <!-- image-gallery -->
+   <div class="case-study-gallery">
+    <div class="gallery-container">
+      <div class="gallery-item">
+        <img src="https://res.cloudinary.com/diwuyv3c8/image/upload/v1736028119/wobot-db_h0e6vl.jpg" alt="Case Study 1">
+      </div>
+
+    </div>
+
+  </div>
+  <!-- Enf ofimage-gallery -->
+
    <!-- image-gallery -->
    <div class="case-study-gallery">
     <div class="gallery-container">
@@ -136,6 +148,30 @@ <h3>Feedback Collection</h3>
             <p>Google Analytics will be implemented to gather initial user behavior data, complemented by planned post-purchase satisfaction surveys to collect direct customer feedback.</p>
         <h2>Final Solution</h2>
           <h3>Key Screens and Flows</h3>
+
+                          <!-- image-gallery -->
+<div class="case-study-gallery">
+  <div class="gallery-container">
+    <div class="gallery-item">
+      <img src="https://res.cloudinary.com/diwuyv3c8/image/upload/v1736029263/wobot-01_r8fnxc.png" alt="Case Study 1">
+    </div>
+    <div class="gallery-item">
+      <img src="https://res.cloudinary.com/diwuyv3c8/image/upload/v1736029263/wobot-02_hu0lse.png" alt="Case Study 2">
+    </div>
+    <div class="gallery-item">
+      <img src="https://res.cloudinary.com/diwuyv3c8/image/upload/v1736029263/wobot-03_n0vgkx.png" alt="Case Study 2">
+    </div>
+
+  </div>
+    <!-- Add this div for the dots -->
+      <div class="scroll-dots">
+        <div class="dot active"></div>
+        <div class="dot"></div>
+        <div class="dot"></div>
+        <!-- Add as many dots as you have images -->
+      </div>
+  </div>
+   <!-- Enf og mage-gallery -->
           <h3>Features and Functionality</h3>
             <p>While the core functionality centers on purchasing the unique statement sweatshirt, the site features a distinctive AI chatbot integration that sets it apart. Connected to OpenAI, the chatbot engages users by responding to questions about technology and the future with playful, whimsical answers. This interactive element transforms the e-commerce experience into something more artistic and memorable, helping to lighten the often serious discourse around women in tech.</p>
         <h2>Outcome and Impact</h2>