Feature/landing page setup (#153)

* feat: Enhance SignInPage with form validation and loading state

- Implemented form validation using Zod and react-hook-form for email and password fields.
- Added loading state to improve user experience during sign-in.
- Integrated error handling for various sign-in scenarios, including unverified email and session management.
- Updated LoginForm component to accept form props and handle submission logic.
- Introduced Loading component for better visual feedback during loading states.
- Refactored AuthLayout for improved layout and responsiveness.

* feat: Revamp landing page structure and components

- Removed the old Home component and replaced it with a new layout for the landing page.
- Introduced a new LandingLayout component to encapsulate the Navbar and Footer.
- Created multiple new pages for the landing section, including About, Contact, Disclaimer, Grants, Hackathons, Privacy, Projects, and Terms of Service.
- Updated the Projects component to include pagination and improved project filtering based on user ownership and status.
- Enhanced the ProjectCard component to conditionally display the ellipsis menu based on project ownership.
- Added a Footer component for consistent navigation across the landing pages.

* feat: Update CampaignTable and pagination handling across user pages

- Modified CampaignTable component to accept `limit` and `showPagination` props for flexible display.
- Adjusted CampaignTable instances in UserPage and CampaignsPage to utilize new props.
- Refactored pagination logic in Projects component to streamline page navigation and improve user experience.
- Enhanced Pagination component for better integration and usability across different contexts.

* chore: Update Next.js version to 15.5.2 in package.json and package-lock.json

- Upgraded Next.js from 15.4.4 to 15.5.2 for improved performance and features.
- Updated related dependencies in package-lock.json to reflect the new version.

* feat: Refactor Projects and RecentProjects components for improved data fetching and dependency management

- Updated fetchProjects function in Projects component to include necessary dependencies for useCallback.
- Enhanced RecentProjects component to properly utilize fetchProjects with updated dependency array.
- Improved error handling and loading state management during project data fetching.

* feat: Add GSAP animations and new waitlist page

- Integrated GSAP for enhanced animations in the Navbar and new WaitlistPage component.
- Added form validation using Zod and react-hook-form for the waitlist form.
- Implemented character animations for the title and subtitle on the waitlist page.
- Updated package.json and package-lock.json to include GSAP and @gsap/react dependencies.
- Enhanced global styles with new CSS classes for animations and gradients.

Author: 0xdevcollins

app/(landing)/about/page.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+
+const AboutPage = () => {
+  return (
+    <div className='text-white text-4xl font-bold text-center mt-10'>
+      About Page
+    </div>
+  );
+};
+
+export default AboutPage;

app/(landing)/code-of-conduct/page.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+
+const CodeOfConductPage = () => {
+  return (
+    <div className='text-white text-4xl font-bold text-center mt-10'>
+      Code of Conduct Page
+    </div>
+  );
+};
+
+export default CodeOfConductPage;

app/(landing)/contact/page.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+
+const ContactPage = () => {
+  return (
+    <div className='text-white text-4xl font-bold text-center mt-10'>
+      Contact Page
+    </div>
+  );
+};
+
+export default ContactPage;

app/(landing)/disclaimer/page.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+
+const DisclaimerPage = () => {
+  return (
+    <div className='text-white text-4xl font-bold text-center mt-10'>
+      Disclaimer Page
+    </div>
+  );
+};
+
+export default DisclaimerPage;

app/(landing)/grants/page.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+
+const GrantPage = () => {
+  return (
+    <div className='text-white text-4xl font-bold text-center mt-10'>
+      Grant Page
+    </div>
+  );
+};
+
+export default GrantPage;

app/(landing)/hackathons/page.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+
+const HackathonPage = () => {
+  return (
+    <div className='text-white text-4xl font-bold text-center mt-10'>
+      Hackathon Page
+    </div>
+  );
+};
+
+export default HackathonPage;

app/(landing)/layout.tsx

@@ -0,0 +1,43 @@
+import { Metadata } from 'next';
+import { ReactNode } from 'react';
+import { Navbar } from '@/components/landing-page';
+
+export const metadata: Metadata = {
+  title: 'Boundless - Ideas Made Boundless',
+  description:
+    'Validate, fund, and grow your project with milestone-based support on Stellar.',
+  openGraph: {
+    title: 'Boundless - Ideas Made Boundless',
+    description:
+      'Validate, fund, and grow your project with milestone-based support on Stellar.',
+    type: 'website',
+    images: [
+      {
+        url: '/og-image-placeholder.png',
+        width: 1200,
+        height: 630,
+        alt: 'Boundless',
+      },
+    ],
+  },
+  twitter: {
+    card: 'summary_large_image',
+    title: 'Boundless - Ideas Made Boundless',
+    description:
+      'Validate, fund, and grow your project with milestone-based support on Stellar.',
+    images: ['/og-image-placeholder.png'],
+  },
+};
+
+interface LandingLayoutProps {
+  children: ReactNode;
+}
+
+export default function LandingLayout({ children }: LandingLayoutProps) {
+  return (
+    <div className='min-h-screen flex flex-col bg-background pt-5 md:pt-11'>
+      <Navbar />
+      <main className='flex-1'>{children}</main>
+    </div>
+  );
+}

app/(landing)/page.tsx

@@ -0,0 +1,9 @@
+export default function LandingPage() {
+  return (
+    <div className='bg-background'>
+      <h1 className='text-white text-4xl font-bold text-center mt-10'>
+        Landing Page
+      </h1>
+    </div>
+  );
+}

app/(landing)/privacy/page.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+
+const PrivacyPage = () => {
+  return (
+    <div className='text-white text-4xl font-bold text-center mt-10'>
+      Privacy Page
+    </div>
+  );
+};
+
+export default PrivacyPage;

app/(landing)/projects/page.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+
+const ProjectsPage = () => {
+  return (
+    <div className='text-white text-4xl font-bold text-center mt-10'>
+      Projects Page
+    </div>
+  );
+};
+
+export default ProjectsPage;