Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project aims to create a unique landing page for a Spanish SaaS platform called "ñ.webs", designed for web page creation. This landing page will feature a highly personalized and premium aesthetic, steering clear of generic template designs. The goal is to convey a sophisticated, disruptive, and technological identity that resonates with a Spanish audience.

## CORE FEATURES
1. **Asymmetric Hero Section**: A striking hero section with a large, impactful headline stating "Crea webs que no parecen un clon" complemented by an abstract composition instead of typical screenshots.
  
2. **Why We Are Not AI**: A unique feature section with three intentionally misaligned cards highlighting the benefits of using "ñ.webs", such as "Código Limpio y Exportable", "RGPD y Servidores en Madrid", and "Soporte Humano sin Bots".

3. **Transparent Pricing**: Two clearly designed pricing cards for "Plan Autónomo - 19€/mes" and "Plan Agencia - 49€/mes", with a distinction for the popular plan, including details about VAT.

4. **Premium Contact System**: An integrated contact form alongside local support information, ensuring easy access for users seeking assistance.

5. **Subtle Animations and Microinteractions**: Implement smooth transitions and hover effects to enhance user engagement and provide a modern interactive experience.

## DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds.
- **Primary Color**: #1978E5 (accent for buttons, links, highlights).
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements.
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs.
- **Layout**: Asymmetric layout featuring a floating, minimalist navbar with a backdrop-blur effect, a hero section with contrasting text and abstract elements, and uniquely designed feature and pricing sections with intentional misalignments.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specified but can incorporate context API or Zustand if needed.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and set up Tailwind CSS for styling.
2. **Create Navbar Component**: Develop a floating navbar with a blurred background using Tailwind CSS, ensuring the "ñ.webs" logo is prominently displayed.
3. **Design Hero Section**: Build the hero section with an asymmetric layout, incorporating the large text and abstract design elements.
4. **Develop "Why We Are Not AI" Section**: Create the feature cards with intentional misalignments, adding hover effects for a glow effect.
5. **Implement Pricing Section**: Design the pricing cards, ensuring the layout is clean and the distinguishing features are highlighted.
6. **Build Contact Form**: Integrate a contact form that is visually appealing and user-friendly, positioned next to the support information.
7. **Add Animations**: Incorporate fade-in and hover animations using CSS transitions to enhance the user experience.
8. **Testing and Optimization**: Test the landing page across various devices for responsiveness and optimize performance.

## USER EXPERIENCE
Users will be greeted with an eye-catching asymmetric hero section that draws them in with bold typography and engaging visuals. As they scroll, they will encounter uniquely styled feature cards that clearly communicate the platform's benefits. The transparent pricing section will allow users to easily understand costs, while the integrated contact form ensures they can quickly reach out for support. Subtle animations and microinteractions will provide a modern and engaging experience, encouraging users to explore further. 

This landing page will effectively communicate the premium and disruptive nature of "ñ.webs", setting it apart from traditional web design solutions.