SoftSell is a modern, responsive 1-page marketing website for a fictional software resale startup. It is built using React and Tailwind CSS, and designed to showcase how individuals or businesses can easily sell unused or surplus software licenses through our secure platform.
To create a visually appealing, responsive single-page application for a fictional SaaS startup that allows users to understand how to sell their software licenses in 3 simple steps – Upload, Get Valuation, and Get Paid.
- ⚡ Hero Section – Bold headline, subheading, and CTA (“Get a Quote”)
- 🔄 How It Works – Three-step visual process:
- Upload License
- Get Valuation (AI-powered)
- Get Paid
- ✅ Why Choose Us – Key selling points with icons and descriptions
- 🌟 Customer Testimonials – 2 mock client reviews
- 📝 Contact Form – Collects user input with validation
- 🎨 Responsive Design – Mobile-first and optimized across breakpoints
- 🌒 Light/Dark Mode toggle
- ✨ Framer Motion Animations for smooth interactions
- 💬 Bonus: AI-Powered Chat Widget (Mocked LLM assistant)
- 📱 Hosted on [Netlify]
- React.js + Vite or Next.js
- Tailwind CSS – For fast and modern styling
- Framer Motion – Smooth animations
- React Hook Form / Custom Validation – For form inputs
- OpenAI API / Langchain (Mocked) – For chat widget
src/ │ ├── components/ │ ├── HeroSection.jsx │ ├── HowItWorks.jsx │ ├── WhyChooseUs.jsx │ ├── Testimonials.jsx │ ├── ContactForm.jsx │ ├── ChatWidget.jsx │ ├── assets/ (images, icons) ├── App.jsx ├── main.jsx └── index.css
git clone https://github.com/your-username/softsell.git cd softsell
npm install
npm run dev ✅ Contact Form (Frontend Only)
Fields: Name, Email, Company, License Type (dropdown), Message Uses basic validation (required, valid email format)
Tested across modern browsers Deployed on [Netlify] with optimized builds Lighthouse score: 90+ (Performance, Accessibility, Best Practices) 👨💻 Akanksha
Built by Akanksha as a part of Credex Web Development Internship Assignment.