Website, catalogue and dashboard · Feed

A website and catalogue for a livestock and poultry feed supplier in Madinah. The catalogue syncs with the company’s Salla store in one click, customers order any product through WhatsApp or its store page, and the company’s team runs the whole site from a dashboard.

Catalogue
In sync with Salla
Ordering
Through WhatsApp
Page sections in the dashboard
Thirteen
From the Al-Jabri Feeds website: a branded feed bag in front of the warehouse, and the company logo.

What we built

The project as we delivered it, part by part.

  1. A catalogue in sync with Salla

    The company’s team saves its Salla store address and presses sync: products, images, categories and purchase links move to the site, changes are updated, removed items are deleted, and the last sync time is recorded.

  2. Ordering through WhatsApp

    Every order button on the site leads to a WhatsApp chat with the company or its group, or to the product’s page in the Salla store.

  3. A searchable catalogue

    Search by product name, categories with their product counts, sorting, and gradual loading twelve products at a time, under a header of moving clouds.

  4. An animated home page

    A logo animation on arrival, a hero of six layers that move with scroll and pointer, a warehouse scene that advances with scrolling and becomes a still image on mobile and slow connections, and a gallery of sixteen feed types.

  5. The group’s branches

    A section for the group’s four companies with their logos, within a page that presents the company, its advantages, its newest products and its offers.

  6. A dashboard for the whole page

    Thirteen editable sections, among them the hero, about with its statistics, branches, categories, contact channels, the map, promotional banners and SEO, alongside products, categories and articles.

  7. Blog and search

    Articles with a rich-text editor and SEO fields for each, a sitemap generated automatically that includes the articles, and structured data describing the company, its feed types and its location in Madinah.

  8. A protected contact form

    Contact messages are saved and sent to the company’s email, with protection from automated messages and a limit on submissions per minute.

Built with

  • Laravel 13
  • React 19
  • TypeScript
  • Tailwind CSS 4
  • GSAP 3
  • Lenis
  • Salla API
  • One clicksyncs the catalogue with the Salla store
  • Sixteenfeed types in the page’s gallery
  • Fourcompanies in the group’s branches section
  • Thirteensections the company’s team edits from the dashboard

From the project

The team that built this builds your project

Send your brief, and we come back to you with an estimate of cost and timeline.