I can see the project already has a landing page structure. Let me read the existing files to understand the full codebase before building the campground version.

The project only has the starter template files. Now I'll build the full campground landing page — updating globals.css, layout.tsx, page.tsx, and creating all the component files.

Now update the layout.tsx with the campground fonts and metadata:

Now create all the campground components:

Now update the main page.tsx to use all the new components:

The Capertee Campground landing page is fully built with 8 components. Here's what was created:

• Navbar — transparent-to-solid scroll behaviour with a sticky "Book Now" CTA and mobile hamburger menu
• Hero Section — full-viewport background photo with an overlay headline and a 4-field booking search bar (arrival, departure, guests, accommodation type)
• Accommodation Section — 4 cards (Glamping Tent, Cabin, Powered Site, Bush Retreat) with ratings, features, pricing, and book buttons
• Amenities Section — 12-item icon grid covering WiFi, fire pits, pool, guided walks, star gazing, and more
• Gallery Section — asymmetric photo grid with hover zoom effects
• Testimonials Section — 3 guest review cards with stats (4.9 rating, 2,400+ guests, 98% return rate)
• CTA Section — dark forest-green call-to-action with trust signals (free cancellation, no booking fees)
• Footer — full-width footer with contact details, social links, and navigation columns

The theme uses a forest green primary, warm cream neutrals, and terracotta accents with Playfair Display for headings and Plus Jakarta Sans for body text.