Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Zyphora is a web application designed to provide small business owners with a streamlined platform for generating effective marketing strategies and content calendars. By analyzing their websites, Zyphora enables users to create a focused 30-day content plan in minutes, reducing guesswork and enhancing marketing effectiveness.

## CORE FEATURES
1. **Website URL Scan**: Users enter their website URL to extract critical business identity elements, including offers, target audiences, trust signals, and conversion gaps.
2. **Conversion-Focused Marketing Strategy Generation**: The application creates a tailored marketing strategy based on the analysis of the user's website.
3. **30-Day Content Calendar**: Users receive a comprehensive content calendar with detailed post suggestions for multiple platforms, including objectives, captions, and image prompts.
4. **Strategy Dashboard**: A central hub for users to view and manage their marketing strategies, including a SWOT analysis and sales funnel mapping.
5. **PDF Export**: Users can download their marketing strategies and content calendars as branded PDFs for easy sharing and reference.
6. **Dynamic User Actions**: Features like copy buttons, download buttons, and marking posts as completed enhance user engagement without direct social posting capabilities initially.

## 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 structure will feature a top navigation bar for easy access to different sections, a hero section for initial user engagement, and a clear dashboard layout for presenting the marketing strategy and content calendar in an organized manner.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: React Context API or Zustand for efficient state handling.

## IMPLEMENTATION STEPS
1. **Initialize the React Project**: Set up a new React project with TypeScript and install Tailwind CSS.
2. **Design the UI Components**: Create reusable components for the navigation bar, buttons, cards, and forms using Tailwind CSS.
3. **Implement Routing**: Use React Router to manage navigation between the main user flows—URL scan, strategy dashboard, content calendar, and PDF export.
4. **Connect to Supabase**: Set up authentication and database interactions using Supabase for user management and data storage.
5. **Build the URL Scan Functionality**: Develop the logic to analyze the website and extract necessary data for generating the marketing strategy.
6. **Create the Strategy Dashboard**: Display the generated strategies with sections for SWOT analysis, conversion gaps, and A/B copy variations.
7. **Develop the Content Calendar**: Implement the functionality to generate and display a detailed 30-day content calendar with all required fields.
8. **PDF Export Functionality**: Integrate a library for exporting the strategy and content calendar as a PDF.
9. **User Actions**: Add features to copy, download, and mark posts as completed on the content calendar.
10. **Testing and Optimization**: Conduct thorough testing for user experience and responsiveness across devices.

## USER EXPERIENCE
Users will start by entering their website URL on the landing page, triggering an analysis that leads to the generation of a tailored marketing strategy. The application will guide them through viewing and managing their strategy in the dashboard, where they can interact with their 30-day content calendar. The design will ensure intuitive navigation, allowing for easy access to export options and user actions, all while maintaining a clean and professional interface.