Lovable Prompt Creator - AI Prompt Generator

`code`# ## ### ## APPLICATION OVERVIEW
This prompt outlines the creation of a landing page for "Sahbor", a bakery focused on healthy and delicious confections. The site will serve as an online presence to showcase the bakery's offerings, educate visitors on the importance of healthy eating, and facilitate orders through a clean and engaging design.

## CORE FEATURES
1. **Hero Section**: A welcoming introduction with the company logo and a brief description of Sahbor's mission to provide tasty and healthy desserts.
2. **Gastronomy Information**: A dedicated section explaining the importance of healthier eating habits and how Sahbor aligns with this philosophy.
3. **Product Showcase**: An interactive menu displaying the bakery’s products, complete with images, descriptions, and the ability for customers to request orders.
4. **Social Media Links**: A section featuring Sahbor's Instagram handle for visitors to follow and engage with the bakery on social media.
5. **Contact Form**: A simple form for customers to get in touch with inquiries or orders, ensuring easy communication.
6. **Call-to-Action (CTA)**: Prominent buttons encouraging users to explore products or contact the bakery.

## 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 sections: a hero at the top, followed by gastronomy information, product showcase, social media links, and a contact form at the bottom, ensuring easy navigation and a clear visual hierarchy.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React's built-in state management

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS for styling.
2. **Create Layout Structure**: Set up the main layout with a header, main content sections (hero, gastronomy, products, social media, contact), and footer.
3. **Design Hero Section**: Implement the hero section with logo, tagline, and a CTA button styled with Tailwind CSS.
4. **Gastronomy Section**: Add a text block that outlines the importance of healthy eating, ensuring it is visually appealing and aligns with the minimalist design.
5. **Product Showcase**: Create a component to display bakery products, using cards with images and descriptions. Implement a button for order requests.
6. **Social Media Links**: Add icons and links to Sahbor’s social media accounts, styled to fit the overall design.
7. **Contact Form**: Build a simple contact form that captures customer inquiries, ensuring it’s user-friendly and responsive.
8. **Testing and Optimization**: Test the landing page for responsiveness on various devices and make adjustments to ensure a seamless user experience.

## USER EXPERIENCE
Visitors will have an intuitive experience as they navigate through the site. The hero section will immediately grab their attention, followed by engaging content that informs and encourages interaction. The product showcase will make it easy for users to view offerings and request orders, while the social media links encourage further engagement with Sahbor. The contact form will provide a straightforward way for customers to communicate, enhancing customer satisfaction and connection to the brand.