Blockchain-SaaS
A sleek, dark-mode SaaS website showcasing blockchain technology, built with Astro.js, Tailwind CSS, and Framer Motion for smooth animations and a modern UI.
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:
-
Clone the repository:
git clone https://github.com/harshxraj/Blockchain-SaaS.git -
Navigate to the project directory:
cd Blockchain-SaaS -
Install dependencies:
npm install -
Run the development server:
npm run dev -
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:
- Fork the repository.
- Create a new feature branch (
git checkout -b feature/your-feature-name). - Commit your changes (
git commit -m 'Add new feature'). - Push the branch (
git push origin feature/your-feature-name). - Open a pull request.