Upgrade hellodoctor.org (Next.js): Doctors Directory + Scheduling + Appointment Booking + Payment Gateway + Email Notifications

We have an existing Next.js landing page website: hellodoctor.org (deployed on Vercel).
The current design, sections, and content are already implemented and must remain consistent.
We want to add new features: FAQ, Gallery, Doctors list with details, Doctor schedules (regularly updatable), Appointment booking flow, SSLCommerz payment integration (API/verification), and automatic email notifications after successful payment.

⸻

Scope of Work (Requirements)

1) Keep existing landing page as-is
• Do not break existing UI/branding/layout
• Ensure mobile responsiveness remains perfect
• Improve internal section navigation using anchors (ex: #pricing, #contact, etc.)

2) Add FAQ section (SEO friendly)
• Add FAQ accordion section on the landing page
• Add anchor link: #faq
• (Preferred) Add FAQ schema (JSON-LD) for SEO

3) Add Gallery section
• Gallery grid (mobile friendly) + lightbox
• Anchor link: #gallery
• We will provide images and captions

4) Doctors Directory + Doctor Details
• Doctors list page/section (grid/list)
• Doctor details/profile view including:
• Name, designation, specialties
• Consultation fee
• Photo + short bio
• Languages (optional)
• Schedule/availability shown clearly

5) Doctor Schedule & Regular Updates (Admin required)
• Each doctor should have weekly availability + time slots
• Admin/team must be able to update schedules regularly without code changes
• Required admin features:
• Add/Edit doctor details
• Add/Edit weekly schedule
• Block dates/holidays (unavailable)
• (Optional) update fee

6) Appointment Booking Flow (from list + profile)
• Users can book directly from the Doctors list and also from doctor profile
• Booking flow:
1. Select doctor
2. See available schedule/time slots
3. Select slot
4. Fill booking info (patient name, phone, optional email, notes)
5. Proceed to payment

7) SSLCommerz Payment Integration (NOT hosted redirect)
• Integrate SSLCommerz API
• Must include server-side payment verification (do not rely on front-end success only)
• Payment result pages: success / failed / cancelled
• After successful payment:
• Save booking as Confirmed/Paid
• Generate booking reference ID
• Store transaction ID + amount

8) Email Notification after successful payment
• After verified successful payment, send an automatic email to our team
• Email must include:
• Booking reference ID
• Patient name + phone
• Doctor name
• Date & time slot
• Amount paid + transaction ID
• We will provide 1–3 recipient emails

9) Basic SEO Technical Setup (landing page)
• Title/meta description, canonical tag
• Ensure robots.txt + sitemap.xml are present and correct
• Open Graph tags for WhatsApp/Facebook sharing

⸻

Tech Stack
• Next.js (existing codebase)
• Vercel deployment
• Payment: SSLCommerz
• Backend/DB acceptable options: Supabase / Firebase / PostgreSQL / MongoDB (developer choice)
• Admin can be a protected dashboard or simple CMS (developer recommendation)

⸻

Deliverables
• Live updated website on Vercel
• Doctors directory + schedules + booking + SSLCommerz payment + email notifications working end-to-end
• Admin method to update doctors and schedules
• Documentation (how to update doctors/schedules, payment configuration, email settings)
• Testing proof (sandbox + production checklist)