diff --git a/package-lock.json b/package-lock.json
index becc5065..65156153 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -65,6 +65,7 @@
         "react-router": "^5.2.0",
         "react-router-dom": "^5.2.0",
         "react-select": "^3.1.0",
+        "react-slick": "^0.31.0",
         "react-stepper-horizontal": "^1.0.11",
         "react-switch": "^5.0.1",
         "react-test-renderer": "^18.0.0",
@@ -73,9 +74,10 @@
         "rollup-plugin-polyfill-node": "^0.13.0",
         "sass-embedded": "^1.89.2",
         "serve": "^14.2.4",
+        "slick-carousel": "^1.8.1",
         "typescript": "^4.6.3",
         "valid-url": "^1.0.9",
-        "vite": "^6.2.3",
+        "vite": "^6.3.6",
         "vitest": "^3.2.2"
       },
       "devDependencies": {
@@ -13924,6 +13926,12 @@
       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
       "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
     },
+    "node_modules/lodash.debounce": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
+      "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==",
+      "license": "MIT"
+    },
     "node_modules/lodash.escape": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/lodash.escape/-/lodash.escape-4.0.1.tgz",
@@ -19311,6 +19319,22 @@
         "react": "^0.13.0 || ^0.14.0 || ^15.0.0 || ^16.0.0"
       }
     },
+    "node_modules/react-slick": {
+      "version": "0.31.0",
+      "resolved": "https://registry.npmjs.org/react-slick/-/react-slick-0.31.0.tgz",
+      "integrity": "sha512-zo6VLT8wuSBJffg/TFPbzrw2dEnfZ/cUKmYsKByh3AgatRv29m2LoFbq5vRMa3R3A4wp4d8gwbJKO2fWZFaI3g==",
+      "license": "MIT",
+      "dependencies": {
+        "classnames": "^2.2.5",
+        "json2mq": "^0.2.0",
+        "lodash.debounce": "^4.0.8",
+        "resize-observer-polyfill": "^1.5.0"
+      },
+      "peerDependencies": {
+        "react": "^0.14.0 || ^15.0.1 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^0.14.0 || ^15.0.1 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
     "node_modules/react-stepper-horizontal": {
       "version": "1.0.11",
       "resolved": "https://registry.npmjs.org/react-stepper-horizontal/-/react-stepper-horizontal-1.0.11.tgz",
@@ -21319,6 +21343,15 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/slick-carousel": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/slick-carousel/-/slick-carousel-1.8.1.tgz",
+      "integrity": "sha512-XB9Ftrf2EEKfzoQXt3Nitrt/IPbT+f1fgqBdoxO3W/+JYvtEOW6EgxnWfr9GH6nmULv7Y2tPmEX3koxThVmebA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "jquery": ">=1.8.0"
+      }
+    },
     "node_modules/snapdragon": {
       "version": "0.8.2",
       "resolved": "https://registry.npmjs.org/snapdragon/-/snapdragon-0.8.2.tgz",
@@ -24550,13 +24583,17 @@
       }
     },
     "node_modules/vite": {
-      "version": "6.2.3",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-6.2.3.tgz",
-      "integrity": "sha512-IzwM54g4y9JA/xAeBPNaDXiBF8Jsgl3VBQ2YQ/wOY6fyW3xMdSoltIV3Bo59DErdqdE6RxUfv8W69DvUorE4Eg==",
+      "version": "6.3.6",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-6.3.6.tgz",
+      "integrity": "sha512-0msEVHJEScQbhkbVTb/4iHZdJ6SXp/AvxL2sjwYQFfBqleHtnCqv1J3sa9zbWz/6kW1m9Tfzn92vW+kZ1WV6QA==",
+      "license": "MIT",
       "dependencies": {
         "esbuild": "^0.25.0",
+        "fdir": "^6.4.4",
+        "picomatch": "^4.0.2",
         "postcss": "^8.5.3",
-        "rollup": "^4.30.1"
+        "rollup": "^4.34.9",
+        "tinyglobby": "^0.2.13"
       },
       "bin": {
         "vite": "bin/vite.js"
@@ -24641,6 +24678,18 @@
         "url": "https://opencollective.com/vitest"
       }
     },
+    "node_modules/vite/node_modules/picomatch": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
+      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
     "node_modules/vitest": {
       "version": "3.2.2",
       "resolved": "https://registry.npmjs.org/vitest/-/vitest-3.2.2.tgz",
diff --git a/package.json b/package.json
index da6bffa7..f7c57a84 100644
--- a/package.json
+++ b/package.json
@@ -63,6 +63,7 @@
     "react-router": "^5.2.0",
     "react-router-dom": "^5.2.0",
     "react-select": "^3.1.0",
+    "react-slick": "^0.31.0",
     "react-stepper-horizontal": "^1.0.11",
     "react-switch": "^5.0.1",
     "react-test-renderer": "^18.0.0",
@@ -71,9 +72,10 @@
     "rollup-plugin-polyfill-node": "^0.13.0",
     "sass-embedded": "^1.89.2",
     "serve": "^14.2.4",
+    "slick-carousel": "^1.8.1",
     "typescript": "^4.6.3",
     "valid-url": "^1.0.9",
-    "vite": "^6.2.3",
+    "vite": "^6.3.6",
     "vitest": "^3.2.2"
   },
   "devDependencies": {
diff --git a/src/components/Home/EnsuringSecurity.tsx b/src/components/Home/EnsuringSecurity.tsx
deleted file mode 100644
index 7891af7b..00000000
--- a/src/components/Home/EnsuringSecurity.tsx
+++ /dev/null
@@ -1,121 +0,0 @@
-import classNames from 'classnames';
-import React from 'react';
-import { defineMessages, useIntl } from 'react-intl';
-
-import BaseCard, {
-  CardImageLoc,
-  CardSize,
-} from '../../components/BaseComponents/BaseCard';
-import tinkPNG from '../../static/images/homePage/googletink.png';
-import mozillaPNG from '../../static/images/homePage/mozilla_observatory.png';
-
-const EnsuringSecurityMessages = defineMessages({
-  header: {
-    id: 'home.security.header',
-    defaultMessage: 'Ensuring Security',
-  },
-  card1Header: {
-    id: 'home.security.step-1-header',
-    defaultMessage: 'Completely Secure',
-  },
-  card1Detail: {
-    id: 'home.security.step-1-detail',
-    defaultMessage: `Team Keep members are certified and follow "national standards for 
-      electronic health care transactions and code sets, 
-      unique health identifiers, and security."`,
-  },
-  card2Header: {
-    id: 'home.security.step-2-header',
-    defaultMessage: 'Always Encryped',
-  },
-  card2Detail: {
-    id: 'home.security.step-2-detail',
-    defaultMessage: `We use state-of-the-art security practices and 
-    libraries used by industry leaders, such as Google. 
-    Your documents are cryptographically signed and encrypted to increase client security.`,
-  },
-  card3Header: {
-    id: 'home.security.step-3-header',
-    defaultMessage: 'Secure in the Cloud',
-  },
-  card3Detail: {
-    id: 'home.security.step-3-detail',
-    defaultMessage: `Our application has been validated against internet vulnerabilities 
-    by Mozilla Observatory. We hold ourselves to the highest web industry standards.`,
-  },
-  buttonLearnMore: {
-    id: 'home.security.step-5-header',
-    defaultMessage: 'Learn More',
-  },
-});
-
-function EnsuringSecurity() {
-  const intl = useIntl();
-  return (
-    <div className="py-5">
-      <div className="w-100 partial-background">
-        <div className="container">
-          <h1 className="text-white pt-4 pb-4">
-            {intl.formatMessage(EnsuringSecurityMessages.header)}
-          </h1>
-        </div>
-      </div>
-      <div className="container my-5">
-        <div className="row">
-          <div className="col-md-6">
-            <BaseCard
-              cardSize={CardSize.MEDIUM_VERTICAL}
-              cardTitle={intl.formatMessage(
-                EnsuringSecurityMessages.card2Header,
-              )}
-              cardText={intl.formatMessage(
-                EnsuringSecurityMessages.card2Detail,
-              )}
-              imageSrc={tinkPNG}
-              imageAlt="..."
-              imageLoc={CardImageLoc.TOP}
-              imageSize="50%"
-              renderAdditionalContent={() => (
-                <div>
-                  <a
-                    href="https://developers.google.com/tink"
-                    className="card-link"
-                  >
-                    Learn More
-                  </a>
-                </div>
-              )}
-            />
-          </div>
-          <div className="col-md-6">
-            <BaseCard
-              cardSize={CardSize.MEDIUM_VERTICAL}
-              cardTitle={intl.formatMessage(
-                EnsuringSecurityMessages.card3Header,
-              )}
-              cardText={intl.formatMessage(
-                EnsuringSecurityMessages.card3Detail,
-              )}
-              imageSrc={mozillaPNG}
-              imageAlt="..."
-              imageLoc={CardImageLoc.TOP}
-              imageSize="50%"
-              renderAdditionalContent={() => (
-                <div>
-                  <a
-                    href="https://observatory.mozilla.org/analyze/keep.id"
-                    className="card-link"
-                  >
-                    Learn More
-                  </a>
-                </div>
-              )}
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-}
-
-export default EnsuringSecurity;
diff --git a/src/components/Home/Testimonials.tsx b/src/components/Home/Testimonials.tsx
new file mode 100644
index 00000000..f3f96e94
--- /dev/null
+++ b/src/components/Home/Testimonials.tsx
@@ -0,0 +1,100 @@
+import 'slick-carousel/slick/slick.css';
+import 'slick-carousel/slick/slick-theme.css';
+
+import React from 'react';
+import { defineMessages, useIntl } from 'react-intl';
+import Slider from 'react-slick';
+
+const TestimonialMessages = defineMessages({
+  header: {
+    id: 'home.testimonials.header',
+    defaultMessage: 'Testimonials',
+  },
+});
+
+const testimonialsData = [
+  {
+    quote:
+      'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco labor',
+    author: 'Daniel Joo, CEO of Apple',
+  },
+  {
+    quote:
+      'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco labor',
+    author: 'Daniel Joo, Astronaut',
+  },
+  {
+    quote:
+      'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim',
+    author: 'Daniel Joo, USA Olympian',
+  },
+  {
+    quote:
+      'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. ',
+    author: 'Daniel Joo, Nobel laureate',
+  },
+];
+
+function Testimonials() {
+  const intl = useIntl();
+  const settings = {
+    dots: true,
+    infinite: true,
+    speed: 500,
+    slidesToShow: 1,
+    slidesToScroll: 1,
+    arrows: true,
+    autoplay: true,
+    autoplaySpeed: 4000,
+    adaptiveHeight: true,
+  };
+
+  return (
+    <>
+      <style>{`
+        /* Styles for the navigation dots */
+        .slick-dots li button:before {
+          font-size: 12px;
+          color: rgba(0, 0, 0, 0.5);
+        }
+
+        /* FIX: This makes the arrows visible against a light background */
+        // .slick-prev:before,
+        // .slick-next:before {
+        //   color: black !important;
+        // }
+      `}
+      </style>
+
+      <div className="py-5">
+        <div className="w-100 partial-background">
+          <div className="container">
+            <h1 className="pt-4 pb-4 tw-text-white">
+              {intl.formatMessage(TestimonialMessages.header)}
+            </h1>
+          </div>
+        </div>
+        <div className="tw-w-full tw-flex tw-items-center tw-h-[60vh] md:tw-h-[50vh]">
+          <div className="tw-w-full tw-max-w-6xl tw-mx-auto tw-px-4 sm:tw-px-6 lg:tw-px-8">
+              <Slider {...settings}>
+                {testimonialsData.map((testimonial) => (
+                  <div key={testimonial.author} className="px-2 tw-h-72 sm:tw-h-48 tw-text-center tw-text-black">
+                    <blockquote className="tw-mx-auto">
+                      <p className="tw-mb-4 tw-text-2xl">
+                        {`"${testimonial.quote}"`}
+                      </p>
+                      <footer className="tw-text-xl tw-text-gray-500">
+                        {testimonial.author}
+                      </footer>
+                    </blockquote>
+                  </div>
+                ))}
+              </Slider>
+          </div>
+        </div>
+      </div>
+    </>
+  );
+}
+
+export default Testimonials;
diff --git a/src/components/Home/index.tsx b/src/components/Home/index.tsx
index 19223fc4..b439694f 100644
--- a/src/components/Home/index.tsx
+++ b/src/components/Home/index.tsx
@@ -4,10 +4,10 @@ import { defineMessages, useIntl } from 'react-intl';
 import { Link } from 'react-router-dom';
 
 import HomepageGraphic from '../../static/images/homepage_graphic.svg';
-import EnsuringSecurity from './EnsuringSecurity';
 import FocusingOnPeople from './FocusingOnPeople';
 import HomelessStats from './HomelessStats';
 import IntroText from './IntroText';
+import Testimonials from './Testimonials';
 import WhoWeAreServing from './WhoWeAreServing';
 
 const messages = defineMessages({
@@ -111,7 +111,7 @@ function Home() {
 
       <FocusingOnPeople />
 
-      <EnsuringSecurity />
+      <Testimonials />
 
       <HomelessStats />
 
diff --git a/src/tests/components/Base/__snapshots__/Home.test.tsx.snap b/src/tests/components/Base/__snapshots__/Home.test.tsx.snap
index 9ab58f38..8d6cada9 100644
--- a/src/tests/components/Base/__snapshots__/Home.test.tsx.snap
+++ b/src/tests/components/Base/__snapshots__/Home.test.tsx.snap
@@ -294,6 +294,21 @@ exports[`Home page snapshot test 1`] = `
       </div>
     </div>
   </div>
+  <style>
+    
+        /* Styles for the navigation dots */
+        .slick-dots li button:before {
+          font-size: 12px;
+          color: rgba(0, 0, 0, 0.5);
+        }
+
+        /* FIX: This makes the arrows visible against a light background */
+        // .slick-prev:before,
+        // .slick-next:before {
+        //   color: black !important;
+        // }
+      
+  </style>
   <div
     className="py-5"
   >
@@ -304,160 +319,374 @@ exports[`Home page snapshot test 1`] = `
         className="container"
       >
         <h1
-          className="text-white pt-4 pb-4"
+          className="pt-4 pb-4 tw-text-white"
         >
-          Ensuring Security
+          Testimonials
         </h1>
       </div>
     </div>
     <div
-      className="container my-5"
+      className="tw-w-full tw-flex tw-items-center tw-h-[60vh] md:tw-h-[50vh]"
     >
       <div
-        className="row"
+        className="tw-w-full tw-max-w-6xl tw-mx-auto tw-px-4 sm:tw-px-6 lg:tw-px-8"
       >
         <div
-          className="col-md-6"
+          className="slick-slider slick-initialized"
+          dir="ltr"
         >
+          <button
+            className="slick-arrow slick-prev"
+            data-role="none"
+            onClick={[Function]}
+            style={
+              {
+                "display": "block",
+              }
+            }
+            type="button"
+          >
+             
+            Previous
+          </button>
           <div
-            className="ml-1 mr-1 mt-2 mb-2"
-            onMouseEnter={[Function]}
-            onMouseLeave={[Function]}
+            className="slick-list"
+            onClick={[Function]}
+            onKeyDown={[Function]}
+            onMouseDown={[Function]}
+            onMouseLeave={null}
+            onMouseMove={null}
+            onMouseUp={[Function]}
+            onTouchCancel={null}
+            onTouchEnd={[Function]}
+            onTouchMove={null}
+            onTouchStart={[Function]}
+            style={{}}
           >
             <div
-              className="border-0 shadow card"
+              className="slick-track"
+              onMouseEnter={[Function]}
+              onMouseLeave={[Function]}
+              onMouseOver={[Function]}
               style={
                 {
-                  "borderRadius": 20,
-                  "height": "485px",
-                  "maxWidth": "325px",
-                  "width": "auto",
+                  "WebkitTransform": "translate3d(0px, 0px, 0px)",
+                  "WebkitTransition": "",
+                  "msTransform": "translateX(0px)",
+                  "opacity": 1,
+                  "transform": "translate3d(0px, 0px, 0px)",
+                  "transition": "",
                 }
               }
             >
               <div
-                className="p-0 d-flex flex-column align-items-start card-body"
+                aria-hidden={true}
+                className="slick-slide slick-cloned"
+                data-index={-1}
+                onClick={[Function]}
                 style={
                   {
-                    "height": "100%",
+                    "width": 0,
                   }
                 }
+                tabIndex="-1"
               >
-                <img
-                  alt="..."
-                  className=""
-                  src="/src/static/images/homePage/googletink.png"
-                  style={
-                    {
-                      "borderTopLeftRadius": 20,
-                      "borderTopRightRadius": 20,
-                      "height": "50%",
-                      "maxWidth": "100%",
-                      "objectFit": "cover",
-                      "overflow": "hidden",
+                <div>
+                  <div
+                    className="px-2 tw-h-72 sm:tw-h-48 tw-text-center tw-text-black"
+                    style={
+                      {
+                        "display": "inline-block",
+                        "width": "100%",
+                      }
                     }
+                    tabIndex={-1}
+                  >
+                    <blockquote
+                      className="tw-mx-auto"
+                    >
+                      <p
+                        className="tw-mb-4 tw-text-2xl"
+                      >
+                        "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. "
+                      </p>
+                      <footer
+                        className="tw-text-xl tw-text-gray-500"
+                      >
+                        Daniel Joo, Nobel laureate
+                      </footer>
+                    </blockquote>
+                  </div>
+                </div>
+              </div>
+              <div
+                aria-hidden={false}
+                className="slick-slide slick-active slick-current"
+                data-index={0}
+                onClick={[Function]}
+                style={
+                  {
+                    "outline": "none",
+                    "width": 0,
                   }
-                />
-                <div
-                  className="p-4"
-                >
+                }
+                tabIndex="-1"
+              >
+                <div>
                   <div
-                    className="card-title h5"
+                    className="px-2 tw-h-72 sm:tw-h-48 tw-text-center tw-text-black"
+                    style={
+                      {
+                        "display": "inline-block",
+                        "width": "100%",
+                      }
+                    }
+                    tabIndex={-1}
                   >
-                    <h3>
-                      Always Encryped
-                    </h3>
+                    <blockquote
+                      className="tw-mx-auto"
+                    >
+                      <p
+                        className="tw-mb-4 tw-text-2xl"
+                      >
+                        "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco labor"
+                      </p>
+                      <footer
+                        className="tw-text-xl tw-text-gray-500"
+                      >
+                        Daniel Joo, CEO of Apple
+                      </footer>
+                    </blockquote>
                   </div>
-                  <p
-                    className="card-text"
+                </div>
+              </div>
+              <div
+                aria-hidden={true}
+                className="slick-slide"
+                data-index={1}
+                onClick={[Function]}
+                style={
+                  {
+                    "outline": "none",
+                    "width": 0,
+                  }
+                }
+                tabIndex="-1"
+              >
+                <div>
+                  <div
+                    className="px-2 tw-h-72 sm:tw-h-48 tw-text-center tw-text-black"
+                    style={
+                      {
+                        "display": "inline-block",
+                        "width": "100%",
+                      }
+                    }
+                    tabIndex={-1}
                   >
-                    We use state-of-the-art security practices and 
-    libraries used by industry leaders, such as Google. 
-    Your documents are cryptographically signed and encrypted to increase client security.
-                  </p>
-                  <div>
-                    <a
-                      className="card-link"
-                      href="https://developers.google.com/tink"
+                    <blockquote
+                      className="tw-mx-auto"
                     >
-                      Learn More
-                    </a>
+                      <p
+                        className="tw-mb-4 tw-text-2xl"
+                      >
+                        "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco labor"
+                      </p>
+                      <footer
+                        className="tw-text-xl tw-text-gray-500"
+                      >
+                        Daniel Joo, Astronaut
+                      </footer>
+                    </blockquote>
                   </div>
                 </div>
               </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="col-md-6"
-        >
-          <div
-            className="ml-1 mr-1 mt-2 mb-2"
-            onMouseEnter={[Function]}
-            onMouseLeave={[Function]}
-          >
-            <div
-              className="border-0 shadow card"
-              style={
-                {
-                  "borderRadius": 20,
-                  "height": "485px",
-                  "maxWidth": "325px",
-                  "width": "auto",
-                }
-              }
-            >
               <div
-                className="p-0 d-flex flex-column align-items-start card-body"
+                aria-hidden={true}
+                className="slick-slide"
+                data-index={2}
+                onClick={[Function]}
                 style={
                   {
-                    "height": "100%",
+                    "outline": "none",
+                    "width": 0,
                   }
                 }
+                tabIndex="-1"
               >
-                <img
-                  alt="..."
-                  className=""
-                  src="/src/static/images/homePage/mozilla_observatory.png"
-                  style={
-                    {
-                      "borderTopLeftRadius": 20,
-                      "borderTopRightRadius": 20,
-                      "height": "50%",
-                      "maxWidth": "100%",
-                      "objectFit": "cover",
-                      "overflow": "hidden",
+                <div>
+                  <div
+                    className="px-2 tw-h-72 sm:tw-h-48 tw-text-center tw-text-black"
+                    style={
+                      {
+                        "display": "inline-block",
+                        "width": "100%",
+                      }
                     }
+                    tabIndex={-1}
+                  >
+                    <blockquote
+                      className="tw-mx-auto"
+                    >
+                      <p
+                        className="tw-mb-4 tw-text-2xl"
+                      >
+                        "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim"
+                      </p>
+                      <footer
+                        className="tw-text-xl tw-text-gray-500"
+                      >
+                        Daniel Joo, USA Olympian
+                      </footer>
+                    </blockquote>
+                  </div>
+                </div>
+              </div>
+              <div
+                aria-hidden={true}
+                className="slick-slide"
+                data-index={3}
+                onClick={[Function]}
+                style={
+                  {
+                    "outline": "none",
+                    "width": 0,
                   }
-                />
-                <div
-                  className="p-4"
-                >
+                }
+                tabIndex="-1"
+              >
+                <div>
                   <div
-                    className="card-title h5"
+                    className="px-2 tw-h-72 sm:tw-h-48 tw-text-center tw-text-black"
+                    style={
+                      {
+                        "display": "inline-block",
+                        "width": "100%",
+                      }
+                    }
+                    tabIndex={-1}
                   >
-                    <h3>
-                      Secure in the Cloud
-                    </h3>
+                    <blockquote
+                      className="tw-mx-auto"
+                    >
+                      <p
+                        className="tw-mb-4 tw-text-2xl"
+                      >
+                        "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. "
+                      </p>
+                      <footer
+                        className="tw-text-xl tw-text-gray-500"
+                      >
+                        Daniel Joo, Nobel laureate
+                      </footer>
+                    </blockquote>
                   </div>
-                  <p
-                    className="card-text"
+                </div>
+              </div>
+              <div
+                aria-hidden={true}
+                className="slick-slide slick-cloned"
+                data-index={4}
+                onClick={[Function]}
+                style={
+                  {
+                    "width": 0,
+                  }
+                }
+                tabIndex="-1"
+              >
+                <div>
+                  <div
+                    className="px-2 tw-h-72 sm:tw-h-48 tw-text-center tw-text-black"
+                    style={
+                      {
+                        "display": "inline-block",
+                        "width": "100%",
+                      }
+                    }
+                    tabIndex={-1}
                   >
-                    Our application has been validated against internet vulnerabilities 
-    by Mozilla Observatory. We hold ourselves to the highest web industry standards.
-                  </p>
-                  <div>
-                    <a
-                      className="card-link"
-                      href="https://observatory.mozilla.org/analyze/keep.id"
+                    <blockquote
+                      className="tw-mx-auto"
                     >
-                      Learn More
-                    </a>
+                      <p
+                        className="tw-mb-4 tw-text-2xl"
+                      >
+                        "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco labor"
+                      </p>
+                      <footer
+                        className="tw-text-xl tw-text-gray-500"
+                      >
+                        Daniel Joo, CEO of Apple
+                      </footer>
+                    </blockquote>
                   </div>
                 </div>
               </div>
             </div>
           </div>
+          <button
+            className="slick-arrow slick-next"
+            data-role="none"
+            onClick={[Function]}
+            style={
+              {
+                "display": "block",
+              }
+            }
+            type="button"
+          >
+             
+            Next
+          </button>
+          <ul
+            className="slick-dots"
+            onMouseEnter={null}
+            onMouseLeave={null}
+            onMouseOver={null}
+            style={
+              {
+                "display": "block",
+              }
+            }
+          >
+            <li
+              className="slick-active"
+            >
+              <button
+                onClick={[Function]}
+              >
+                1
+              </button>
+            </li>
+            <li
+              className=""
+            >
+              <button
+                onClick={[Function]}
+              >
+                2
+              </button>
+            </li>
+            <li
+              className=""
+            >
+              <button
+                onClick={[Function]}
+              >
+                3
+              </button>
+            </li>
+            <li
+              className=""
+            >
+              <button
+                onClick={[Function]}
+              >
+                4
+              </button>
+            </li>
+          </ul>
         </div>
       </div>
     </div>
diff --git a/src/tests/setup.ts b/src/tests/setup.ts
index 31bbc0fa..55a67cdc 100644
--- a/src/tests/setup.ts
+++ b/src/tests/setup.ts
@@ -3,3 +3,11 @@ import '@testing-library/jest-dom';
 import { vi } from 'vitest';
 
 globalThis.jest = vi;
+
+const mockResizeObserver = vi.fn(() => ({
+  observe: vi.fn(),
+  unobserve: vi.fn(),
+  disconnect: vi.fn(),
+}));
+
+vi.stubGlobal('ResizeObserver', mockResizeObserver);