ectasy663
ee87f004ed
- 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
1.5 KiB
1.5 KiB
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
-
Install dependencies:
npm install -
Start the development server:
npm run dev -
Open http://localhost:3000 to view it in the browser.
Custom Colors
The project includes a custom Tailwind color palette:
deep-navy: #0A192Fbrass: #D4AF37off-white: #F8F8F8light-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 Vitenpm run build- Builds the app for productionnpm run preview- Preview the production build locally