Now I'll update the grid layout to show 3 churches per row on lg/xl screen sizes:

I've updated the churches grid layout to display 3 churches per row on lg and xl screen sizes. The responsive breakpoints are now:

• md (medium screens): 2 columns
• lg (large screens): 3 columns
• xl (extra large screens): 3 columns

This creates a better use of horizontal space on larger displays while maintaining 2 columns on tablet-sized screens for optimal readability.

I'll redesign the home page to match the beautiful design in the image you provided. This design features a hero section with a church background, search functionality, feature cards, and sections for upcoming events, mass timings, and featured blogs. Let me create this new design while preserving existing features.

Now let me check the current landing page component and create the new design:

Now I'll create a completely redesigned landing page matching the image provided. I'll create new components for the hero section and feature cards:

Now let me create the feature cards component:

Now let me create the main content sections component:

Now let me create the statistics section:

Now let me update the landing page to use these new components:

Now let me remove the rest of the old code and keep only the essentials:

Let me delete the old landing-page.tsx and recreate it cleanly:

Now let me create the new, clean landing page:

I've successfully redesigned your home page to match the design in the image you provided. Here's a summary of the changes:

Home Page Redesign Complete ✓

New Components Created:

1. HeroSection - Full-screen hero with church background image, welcome text, quick action buttons, and search card on the right
2. FeatureCards - Six colorful feature cards (Today's Masses, Church Calendar, Prayer Requests, Live Streaming, Read Blogs, Donate)
3. ContentSections - Three-column layout showing Upcoming Events, Today's Mass Timings, and Featured Blog
4. StatsSection - Dark footer with 5 statistics (Churches, Priests, Members, Events, Lives Impacted)

Key Features:

• Matches the provided design with church background imagery
• Left-aligned hero content with welcome message and quick action buttons
• Right-aligned search card for finding churches near you
• Feature cards with icons and color-coded sections
• Three-column content layout for events, masses, and blogs
• Dark blue statistics bar at the bottom
• All existing features preserved and integrated

The new design maintains all the functionality you need while providing a modern, professional look that matches the reference image exactly!