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:
57
README.md
Normal file
57
README.md
Normal 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
|
||||
Reference in New Issue
Block a user