Marketing Homepage - Pages & Features

This page summarizes the main routes and features of the Marketing Homepage.

Public pages

Route	Description
`/`	Home: hero, features, courses preview, testimonials, etc.
`/about-us`	About FDA, team, overview
`/courses`	List of courses (from API or static data)
`/courses/[slug]`	Course detail: description, instructor, add to cart, etc.
`/categories`	List of course categories
`/categories/[slug]`	Courses in a category
`/combo-courses`	List of combo/bundle courses
`/combo-courses/[slug]`	Combo course detail
`/create-combo`	Custom combo builder: select courses, see price, add to cart
`/instructors`	Instructor list
`/instructors/[id]`	Instructor profile and their courses
`/testimonials`	Student testimonials (and video testimonials if present)
`/google-reviews`	Google reviews section
`/faq`	FAQ page
`/verify-certification`	Public form to verify a certificate
`/privacy-policy`	Privacy policy
`/refund-cancelation-policy`	Refund and cancellation policy

Auth (lightweight)

Route	Description
`/login`	Phone + PIN login (can align with Admin Panel)
`/register`	Registration (phone, PIN, etc.)
`/pin`	PIN entry step if used in flow
`/forgot-pin`	Forgot PIN / reset

Auth may share the same backend as the Admin Panel (same JWT, phone+PIN) or a dedicated auth API; configuration is via env or API base URL.

Commerce

Route	Description
`/cart`	Cart contents; update quantity, remove, proceed to checkout
`/checkout`	Checkout: customer details, payment (e.g. Razorpay or redirect to Admin Panel checkout)

Cart state is typically in CartContext; persistence can be localStorage or session. Checkout may call the Admin Panel’s payment APIs or a shared backend.

Components (high level)

Header / Footer: Navigation, logo, links, contact.
CourseCard, CourseDetail: Course list and detail UI.
ComboCourseCard, CustomComboBuilder: Combo listing and build-your-own combo.
Categories, CategoryCard: Category list and category course listing.
CartIcon, AddToCartButton: Cart UI and add-to-cart actions.
Testimonials, GoogleReviews, Faqs: Content sections.
PinInput, PhoneNumberInput: Auth inputs.

Data sources

Courses: src/data/courses.ts (static) or src/data/courses-api.ts (Admin Panel API).
Categories: src/data/categories.ts or src/data/categories-api.ts.
Blogs: src/data/blogs.ts (static or API).
Instructors: src/data/instructors.ts.
Testimonials: src/data/testimonials.ts.
Combo pricing: src/utils/comboPricing.ts.

Responsive and UX

Layout is responsive (Tailwind); key components work on mobile and desktop.
Motion is used for animations where applicable.
WhatsApp icon or similar may link to support.

For environment and deployment, see Environment & Config. For API setup, see API Integration.