uppariwar/README.md

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

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