Services and portfolio

Services are in src/data/services.js, and portfolio items are in src/data/portfolios.js. Each item creates a card and its own details page.

Services

{
  id: "app-design",
  title: "App Design",
  icon: "/images/icon_14.webp",
  image: "/images/services/04.webp",
  detailsImage: "/images/services/bg29.webp",
  headerImage: "/images/bg1.webp",
  shortDescription: "The text on the service card.",
  content: [
    {
      heading: "Comprehensive App Design Services",
      paragraphs: ["A paragraph of text."]
    },
    {
      heading: "Our Approach",
      list: ["First point", "Second point"]
    }
  ]
}

id becomes the address, for example /service-details/app-design. Use lowercase words joined by hyphens, and keep each one unique.

Portfolio items

Portfolio items use the same id, title, images, shortDescription and content fields, plus:

Field	What it does
category	The filter the project appears under
client	The client’s name
project_date	The project date
project_url	A link to the live project

Images

Put images in public/images/. Paths start at that folder’s parent, so public/images/services/04.webp becomes /images/services/04.webp.