Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page for the Camden Town Bookshop, an independent bookstore located in Chalk Farm, London. The main purpose is to create an aesthetic and user-friendly website that highlights the bookstore's offerings, customer service, and unique atmosphere to attract local visitors and enhance online presence.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction with the bookstore's name, tagline, and a prominent call-to-action (CTA) button to encourage visitors to explore more.
2. **About Us**: A section detailing the bookstore's mission, values, and what makes it unique, emphasizing the charm and service quality.
3. **Book Collections**: Showcase various categories of books available, including unique editions and classics, with images and brief descriptions.
4. **Customer Testimonials**: Display reviews and feedback from customers to build trust and highlight the bookstore's reputation for excellent service.
5. **Contact Information**: Clear presentation of the bookstore's location, contact number, and operating hours, along with a map for easy navigation.
6. **Social Media Links**: Links to the bookstore's Instagram and other social platforms to encourage visitors to follow and engage online.

## 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 structured in a single-page format with sections stacked vertically, including a hero section at the top, followed by about us, book collections, testimonials, contact information, and social media links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS for responsive design and utility-first approach.
- **UI Components**: shadcn/ui for consistent component styling.
- **State Management**: Not required for this static landing page.

## IMPLEMENTATION STEPS
1. **Setup the Project**: Initialize a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project.
3. **Create Components**: Develop components for the Hero section, About Us, Book Collections, Testimonials, Contact Information, and Social Media Links.
4. **Styling**: Use Tailwind CSS utilities to apply the minimalist design specifications and ensure responsive layouts.
5. **Content Integration**: Input the text content, images, and links into the respective components.
6. **Test Responsiveness**: Verify the landing page looks great on various devices and screen sizes.
7. **Deploy**: Choose a suitable hosting platform (like Vercel or Netlify) and deploy the application.

## USER EXPERIENCE
Key user interactions will include navigating through sections with smooth scrolling, clicking on the CTA button to view more about the bookstore, and easily accessing contact information and social media links. The design will prioritize a seamless experience with intuitive navigation, ensuring visitors can find the information they need quickly and enjoyably.