Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a modern, minimalist website for Sociomaze Media, focusing on delivering a clean and user-friendly experience. The website will serve as a marketing platform to showcase the company's services while ensuring SEO optimization and responsiveness.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction with a clear call-to-action (CTA) inviting users to explore services.
2. **Services Pages**: Dedicated sections for each service offered, detailing descriptions, benefits, and visuals that align with current market trends.
3. **SEO-Friendly Content**: Well-structured content that incorporates key SEO principles to enhance visibility and search engine ranking.
4. **Contact Form**: A simple and accessible contact form for inquiries and consultations, encouraging user engagement.
5. **Testimonials Section**: Showcasing client feedback to build credibility and trust with potential customers.
6. **Blog/Resources Section**: A space for articles and insights related to digital marketing, enhancing SEO and providing value to visitors.

## 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 scroll flow, featuring sections for the hero, services, testimonials, blog, and contact, all seamlessly integrated.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not specified, but could use Context API or Redux if necessary for state management.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Main Components**: Develop components for the hero section, services, testimonials, blog, and contact form.
3. **Design Layout**: Use Tailwind CSS for styling and layout, ensuring a minimalist aesthetic is maintained throughout.
4. **Optimize Content for SEO**: Research and integrate keywords into the website content, ensuring headings, meta tags, and alt texts are appropriately used.
5. **Implement Routing**: If necessary, set up React Router to handle any internal navigation, even within a single-page layout.
6. **Testing and Optimization**: Test the website across different devices for responsiveness and ensure all SEO optimizations are in place.

## USER EXPERIENCE
The website will provide a seamless user experience with intuitive navigation. Users will be greeted with an engaging hero section that leads them to explore various services. Each service page will offer detailed insights, while the testimonials will enhance trust. The contact form will be easily accessible, encouraging inquiries, and the blog will provide ongoing value and engagement opportunities for visitors. The overall design will focus on clarity and simplicity, ensuring users can find the information they need quickly and efficiently.