From b1e8d4127f4c29a9128ab8692580cddaae1703b8 Mon Sep 17 00:00:00 2001
From: anikamalayappan <anikamalayappan@g.ucla.edu>
Date: Wed, 24 Apr 2024 20:09:55 -0700
Subject: [PATCH] Added 6 frames to facial recognition case study

---
 website/src/caseStudies/FacialRecognition.js | 191 +++++++++++++++++++
 1 file changed, 191 insertions(+)

diff --git a/website/src/caseStudies/FacialRecognition.js b/website/src/caseStudies/FacialRecognition.js
index 72ded05..615f1c5 100644
--- a/website/src/caseStudies/FacialRecognition.js
+++ b/website/src/caseStudies/FacialRecognition.js
@@ -34,6 +34,197 @@ const FacialRecognitionInfo = [
       ],
     },
   },
+
+  {
+    post: {
+      profilePic: teachLogo,
+      profilePicName: "Profile Picture - Frame 1",
+      header: "Frame 1",
+      subheader: "Why Is This Important?",
+      bodyText: [
+        {
+          body: (
+            <p className="bold">
+              Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+              eiusmod tempor incididunt ut labore et dolore magna aliqua.
+            </p>
+          ),
+        },
+        {
+          body: (
+            <p>
+              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>
+          ),
+        },
+        {
+          body: (
+            <p>
+              <mark className="bold">{`TODO: `} </mark>Excepteur sint occaecat
+              cupidatat non proident, sunt in culpa qui officia deserunt mollit
+              anim id est laborum.
+            </p>
+          ),
+        },
+      ],
+    },
+  },
+
+  {
+    post: {
+      profilePic: teachLogo,
+      profilePicName: "Profile Picture - Frame 2",
+      header: "Frame 2",
+      subheader: "Why Is This Important?",
+      bodyText: [
+        {
+          body: (
+            <p className="bold">
+              Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+              eiusmod tempor incididunt ut labore et dolore magna aliqua.
+            </p>
+          ),
+        },
+        {
+          body: (
+            <p>
+              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>
+          ),
+        },
+        {
+          body: (
+            <p>
+              <mark className="bold">{`TODO: `} </mark>Excepteur sint occaecat
+              cupidatat non proident, sunt in culpa qui officia deserunt mollit
+              anim id est laborum.
+            </p>
+          ),
+        },
+      ],
+    },
+  },
+
+  {
+    post: {
+      profilePic: teachLogo,
+      profilePicName: "Profile Picture - Frame 4",
+      header: "Frame 4",
+      subheader: "Why Is This Important?",
+      bodyText: [
+        {
+          body: (
+            <p className="bold">
+              Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+              eiusmod tempor incididunt ut labore et dolore magna aliqua.
+            </p>
+          ),
+        },
+        {
+          body: (
+            <p>
+              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>
+          ),
+        },
+        {
+          body: (
+            <p>
+              <mark className="bold">{`TODO: `} </mark>Excepteur sint occaecat
+              cupidatat non proident, sunt in culpa qui officia deserunt mollit
+              anim id est laborum.
+            </p>
+          ),
+        },
+      ],
+    },
+  },
+
+  {
+    post: {
+      profilePic: teachLogo,
+      profilePicName: "Profile Picture - Frame 5",
+      header: "Frame 5",
+      subheader: "Why Is This Important?",
+      bodyText: [
+        {
+          body: (
+            <p className="bold">
+              Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+              eiusmod tempor incididunt ut labore et dolore magna aliqua.
+            </p>
+          ),
+        },
+        {
+          body: (
+            <p>
+              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>
+          ),
+        },
+        {
+          body: (
+            <p>
+              <mark className="bold">{`TODO: `} </mark>Excepteur sint occaecat
+              cupidatat non proident, sunt in culpa qui officia deserunt mollit
+              anim id est laborum.
+            </p>
+          ),
+        },
+      ],
+    },
+  },
+
+  {
+    post: {
+      profilePic: teachLogo,
+      profilePicName: "Profile Picture - Frame 6",
+      header: "Frame 6",
+      subheader: "Why Is This Important?",
+      bodyText: [
+        {
+          body: (
+            <p className="bold">
+              Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+              eiusmod tempor incididunt ut labore et dolore magna aliqua.
+            </p>
+          ),
+        },
+        {
+          body: (
+            <p>
+              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>
+          ),
+        },
+        {
+          body: (
+            <p>
+              <mark className="bold">{`TODO: `} </mark>Excepteur sint occaecat
+              cupidatat non proident, sunt in culpa qui officia deserunt mollit
+              anim id est laborum.
+            </p>
+          ),
+        },
+      ],
+    },
+  },
+
   {
     post: {
       profilePic: teachLogo,