Build a mobile-first, responsive website for connecting people with churches, allowing users to search, book services, register for events, and donate.

[e2b-for-github[bot]]

Pray For Us Website

Build a complete website for church .

Tech stack

- HTML5, JAVASCRIPT and CSS

- Use Tailwind CSS for styling

Design Requirements

• Mobile-first, responsive design that works on all devices
• Clean, modern interface with intuitive navigation
• Prominent search bar and call-to-action buttons
• Photographs to showcase churches and events
• Color scheme conveying spirituality, community, hope
• Familiar UI patterns for forms and payments
• Accessible design meeting WCAG 2.1 standards
• Social Chat Floating Icon for WhatsApp on lower right side
• Scroll to Top Button in the middle of the footer
• All Call of Action should be Linked to respective page or fucntions as required.
• Sign Up page should have proper form for registration, with email OTP verification modal on sign up, login link to navigate to login page
• Login Page should have proper form for login, sign up link to navigate to Sign Up page, password reset page with email OTP verification modal on password reset.

Functional Requirements

Homepage:

• Search bar to find churches by location/keywords
• Links to registration, church listings, about page
• Clean hero image with brief value proposition

Registration:

• First name, last name, email, password required
• Integration with church database to prevent duplicate accounts
• Option to add payment method for donations

User Profile:

• View/edit first name, last name, email, password
• Saved churches marked as favorites
• Tabs to view bookings, donations, event registrations
• Add/edit/delete payment methods

Church Listings:

• Searchable by location, denomination, amenities
• Detailed listings with descriptions, images, contact info
• Save churches as favorites from listings and profiles
• Buttons to book services, register for events, donate

Service Booking:

• Select date, time, service type
• Enter any special instructions
• Payment with saved payment method
• Confirmation email sent to user

Events Registration:

• Browse upcoming events from multiple churches
• Select event, ticket quantity/type, attendee details
• Payment form
• Confirmation email with event details

Donations:

• Suggested amounts pre-populated
• Option to give one-time or recurring donation
• Payment form with saved payment method
• Confirmation email with donation details

Admin Dashboard:

• Church staff can add/edit/delete listings
• Manage all bookings, registrations, donations
• Calendar view of upcoming booked services/events

Homepage Content Copy

Header:

• Logo: PrayForUs
• Navigation: Home, Find a Church, About Us, Sign Up(Button), Login(Button)

Hero Section:

• Image: People praying together
• Heading: Connect with Churches Through Prayer
• Text: PrayForUs makes it easy to connect with churches, attend services, register for events, and donate - all in one place.

Search Bar:

• "Find a church near you"

About Section:

• Heading: Bringing People and Churches Together
• Text: Our mission at PrayForUs is to strengthen communities by making it simple for people to connect with local churches. We provide an online platform for churches to list their services, events, and accept donations. And we enable churchgoers to easily find and engage with congregations through prayer.

Testimonial:

• Quote: "PrayForUs allowed me to find a new church home where I feel part of a community."

Call to Action:

• Heading: Ready to Connect?
• Button: Sign Up Now

Footer:

• Links to Find a Church, About Us, Terms, Contact
• Copyright

Church Listings Page:

• Search filters for denomination, Service Types, Location
• Church cards with details, Photos, Ratings, Website link
• Register, Book, Donate, Favorite buttons

Service Booking Page:

• Select Date, Time, Service Type
• Enter Instructions
• Payment form

Events Registration Page:

• Event Details, Ticket Quantity and Type
• Payment Form

Donations Page:

• Preset or Custom Amounts
• One-time or Recurring
• Payment form

Church Admin Dashboard:

• Manage listings, Services, Events

• View Bookings, Registrations, Donations

  Trigger the agent again by adding instructions in a new PR comment or by editing existing instructions.

Powered by E2B SDK

[e2b-for-github[bot]]

Started smol developer agent run.

[e2b-for-github[bot]]

Finished smol developer agent run.

Trigger the agent again by adding instructions in a new PR comment or by editing existing instructions.