Dark-Mode Blockchain SaaS Site

Project Overview

This project is a dark-mode blockchain SaaS website built with Astro.js, TailwindCSS, and Framer Motion. It features an engaging, modern user interface with smooth animations and a dark theme optimized for user experience. The site is structured to demonstrate the power of blockchain technology in a clean, functional design suitable for SaaS platforms. Live Link

Features

• Dark Mode: Sleek dark theme for better visual appeal and reduced eye strain.
• Blockchain Integration: Demonstrates blockchain's potential within a SaaS website.
• Framer Motion Animations: Smooth animations for UI elements, providing a seamless user experience.
• Responsive Design: Fully responsive across devices, including mobile and desktop.
• Astro.js Static Site Generation: Lightning-fast performance with Astro's static site architecture.
• Tailwind CSS Styling: Modern, utility-first CSS framework for custom, scalable design.

Tech Stack

• Astro.js: Static site generator for a fast, scalable web experience.
• Tailwind CSS: Utility-first CSS framework for rapid UI development.
• Framer Motion: Animation library for React to create interactive and engaging UI components.

Preview

Home Page

Blog Page

Careers Page

Contact Page

Installation and Setup

To run this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/harshxraj/Blockchain-SaaS.git
   

2. Navigate to the project directory:

   cd Blockchain-SaaS
   

3. Install dependencies:

   npm install
   

4. Run the development server:

   npm run dev
   

5. Open your browser and go to http://localhost:4321/ to view the site.

Deployment

This project can be deployed to platforms like Vercel or Netlify.

Contributing

If you would like to contribute to this project:

1. Fork the repository.
2. Create a new feature branch (git checkout -b feature/your-feature-name).
3. Commit your changes (git commit -m 'Add new feature').
4. Push the branch (git push origin feature/your-feature-name).
5. Open a pull request.