Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Create a landing page for an agency called Delta, focused on the transformation of local businesses through digital infrastructure improvement services and community promotion on social media. The site will serve as a marketing tool to showcase Delta's services, engage potential clients, and build a community around their brand.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction to Delta, including a tagline and a call-to-action (CTA) button that invites visitors to learn more about the services offered.
2. **Services Overview**: A section detailing the key services provided by Delta, focusing on digital infrastructure improvement and social media community building.
3. **Testimonials**: A section showcasing positive feedback from past clients to build trust and credibility.
4. **Community Engagement**: Information on how Delta promotes community involvement on social media, including links to their social profiles.
5. **Contact Form**: An easy-to-use contact form allowing potential clients to reach out for inquiries or consultations.
6. **Footer**: Links to privacy policy, terms of service, and social media profiles to encourage further engagement.

## 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 that flows smoothly from the hero section down to the testimonials, services, and contact form, with clear visual hierarchy and ample white space.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS along with the shadcn/ui component library.
2. **Create Layout**: Develop the main structure of the landing page, ensuring that it flows logically from the hero section to the contact form.
3. **Design Hero Section**: Implement the hero section with an attention-grabbing headline, subheadline, and CTA button styled with the primary color.
4. **Add Services Overview**: Create a visually appealing section to outline the services provided by Delta, utilizing cards with the specified border radius.
5. **Incorporate Testimonials**: Develop a section to display client testimonials, using a slider or grid layout for visual interest.
6. **Set Up Community Engagement Section**: Include content that highlights Delta's efforts in social media engagement, with links to their profiles.
7. **Implement Contact Form**: Create a simple contact form with fields for name, email, and message. Ensure it is easy to use and matches the overall design.
8. **Finalize Footer**: Add a footer with links to the privacy policy, terms of service, and social media profiles.

## USER EXPERIENCE
Visitors will have a seamless experience navigating the landing page, starting with a strong visual introduction to Delta. The clear sections will guide them through the services offered, testimonials from satisfied clients, and how they can engage with the community on social media. The contact form will be easily accessible, encouraging potential clients to reach out. The minimalist design will ensure that the focus remains on the content and the brand message, providing a professional and inviting user experience.