refactor: Migrate documentation content, rebuild UI components, and update core architecture.

docs/builder/sections.mdx

@@ -0,0 +1,28 @@
+---
+title: Section Components
+description: Building blocks of your pages.
+---
+
+
+
+WooNooW includes a library of pre-designed sections.
+
+## Available Sections
+
+### Hero Section
+The impact statement of your page. Includes a large headline, subheadline, call-to-action buttons, and a background image or color.
+
+### Feature Grid
+Showcase your services or product highlights in a clean grid layout. Supports 2, 3, or 4 columns.
+
+### Content Block
+A versatile text block with optional image. Great for "About Us" sections or storytelling. You can position the image on the left or right.
+
+### Image Text Section
+A modern alternating layout combining media (images or video) on one side and structured content (headings, text, buttons) on the other. You can choose whether the image appears on the left or the right. These elements have independent styling options allowing for maximum layout creativity.
+
+### Contact Form Section
+A fully functional form allowing visitors to get in touch. Includes configurable fields for Name, Email, Subject, and Message, and automatically connects to your site's contact email setting.
+
+### Call to Action (CTA) Banner
+A high-converting strip designed to get clicks. Perfect for newsletter signups or limited-time offers.