chore: add bottom padding, add bruno ace font, run formatter

Author: tomasohCHOM

package-lock.json

@@ -58,7 +58,7 @@ const LandingPage: React.FC<LandingPageProps> = (props) => {
           <Team team={teamData} />
         </div>
       </section>
-      <section className="relative flex w-[100vw] flex-col items-center justify-start overflow-visible pb-40 font-normal md:pt-32 md:pb-24 md:text-md">
+      <section className="relative flex w-[100vw] flex-col items-center justify-start overflow-hidden pb-32 font-normal md:pt-32 md:pb-24 md:text-md">
         <FAQBackgroundEffects />
         <div
           id="frequently-asked-questions"
@@ -84,7 +84,7 @@ const LandingPage: React.FC<LandingPageProps> = (props) => {
         <img
           src="/assets/footer/capyAstroid.svg"
           alt="astroid capybara"
-          className="absolute bottom-[25rem] right-[4rem] h-[8rem] md:right-[7rem] md:h-[9rem] lg:bottom-[19rem] lg:right-[21rem] lg:h-[13rem] lg:w-auto"
+          className="absolute bottom-[25rem] right-[4rem] h-[8rem] md:right-[7rem] md:h-[9rem] lg:bottom-[10rem] lg:right-[13rem] lg:h-[13rem] lg:w-auto"
         />
 
         {/* Satellite */}
@@ -148,7 +148,7 @@ const LandingPage: React.FC<LandingPageProps> = (props) => {
         <img
           src="/assets/footer/mobile/mobileStars.svg"
           alt="constellations"
-          className="absolute bottom-[20rem] left-[-2rem] h-[35rem] w-full animate-pulse lg:hidden md:h-[50rem] md:bottom-[9rem] md:left-[-9rem]"
+          className="absolute bottom-[20rem] left-[-2rem] h-[35rem] w-full animate-pulse md:bottom-[9rem] md:left-[-9rem] md:h-[50rem] lg:hidden"
         />
         <LandingFooter />
       </section>

src/app/(site)/_components/landing-page.tsx

@@ -6,7 +6,7 @@ import links from "@/lib/data/links.json";
 export const LandingFooter: React.FC = () => {
   return (
     <>
-      <div className="relative mt-[25rem] flex pt-80 lg:mt-[50rem]">
+      <div className="relative mt-[10rem] flex pt-80 lg:mt-[30rem]">
         <div className="flex w-full flex-grow flex-col items-center">
           {/* Contact Us */}
           <div className="relative inline-block">
@@ -22,22 +22,20 @@ export const LandingFooter: React.FC = () => {
           </div>
           {/* email */}
           <p className="py-[1rem] pb-[3rem] font-bruno text-[1.5rem] font-normal md:text-[2rem] lg:pb-[4rem] lg:text-[2rem]">
-            [email protected]
+            {links.email}
           </p>
 
           {/* Frame for icons */}
           <div className="flex flex-grow items-center justify-center gap-6 text-[#ECECEC]">
-            <a
-              target="_blank"
-              href="https://www.linkedin.com/company/fullyhacks/">
+            <a target="_blank" href={links.linkedin}>
               <BsLinkedin className="h-[2.75rem] w-12 md:h-14 md:w-14" />
             </a>
-            <a target="_blank" href="https://discord.gg/3NvZKuQxJY">
+            <a target="_blank" href={links.discord}>
               <BsDiscord className="h-[3rem] w-12 md:h-16 md:w-16" />
             </a>
             <div className="relative inline-block">
               {/* ACM text */}
-              <a target="_blank" href="https://acmcsuf.com/">
+              <a target="_blank" href={links.acmcsuf}>
                 <img
                   src="/assets/footer/capyACM.svg"
                   alt="capybara ACM"
@@ -50,15 +48,15 @@ export const LandingFooter: React.FC = () => {
                 />
               </a>
             </div>
-            <a target="_blank" href="https://www.instagram.com/fullyhacks/">
+            <a target="_blank" href={links.instagram}>
               {<PiInstagramLogoFill className="h-12 w-12 md:h-16 md:w-16" />}
             </a>
           </div>
         </div>
       </div>
       {/* Footer Text */}
-      <div className="bottom-0 w-full pt-10 text-center lg:hidden">
-        <p className="text-sm text-gray-400 lg:hidden">
+      <div className="bottom-0 w-full pt-10 text-center">
+        <p className="text-sm text-gray-400">
           © 2025 FullyHacks. All Rights Reserved.
         </p>
       </div>

src/components/footer.tsx

@@ -1,3 +1,5 @@
+@import url("https://fonts.googleapis.com/css2?family=Bruno+Ace&display=swap");
+
 @tailwind base;
 @tailwind components;
 @tailwind utilities;