Added bottom image (#55)

* Hero Section (#27) * set up initial template * added navbar to hero section * responsive hero section * Basic About is done * About is added * created cursor component with wand image (#30) * "created cursor component with wang image with '#' will be ignored, and an empty message aborts the commit. * Created Simple About Section (#31) * Hero Section (#27) * set up initial template * added navbar to hero section * responsive hero section * Basic About is done * Merge from Dev (#33) * Hero Section (#27) * set up initial template * added navbar to hero section * responsive hero section * Basic About is done * About is added * fixed cursor selection bugs and added a trail * Fixed missing component import for FAQ * added comment in luge.js --------- Co-authored-by: Kevin Monisit <monisitkevin@gmail.com> * Basic Sections (#32) * completed basic generic sections * Formatting with prettier * added some colors and additional divider * moved text divider half way up to previous section --------- Co-authored-by: Kevin Monisit <monisitkevin@gmail.com> * Fire Animation (#45) * Merging from Dev (#35) * Hero Section (#27) * set up initial template * added navbar to hero section * responsive hero section * Basic About is done * About is added * created cursor component with wand image (#30) * "created cursor component with wang image with '#' will be ignored, and an empty message aborts the commit. * Created Simple About Section (#31) * Hero Section (#27) * set up initial template * added navbar to hero section * responsive hero section * Basic About is done * Merge from Dev (#33) * Hero Section (#27) * set up initial template * added navbar to hero section * responsive hero section * Basic About is done * About is added * fixed cursor selection bugs and added a trail * Fixed missing component import for FAQ * added comment in luge.js --------- Co-authored-by: Kevin Monisit <monisitkevin@gmail.com> * Basic Sections (#32) * completed basic generic sections * Formatting with prettier * added some colors and additional divider * moved text divider half way up to previous section --------- Co-authored-by: Kevin Monisit <monisitkevin@gmail.com> --------- Co-authored-by: poojakedia <67982568+poojakedia@users.noreply.github.com> Co-authored-by: Shivam Kajaria <57373405+bhivam@users.noreply.github.com> * Fire Animation * Fire Animation * Animating fire-animation * Animating fire-animation * Fire-Animation * Fire-Animation Fire Animation. * Fire Animation * deleted webp in favor of png, fixed safari stuttering animation --------- Co-authored-by: Kevin Monisit <monisitkevin@gmail.com> Co-authored-by: poojakedia <67982568+poojakedia@users.noreply.github.com> Co-authored-by: Shivam Kajaria <57373405+bhivam@users.noreply.github.com> * New FAQ (#47) * Accordian Style FAQ Unstyled Finished up accordian style FAQ without any styling applied yet. Changed the FAQ constants to include the question as well as answer. * Styled FAQ and Made Responsive Created responsive FAQ using breakpoints and styled accordian. * Fixed Typo Accordian -> Accordion * added bottom image in new branch * modified formatting --------- Co-authored-by: Kevin Monisit <monisitkevin@gmail.com> Co-authored-by: Shivam Kajaria <57373405+bhivam@users.noreply.github.com> Co-authored-by: dchaudhari0811 <136735426+dchaudhari0811@users.noreply.github.com>
HackRU · Feb 5, 2024 · d2a59e3 · d2a59e3
1 parent 4a2330e
commit d2a59e3
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 5 deletions.
diff --git a/app/(landing)/page.tsx b/app/(landing)/page.tsx
@@ -28,18 +28,30 @@ export default function Page() {
            * component to a relevant loading component.
            */
         }
-        <GenericSection title="Schedule" color="white">
+        <GenericSection title="Schedule">
           <Suspense fallback={<>Loading Schedule!</>}>
             <Schedule />
           </Suspense>
         </GenericSection>
-        <GenericSection title="Sponsors" color="gray-100">
+        <GenericSection title="Sponsors">
           <Suspense fallback={<>Loading Sponsors!</>}>
             <Sponsors />
           </Suspense>
         </GenericSection>
-        <GenericSection title="FAQ" color="gray-500">
+        <GenericSection title="FAQ" color="bg-gray-900">
           <FAQ />
+          <Image
+            src="/landing/wand-cats-combined.png"
+            alt="bottom image"
+            layout="responsive"
+            object-fit="cover"
+            style={{
+              width: '100%',
+              height: 'auto',
+            }}
+            width={500}
+            height={300}
+          />
         </GenericSection>
       </div>
     </main>

diff --git a/app/(landing)/sections/GenericSection.tsx b/app/(landing)/sections/GenericSection.tsx
@@ -4,18 +4,20 @@ import { ReactNode } from 'react';
 type GenericSectionProps = {
   children: ReactNode;
   title: string;
-  color: string;
+  color?: string;
 };
 
 export default function GenericSection(props: GenericSectionProps) {
+  const defaultColor = 'bg-blue-100';
+  const bgColorNew = props.color ? `${props.color}` : defaultColor;
   return (
     <div
       id={props.title}
       className={'flex w-full flex-col items-center bg-blue-200'}
     >
       <SectionTitle title={props.title} />
       {props.children}
-      <div className='h-[15vh] w-full bg-blue-100'></div>
+      <div className={`h-[15vh] w-full ${bgColorNew}`}></div>
     </div>
   );
 }
diff --git a/public/landing/wand-cats-combined.png b/public/landing/wand-cats-combined.png