We need a fully responsive landing page for the Invoice Generator project. The landing page should include a hero section, feature section, CTA (Call to Action) section, and footer. The design must work seamlessly across all device sizes, ensuring a smooth user experience.
Sections to Implement:
Hero Section:
Catchy headline introducing Invoice Generator
Subheadline explaining its key benefits for small businesses and freelancers
Call-to-action button (e.g., "Get Started" or "Create Invoice")
Feature Section:
Highlight the main features of Invoice Generator:
Dynamic invoice creation
Customizable templates
PDF downloads
Responsive design
Use icons or illustrations to visually support each feature.
CTA Section:
Bold, attention-grabbing CTA encouraging users to sign up or use the app.
Footer Section:
Links to relevant pages (e.g., GitHub, documentation)
Social media icons
Copyright information
Requirements:
Responsive Design: Must work on mobile, tablet, and desktop.
Technologies:
Use Next.js for frontend framework.
Utilize Tailwind CSS for styling.
Ensure accessibility and semantic HTML throughout.
Deliverables:
[ ] A fully responsive landing page containing all required sections (Hero, Feature, CTA, Footer).
[ ] Integration of Tailwind CSS for styling, adhering to responsive design principles.
[ ] Consistent use of shadcn component library for UI elements.
[ ] All assets (images, icons, fonts) properly optimized and included.
[ ] The landing page should be deployable and testable on Next.js with no issues.
[ ] Clear, clean, and maintainable code with comments where necessary.
[ ] A pull request to the repository with the completed feature.
Overview
We need a fully responsive landing page for the Invoice Generator project. The landing page should include a hero section, feature section, CTA (Call to Action) section, and footer. The design must work seamlessly across all device sizes, ensuring a smooth user experience.
Sections to Implement:
Hero Section:
Feature Section:
CTA Section:
Footer Section:
Requirements:
Deliverables:
Additional Notes: