https://github.com/emersonramos3lt/architecture-app

A page from a fictional architecture company, built with Next.js and featuring smooth scrolling and scroll reveal for better user experience.
https://github.com/emersonramos3lt/architecture-app

front-end frontend html html-css-javascript javascript lenis lenis-scroll nextjs react reactjs responsive responsive-design tailwind tailwindcss tailwindui vercel webdevelopment website website-design

Last synced: about 1 month ago
JSON representation

A page from a fictional architecture company, built with Next.js and featuring smooth scrolling and scroll reveal for better user experience.

• Host: GitHub
• URL: https://github.com/emersonramos3lt/architecture-app
• Owner: emersonramos3lt
• Created: 2024-12-22T20:05:07.000Z (about 2 months ago)
• Default Branch: main
• Last Pushed: 2024-12-22T20:29:52.000Z (about 2 months ago)
• Last Synced: 2024-12-22T21:27:25.618Z (about 2 months ago)
• Topics: front-end, frontend, html, html-css-javascript, javascript, lenis, lenis-scroll, nextjs, react, reactjs, responsive, responsive-design, tailwind, tailwindcss, tailwindui, vercel, webdevelopment, website, website-design
• Language: TypeScript
• Homepage: https://architecture-app-nine.vercel.app
• Size: 6.62 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Description

## **🏛️ Next.js Smooth Scroll Architecture Website**

This project is a modern, fully **responsive** architecture website **built with Next.js**, leveraging its powerful features for **server-side rendering** and **optimized performance**. Designed to showcase the elegance of architectural designs, the page provides an engaging and immersive experience with **smooth scrolling** powered by the Lenis library and dynamic animations using **ScrollReveal**.

The **minimalist design** highlights architectural elements while ensuring seamless navigation and usability. The site adapts perfectly to screens of all sizes, making it ideal for presenting projects on any device.

# **🛠️ Main Features**

- **Next.js Framework**

- **Lenis Smooth Scroll**

- **ScrollReveal Animations**

- **Responsive Design**

- **Modern UI/UX Design**

# **📷 Screenshots**

![Screenshot](./screenshot/img1.PNG)

![Screenshot](./screenshot/img2.PNG)