POUND FIT BRASIL - CATÁLOGO 2026 - Atue como um especialista em marketing e criação de catálogos.
Generated Prompt
## APPLICATION OVERVIEW The Archimedes Power Fitness Product Catalog is a web application designed to showcase premium fitness equipment such as dumbbells, weights, and bars. The app will allow users to view products, understand the brand's mission, and easily print a PDF version of the catalog. It aims to provide a seamless user experience while reflecting the premium nature of the Archimedes brand. ## CORE FEATURES 1. **Home Page**: An engaging introduction to Archimedes Power Fitness, highlighting the company's mission, vision, and values. 2. **Product Listings**: Detailed sections for each product category (Dumbbells, Weights, and Bars) with dynamic pricing based on user input. 3. **Customer Showcase**: A section that features logos of existing clients with circular frames, enhancing brand credibility. 4. **Dynamic Pricing Page**: A backend interface for inputting product weights and prices that automatically updates the catalog. 5. **Print Functionality**: A button that initiates a print dialog to save the catalog as a PDF with the specified filename. 6. **Contact Information**: A final page containing company details including contact, social media links, and CNPJ. ## 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**: A structured layout with a navigation bar for easy access to different sections, a hero section for the introduction, and content organized in distinct, visually pleasing blocks. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: Use React's Context API for managing product data and pricing. ## IMPLEMENTATION STEPS 1. **Set up React Project**: Initialize a new React project with TypeScript and install Tailwind CSS. 2. **Create Components**: Build necessary components including Header, Footer, ProductList, and PricingInput. 3. **Implement Routing**: Use React Router to manage navigation between Home, Product Listings, and Contact pages. 4. **Dynamic Pricing Logic**: Develop a function to calculate prices based on user input for weight and cost per kg. 5. **Design Layout**: Structure the layout using Tailwind CSS to ensure a minimalist aesthetic while maintaining responsiveness. 6. **PDF Export Functionality**: Implement functionality to convert the catalog page into a PDF with the specified filename. 7. **Testing and Debugging**: Perform thorough testing to ensure all functionalities work as intended and fix any issues. ## USER EXPERIENCE Users will navigate the catalog with ease, starting from an informative home page that clearly outlines the brand's values. They can explore different product categories, view dynamic pricing based on their inputs, and see a professional layout that reflects the premium nature of the products. The print functionality allows users to save the catalog as a PDF effortlessly, ensuring they can share it with others or use it for reference. This application aims to deliver a high-quality user experience that aligns with Archimedes Power Fitness's branding, ensuring users feel the premium quality of the products at every interaction.
Loved by thousands of makers from
From early prototypes to real products, they started here.







































Generate optimized prompts for your vibe coding projects
Generate prompt
Enter a brief description of the app you want to build and get an optimized prompt
Review and use your prompt
Review (and edit if necessary) the generated prompt, then copy it or open it directly in your chosen platform
Get inspired with new ideas
Get AI-generated suggestions to expand your product with features that will surprise your users
Frequently Asked Questions
Everything you need to know about creating better prompts for your Lovable projects
Still have questions?
Can't find what you're looking for? We're here to help!
