Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a landing page for Rock”N”Roll Digital Media, targeting international B2B companies in the technology and digital media sectors. The website aims to communicate trust, innovation, and the advantages of utilizing AI automation in performance marketing and website development.

## CORE FEATURES
1. **Hero Section**: A striking hero banner that introduces Rock”N”Roll Digital Media with a clear tagline and call-to-action button to encourage user engagement.
2. **Services Overview**: A concise section outlining the main services offered, such as website development, maintenance, and performance marketing, each with brief descriptions.
3. **Trust Indicators**: Incorporate testimonials or logos of well-known clients to build credibility and trust with potential customers.
4. **AI Automation Explainer**: A dedicated section that highlights the benefits of AI automation in marketing and website performance, enhancing user understanding.
5. **Contact CTA**: Prominent call-to-action buttons encouraging visitors to reach out for consultations or inquiries.
6. **Footer**: A footer containing essential links, social media icons, and contact information to facilitate easy navigation and accessibility.

## 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 follow a single-column structure with sections stacked vertically. The hero section will be followed by services, trust indicators, AI automation, a contact CTA, and the footer.

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

## IMPLEMENTATION STEPS
1. **Setup Project**: Create a new React project with TypeScript and install Tailwind CSS and shadcn/ui for styling and UI components.
2. **Create Components**: Build components for each section (Hero, Services, Trust Indicators, AI Automation, Contact, Footer).
3. **Implement Layout**: Structure the layout using Tailwind CSS classes to ensure a responsive design.
4. **Add Content**: Populate the components with the relevant content, incorporating the primary color and typography specifications.
5. **Test Responsiveness**: Ensure that the landing page is responsive across different devices and screen sizes.
6. **Deploy**: Deploy the website to a hosting service and ensure all links and functionalities are operational.

## USER EXPERIENCE
The landing page will provide a seamless user experience with a clear navigation flow from the hero section to service descriptions, building trust through testimonials, and encouraging contact through well-placed CTAs. The minimalist design will ensure that visitors can focus on the content without distractions, enhancing engagement and conversion potential.