Vestroll Landing Waitlist Page

This is a Next.js landing page built with TypeScript and Tailwind CSS, designed for capturing waitlist signups. VestRoll is a Payroll management platform built for modern businesses. Built with Next.js 15, TypeScript, and React 19, it provides a smooth experience for managing contracts, team members, and financial operations. By leveraging the Stellar configuration, VestRoll ensures fast, low-cost, and secure stablecoin interactions, making global payroll efficient and accessible.

Architecture and Folder Structure

The project follows a modular and scalable architecture to ensure clean code and easy maintenance:

src/ Directory Structure

• src/components/ui: Contains atomic, reusable UI components such as buttons, inputs, cards, and other primitive elements.
• src/components/layout: Houses shared layout components like the Navbar, Footer, and shared layout wrappers.
• src/components/sections: Contains page-specific sections like Hero, Features, FAQ, and WaitlistForm. This helps in keeping the main page file clean.
• src/lib: Dedicated to shared utility functions, constants, and global configurations (e.g., API clients, theme helpers).
• src/hooks: A place for custom React hooks to encapsulate shared logic across components.
• src/types: Centralized location for TypeScript interfaces, types, and enums.
• src/styles: Contains global CSS, Tailwind extensions, and font configurations.
• src/app: Uses the Next.js App Router for routing and page-level layouts.

🎯 Target Audience & Ecosystem Impact

Who is this for?

• Global Enterprises: Companies with distributed teams needing seamless cross-border payroll.
• DAO & Web3 Organizations: Native crypto organizations requiring fiat and stablecoin payroll solutions.
• Freelancers & Contractors: Individuals seeking transparent, instant, and low-fee payments.

Contribution to the Stellar Ecosystem

VestRoll plays a pivotal role in the Stellar ecosystem by:

1. Driving Real-World Utility: Moving beyond speculation to practical, high-volume stablecoin use cases (Payroll).
2. Highlighting Efficiency: Showcasing Stellar's speed and low fees for frequent, small-to-large value transactions.

Getting Started

Installation

First, install the dependencies:

npm install

Running the Development Server

Start the interactive development server:

npm run dev

Open http://localhost:3000 in your browser to see the result.

Tech Stack

• Framework: Next.js (App Router)
• Language: TypeScript
• Styling: Tailwind CSS
• Utilities: clsx, tailwind-merge for dynamic class management.