Softsell

SoftSell – Responsive Marketing Website SoftSell is a modern, single-page marketing website built for a fictional software resale startup. The project showcases a clean UI, mobile-friendly design, and interactive elements—all developed using React.js, Vite, and Tailwind CSS, and deployed on Netlify. The site is fully frontend-based, with no backend required, and includes a mock AI-powered chat widget using hardcoded responses to simulate user interaction.

🚀 Core Features 🖥️ Hero Section Headline: "Sell Your Software Licenses with Ease"

Subheading: "Get instant valuations and secure payments for your unused software."

Primary CTA: “Sell My Licenses” – scrolls to the contact form

🔄 How It Works A simple 3-step process explained with icons:

Upload License (file icon)

Get Valuation (calculator icon)

Get Paid (wallet icon)

Responsive grid layout built with Tailwind CSS.

📬 Contact / Lead Form Fields: Name, Email, Company, License Type (dropdown), Message

Includes frontend validation for required fields and email format

Displays a success message on submission (static, no backend)

💬 Mock AI Chat Widget Toggleable floating chat icon

Simulated LLM responses using hardcoded Q&A:

“How do I sell my license?” → Guides through the steps

“What software is accepted?” → Lists supported types like antivirus, office tools, etc.

“Is the process secure?” → Describes encryption and protection

“How long for payment?” → Mentions 24-hour turnaround

Unrecognized questions trigger a fallback: “Please contact us via the form for more details!”

🛠️ Tech Stack Frontend Framework: React.js

Build Tool: Vite for fast bundling and HMR

Styling: Tailwind CSS with utility-first classes for rapid development

Animations: Framer Motion used for smooth fades and button effects

Deployment: Netlify for hosting, continuous deployment via Git

➕ Add-on Features Light/Dark Mode Toggle: Implemented using Tailwind’s dark mode and local storage

SEO Optimization: Meta tags (title, description, OpenGraph) added for better discoverability

Responsive Design: Built mobile-first with Tailwind breakpoints (sm:, md:, etc.)

Favicon + Logo: Simple text-based branding and browser tab icon

Accessibility: ARIA labels for form fields and proper color contrast maintained

⏱ Time Spent: 12 Hours Breakdown:

Initial setup (Vite + Tailwind + Netlify): 1.5 hours

UI layout and styling: 4 hours

Contact form with validation: 2 hours

Chat widget functionality: 2 hours

Add-on features (SEO, theme toggle, favicon, animations): 2 hours

Testing + final deployment: 0.5 hours