Merge pull request #4 from fusion479/update

Update
fusion479 · Dec 30, 2024 · 261e1ec · 261e1ec
2 parents 84a2031 + adb5a73
commit 261e1ec
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 6 deletions.
diff --git a/src/app/components/About.tsx b/src/app/components/About.tsx
@@ -3,8 +3,9 @@ import team from "../../../public/landing/team.jpeg";
 
 export default function About() {
   return (
-    <div>
-      <h1 className="max-w-4xl mb-8 mt-24 mx-auto text-center font-display text-3xl font-medium tracking-tight md:text-5xl text-blue-600 sm:text-48xl">
+    <div className="relative bg-white p-10 shadow-md mt-24 rounded-lg">
+      <div className="border-l-[1px] border-slate-300 h-28 right-1/2 absolute -top-[4.5rem]" />
+      <h1 className="decoration-wavy max-w-4xl mb-8 mx-auto text-center font-display text-3xl font-medium tracking-tight md:text-5xl text-blue-600 sm:text-48xl">
         Who are we?
       </h1>{" "}
       <div className="flex flex-col lg:flex-row mt-2 items-center justify-center">

diff --git a/src/app/components/Game.tsx b/src/app/components/Game.tsx
@@ -3,8 +3,9 @@ import ftc from "../../../public/landing/ftc.jpeg";
 
 export default function Game() {
   return (
-    <div>
-      <h1 className="max-w-4xl mt-24 mx-auto text-center font-display text-3xl text-blue-600 md:text-5xl font-medium tracking-tight sm:text-4xl mb-8">
+    <div className="relative bg-white p-10 shadow-md mt-24 rounded-lg">
+      <div className="border-l-[1px] border-slate-300 h-32 right-1/2 absolute -top-[6rem]" />
+      <h1 className="max-w-4xl mx-auto text-center font-display text-3xl text-blue-600 md:text-5xl font-medium tracking-tight sm:text-4xl mb-8">
         FIRST Tech Challenge
       </h1>{" "}
       <div className="flex flex-col lg:flex-row mt-2 items-center justify-center">

diff --git a/src/app/components/Navbar.tsx b/src/app/components/Navbar.tsx
@@ -20,7 +20,7 @@ function Navlink({
   return (
     <Link
       href={href}
-      className={`w-full mb-[2px] md:mb-0 md:w-auto inline-block hover:-translate-y-1 duration-150 font-light rounded-lg px-4 py-2 text-sm text-slate-700 hover:bg-slate-100 hover:text-blue-600 ${
+      className={`w-full uppercase mb-[2px] md:mb-0 md:w-auto inline-block hover:-translate-y-1 duration-150 rounded-lg px-4 py-2 text-xs text-slate-500 tracking-wider hover:font-medium hover:bg-slate-100 hover:text-blue-600 ${
         margin && "mr-2"
       }`}
     >

diff --git a/src/app/components/Sponsors.tsx b/src/app/components/Sponsors.tsx
@@ -10,7 +10,9 @@ import amazon from "../../../public/sponsors/amazon.png";
 export default function Sponsors() {
   return (
     <div className="mt-36 xl:mt-54">
-      <p className="font-display text-base text-center">Proudly sponsored by</p>
+      <p className="font-display text-center uppercase text-xs text-slate-700 font-medium tracking-wider">
+        Proudly sponsored by
+      </p>
       <ul
         role="list"
         className="mt-4 flex items-center justify-center gap-x-8 gap-y-4 flex-wrap"