fa/won/style-landing

src/app/public/about/page.tsx

@@ -24,10 +24,12 @@ const AboutLayout = () => {
   }, []);
   return (
     <div className="flex-col justify-center gap-y-4 py-6 sm:flex sm:w-full sm:px-0">
-      <span className="pt-6 text-center text-3xl font-semibold sm:text-left">
+      <span className="pt-6 text-center text-4xl font-semibold sm:text-left">
         Our Story
       </span>
-      <p className="font-bold leading-7">The Legacy Project&apos;s Origin</p>
+      <p className="text-xl font-bold leading-7">
+        The Legacy Project&apos;s Origin
+      </p>
       <p className="leading-7">
         The concept of{" "}
         <strong>
@@ -154,7 +156,7 @@ const AboutLayout = () => {
           </div>
         </div>
       )}
-      <p className="mt-8 text-3xl font-bold leading-7">
+      <p className="mt-16 text-xl font-bold leading-7">
         Parallel Stories Unite
       </p>
       <p className="leading-7">
@@ -197,7 +199,9 @@ const AboutLayout = () => {
         </div>
       )}
 
-      <p className="mt-8 font-bold leading-7">Collaboration and Expansion</p>
+      <p className="mt-16 text-xl font-bold leading-7">
+        Collaboration and Expansion
+      </p>
       <p className="leading-7">
         Arielle and Katie met in 2020, quickly connecting over their aligned
         passions to build intergenerational connections, provide a platform for
@@ -220,7 +224,9 @@ const AboutLayout = () => {
         students passionate about empowering local seniors with the platform to
         amplify their stories.
       </p>
-      <p className="mt-8 font-bold leading-7">TLP&apos;s National Vision</p>
+      <p className="mt-16 text-xl font-bold leading-7">
+        TLP&apos;s National Vision
+      </p>
       <p className="leading-7">
         Having watched the Tufts chapter grow over the past two years, Arielle,
         Katie, and Wanda decided to found TLP as a nonprofit organization with

src/app/public/page.tsx

@@ -37,7 +37,7 @@ const HomePage = () => {
           </Link>
         </div>
       </div>
-      <div className="flex w-full flex-col justify-center gap-y-4 py-6">
+      <div className="flex w-full flex-col justify-center gap-y-4 pt-16">
         <span className="text-center text-3xl font-semibold sm:text-left sm:text-4xl">
           About Us
         </span>

src/app/public/start-chapter/page.tsx

@@ -5,13 +5,12 @@ import NewChapterForm from "@components/NewChapterForm";
 const StartChapter = () => {
   return (
     <div className="mb-8 min-h-screen">
-      <div className="py-3">
-        <div className="py-2 text-4xl font-bold">Start a Chapter</div>
-        <div className="pt-6 text-2xl font-semibold">
-          Start a chapter of the Legacy Project, Inc. on your campus today!
+      <div className="py-6">
+        <div className="pt-6 text-center text-4xl font-semibold sm:text-left">
+          Start a Chapter
         </div>
       </div>
-      <div className="mb-8 gap-y-3 text-xl">
+      <div className="mb-8 gap-y-3">
         <p className="py-3">
           This form serves to identify student leaders who are interested in
           starting a chapter of The Legacy Project, Inc. (TLP) at their US-based

src/app/public/team/page.tsx

@@ -28,8 +28,8 @@ const PublicLayout = () => {
     };
   }, []);
   return (
-    <div className="flex w-full flex-col">
-      <span className="pt-6 text-center text-3xl font-semibold sm:text-left">
+    <div className="flex w-full flex-col py-6">
+      <span className="pt-6 text-center text-4xl font-semibold sm:text-left">
         Meet TLP
       </span>
       <p className="mt-7 leading-7">
@@ -77,7 +77,7 @@ const PublicLayout = () => {
               story at a time
             </Link>
           </div>
-          <div className="flex flex-col items-center py-6">
+          <div className="flex flex-col items-center pt-6">
             <Link
               className="mb-8 mt-3 text-center hover:underline"
               href={press2}

src/components/LandingFooter.tsx

@@ -47,7 +47,7 @@ const LandingFooter = () => {
   };
 
   return (
-    <div className="relative z-10 flex flex-col content-center items-center gap-y-8 overflow-hidden rounded bg-[#E7DCD0] px-12 py-16 text-center shadow-md shadow-gray-500">
+    <div className="relative z-10 mt-16 flex flex-col content-center items-center gap-y-8 overflow-hidden rounded bg-[#E7DCD0] px-12 py-16 text-center shadow-md shadow-gray-500">
       <div className="flex flex-col gap-y-3 text-2xl font-extrabold">
         <p>There are millions of stories waiting to be told.</p>
         <p>It&apos;s your time to change that.</p>