fix: minior spacing fixes

Author: 0xdevcollins

app/(landing)/about/page.tsx

@@ -11,6 +11,7 @@ import { testimonials } from '@/components/testimonials/data/testimonial';
 import AboutUsHero from './AboutUsHero';
 import OurTeam from './OurTeam';
 import Partners from './Partners';
+import { Footer } from '@/components/landing-page';
 
 export const metadata: Metadata = generatePageMetadata('about');
 
@@ -26,6 +27,7 @@ const AboutPage = () => {
         <Partners />
       </div>
       <TestimonialsSection testimonials={testimonials} />
+      <Footer />
     </section>
   );
 };

app/(landing)/page.tsx

@@ -1,10 +1,5 @@
 'use client';
-import gsap from 'gsap';
-import { useGSAP } from '@gsap/react';
-import { ScrollTrigger } from 'gsap/ScrollTrigger';
-import { ScrollToPlugin } from 'gsap/ScrollToPlugin';
-import { ScrollSmoother } from 'gsap/ScrollSmoother';
-import { useRef } from 'react';
+
 import BeamBackground from '@/components/landing-page/BeamBackground';
 import { Hero } from '@/components/landing-page';
 import HowBoundlessWork from '@/components/landing-page/HowBoundlessWork';
@@ -15,31 +10,10 @@ import BlogSection from '@/components/landing-page/blog/BlogSection';
 import { Footer } from '@/components/landing-page/footer';
 
 export default function LandingPage() {
-  const containerRef = useRef<HTMLDivElement>(null);
-  const contentRef = useRef<HTMLDivElement>(null);
-
-  gsap.registerPlugin(ScrollTrigger, ScrollSmoother, ScrollToPlugin);
-
-  useGSAP(
-    () => {
-      ScrollSmoother.create({
-        wrapper: containerRef.current,
-        content: contentRef.current,
-        smooth: 2,
-        smoothTouch: 0.1,
-        effects: true,
-      });
-    },
-    { scope: containerRef }
-  );
-
   return (
-    <div ref={containerRef} className='relative overflow-hidden'>
+    <div className='relative overflow-hidden'>
       <BeamBackground />
-      <div
-        ref={contentRef}
-        className='relative z-10 mx-auto max-w-[1300px] space-y-[23px] md:space-y-[80px]'
-      >
+      <div className='relative z-10 mx-auto max-w-[1300px] space-y-[60px] md:space-y-[80px]'>
         <Hero />
         <WhyBoundless />
         <BackedBy />

components/landing-page/BackedBy.tsx

@@ -196,7 +196,7 @@ const BackedBy = () => {
 
   return (
     <section
-      className='relative h-full w-full px-6 py-5 md:px-12 md:py-16 lg:px-[100px]'
+      className='relative my-[70px] h-full w-full px-6 py-[59px] md:px-12 md:py-16 lg:px-[100px]'
       id='backed-by'
       aria-labelledby='backed-by-heading'
     >

components/landing-page/footer.tsx

@@ -147,20 +147,6 @@ export function Footer() {
                 )}
               </div>
             ))}
-            <div className='ml-4 h-6 w-0.5 bg-[#2B2B2B]' aria-hidden='true' />
-            <Link
-              href={`mailto:${socialLinks.gmail}`}
-              className='rounded transition-opacity hover:opacity-80 focus:ring-2 focus:ring-white/50 focus:outline-none'
-              aria-label='Contact us via email'
-            >
-              <Image
-                src='/footer/gmail.svg'
-                alt='Email contact'
-                width={24}
-                height={24}
-                className='h-6 w-6'
-              />
-            </Link>
           </nav>
 
           <p className='text-center text-sm text-gray-400'>