SignalsHQ Redesign

A modern, professional redesign of the SignalsHQ website featuring a sleek enterprise SaaS aesthetic focused on tax automation software. This project showcases a complete reimagining of the user interface with cutting-edge web technologies.

🚀 Live Demo: https://signalshq-redesign.vercel.app/

📋 Overview

This project is a comprehensive redesign of SignalsHQ, implementing a modern, responsive web application with a focus on user experience and visual appeal. The redesign features multiple pages including pricing, authentication, security, and contact sections, all built with contemporary web development best practices.

✨ Features

• Modern UI/UX: Clean, professional design with generous whitespace and intuitive navigation
• Responsive Design: Fully responsive across all device sizes
• Multiple Pages:
  • Home/Landing page
  • Pricing page with interactive pricing cards
  • Authentication pages
  • Security page
  • Contact page
• Interactive Components: Smooth animations and transitions using Framer Motion
• Theme Support: Built with Next.js themes support
• Optimized Performance: Server-side rendering and optimized assets

🛠️ Tech Stack

• Framework: Next.js 15 (App Router)
• Language: TypeScript
• Styling:
  • Tailwind CSS 4
  • styled-jsx
  • CSS Variables for theming
• UI Components:
  • Custom React components
  • Radix UI primitives
  • Headless UI
  • Lucide React icons
• Animations: Framer Motion
• Forms: React Hook Form with Zod validation
• Other Libraries:
  • Three.js for 3D graphics
  • Recharts for data visualization
  • React Dropzone
  • And more...

🚀 Getting Started

Prerequisites

• Node.js 20.x or higher
• npm, yarn, pnpm, or bun package manager

Installation

1. Clone the repository:

git clone https://github.com/aloukikjoshi/SignalsHQ-redesign.git
cd SignalsHQ-redesign

2. Install dependencies:

npm install
# or
yarn install
# or
pnpm install
# or
bun install

3. Run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

4. Open http://localhost:3000 with your browser to see the result.

📁 Project Structure

SignalsHQ-redesign/
├── src/
│   ├── app/              # Next.js app directory
│   │   ├── auth/         # Authentication pages
│   │   ├── contact-us/   # Contact page
│   │   ├── pricing/      # Pricing page
│   │   ├── security/     # Security page
│   │   └── globals.css   # Global styles
│   └── components/       # Reusable React components
│       └── sections/     # Page sections
├── public/               # Static assets
└── ...config files

🎨 Design Philosophy

• Clean & Professional: Modern enterprise SaaS aesthetic
• Typography: Inter font family for consistent, readable text
• Color Scheme: Purple accent (#B692F6) with professional neutrals
• Whitespace: Generous spacing for improved readability
• Component-based: Modular, reusable components for maintainability

🔧 Available Scripts

• npm run dev - Start development server with Turbopack
• npm run build - Build for production
• npm run start - Start production server
• npm run lint - Run ESLint

📦 Deployment

This project is deployed on Vercel. Visit the live site at: https://signalshq-redesign.vercel.app/

To deploy your own instance:

1. Push your code to GitHub
2. Import your repository on Vercel
3. Vercel will automatically detect Next.js and configure the build settings
4. Deploy!

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

📝 License

This project is available for educational and demonstration purposes.

👤 Author

Aloukik Joshi

• GitHub: @aloukikjoshi

🙏 Acknowledgments

• Original SignalsHQ branding and concept
• Next.js team for the amazing framework
• Vercel for hosting and deployment platform