🌿 Plant Nursery

A beautiful, responsive website for a Sri Lankan plant nursery showcasing native Ceylon plants and tropical varieties. This website features a modern design with smooth animations and mobile-first responsive layout.

🌱 Features

• Responsive Design: Mobile-first approach with responsive layouts for all devices
• Sri Lankan Plant Focus: Features native Ceylon plants with local names
• Interactive Components: Smooth animations and transitions
• Product Showcase: Beautiful plant gallery with pricing in LKR
• Customer Reviews: Testimonials from Sri Lankan customers
• Newsletter Subscription: Stay updated with plant care tips
• Island-wide Delivery: Service coverage across all Sri Lankan provinces

🛠️ Technologies Used

• HTML5: Semantic markup structure
• Tailwind CSS: Utility-first CSS framework for styling
• JavaScript: Interactive functionality and animations
• Swiper.js: Touch slider for reviews section
• ScrollReveal: Scroll animations
• Remix Icons: Beautiful icon library
• Node.js: Development environment

🚀 Getting Started

Prerequisites

• Node.js (v14 or higher)
• npm or yarn package manager

Installation

1. Clone the repository

   git clone https://github.com/Nugi29/plant-nursery.git
   cd plant-nursery

2. Install dependencies

   npm install

3. Start development server

   npm run watch

   This will start Tailwind CSS in watch mode to compile your styles.

4. Open in browser Open index.html in your preferred browser or use a local server like Live Server.

📁 Project Structure

lanka-green-nursery/
├── assets/
│   └── images/           # All image assets
├── index.html           # Main HTML file
├── input.css            # Tailwind CSS input file
├── output.css           # Compiled CSS (auto-generated)
├── main.js              # JavaScript functionality
├── scroll-reveal.min.js # ScrollReveal library
├── tailwind.config.js   # Tailwind configuration
├── package.json         # Node.js dependencies
└── README.md           # Project documentation

🎨 Sections Overview

🏠 Homepage

• Hero Section: Engaging introduction with call-to-action buttons
• Services: Island-wide delivery, expert consultation, native plants, best prices

🌿 About Section

• Information about Lanka Green Nursery
• Focus on organic gardening and Ceylon heritage plants

🌺 Popular Plants

• Featured plant varieties with images and pricing
• Add to cart functionality
• Star ratings for each plant

💬 Customer Reviews

• Testimonials from satisfied customers across Sri Lanka
• Swiper carousel for smooth navigation
• Real customer names and locations

📧 Newsletter & Footer

• Subscription form for plant care tips
• Social media links
• Copyright information

🔧 Development Scripts

# Watch for CSS changes and compile
npm run watch

# If you want to build for production
npx tailwindcss -i ./input.css -o ./output.css --minify

📦 Dependencies

Development Dependencies

• tailwindcss: ^3.4.13 - CSS framework

CDN Dependencies

• Remix Icons: Icon library
• Swiper.js: Touch slider component
• ScrollReveal: Scroll animations

📝 License

This project is open source and available for educational purposes. Feel free to use, modify, and distribute as needed.

👤 Author

⭐️ From Nugi29

---

Made with 💚 for Sri Lankan plant lovers