Free Wedding & Event Planner Website Design

Build a complete, responsive wedding and event planning website called "Your Business Name".

Goal: show real events and get enquiries for dates.

Visual style: Editorial. Use CSS custom properties for colours, spacing and radii; consistent rounded corners; clear typographic hierarchy with a bold display font for headlines.

Sections (in order):
1. Loader
2. Navbar
3. Hero
4. Services
5. Portfolio
6. Packages
7. Testimonials
8. Enquiry form
9. Footer

Must include: event portfolio and galleries; packages and pricing; enquiry form with event date; vendor and venue partners; couple testimonials.

Animation: use GSAP for motion — timeline-driven motion, scrolltrigger and buttery easing for loaders and page reveals. Include a loading/intro animation, staggered entrance reveals and hover micro-interactions. Respect prefers-reduced-motion.

Deliver: semantic HTML/CSS/JS and an equivalent React component version, mobile-first responsive layout (360px → 1440px), accessible focus states and ARIA labels, optimised images and realistic placeholder copy. Add local SEO basics: a page title and meta description with the business name and city, and LocalBusiness structured data.

Free section designs and animation code to start from: https://orucode.online/designs