Now let me generate the profile image and the product/hobby images for the site:

Now let me update the globals.css with the green/blue/white theme, update the layout, and build all the components:

Now let me update the layout with proper fonts and metadata:

Now update the font configuration in globals.css:

Now let me create the components. I'll create them all in parallel:

Now let me put everything together in the page:

Now let me also add smooth scrolling to the globals.css:

Here's the complete personal website for Meibelin Castro. I built a modern, responsive, and minimalist single-page site with all 6 requested sections:

1. Hero Section — Full-screen intro with circular profile image, name, title highlighting "Energia Renovable" and "Tecnologia", and a "Conoce mas" CTA button with a bounce animation.
2. Biography — Two-column layout (image + text) describing her passion for renewable energy, innovation, and leadership, plus quick stats (projects, awards, workshops).
3. Hobbies — Four cards in a responsive grid, each with an image, title, and description covering her main interests.
4. Fun Facts — Animated list items with Lucide icons that change color on hover, showcasing interesting facts about her and renewable energy.
5. Products & Logo — Personal brand "GreenFuture" logo area plus a 3-column gallery of fictional eco-tech products with prices and CTA buttons.
6. Footer — Social links, an inspirational Eleanor Roosevelt quote, and dynamic copyright year.

The theme uses a green/blue/white palette with Inter and Space Grotesk fonts, applied via CSS design tokens for full theming support.