commit 9a42e8b6e5dd56f33080c199ab8cead06481511c Author: Goutam Date: Thu Jul 23 20:08:08 2026 +0530 Initial commit: UP Parivaar Dallas site diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..204e73d --- /dev/null +++ b/.gitignore @@ -0,0 +1,8 @@ +/node_modules +/.next +/out +/build +.env* +.DS_Store +*.tsbuildinfo +next-env.d.ts diff --git a/README.md b/README.md new file mode 100644 index 0000000..1551e7d --- /dev/null +++ b/README.md @@ -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` diff --git a/app/about/page.tsx b/app/about/page.tsx new file mode 100644 index 0000000..c3aa8ff --- /dev/null +++ b/app/about/page.tsx @@ -0,0 +1,251 @@ +import Image from "next/image"; +import { SectionHeading } from "@/components/ui"; +import Tabs from "@/components/Tabs"; +import Carousel from "@/components/Carousel"; +import Logo from "@/components/Logo"; + +export const metadata = { title: "About — UP Parivaar Dallas" }; + +const marquee = [ + "/img/about_8_.jpg", "/img/about_5_.jpg", "/img/about_3_.jpg", "/img/about_22_.jpg", + "/img/about_7_.jpg", "/img/about_2_.jpg", "/img/about_21_.jpg", "/img/about_24_.jpg", +]; + +const team = [ + { name: "Pankaj Mishra", role: "Operations Head", img: "/img/Pankaj%20Mishra.png" }, + { name: "Arjun Verma", role: "Chief Engineer", img: "/img/Vikram%20Nair.png" }, + { name: "Rohit Sharma", role: "Project Manager", img: "/img/Venky%20Pandey.png" }, + { name: "Sneha Reddy", role: "Project Manager", img: "/img/Nidhi%20Jain.png" }, + { name: "Vikram Nair", role: "Project Manager", img: "/img/Vikram%20Nair.png" }, + { name: "Amit Joshi", role: "Project Manager", img: "/img/Pankaj%20Mishra.png" }, +]; + +const committee = [ + { name: "Suresh Gupta", role: "Cultural Lead", img: "/img/Venky%20Pandey.png" }, + { name: "Neha Kapoor", role: "Events Lead", img: "/img/Nidhi%20Jain.png" }, + { name: "Deepak Rao", role: "Seva Coordinator", img: "/img/Pankaj%20Mishra.png" }, + { name: "Kavita Menon", role: "Youth Programs", img: "/img/Nidhi%20Jain.png" }, + { name: "Rahul Bose", role: "Finance", img: "/img/Vikram%20Nair.png" }, + { name: "Manish Tyagi", role: "Membership", img: "/img/Venky%20Pandey.png" }, +]; + +const whatWeDo = [ + { t: "Cultural Celebrations", d: "Organizing festivals and events that showcase the traditions and heritage of Uttar Pradesh.", img: "/img/about_19_.jpg" }, + { t: "Family Gatherings", d: "Creating opportunities for families to meet, connect, and build lasting friendships.", img: "/img/about_22_.jpg" }, + { t: "Community Programs", d: "Hosting activities that encourage engagement, learning, and collaboration.", img: "/img/about_21_.jpg" }, + { t: "Youth Engagement", d: "Helping younger generations stay connected to their culture and community.", img: "/img/about_24_.jpg" }, + { t: "Volunteer Initiatives", d: "Supporting charitable and community-focused causes through collective efforts.", img: "/img/about_20_.jpg" }, + { t: "Networking & Support", d: "Providing opportunities for personal, professional, and social connections.", img: "/img/about_23_.jpg" }, +]; + +const stats = [ + { n: "500+", l: "Community Members" }, + { n: "25+", l: "Events Organized" }, + { n: "100+", l: "Volunteer Hours" }, + { n: "20+", l: "Multiple Community" }, +]; + +function PersonCard({ p }: { p: { name: string; role: string; img: string } }) { + return ( +
+
+ {p.name} +
+
+

{p.name}

+

{p.role}

+
+
+ ); +} + +export default function AboutPage() { + return ( + <> + {/* HERO */} +
+
+ About UP Parivaar Dallas +

+ Bringing Uttar Pradesh's Roots, Culture & Traditions to Dallas +

+

+ A nonprofit community organization connecting families, celebrating + heritage, and strengthening community bonds. +

+
+
+ {marquee.map((src, i) => { + const variant = ["about-hero__marquee-item--wide", "about-hero__marquee-item--narrow", ""][i % 3]; + return ( +
+ +
+ ); + })} +
+
+ + {/* FOUNDERS */} +
+
+ Led by the community, for the community} + desc="Not a company. A volunteer-run family — powered by people who simply care." + align="split" + /> +
+
+
+ Venky Pandey +
+
+
+

Venky Pandey

+

Founder

+
+

venkeypj@upparivaar.com

+
+
+
+ +
+
+
+ Nidhi Jain +
+
+
+

Nidhi Jain

+

Co-Founder

+
+

nidhij@upparivaar.com

+
+
+
+ +
+ + {team.map((p) => ( + + ))} + + + {committee.map((p) => ( + + ))} + +
+
+
+ + {/* MISSION / VISION */} +
+
+ +
+
+

Our Mission

+

+ Our mission is to strengthen the Uttar Pradesh community in Dallas + by fostering cultural pride, encouraging community engagement, and + creating opportunities for families to connect, celebrate, and + support one another. +

+

Mission Pillars

+
    + {["Preserve our cultural heritage", "Strengthen family and community bonds", "Support community service initiatives", "Inspire future generations", "Promote unity and belonging"].map((m) => ( +
  • + • {m} +
    • + ))} +
+
+
+ Mission +
+
+
+ ), + }, + { + label: "Our Vision", + content: ( +
+
+
+

Our Vision

+

+ We envision a thriving, connected Uttar Pradesh community across + North Texas — where every family feels at home, every tradition is + celebrated, and every generation carries our culture forward with + pride. +

+

Vision Pillars

+
    + {["A borderless cultural network", "Trusted member-led community", "Opportunities for every generation", "A living archive of our stories", "Seva at the heart of everything"].map((m) => ( +
  • + • {m} +
    • + ))} +
+
+
+ Vision +
+
+
+ ), + }, + ]} + /> + +
+ {stats.map((s) => ( +
+
+

{s.n}

+

{s.l}

+
+ ◈ +
+ ))} +
+ +
+ + {/* WHAT WE DO */} +
+
+
+

What We Do

+

+ Building connections through meaningful experiences that bring families, + friends, and communities together, creating lasting relationships, trust, + and belonging. +

+
+
+ {whatWeDo.map((w) => ( +
+
+ {w.t} +
+
+

{w.t}

+

{w.d}

+
+
+ ))} +
+
+
+ + ); +} diff --git a/app/contact/page.tsx b/app/contact/page.tsx new file mode 100644 index 0000000..d97edcf --- /dev/null +++ b/app/contact/page.tsx @@ -0,0 +1,108 @@ +import { Arrow } from "@/components/ui"; + +export const metadata = { title: "Contact Us — UP Parivaar Dallas" }; + +const info = [ + { + label: "Phone Number", + value: "(555) 123-4567", + icon: ( + + + + ), + }, + { + label: "Email Address", + value: "info@upparivaar.com", + icon: ( + + + + + ), + }, + { + label: "Office Hours", + value: ( + <> + Monday–Friday: 8am – 6pm +
+ Saturday: 9am – 3pm + + ), + icon: ( + + + + + ), + }, +]; + +export default function ContactPage() { + return ( + <> + {/* HERO */} +
+
+ UP Parivar Dallas · Est. 2010 +

Contact Us

+

+ Schedule a complimentary consultation with our community team. +

+
+
+ + {/* CONTACT CARD */} +
+
+
+ {/* Info panel */} +
+
+

Get In Touch

+
+

+ Reach out for events, membership, seva opportunities or partnership + queries. We're eager to help your family feel at home in Dallas! +

+
+ {info.map((it) => ( +
+ {it.icon} +
+

{it.label}

+

{it.value}

+
+
+ ))} +
+
+ + {/* Message form */} +
+

Send us a Message

+
+ + + + +