Lovable Prompt Creator - AI Prompt Generator

```markdown
# APPLICATION TYPE & PURPOSE
Create a **landing page** for **Decokicks**, a dynamic sneaker e-commerce brand. This single-page, scroll-driven landing page will showcase the brand's products, engage users with interactive elements, and encourage conversions through a clean and minimalist design.

# CORE FEATURES & FUNCTIONALITY
- **Global Navigation Bar**: A fixed navbar that is always visible, with the brand name, search button, navigation links, and a shopping cart icon.
- **Global Footer Bar**: A persistent footer displaying contact information and links to terms and privacy policies.
- **Splash Section**: A visually engaging countdown section with floating sneaker cards using animations to draw attention.
- **Hero Product Section**: A captivating hero area featuring a large product image and call-to-action buttons.
- **Catalog Grid Section**: A masonry layout showcasing a variety of sneaker products, with hover effects for interactivity.
- **Editorial Section**: A full-bleed image section to highlight key products or promotions.
- **Horizontal Carousel**: An interactive carousel allowing users to browse featured products.
- **Single Product Detail Section**: A detailed view of a selected product with descriptions, pricing, and purchasing options.

# TECHNICAL REQUIREMENTS
- **Framework**: React
- **Build Tool**: Vite
- **Language**: TypeScript
- **Styling**: Tailwind CSS
- **Animation**: Framer Motion
- **Icons**: lucide-react icons
- **Fonts**: Google Fonts - "Space Grotesk" for body text and "Bebas Neue" for headings

# DESIGN & UX 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**: Single vertical scroll surface with six stacked sections; ensure responsiveness and mobile-friendly design.

# IMPLEMENTATION APPROACH
1. **Setup Project**: Initialize a new React application using Vite with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS, Framer Motion, lucide-react, and Google Fonts.
3. **Create Global Components**: Build the navbar and footer components to be used across the page.
4. **Develop Sections**: 
   - **Splash Section**: Integrate animated sneaker cards and countdown timer.
   - **Hero Section**: Implement the editorial hero with product images and buttons.
   - **Catalog Grid**: Create a masonry layout for products with hover effects.
   - **Editorial Section**: Add a full-bleed image with floating text overlays.
   - **Carousel Section**: Implement a horizontal carousel for featured products.
   - **Product Detail Section**: Create a detailed product view with image and metadata.
5. **Add Animations**: Use Framer Motion for entrance animations and transitions between sections.

# ERROR HANDLING & PERFORMANCE
- Implement input validation for any forms (e.g., search functionality) to prevent invalid submissions.
- Optimize images for faster loading times and better performance.
- Ensure accessibility features are included, such as ARIA labels and keyboard navigation support.

# ORGANIZATION & STRUCTURE
- Organize the project files into components for each section, utilities for helper functions, and assets for images and styles.
- Use clear comments and documentation for maintainability.
- Follow best practices for responsive design to ensure a seamless experience across devices.
```