feat: create scholarship page

src/app/scholarship/page.tsx

@@ -0,0 +1,11 @@
+import ScholarshipFAQ from '@/components/Scholarship/ScholarshipFAQ';
+import ScholarshipHeader from '@/components/Scholarship/ScholarshipHeader';
+
+export default function Scholarship() {
+  return (
+    <div className="h-screen w-full bg-[url(/assets/apply/apply-bg.png)] bg-cover bg-center py-20">
+      <ScholarshipHeader />
+      <ScholarshipFAQ />
+    </div>
+  );
+}

src/components/Scholarship/ScholarshipFAQ.tsx

@@ -0,0 +1,53 @@
+export default function ScholarshipFAQ() {
+  return (
+    <div className="flex max-w-4xl flex-col space-y-10 pl-60 pt-20 text-[#CACACA]">
+      <div>
+        <h1 className="w-[28rem] whitespace-pre break-words text-2xl font-bold">
+          How do I apply for the scholarship? Deadlines?
+        </h1>
+        <p className="text-lg">
+          Although sponsored by ACM at UTD, this scholarship is now managed fulled by the ECS
+          department. You can learn more about how to apply and thee process for receiving the
+          scholarship from the ECS Scholarships Page You can also find other relevant information
+          like scholarship deadlines and other criteria to be eligible to apply on the ECS
+          scholarships page as well. We insist that if you have questions you get in touch directly
+          with the ECS Scholarship Committee. Our team will be unable to resolve any queries you
+          have.
+        </p>
+      </div>
+      <div>
+        <h1 className="w-[28rem] whitespace-pre break-words text-2xl font-bold">
+          Who is this scholarship for?
+        </h1>
+        <p className="text-lg">
+          Each year, this endowed scholarship will award one student $1k, qualifying it for
+          &quot;competitive scholarship&quot; status. This means that if you are an out of state or
+          international student, you may receive in-state tuition for that year. For this reason, we
+          highly encourage these demographics to apply. In addition to academic excellence,
+          applicants will be preferred if they have demonstrated engagement with any CS student
+          organization at UTD. Note that the scholarship is awarded by a committee appointed by the
+          Jonsson school, and not ACM UTD or Prof. John Cole (our faculty sponsor). Please do not
+          get in touch with us on questions regarding this scholarship.
+        </p>
+      </div>
+      <div>
+        <h1 className="w-[28rem] whitespace-pre break-words text-2xl font-bold">
+          What inspired the scholarship?
+        </h1>
+        <p className="text-lg">
+          Our scholarship was inspired by the actions and leadership of Gopal Gupta (CS Dept Head
+          2009-2020). During this time, the department grew immensely and is now the 3rd largest CS
+          department in the United States. In addition to fostering a culture of undergraduate
+          academic excellence, Dr. Gupta placed a large importance on the role of student
+          organizations within the department and the Erik Jonsson School of Engineering and
+          Computer Science more broadly. One graded assignment for all incoming freshmen in CS is
+          that they attend an event outside of class where they must talk to representatives from
+          many CS student organizations. Furthermore, Dr. Gupta encouraged students to listen in on
+          department meetings, provide feedback on programs within the department, and present goals
+          and events to faculty members. Finally, Dr. Gupta initiated efforts to start HackUTD, a
+          university hackathon, which has grown to be one of the largest in the U.S.
+        </p>
+      </div>
+    </div>
+  );
+}

src/components/Scholarship/ScholarshipHeader.tsx

@@ -0,0 +1,30 @@
+import Image from 'next/image';
+
+export default function ScholarshipHeader() {
+  return (
+    <div className="relative overflow-hidden pl-60 pt-28">
+      <h1 className="pb-2 pl-14 font-sans text-5xl font-bold text-white">acm scholarship</h1>
+      <div className="flex w-screen items-center justify-between rounded-3xl border border-[#ffffff82] bg-slate-600 bg-opacity-5 bg-gradient-to-r from-[#ffffff1f] to-[#ffffff08] p-10 text-white backdrop:blur-xl">
+        <div className="space-y-4">
+          <p className="w-[33rem] text-lg">
+            We started the &quot;Dr. Gopal Gupta Undergraduate Scholarship for Computer Science
+            established by ACM 2020&quot; in honor of its namesake: Dr. Gopal Gupta served as the
+            Computer Science (CS) department head at UT Dallas from 2009-2020.
+          </p>
+          <button className="bg-gradient-to-r from-[#008CF1] to-[#00ECEC] px-4 py-2 font-bold text-white">
+            apply today
+          </button>
+        </div>
+        <div className="hidden lg:block">
+          <Image
+            src="/assets/scholarship/ACM_Meeting.png"
+            alt="Audience at ACM event"
+            width={459}
+            height={343}
+            className="absolute right-40 top-0 hidden md:block"
+          />
+        </div>
+      </div>
+    </div>
+  );
+}