ClickSpark

Setup Instructions

To get started with this project, follow these steps:

1. Clone the repository:

   git clone https://github.com/

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

4. Open your browser and navigate to http://localhost:3000 to view the application.

Tech/Design Decisions

This project is built using Next.js, a React framework that enables server-side rendering and static site generation. Key design decisions include:

• Next.js: Chosen for its performance optimizations and developer-friendly features.
• Switzer Font: Utilized for its modern and clean design, manually downloaded and integrated into the project for full control over font implementation.
• Component-based Architecture: The application is structured using reusable components for maintainability and scalability.
• Typical Saas based UI: Used the typical Saas based ui that actually convert the users into customers.
• Theme & Minimal Animations: Subtle transitions and hover effects to enhance interactivity without overwhelming.

Known Issues

Currently, there are no major known issues. If you encounter any problems, please report them in the issues section of the repository.

Creative Additions

• Button Shining Effact: Created that button shining effact with pure css
• Why Choose Us Section: Added this extra section that i feel was important because it clearly demonstrates why someone choose this ClickSpark tool.