Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a highly visual and unique landing page dedicated to Quantum Physics. The main purpose is to engage visitors with beautifully designed content that simplifies complex concepts in Quantum Physics while providing an immersive user experience.

## CORE FEATURES
1. **Hero Section**: A captivating introductory area featuring a striking visual representation of Quantum Physics concepts, alongside a compelling tagline to draw users in.
2. **Interactive Visualizations**: Engaging graphical elements that illustrate key Quantum Physics principles, allowing users to explore concepts visually.
3. **Educational Content**: Well-organized sections with concise, informative text that breaks down complex theories into digestible pieces, enhanced by visuals.
4. **Call-to-Action (CTA)**: Clear CTAs that encourage users to learn more, subscribe to a newsletter, or explore additional content.
5. **Testimonials/Quotes**: A section featuring notable quotes from physicists or testimonials to lend credibility and inspire interest in the subject.
6. **Contact Information**: A simple contact form to allow users to reach out for more information or collaboration.

## 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**: A single-page layout with a vertical flow, featuring a full-width hero section at the top, followed by sections for interactive visualizations, educational content, testimonials, and a contact form, ensuring a smooth scroll experience.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for a landing page, but consider using local state for interactive components.

## IMPLEMENTATION STEPS
1. Set up the React project using Create React App with TypeScript.
2. Install Tailwind CSS and configure it for the project.
3. Import the Inter font from Google Fonts in your main CSS file.
4. Create the main components:
   - HeroSection
   - InteractiveVisualizations
   - EducationalContent
   - Testimonials
   - ContactForm
5. Design each component using Tailwind CSS, ensuring to maintain the minimalist aesthetic and the specified design specifications.
6. Implement smooth scrolling behavior between sections.
7. Test the landing page for responsiveness across different devices and browsers.

## USER EXPERIENCE
Visitors will experience a seamless and engaging journey through the world of Quantum Physics. They can easily navigate through the hero section to interactive visualizations, where they can explore concepts in an engaging manner. The educational content is designed to be informative yet accessible, making complex topics easy to understand. The CTAs are strategically placed to encourage further exploration and interaction, while the contact form provides a straightforward way for users to connect with the creators. The overall design prioritizes clarity and engagement, ensuring a memorable experience.