SALESYNC is a fully responsive, beautifully animated Sales Software Landing Page built using React + Vite and styled with TailwindCSS. It's feature-packed and optimized for conversions, designed to showcase your sales platform in the most engaging way.
🌐 Live Demo: [https://salesync-srilanka.vercel.app]
- React ⚛️
- Vite ⚡️
- TailwindCSS 🌬️
- Framer Motion 🎞️ – page transitions, component reveals
- React CountUp 🔢 – animated numbers
- Recharts 📊 – clean and animated charts
- React Icons 🎨 – modern, consistent icons
- Vercel ☁️ – for deployment
✅ Hero (with animated CTA)
✅ Animated Brands
✅ How It Works (DMS Process)
✅ Features Overview
✅ Use Cases
✅ Pricing Plans
✅ Workflow Diagram
✅ Interface Screenshots
✅ Testimonials
✅ Benefits
✅ Success Stories
✅ FAQs Accordion
✅ Navigation & Sticky Footer
- 🎯 Conversion-optimized layout
- 📱 Mobile-first design
- 🎥 Smooth animations with Framer Motion
- 📈 Charts powered by Recharts
- 🌐 Live and blazing-fast on Vercel
- 🧩 Modular and reusable components
git clone https://github.com/itz-Hiru/salesync.git
cd salesync
npm install
npm run devTo build for production:
npm run buildsrc/
├── assets/ # Images and logos
├── components/ # Reusable components
├── pages/ # Pages (Landing page)
├── sections/ # Page sections (Hero, Features, Pricing, etc.)
├── utils/ # Data and constants
├── App.jsx
├── main.jsx
- Change content via
utils/data.js - Update animations in Framer Motion variants in each section
This project is deployed on Vercel for blazing-fast performance:
Thanks to:
This project is licensed under the MIT License.
Made with ❤️ by Hirumitha Kuladewa
👩💻 UI/UX Designer & Frontend Developer
🔗 Portfolio | GitHub