# Agrizone starter website

This is a lightweight, single-page website for Agrizone. It has no framework, database or paid tool requirement: just open the folder in VS Code and preview it.

## Preview it in VS Code

1. Open the **Agrizone VS** folder in VS Code.
2. Open index.html.
3. The easiest preview option is the free **Live Server** extension:
   - install the extension in VS Code;
   - right-click index.html;
   - choose **Open with Live Server**.
4. Your browser will open the site and refresh when you save changes.

You can also double-click index.html in Finder for a quick preview. Live Server is better because it behaves more like a real website.

## What to edit first

| Change | File | What to look for |
| --- | --- | --- |
| Company story, headings and page text | index.html | Search for the visible words you want to replace |
| Phone, WhatsApp and email | index.html | Search for Launch checklist |
| Product categories and real product details | index.html | Search for Starter categories |
| Colours, spacing and typography | styles.css | The colour settings are at the top |
| Form behaviour | script.js | The form is intentionally demo-only until an email/form service is connected |
| Main photo | assets/images/multan-fields-hero.png | Replace it with a photo that uses the same filename, or update its path in index.html |

## Before you publish for real

- Add your real phone number, WhatsApp link and business email.
- Connect the enquiry form to an email inbox or a form service. It currently does **not** send submissions.
- Replace every placeholder category with your actual product information.
- Only publish product registrations, label directions, crop recommendations and claims that are accurate and approved for Pakistan.
- Add your final logo, legal business information and privacy policy.

## Upload to Hostinger

1. In Hostinger, open **Websites** → your Agrizone website → **Manage**.
2. Open **Files** → **File Manager**.
3. Open the public_html folder for agrizone.online.
4. Upload the **contents** of this folder: index.html, styles.css, script.js, assets, and README.md. Do not upload the outer Agrizone VS folder itself.
5. If Hostinger shows its default welcome page, remove or rename only the default file after confirming you are in the right website's public_html.
6. Visit agrizone.online in a private/incognito browser window and test it on a phone too.

The website is already a normal static website, so Hostinger does not need Node.js, a database or a paid add-on for this first version.