Scissor is a beautifully designed URL shortening web interface built in React and styled with Tailwind CSS that mimics a premium landing page for a modern link management service — showcasing branding, pricing tiers, feature breakdowns, and a clean URL input section.

• Sleek Hero Section with branding illustration and CTA buttons.
• Features Section showcasing benefits like URL shortening, analytics, QR codes, and custom domains.
• Responsive Pricing Cards with clear and well-structured plans (Basic, Professional, Teams).
• URL Trim Form to simulate short link creation with domain/alias selection.
• Modern Responsive Design build with mobile users in mind.
• FAQs & Footer to round out the structure of a full product page.

• Framework: React.
• Styling: Tailwind CSS v4.
• ShadCN for interactive FAQ accordion.
• Fonts: Poppins & Montserrat.
• Icons: Lucide-React and react-Icons for SVG icons.
• Build Tool: Vite (fast HMR, ESM support).

1. Clone the repository

   git clone https://github.com/yourusername/Scissor-URL-Shortener-Website.git
   
   cd Scissor-URL-Shortener-Website

2. Install dependencies

   npm install

3. Run the development server

   npm run dev

Visit http://localhost:5173/ in your browser. Hot reload is enabled—any changes to JSX or Tailwind classes will refresh immediately.

You can view the fully deployed version here: Scissor URL Shortener-Website

• Found a bug or typo? Please open an issue https://github.com/yourusername/Scissor-URL-Shortener-Website/issues
• Have a feature idea or enhancement? Pull requests are welcome!
• This project is open-source, and I’m open to feedback and collaboration.

• Add real-time URL shortening functionality via an API (e.g., Bitly or TinyURL).
• Implement dashboard analytics.
• Add user authentication and saved links panel.

Thanks for checking out Scissor! ❤️