Initial commit: Complete Pennyzo Frontend with waitlist form implementation

- Added React TypeScript frontend with Vite build system
- Implemented luxury-themed UI with custom Tailwind colors
- Created comprehensive waitlist form with conditional logic:
  * Personal information (name, email)
  * Company details (name, type, GST registration)
  * Conditional CIN/PAN fields based on company type and GST status
  * Industry selection and goals questionnaire
- Added form validation and error handling
- Integrated waitlist form with hero section and live counter
- Implemented responsive design with elegant animations
- Added proper gitignore for frontend project
This commit is contained in:
2025-09-17 20:16:59 +05:30
commit ee87f004ed
28 changed files with 5498 additions and 0 deletions

57
README.md Normal file
View File

@@ -0,0 +1,57 @@
# Pennyzo Web
A modern React TypeScript web application for Pennyzo, built with Tailwind CSS and custom branding.
## Features
- React 18 with TypeScript for type safety
- Tailwind CSS with custom color palette
- Responsive design with mobile-first approach
- Sticky navigation header
- Custom brand colors: deep-navy, brass, off-white, light-gray
## Getting Started
1. Install dependencies:
```bash
npm install
```
2. Start the development server:
```bash
npm run dev
```
3. Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
## Custom Colors
The project includes a custom Tailwind color palette:
- `deep-navy`: #0A192F
- `brass`: #D4AF37
- `off-white`: #F8F8F8
- `light-gray`: #CCD6F6
## Project Structure
```
src/
├── components/
│ ├── Header.tsx # Main navigation header
│ ├── HeroSection.tsx # Hero section with CTA
│ ├── FeaturesSection.tsx # Features grid with cards
│ ├── WhyPennyzoSection.tsx # Benefits section
│ └── Footer.tsx # Footer with links and contact info
├── App.tsx # Main application component
├── index.tsx # Application entry point
└── index.css # Tailwind CSS imports
```
## Available Scripts
- `npm run dev` - Runs the app in development mode with Vite
- `npm run build` - Builds the app for production
- `npm run preview` - Preview the production build locally