src/app/reviews/reviews.css

@@ -0,0 +1,26 @@
+.review {
+    margin-bottom: 24px;
+    background-color: var(--color-secondary);
+    border-radius: 12px;
+    padding: 24px;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+    transition: transform 0.2s ease, box-shadow 0.2s ease;
+}
+
+.review:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+}
+
+.review-text {
+    margin-bottom: 16px;
+    line-height: 1.6;
+    color: var(--color-primary);
+}
+
+.review-author {
+    font-weight: bold;
+    text-align: right;
+    color: var(--color-accent);
+    font-style: italic;
+}

src/app/reviews/reviews.html

@@ -1 +1,26 @@
-<p>reviews works!</p>
+<h1 class="text-4xl font-bold">CLIENT TESTIMONIALS</h1>
+<p>Here's what people are whispering about NHCarrigan...</p>
+<div class="review">
+  <p class="review-text">
+    I don't know how they did it. Our entire database was held for ransom, and our lead engineer was
+    crying under his desk. I called NHCarrigan at 2:00 AM. By 3:00 AM, the ransom was gone, the
+    hackers were... 'dealt with,' and their COO had reorganized our entire filing system. I’m
+    terrified of them. I’m never hiring anyone else.
+  </p>
+  <p class="review-author">Marcus V., CEO of AeroTech Solutions</p>
+</div>
+<div class="review">
+  <p class="review-text">
+    My family has used the Carrigan services for... quite a long time. My great-grandfather spoke
+    highly of the founder. It is comforting to know that in a changing world, some standards of
+    excellence—and some faces—never truly change.
+  </p>
+  <p class="review-author">Lady Alistair, Philanthropist</p>
+</div>
+<div class="review">
+  <p class="review-text">
+    I tried to walk into their office without an appointment. A woman in an evening gown looked at
+    me, and I suddenly remembered I had urgent business in another country. 10/10 security.
+  </p>
+  <p class="review-author">Anonymous Courier</p>
+</div>