fixed bug with overflow landing

src/components/admin/projects/EditForm.tsx

@@ -197,9 +197,10 @@ export default function EditForm() {
                 <h3 className="font-bold">{project.Title}</h3>
                 <p className="text-sm text-gray-500">
                   Built on:{" "}
-                  {new Date(
-                    project.buildDate.toDate().setHours(12),
-                  ).toLocaleDateString()}
+                  {project.buildDate &&
+                    new Date(
+                      project.buildDate.toDate().setHours(12),
+                    ).toLocaleDateString()}
                 </p>
               </div>
               <div className="flex gap-2">

src/components/landing/Hero.tsx

@@ -37,7 +37,7 @@ export default function Hero() {
 
   return (
     <div
-      className="relative pb-12 pt-24 font-Michroma text-[#eaeaea] md:pb-32 md:pt-52"
+      className="relative overflow-x-hidden pt-24 font-Michroma text-[#eaeaea] md:pb-20 md:pt-52"
       id="hero"
     >
       <div className="mx-auto flex h-full max-w-7xl flex-col-reverse items-center px-6 pb-6 sm:px-10 lg:mt-0 lg:flex-row">
@@ -71,7 +71,7 @@ export default function Hero() {
             href="https://linktr.ee/pcbuildinguf"
             target="_blank"
             rel="noopener noreferrer"
-            className="mt-6 rounded-md border border-[#B0B8FF] border-opacity-40 bg-black bg-opacity-80 px-8 py-2 text-base font-medium text-white opacity-0 transition-opacity transition-transform duration-300 duration-500 hover:scale-105 hover:shadow-[0_0_25px_rgba(255,255,255,0.2)]"
+            className="mt-6 rounded-md border border-[#B0B8FF] border-opacity-40 px-8 py-2 text-base font-medium text-white opacity-0 transition-transform duration-500 hover:scale-105 hover:shadow-[0_0_25px_rgba(255,255,255,0.2)]"
             style={{ opacity: isTypingComplete ? 1 : 0 }}
           >
             Get Involved!

src/components/landing/Landing.tsx

@@ -17,39 +17,39 @@ export default function Landing() {
   }, []);
 
   return (
-    <div className="relative">
+    <div className="relative pt-12">
       {/* Background Gradients */}
       <div className="absolute left-[10%] top-[20%] h-32 w-96 -rotate-45 rounded-full bg-blue-500/10 blur-3xl"></div>
       <div className="absolute right-[30%] top-[40%] h-24 w-[32rem] -rotate-12 rounded-full bg-orange-500/10 blur-3xl"></div>
       <div className="-rotate-30 absolute left-[20%] top-[70%] h-28 w-[28rem] rounded-full bg-blue-500/5 blur-3xl"></div>
       <div className="absolute right-[15%] top-[55%] h-20 w-[24rem] rotate-[25deg] rounded-full bg-orange-500/10 blur-3xl"></div>
 
-      <div className="relative min-h-96 w-full py-32">
+      <div className="relative min-h-96 w-screen overflow-x-hidden py-32">
         {/* Decorative Lines */}
         <GlowingLine
           xPoints={["3", "20"]}
-          yPoints={["15", "15"]}
+          yPoints={["20", "20"]}
           color="#1E90FF"
           thickness={2}
           circleSize={6}
         />
         <GlowingLine
           xPoints={["5", "23"]}
-          yPoints={["18", "18"]}
+          yPoints={["23", "23"]}
           color="#1E90FF"
           thickness={2}
           circleSize={6}
         />
         <GlowingLine
           xPoints={["75", "90"]}
-          yPoints={["10", "10"]}
+          yPoints={["15", "15"]}
           color="#1E90FF"
           thickness={2}
           circleSize={6}
         />
         <GlowingLine
           xPoints={["78", "98"]}
-          yPoints={["14", "14"]}
+          yPoints={["19", "19"]}
           color="#1E90FF"
           thickness={2}
           circleSize={6}