Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Create a landing page for F&C Energy, a company focused on sustainable energy solutions. The page will serve as an informative and promotional site that highlights the company's mission, encourages user engagement through contact forms, and captures leads through an email sign-up.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction that showcases F&C Energy's commitment to sustainable energy with a captivating headline and a call-to-action button.
2. **About Us**: A brief section detailing the company’s mission and vision regarding sustainable energy solutions.
3. **Contact Form**: A simple and intuitive contact form for visitors to reach out with inquiries, including fields for name and email.
4. **Email Sign-Up**: A section for users to subscribe to updates, promotions, and news related to F&C Energy.
5. **Footer**: Includes copyright information and links to privacy policy and terms of service.

## 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**: The layout will be a single-page scrolling design, with sections stacked vertically. Each section will be clearly defined with ample spacing to enhance readability and visual appeal.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not required for this landing page.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React application with TypeScript and install Tailwind CSS.
2. **Create Layout Components**: Build components for the Hero section, About Us, Contact Form, Email Sign-Up, and Footer.
3. **Implement Styling**: Apply Tailwind CSS classes following the design specifications, ensuring a minimalist aesthetic.
4. **Add Functionality**: Implement form handling for the contact form and email sign-up, potentially using a service like Formspree for submissions.
5. **Testing**: Ensure responsiveness across devices and browsers, check form submissions, and validate design consistency.
6. **Deployment**: Deploy the landing page using a service like Vercel or Netlify for easy access.

## USER EXPERIENCE
Users will first encounter the hero section, which clearly states F&C Energy’s mission. They can scroll down to learn more about the company, fill out the contact form for inquiries, or sign up for email updates. The overall experience will be smooth, with a focus on simplicity and clarity, encouraging user interaction without distractions.