I'll convert this church website HTML into a polished Next.js application with proper components and styling. Let me first update the globals.css with the appropriate design tokens, then create the page.
Now I'll update the styles and create the church website. Let me update the globals.css with the dark church theme colors, update the layout with proper metadata, and create the page components.
Now let me create the church website page with components:
I've converted the HTML church website into a modern Next.js application with the following structure:
The design uses a cohesive dark navy theme (#0f172a) with WhatsApp green (#25D366) as the primary accent color, proper semantic design tokens, and responsive layouts with Tailwind CSS.
I'll add the new sections based on the config. Let me first read the current page structure, then create the new components.
Now I'll create the new sections and update the page. Let me create the prayer request section, first visit section, testimonials, and contact form:
Now let me update the schedule section to add the Google Maps button, and update the main page to include all the new sections:
Now let me update the main page to include all the new sections:
I've added all the new sections based on your config file:
All forms send messages via WhatsApp to the church number, and the page flow is now optimized for conversions and engagement.