Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application that showcases individual portfolios in a clean, minimalist format. The main purpose is to provide users with smooth navigation and interactive features, enhancing the presentation of their work while allowing easy export options.

## CORE FEATURES
1. **Portfolio Display**: Each portfolio page displays the user’s work with a clean layout, focusing on visual impact and simplicity.
2. **Print/PDF Export**: A button on each portfolio page allows users to export their portfolio as a PDF, ensuring easy sharing and printing options.
3. **Smooth Scroll Animations**: Implement smooth scroll effects using framer-motion, activating animations as portfolio items come into view, enhancing user engagement.
4. **Back-to-Home Navigation**: A navigation link on each portfolio page allows users to easily return to the main homepage, improving site navigation.

## 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 consists of a hero section, followed by portfolio items in a grid format, each featuring smooth animations. The back-to-home link is prominently placed for easy access.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS for utility-first styling.
- **UI Components**: shadcn/ui for pre-built UI components.
- **State Management**: React Context API or Zustand for simple state management if needed.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui components.
2. **Create Portfolio Components**: Develop components for individual portfolio items, including the print/PDF export button integrated with a library like `react-to-print`.
3. **Implement Smooth Scroll**: Use framer-motion to add scroll animations to portfolio items, ensuring they animate into view as the user scrolls.
4. **Back-to-Home Navigation**: Create a navigation component with a back-to-home link that is accessible from each portfolio page.
5. **Styling**: Apply Tailwind CSS classes to achieve the minimalist design, ensuring adherence to the specified typography and color scheme.
6. **Testing**: Conduct thorough testing for functionality, responsiveness, and user experience across different devices and browsers.

## USER EXPERIENCE
Users will arrive at a clean homepage with a clear call-to-action to view portfolios. Upon selecting a portfolio, they will experience smooth animations as items load, with an easy option to print or export their work. The back-to-home navigation will always be visible, allowing users to easily return to the main page, ensuring a seamless browsing experience.