Landscapist

📄 Introduction

Clean and beautiful design for a landscapist/landscaper, gardener, or arborist website alternatively. Standard structure of 6 pages: Home, About, Works, Services, Contact, and Error page.

Use of AOS libraries for animations on scroll. Styling with SASS for a clearer, maintainable and efficient development. Contact form functions with Web3Forms.

Developed with:

• Astro Framework
• TypeScript
• SASS
• AOS (Animate on Scroll)
• Web3Forms

---

👁️ View of the Project

Clone it

Copy the command below with the link:

git clone https://github.com/MartinXCVI/landscapist.git
cd landscapist

Install Dependencies

npm install

Environment Variables

First, get your Web3Forms key here. Then create a .env file in the root directory and configure the following variable:

WEB3_FORMS_API_KEY=<Your_Web3Forms_API_Key_Here>

Run The Project Locally:

npm run dev

---

🚀 Deployed on Vercel

Click here to see it live

---

💻 Commands

All commands are run from the root of the project, from a terminal:

Command	Action
npm install	Installs dependencies
npm run dev	Starts local dev server at localhost:4321
npm run build	Build your production site to ./dist/
npm run preview	Preview your build locally, before deploying
npm run astro ...	Run CLI commands like astro add, astro check
npm run astro -- --help	Get help using the Astro CLI
npm run styles	Compile .sass and .scss files to .css files

---

📚 Learn More

• Astro official documentation
• TypeScript official documentation
• Astro Discord server
• SASS official documentation
• AOS repository
• Web3Forms official documentation

---

📜 License

This project is licensed under the MIT License.

---

🧑‍💻 Developer

• MartinXCVI