Halcyon ✦ Fintech Landing Page

A premium, high-performance fintech landing page template designed for the next generation of financial products. Built with modern web technologies and extreme attention to detail.

View Live Demo · Discover More Templates on POG Pro

---

✨ Features

• Modern Tech Stack: Built on React 19, Vite, and Tailwind CSS v4.
• Premium Animations: Cinematic reveal effects and smooth scrolling powered by Framer Motion and Lenis.
• Accessible UI Components: Utilizes Radix UI for highly accessible, unstyled interactive components.
• Vercel-Ready: Fully configured for instant deployment as a lightning-fast Single Page Application (SPA).
• Fully Responsive: Flawless design execution across all device sizes.
• TanStack Router: Type-safe, high-performance routing.

🛠 Tech Stack

• Framework: React 19 + Vite
• Styling: Tailwind CSS v4
• Routing: TanStack Router
• Components: Radix UI + shadcn/ui (adapted)
• Animations: Framer Motion + Lenis

🚀 Getting Started

To get this template running locally on your machine, follow these simple steps:

1. Clone the repository

git clone https://github.com/Sudarshan-prog/fintech1-Halcyon-.git
cd fintech1-Halcyon-

2. Install dependencies

npm install

3. Run the development server

npm run dev

Navigate to http://localhost:5173 in your browser to see the template live.

☁️ Deployment

This project is perfectly optimized and pre-configured for seamless deployment on Vercel.

One-Click Vercel Deployment:

1. Push your code to a GitHub repository.
2. Go to your Vercel Dashboard and click Add New -> Project.
3. Import your GitHub repository.
4. Vercel will automatically detect the Vite framework.
5. Click Deploy.

Note: The project includes a vercel.json file that automatically configures routing to prevent 404/403 errors, ensuring your SPA works flawlessly.

📁 Project Structure

├── src/
│   ├── components/       # Reusable UI components (Hero, Nav, CTA, etc.)
│   ├── hooks/            # Custom React hooks
│   ├── lib/              # Utility functions and configurations
│   ├── routes/           # TanStack router page definitions
│   ├── styles.css        # Global Tailwind CSS and custom styles
│   ├── main.tsx          # Application entry point
│   └── routeTree.gen.ts  # Auto-generated routing tree
├── public/               # Static assets (images, favicons)
├── index.html            # Vite HTML entry point
├── vercel.json           # Vercel deployment configuration
├── vite.config.ts        # Vite build configuration
└── tailwind.config.js    # Tailwind configuration

📄 License

This template is free to use for both personal and commercial projects. Created and distributed via POG Pro.