Demo link – https://terrasprout.kiaantechnology.online/
# TerraSprout — Seed Company Website Template

TerraSprout is a modern, responsive marketing website template designed for seed companies, agricultural businesses, and crop research organizations.

Built with React 18, Vite, Tailwind CSS, and Framer Motion, it combines an elegant agricultural-inspired design with interactive product discovery, detailed crop information, and customer enquiry workflows.

## Key Features

### 1. Eight Complete Website Pages
– Home
– About
– Products
– Product Detail
– Crops
– Research & Innovation
– Why TerraSprout
– Contact

### 2. Interactive Product Catalog
– Live product search
– Category-based filtering
– Crop filters
– Multiple sorting options
– URL-synchronized catalog filters

### 3. Detailed Product Pages
– Product image galleries with thumbnail navigation
– Agricultural specifications
– Disease-resistance badges
– Growing recommendations
– Related product suggestions
– Product-specific enquiry forms

### 4. Enquiry Management Interface
– Form validation
– Loading indicators
– Animated success messages
– Automatically generated tracking references

The included enquiry workflow is simulated through the built-in mock data layer and does not require a backend.

### 5. Crop Portfolio & Research
– Crop portfolio presentation
– Research pipeline sections
– Quality and innovation content
– Product comparison table

### 6. Animated Homepage
– Hero image crossfade effects
– Scroll-triggered animations
– Animated statistics counters
– Interactive testimonial carousel

### 7. Responsive Design
– Sticky navigation
– Transparent-to-solid navbar transitions
– Mobile and tablet navigation drawer
– Responsive page layouts

### 8. SEO & Custom Styling
– Individual page titles
– Meta descriptions
– Custom Tailwind color palette
– Playfair Display and Plus Jakarta Sans typography
– Lucide React icons

## Technology Stack

– React 18.3
– Vite 5.4
– React Router 6.26
– Tailwind CSS 3.4
– Framer Motion 11
– Lucide React

## Quick Start

**Requirements**
– Node.js 18 or newer
– npm 9 or newer

**Installation**

“`bash
npm install
“`

**Environment Setup**

Copy `.env.example` to `.env` if environment configuration is required.

**Development Server**

“`bash
npm run dev
“`

**Production Build**

“`bash
npm run build
“`

**Preview Production Build**

“`bash
npm run preview
“`

## Backend & Customization

TerraSprout uses a built-in mock service layer, allowing the website to run without a backend or database.

The mock service layer can later be adapted to communicate with real API endpoints. The `VITE_API_BASE_URL` variable is reserved for future backend integration.

All branding, product information, testimonials, and contact details are fictional demonstration content and should be customized before commercial deployment.

## Deployment

The production build generates static files in the `dist/` directory.

The template can be deployed to compatible static hosting services. Configure an SPA fallback to `index.html` when required for React Router navigation.

## License

Released under the MIT License, according to the supplied project documentation. Commercial use and modification are permitted under the stated terms. Redistribution or resale of the source files as a standalone template is not permitted.

More from Kiaan_technology

TeleMediBridge – Telehealth & Remote Care Management React Dashboard

by Kiaan_technology in Landings

RoadReady Service Hub – Vehicle Service Management & Booking React Dashboard

by Kiaan_technology in Landings

Tire Shop POS & Automotive Garage Management React Template

by Kiaan_technology in Landings