Spaces:

trippykat
/

milestone2

Running

App Files Files Community

trippykat commited on Jul 15

Commit

0bcb9fa

verified ·

1 Parent(s): af9cb58

undefined - Follow Up Deployment

Browse files

Files changed (1) hide show

index.html +116 -130

index.html CHANGED Viewed

@@ -221,88 +221,32 @@
       overflow-x: auto;
     }
-<head>
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Milestone Testimonials</title>
-  <script src="https://cdn.tailwindcss.com"></script>
-  <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;800&display=swap" rel="stylesheet" />
-  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet" />
-  <style>
-    body {
       font-family: 'Raleway', sans-serif;
     }
-    .snip1197 {
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      display: flex;
-      background: #fff;
-      border-radius: 0.5rem;
-      overflow: hidden;
-      opacity: 0;
-      transition: opacity 0.5s ease;
-    }
-    .snip1197.opacity-on {
-      opacity: 1;
-      z-index: 10;
-    }
-    .snip1197 figcaption {
-      width: 60%;
-      padding: 2rem;
       position: relative;
     }
-    .snip1197 blockquote {
       font-style: italic;
-      font-size: 1rem;
-      line-height: 1.6;
-      position: relative;
-    }
-    .snip1197 blockquote::before {
-      content: "\201C";
-      font-family: serif;
-      font-size: 3rem;
-      opacity: 0.2;
-      position: absolute;
-      left: -1rem;
-      top: -1rem;
     }
-    .snip1197 .arrow {
-      position: absolute;
-      top: 2rem;
-      left: 100%;
-      width: 0;
-      height: 0;
-      border-left: 0 solid transparent;
-      border-right: 25px solid transparent;
-      border-top: 25px solid #ffffff;
-    }
-    .snip1197 img {
-      width: 40%;
       object-fit: cover;
     }
-    .snip1197 .author {
-      position: absolute;
-      bottom: 0;
-      left: 0;
-      background-color: #319795;
-      color: white;
-      padding: 0.75rem 1.25rem;
-      font-weight: 700;
-      font-size: 0.875rem;
-      width: 60%;
-      border-top-right-radius: 0.5rem;
-    }
     .carousel-container {
       position: relative;
       overflow: hidden;
@@ -945,55 +889,122 @@ document.addEventListener('DOMContentLoaded', () => {
                 <a href="#apply" class="bg-teal-600 hover:bg-teal-500 text-white font-bold py-3 px-8 rounded-lg transition transform hover:scale-105 shadow-lg inline-block hover:shadow-xl">FIND OUT IF YOUR CASE IS ELIGIBLE</a>
             </div>
         </div>
-    </section>
-        <section id="testimonials" class="py-16 bg-gray-100">
-        <div class="carousel-container max-w-3xl mx-auto relative">
-      <!-- Carousel Items -->
-      <figure class="snip1197 carousel-item">
-        <figcaption>
-          <blockquote>
             "They didn't just fund my case—they respected my dignity. No hidden fees, no surprises."
           </blockquote>
-          <div class="arrow"></div>
-        </figcaption>
-        <img src="https://milestone.vovov.cc/images/marcus.png" alt="Marcus and family" />
-        <div class="author">Marcus – Civil Rights Plaintiff</div>
-      </figure>
-      <figure class="snip1197 carousel-item">
-        <figcaption>
-          <blockquote>
             "I recommend Milestone to all my clients. Finally, an ethical option that puts plaintiffs first."
           </blockquote>
-          <div class="arrow"></div>
-        </figcaption>
-        <img src="https://milestone.vovov.cc/images/sarah.png" alt="Sarah Chen" />
-        <div class="author">Sarah Chen, Esq. – Personal Injury Attorney</div>
-      </figure>
-      <figure class="snip1197 carousel-item">
-        <figcaption>
-          <blockquote>
             "The difference in rates is staggering. Milestone saves my clients thousands in interest."
           </blockquote>
-          <div class="arrow"></div>
-        </figcaption>
-        <img src="https://milestone.vovov.cc/images/robert.png" alt="Robert Martinez" />
-        <div class="author">Robert Martinez, Esq. – Employment Law</div>
-      </figure>
-      <!-- Navigation Arrows -->
-      <div id="prev" class="carousel-controls left-0">‹</div>
-      <div id="next" class="carousel-controls right-0">›</div>
     </div>
   </div>
 </section>
 <section class="py-16 bg-gray-800">
   <div class="container mx-auto px-4">
     <div class="text-center mb-12">
       <h2 class="text-3xl md:text-4xl font-bold text-white mb-4">Getting Help Shouldn't Be Hard.</h2>
     </div>
@@ -1353,31 +1364,6 @@ document.addEventListener('DOMContentLoaded', () => {
-<script>
-  document.addEventListener('DOMContentLoaded', () => {
-    const slides = document.querySelectorAll('.carousel-item');
-    let current = 0;
-    function showSlide(i) {
-      slides.forEach((el, idx) => {
-        el.classList.toggle('opacity-on', idx === i);
-        el.style.zIndex = idx === i ? 1 : 0;
-      });
-    }
-    document.getElementById('next').addEventListener('click', () => {
-      current = (current + 1) % slides.length;
-      showSlide(current);
-    });
-    document.getElementById('prev').addEventListener('click', () => {
-      current = (current - 1 + slides.length) % slides.length;
-      showSlide(current);
-    });
-    showSlide(current); // Show first on load
-  });
-</script>
 <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=trippykat/milestone2" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>

       overflow-x: auto;
     }
+    .author-banner {
       font-family: 'Raleway', sans-serif;
+      box-sizing: border-box;
     }
+    figure.snip1197 {
       position: relative;
+      background-color: white;
+      box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
+      overflow: hidden;
+      border-radius: 0.75rem; /* Matches Tailwind rounded-xl */
     }
+    figure.snip1197 blockquote {
       font-style: italic;
+      margin: 0;
+      padding: 0;
+      text-align: center;
     }
+    figure.snip1197 img,
+    figure.snip1197 iframe {
+      border-bottom-right-radius: 0.75rem;
       object-fit: cover;
     }
     .carousel-container {
       position: relative;
       overflow: hidden;
                 <a href="#apply" class="bg-teal-600 hover:bg-teal-500 text-white font-bold py-3 px-8 rounded-lg transition transform hover:scale-105 shadow-lg inline-block hover:shadow-xl">FIND OUT IF YOUR CASE IS ELIGIBLE</a>
             </div>
         </div>
+<section class="py-20 bg-gradient-to-b from-white via-[#d4f1ee] to-[#c4e6e2]">
+  <div class="container mx-auto px-4 text-center">
+    <h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-4">Real People. Real Relief.</h2>
+    <p class="text-lg text-gray-700 mb-10">Stories from the clients and attorneys who trusted us.</p>
+    <div class="columns-1 sm:columns-2 lg:columns-3 gap-6 space-y-6">
+      <!-- Rick Astley (video) -->
+      <div class="break-inside-avoid bg-white rounded-xl shadow-md overflow-hidden">
+        <div class="aspect-square">
+          <iframe
+            src="https://www.youtube.com/embed/dQw4w9WgXcQ?rel=0"
+            title="Rick Astley - Never Gonna Give You Up"
+            class="w-full h-full object-cover"
+            frameborder="0"
+            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+            allowfullscreen></iframe>
+        </div>
+        <div class="p-4 text-left">
+          <blockquote class="italic text-gray-700 text-base mb-2">
+            "Never gonna give you up, never gonna let you down..."
+          </blockquote>
+          <p class="font-bold text-teal-600">Rick Astley<br>
+            <span class="text-sm text-gray-500">Internet Legend</span>
+          </p>
+        </div>
+      </div>
+      <!-- Marcus -->
+      <div class="break-inside-avoid bg-white rounded-xl shadow-md overflow-hidden">
+        <div class="aspect-square">
+          <img src="https://milestone.vovov.cc/images/marcus.png" alt="Marcus" class="w-full h-full object-cover" />
+        </div>
+        <div class="p-4 text-left">
+          <blockquote class="italic text-gray-700 text-base mb-2">
             "They didn't just fund my case—they respected my dignity. No hidden fees, no surprises."
           </blockquote>
+          <p class="font-bold text-teal-600">Marcus<br>
+            <span class="text-sm text-gray-500">Civil Rights Plaintiff</span>
+          </p>
+        </div>
+      </div>
+      <!-- Sarah -->
+      <div class="break-inside-avoid bg-white rounded-xl shadow-md overflow-hidden">
+        <div class="aspect-square">
+          <img src="https://milestone.vovov.cc/images/sarah.png" alt="Sarah Chen" class="w-full h-full object-cover" />
+        </div>
+        <div class="p-4 text-left">
+          <blockquote class="italic text-gray-700 text-base mb-2">
             "I recommend Milestone to all my clients. Finally, an ethical option that puts plaintiffs first."
           </blockquote>
+          <p class="font-bold text-teal-600">Sarah Chen, Esq.<br>
+            <span class="text-sm text-gray-500">Personal Injury Attorney</span>
+          </p>
+        </div>
+      </div>
+      <!-- Robert -->
+      <div class="break-inside-avoid bg-white rounded-xl shadow-md overflow-hidden">
+        <div class="aspect-square">
+          <img src="https://milestone.vovov.cc/images/robert.png" alt="Robert Martinez" class="w-full h-full object-cover" />
+        </div>
+        <div class="p-4 text-left">
+          <blockquote class="italic text-gray-700 text-base mb-2">
             "The difference in rates is staggering. Milestone saves my clients thousands in interest."
           </blockquote>
+          <p class="font-bold text-teal-600">Robert Martinez, Esq.<br>
+            <span class="text-sm text-gray-500">Employment Law</span>
+          </p>
+        </div>
+      </div>
+      <!-- Denise -->
+      <div class="break-inside-avoid bg-white rounded-xl shadow-md overflow-hidden">
+        <div class="aspect-square">
+          <img src="https://milestone.vovov.cc/images/denise.png" alt="Denise Rivera" class="w-full h-full object-cover" />
+        </div>
+        <div class="p-4 text-left">
+          <blockquote class="italic text-gray-700 text-base mb-2">
+            "After the hospital denied responsibility for months, I was drained—emotionally and financially. Milestone’s funding let me stay in the fight and gave me my power back."
+          </blockquote>
+          <p class="font-bold text-teal-600">Denise Rivera<br>
+            <span class="text-sm text-gray-500">Medical Malpractice Plaintiff</span>
+          </p>
+        </div>
+      </div>
+      <!-- Jordan -->
+      <div class="break-inside-avoid bg-white rounded-xl shadow-md overflow-hidden">
+        <div class="aspect-square">
+          <img src="https://milestone.vovov.cc/images/Jordan.png" alt="Jordan Liu" class="w-full h-full object-cover" />
+        </div>
+        <div class="p-4 text-left">
+          <blockquote class="italic text-gray-700 text-base mb-2">
+            "Clients trust me to protect them, and I trust Milestone to do the same. Their transparency and ethics set them apart from every other funder I’ve dealt with."
+          </blockquote>
+          <p class="font-bold text-teal-600">Jordan Low, Esq.<br>
+            <span class="text-sm text-gray-500">Civil Rights Attorney</span>
+          </p>
+        </div>
+      </div>
     </div>
   </div>
 </section>
 <section class="py-16 bg-gray-800">
   <div class="container mx-auto px-4">
     <div class="text-center mb-12">
       <h2 class="text-3xl md:text-4xl font-bold text-white mb-4">Getting Help Shouldn't Be Hard.</h2>
+      <p class="text-lg text-gray-300 max-w-2xl mx-auto mt-2">
+  From your first click to funds in your account — we’ve made the process fast, fair, and stress-free.
+</p>
     </div>
 <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=trippykat/milestone2" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>