I understand. You want the Hero section to be a proper hero banner with background image and overlay text, without a separate logo section. Let me fix this by converting the Hero component into a full-width hero banner.

Now I'll update the Hero component to be a proper hero banner with background image and overlay text:

Now remove the HeroBanner from the page structure:

I've updated the Hero section to be a full-width hero banner with background image and overlay text. The Hero now features a background image with a dark overlay, white headline, tagline, and CTA button positioned over the image. The common website header will display above this without duplication, and I removed the separate HeroBanner component entirely.

Now I'll create the two new sections and add them to the page. Let me create them:

Now I'll update the page to include these two new sections:

I've added two new sections to your webpage:

1. Invitation Section - A warm, inviting section on a beige background that encourages school leaders and educators to consider purposeful outdoor learning, highlighting how ChukkiMane's Eco Immersion Programs support academic objectives while grounding students in lived ecological systems. It concludes with the powerful italic statement: "Learning deepens when students step into context."

2. Appreciation Section - A teal gradient background section expressing gratitude to SBI Officers Association Public School for celebrating National Science Day through immersive environmental education, emphasizing their commitment to sustainability and ChukkiMane's philosophy of education rooted in land, observation, and responsibility.

Both sections are strategically placed before the final CTA section with appropriate section dividers to maintain visual hierarchy and brand consistency throughout the page.