Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a professional e-commerce landing page tailored for Hebrew-speaking users in Israel. The aim is to create a visually appealing, organized, and responsive online store that effectively showcases products and drives conversions through engaging design and clear policies, including a 30-day refund policy.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction that highlights the store's key offerings with a prominent call-to-action (CTA) button.
2. **Product Showcase**: A clean, organized layout displaying featured products with options for quick views and details.
3. **Refund Policy**: Clearly stated 30-day refund policy section to build trust and transparency with customers.
4. **Sticky Navigation**: A navigation bar that remains fixed at the top of the page as users scroll, ensuring easy access to different sections.
5. **About Us Section**: A dedicated area that describes the store’s mission, values, and background to engage customers emotionally.
6. **Mobile Responsiveness**: Ensures that the site looks great and functions well on all device sizes, providing a seamless user experience.

## 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 main layout will include a header with sticky navigation, followed by a hero section, product showcase, refund policy, about us section, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not explicitly required but can be implemented using React’s built-in state management or context API if needed.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui components to the project.
3. **Create Layout Structure**: Set up the main layout with a header, hero section, product showcase, refund policy, about us section, and footer.
4. **Implement Sticky Navigation**: Use CSS and React hooks to create a sticky navigation bar that remains at the top when scrolling.
5. **Design Components**: Build reusable components for the hero section, product cards, refund policy, and about us section using Tailwind CSS for styling.
6. **Add Responsiveness**: Ensure all components are responsive and adapt well to various screen sizes using Tailwind's responsive utilities.
7. **Testing**: Test the application across different devices to ensure functionality and responsiveness.
8. **Deploy**: Choose a hosting solution like Vercel or Netlify to deploy the landing page.

## USER EXPERIENCE
Users will be greeted with a visually appealing hero section that captures their attention immediately. They can easily navigate through the sticky menu to explore products, read about the store, and understand the refund policy. The simple and clean design will facilitate smooth transitions between sections, ensuring that users can return to their previous spot after navigating away. The minimalist approach will enhance usability, making the shopping experience enjoyable and efficient.