Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page for the hijab brand "Jackandpush." The primary purpose of this page is to showcase the brand's identity, highlight its products, and drive conversions through calls to action. The minimalist design will provide users with a clean and engaging experience, focusing on the brand's aesthetic and offerings.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction featuring the brand logo, tagline, and a prominent call-to-action button encouraging visitors to explore the collection.
2. **Product Showcase**: A section displaying key products with images, brief descriptions, and links to purchase or learn more.
3. **About Us**: A brief narrative about the brand's mission and values, emphasizing quality and craftsmanship.
4. **Customer Testimonials**: Display positive reviews from customers to build trust and credibility.
5. **Contact Information**: Easy access to contact details for customer inquiries, including a simple form for direct messages.

## 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 consist of a full-width hero section, followed by a grid layout for products, a single-column layout for the about us and testimonials sections, and a footer with contact information.

## 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 app using Create React App with TypeScript template.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Components**: Build reusable components for the hero section, product showcase, about us, testimonials, and contact form.
4. **Implement Layout**: Structure the application layout using Tailwind CSS utility classes to ensure responsiveness and adherence to the minimalist design.
5. **Add Content**: Populate the components with relevant text, images, and links specific to the Jackandpush brand.
6. **Test Responsiveness**: Ensure the landing page looks great on various screen sizes and devices.
7. **Deploy**: Publish the landing page using a preferred hosting service (e.g., Vercel, Netlify).

## USER EXPERIENCE
Users will land on a visually appealing hero section that captures their attention immediately. As they scroll down, they'll encounter a clean layout that highlights featured products, brand values, and testimonials. Each section will encourage interaction, whether through exploring products or reaching out via the contact form. The minimalist approach ensures that users can navigate effortlessly, focusing on the content without distractions.