A dynamic and animated recreation of the Spatial.io hero section, built with Next.js and Tailwind CSS. This project focuses on replicating the fluid user interface and engaging animations of the original website.
🔗 Live Demo: spatial-psi.vercel.app
This clone meticulously implements the core features of the Spatial hero page:
- Smooth Scrolling Animations: Elements animate into view as you scroll down the page, creating a dynamic user experience.
- Infinite Marquee Scroller: A seamless, looping scroller for showcasing logos and use cases, which pauses on hover.
- Responsive Design: Fully responsive layout that looks great on desktops, tablets, and mobile devices.
- Interactive UI: Hover effects and interactive elements that mimic the original site's behavior.
This project was built using a modern frontend stack:
- Framework: Next.js (React)
- Styling: Tailwind CSS
- Deployment: Vercel
To run this project locally, follow these steps:
- Clone the repository:
git clone [https://github.com/your-username/your-repo-name.git](https://github.com/your-username/your-repo-name.git)
- Navigate to the project directory:
cd your-repo-name - Install dependencies:
npm install
- Run the development server:
npm run dev
Open http://localhost:3000 in your browser to see the result.