landing page 2025 fully done!

acmcsufoss · Jan 9, 2025 · a9106b4 · a9106b4
1 parent 1a5e6b3
commit a9106b4
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 13 deletions.
diff --git a/src/app/(site)/_components/about.tsx b/src/app/(site)/_components/about.tsx
@@ -10,7 +10,7 @@ export default function About() {
       />
       <div
         id="about"
-        className="absolute left-1/2 top-[45%] z-10 max-w-[300px] -translate-x-1/2 -translate-y-1/2 text-black sm:top-[52%] sm:max-w-[768px] md:top-1/2">
+        className="absolute left-1/2 top-1/2 z-10 max-w-[300px] -translate-x-1/2 -translate-y-1/2 text-black sm:top-[52%] sm:max-w-[768px] md:top-1/2">
         <h2 className="text-lg font-bold sm:text-xl md:text-xxl">About</h2>
         <p className="rounded-2xl bg-[#BAB9B9] p-2 pb-6 font-semibold sm:mt-2 sm:bg-[#7F7F7F] sm:leading-relaxed md:text-[1.25rem] lg:text-lg">
           We are Cal State University Fullerton&apos;s (CSUF) student-run

diff --git a/src/components/faq.tsx b/src/components/faq.tsx
@@ -29,7 +29,7 @@ export const FAQDropDown: React.FC<FAQDropDownProps> = ({
 
   return (
     <div
-      className={`collapse border-2 border-white ${opened ? "rounded-box" : "rounded-full delay-150"}`}
+      className={`collapse z-20 border-2 border-white ${opened ? "rounded-box" : "rounded-full delay-150"}`}
       onClick={toggleOpen}>
       <input type="checkbox" className={mounted ? "hidden" : ""} />
       <div className="collapse-title flex w-full items-center justify-between rounded-b-none p-2 px-4 text-mint transition-all ease-in-out hover:bg-white/10 hover:duration-200 hover:ease-in-out md:p-4 md:px-6">
@@ -46,7 +46,7 @@ export const FAQDropDown: React.FC<FAQDropDownProps> = ({
         </div>
       </div>
       <div
-        className={`collapse-content w-full overflow-hidden border-solid border-white transition-[max-height] ease-in-out ${
+        className={`collapse-content w-full overflow-hidden border-solid border-white bg-[#3f3865] bg-opacity-80 backdrop-blur-sm transition-[max-height] ease-in-out ${
           opened ? "max-h-screen border-t-2" : "max-h-0"
         }`}>
         <p className="my-4 px-6 text-white md:px-8 md:text-md">{answer}</p>

diff --git a/src/components/nav-bar.tsx b/src/components/nav-bar.tsx
@@ -31,13 +31,6 @@ export const NavBarLanding: React.FC = () => {
       mobile: 24,
       desktop: 24
     },
-    {
-      id: "faq",
-      name: "FAQ",
-      href: "#frequently-asked-questions",
-      mobile: 24,
-      desktop: 24
-    },
     {
       id: "sponsors",
       name: "Sponsors",
@@ -53,9 +46,16 @@ export const NavBarLanding: React.FC = () => {
       desktop: 24
     },
     {
-      id: "login",
-      name: "Log In",
-      href: "/signin",
+      id: "faq",
+      name: "FAQ",
+      href: "#frequently-asked-questions",
+      mobile: 24,
+      desktop: 24
+    },
+    {
+      id: "portal",
+      name: "User Portal",
+      href: "/portal",
       mobile: 24,
       desktop: 24
     }