Blockchain Site

Overview

Blockchain Site is a sleek and modern landing page designed using React and Astro. It features smooth animations powered by Framer Motion, stylish designs with Tailwind CSS, and captivating Parallax Effects to provide an engaging and dynamic user experience. 🚀

Features

• Fully Responsive: The site adapts beautifully to all screen sizes. 📱💻
• Framer Motion: Smooth and dynamic animations that give the site a polished feel. ✨
• Tailwind CSS: Clean, customizable styling that simplifies the design process. 🎨
• Parallax Effects: Eye-catching scroll animations that add depth to the page. 🌌
• Astro Integration: High-performance static site generation for fast load times. ⚡
• Reusable Components: Modular React components designed for easy scalability. 🔧

Tech Stack

• Frontend: React
• Static Site Generator: Astro
• Styling: Tailwind CSS
• Animations: Framer Motion
• Parallax Effects: Parallax Library
• UI Components: Custom-built components

Getting Started

Installation

1. Clone the repository:

   git clone https://github.com/yousefraeis/blockchain-site.git

2. Navigate to the project directory:

   cd blockchain-site

3. Install dependencies:

   npm install

Usage

1. Start the development server:

   npm run dev

2. Build the project for production:

   npm run build

Acknowledgements

A huge shoutout to the Frontend Trail YouTube channel for their valuable tutorials, which were instrumental in bringing this project to life. 🙌🎉