Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a landing page for Holy Grain Sourdough Bakery, a food producer located in Manchester, UK. The main purpose of this landing page is to showcase the bakery's rebranding efforts, highlight its offerings, and provide contact details to facilitate pre-orders.

## CORE FEATURES
1. **Hero Section**: A prominent hero section featuring the newly designed brand identity, including the bakery's name and a captivating tagline.
2. **Before and After Showcase**: A visual comparison of the bakery's facade before and after the rebranding, emphasizing the renovation.
3. **Digital Presence Display**: A section showcasing the bakery's current digital presence, including links to Instagram and other social channels.
4. **Contact Information**: Clear and accessible contact information, encouraging visitors to reach out for pre-orders via phone or email.
5. **CTA (Call to Action)**: A visually distinct CTA encouraging users to pre-order or follow on social media.

## 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 should follow a straightforward single-page structure with a hero section at the top, followed by the showcase sections (Before/After and Digital Presence), followed by contact information and the CTA.

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

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Create a new React project with TypeScript and install Tailwind CSS.
2. **Create Layout Structure**: Implement the layout using Tailwind CSS classes, ensuring a responsive design.
3. **Build Hero Section**: Use the primary color for the background and add the brand name and tagline using the Inter font.
4. **Develop Before/After Showcase**: Integrate images and ensure they are displayed with the required visual specifications.
5. **Add Digital Presence Section**: Include links to social media and display the existing digital presence.
6. **Implement Contact Information**: Clearly present the bakery's contact details, ensuring they are easily accessible.
7. **Design CTA**: Create a visually distinct button for pre-orders that links to the provided phone number or email.

## USER EXPERIENCE
The landing page will provide a seamless experience for users, with intuitive navigation and clear call-to-action prompts. Users will be able to quickly understand the bakery's offerings and how to engage with them, enhancing the overall interaction and encouraging pre-orders. The minimalist design will ensure that users focus on the bakery's brand and contact information without distractions.