Initial commit: UP Parivaar Dallas site

This commit is contained in:
2026-07-23 20:08:08 +05:30
commit 9a42e8b6e5
128 changed files with 8409 additions and 0 deletions
+49
View File
@@ -0,0 +1,49 @@
# UP Parivaar Dallas — Website
A pixel-faithful Next.js (App Router) implementation of the **UP Parivar Dallas**
Figma design (Page 1 — all 7 screens).
## Pages
| Route | Screen |
|-------|--------|
| `/` | Home |
| `/about` | About Us |
| `/events` | Events |
| `/events/detail` | Event Detail (Diwali Mahotsav) |
| `/gallery` | Gallery |
| `/knowledge` | Knowledge Hub |
| `/why-join` | Why Join / Membership |
## Tech
- **Next.js 15** (App Router) + **React 19**
- **Tailwind CSS 3** design system (`tailwind.config.ts` — brand colors, fonts, shadows)
- **Fonts:** Playfair Display (display headings — matches Figma's *Kalufonia*), Gloock (serif), Parkinsans (body — the Figma UI font), via `next/font`
- All imagery exported directly from the Figma file into `public/img`
- `next/image` optimization throughout
## Run
```bash
npm install
npm run dev # http://localhost:3000
# or
npm run build && npm run start
```
## Structure
```
app/ # route segments (one folder per page)
components/ # Navbar, Footer, Logo, EventCard, Tabs, Carousel,
# Faq, MembershipForm, WhatsAppFab, ui primitives
lib/data.ts # shared content (events, testimonials, FAQs)
public/img/ # design assets exported from Figma
```
## Design tokens
- Primary orange `#F45700`, light orange `#FF8001`, gold `#FFC107`
- Cream background `#FFF7F3`, deep-brown footer `#1C0E03`
- Logo accents: navy `#150D8E`, green `#7ECA4F`