PoolSave Landing Page

A modern, responsive landing page for PoolSave — Community Rotating Savings With Collective Yield Allocation.

Features

• Modern Design: Matches the mobile app's dark theme with cyan and orange accents
• Fully Responsive: Works beautifully on desktop, tablet, and mobile devices
• Smooth Animations: Scroll-triggered navigation effects
• Comprehensive Content: Detailed sections covering features, how it works, and benefits
• Next.js 14: Built with the latest Next.js for optimal performance

Getting Started

Prerequisites

• Node.js 18+
• npm, yarn, or pnpm

Installation

# Install dependencies
npm install
# or
yarn install
# or
pnpm install

Development

npm run dev
# or
yarn dev
# or
pnpm dev

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

Build for Production

npm run build
npm start

Design System

The landing page uses the same color palette as the mobile app:

• Primary: #1A1A1A - Main background
• Secondary: #00D4D4 - Cyan accent (buttons, highlights)
• Accent: #FF8C42 - Orange accent (alternate highlights)
• Text: #FFFFFF99 - Semi-transparent white for secondary text
• Background: #252525 - Section backgrounds
• BG: #303030 - Card backgrounds
• Highlight: #5A5A5A - Borders and dividers

Sections

1. Hero: Main value proposition with CTA buttons
2. Problem Statement: Challenges with traditional savings circles
3. Solution: What PoolSave offers
4. How It Works: Step-by-step explanation
5. Benefits: Why choose PoolSave
6. Technology: Blockchain and smart contract details
7. Vision: Future goals
8. CTA: Final call to action
9. Footer: Links and information

Deployment

The landing page can be deployed to:

• Vercel (recommended for Next.js)
• Netlify
• Any static hosting service

For Vercel:

npm install -g vercel
vercel

License

Private project for PoolSave.