Skip to content

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.

Notifications You must be signed in to change notification settings

harshxraj/Blockchain-SaaS

Repository files navigation

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 Pagehome-page

Blog Pageblog-page

Careers Pagecareers-page

Contact Pagecontact-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.

About

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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published