Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Astra Fox is a landing page dedicated to showcasing exclusive and elegant shoes. The website will feature a vintage aesthetic with a clean and minimalist design, aimed at attracting customers interested in high-quality footwear. It will include sections about the brand, contact information, and a focus on visual impact to enhance conversions.

## CORE FEATURES
1. **Hero Section**: A captivating introduction to Astra Fox, featuring a striking image of the shoes with a compelling tagline and a prominent call-to-action button.
2. **About Us**: A dedicated section sharing the story of Astra Fox, emphasizing the brand's commitment to quality and elegance.
3. **Contact Section**: A user-friendly contact form allowing visitors to reach out with inquiries or requests for more information.
4. **Product Showcase**: A visually appealing grid or carousel to display featured shoes with brief descriptions and links to purchase or learn more.
5. **Testimonials**: A section for customer reviews or testimonials to build trust and credibility.
6. **Newsletter Signup**: An optional area for users to subscribe for updates and promotions, encouraging engagement.

## 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 with a top navigation bar, followed by the hero section, product showcase, about us, testimonials, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specified; can be managed with React's built-in state or Context API as needed.

## IMPLEMENTATION STEPS
1. **Set up the project environment**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create the main layout**: Build a responsive layout with a navigation bar and sections for hero, about, product showcase, testimonials, and contact.
3. **Design the hero section**: Implement the hero section with a background image, text overlay, and call-to-action button styled with the primary color and border radius.
4. **Build the about us section**: Write content that reflects the brand's ethos and style, using appropriate typography.
5. **Develop the product showcase**: Create a grid or carousel to display shoe products, ensuring images are high-quality and descriptions are concise.
6. **Implement testimonials**: Add a section for customer testimonials with a visually appealing layout.
7. **Create the contact form**: Implement a contact form that captures user inquiries and styles it according to the design specifications.
8. **Optimize for responsiveness**: Ensure that the layout is mobile-friendly and adjusts well to different screen sizes.

## USER EXPERIENCE
Users will first encounter the hero section with an enticing image and call-to-action that guides them to the product showcase. The smooth scrolling experience will allow users to easily navigate through the site, learn about the brand's story, and access contact information. The minimalistic design will enhance readability and keep the focus on the elegant products, while the testimonials will build trust, encouraging users to make purchases or inquiries.