Merge pull request #314 from HackRU/dev

Update FAQ.tsx

Author: avsomers25

app/(pre-dashboard)/(landing)/page.tsx

@@ -46,7 +46,7 @@ export default async function Page() {
         { <GenericSection title="Past Team Members"> 
           <PastTeam />
         </GenericSection> } */}
-        <div className="-mt-[1000px]">
+        <div className="mt-[-200px] md:mt-[-500px] lg:mt-[-1000px]">
           <Image
             src="/landing/F2025/bottom.png"
             alt="bottom image"

app/(pre-dashboard)/(landing)/sections/FAQ/FAQ.tsx

@@ -3,12 +3,13 @@ import React from 'react';
 import { hackRUFAQ } from '@/app/lib/constants';
 import Accordian from './Accordion';
 import { useState } from 'react';
+import { inter } from '@/app/ui/fonts';
 
 function QuestionContainer() {
   const [activeAccordion, setActiveAccordion] = useState(-1);
 
   return (
-    <div className="w-full whitespace-pre-line">
+    <div className="w-full whitespace-pre-line  bg-gray-900/20">
       {Object.keys(hackRUFAQ).map((question: string, i: number) => (
         <Accordian
           key={i}
@@ -28,7 +29,7 @@ export default function FAQ() {
   return (
     <div
       id="FAQ"
-      className="relative z-10 flex h-[67rem] w-full flex-col items-center justify-start overflow-visible sm:h-[50rem] md:h-[43rem]"
+      className={`relative z-10 flex h-[67rem] w-full flex-col   items-center justify-start overflow-visible sm:h-[50rem] md:h-[43rem] ${inter.className}`}
     >
       <div className="relative flex w-full flex-col items-center px-[10vw] pb-[10rem] xl:px-[15vw]">
         <QuestionContainer />

app/(pre-dashboard)/(landing)/sections/GenericSection.tsx

@@ -67,7 +67,7 @@ export default function GenericSection(props: GenericSectionProps) {
           ) : (
             <div>
               {props.title == 'FAQ' ? (
-                <div className="flex  items-center justify-center p-4">
+                <div className="flex  items-center justify-center p-4 pb-32">
                   <p className="absolute z-50 text-lg text-gold-100 text-white sm:text-4xl md:pl-8 md:pt-2 md:text-2xl lg:text-4xl">
                     FAQ
                   </p>