feat: enhance landing page with new components and updates

- Added Footer component to the main layout.
- Integrated Footer into the landing page and about page.
- Updated blog page to include a TestimonialSection.
- Introduced react-dropzone dependency for file uploads.
- Made minor style adjustments across various components for improved UI consistency.
- Updated package-lock.json to reflect new dependencies.

Author: 0xdevcollins

app/(landing)/about/page.tsx

@@ -11,7 +11,6 @@ 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');
 
@@ -27,7 +26,6 @@ const AboutPage = () => {
         <Partners />
       </div>
       <TestimonialsSection testimonials={testimonials} />
-      <Footer />
     </section>
   );
 };

app/(landing)/blog/page.tsx

@@ -3,6 +3,8 @@ import { Metadata } from 'next';
 import { generatePageMetadata } from '@/lib/metadata';
 import BlogGrid from '@/components/landing-page/blog/BlogGrid';
 import { getAllBlogPosts } from '@/lib/data/blog';
+import TestimonialSection from '@/components/testimonials/TestimonialsSection';
+import { testimonials } from '@/components/testimonials/data/testimonial';
 
 export const metadata: Metadata = generatePageMetadata('blog');
 
@@ -12,6 +14,7 @@ const BlogPage = async () => {
   return (
     <div className='min-h-screen bg-[#030303]'>
       <BlogGrid posts={posts} showLoadMore={true} />
+      <TestimonialSection testimonials={testimonials} />
     </div>
   );
 };

app/(landing)/layout.tsx

@@ -1,6 +1,6 @@
 import { Metadata } from 'next';
 import { ReactNode } from 'react';
-import { Navbar } from '@/components/landing-page';
+import { Footer, Navbar } from '@/components/landing-page';
 import { generatePageMetadata } from '@/lib/metadata';
 
 // Generate metadata for the landing layout (home page)
@@ -15,6 +15,7 @@ export default function LandingLayout({ children }: LandingLayoutProps) {
     <div className='bg-background relative flex min-h-screen flex-col pt-5 md:pt-11'>
       <Navbar />
       <main className='flex-1'>{children}</main>
+      <Footer />
     </div>
   );
 }

app/(landing)/page.tsx

@@ -1,12 +1,9 @@
-'use client';
-
 import BeamBackground from '@/components/landing-page/BeamBackground';
 import { Hero } from '@/components/landing-page';
 import WhyBoundless from '@/components/landing-page/WhyBoundless';
 import BackedBy from '@/components/landing-page/BackedBy';
 import NewsLetter from '@/components/landing-page/NewsLetter';
 import BlogSection from '@/components/landing-page/blog/BlogSection';
-import { Footer } from '@/components/landing-page/footer';
 import Explore from '@/components/landing-page/Explore';
 import CleanBanner from '@/components/landing-page/Banner';
 
@@ -22,7 +19,6 @@ export default function LandingPage() {
         <NewsLetter />
         <BlogSection />
         <CleanBanner />
-        <Footer />
       </div>
     </div>
   );