SoftSell is a responsive, single-page marketing website for a fictional software resale startup. It helps users convert unused software licenses into real value — fast, simple, and secure.
- Responsive UI: Clean, mobile-friendly single-page layout using Tailwind CSS.
- Navigation Bar:
- Have logo and light-mode dark-mode button.
- Hero Section:
- Clear tagline and call-to-action.
- How It Works:
- Step-by-step breakdown: Upload License → Get Valuation → Get Paid with descriptive visuals.
- Why Choose Us:
- Tiles with icons and small descriptions explaining value propositions.
- Testimonials:
- Realistic user feedback with roles and companies.
- Footer:
- Production-ready footer with links, contact, and social icons.
- SEO & Favicon:
- Meta tags for title, description, and custom favicon added.
- Next.js App Router for scalable structure and SSR/SEO benefits.
- Tailwind CSS for rapid, utility-first styling.
- Component-based Structure:
Navbar,HowItWorks,Testimonialsetc. kept modular.
- Accessible & Clean UI:
- Semantic HTML and minimal animations to maintain clarity and performance.
- Motion.dev:
- For animation.
| Task | Time Estimate |
|----------------------------------|---------------|
| Project Setup & Routing | 30 mins |
| Navbar + Light & Dark Mode | 1 hour 45 mins|
| Hero & How It Works Section | 1 hour |
| Testimonials & Footer | 45 mins |
| SEO + Favicon Integration | 20 mins |
| Final Testing & Polish | 1 hour 40 mins|
| **Total Time** | **~8 hours** |
- Framework: Next.js 15 (App Router)
- Styling: Tailwind CSS
- Animation: Motion.dev
- Fonts: Google Fonts (Geist)