> ## Documentation Index
> Fetch the complete documentation index at: https://docs.scanova.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Page Title Component

> Defines and validates the page title block displayed on QR Code landing pages. Commonly used across event, social, and wedding categories for consistent section headers.

## Overview

The **Page Title Component** provides a standardized way to define and style the **main heading** of a QR Code landing page.\
It ensures visual consistency in titles across categories like **Event**, **Social Media**, and **Wedding**, while allowing customization via the `cardStyle` reference.

This component helps create a clear hierarchy and improves readability on pages with multiple content blocks or sections.

## Properties

| Property      | Type     | Required | Description                                                                                              |
| :------------ | :------- | :------- | :------------------------------------------------------------------------------------------------------- |
| **title**     | `string` | ✅ Yes    | The main title text displayed at the top of the page or section.                                         |
| **cardStyle** | `object` | No       | Style reference for title block design (background, padding, border, etc.). Refers to `style/card.json`. |

## Used in Categories

This component is used in the following categories:

* [Event](/guides/category-components/categories/event)
* [Social Media](/guides/category-components/categories/sMedia)
* [Wedding](/guides/category-components/categories/wedding)

## Schema

<CodeGroup>
  ```json Schema theme={null}
  {
    "$schema": "http://json-schema.org/draft-07/schema#",
    "definitions": {},
    "title": "Page title component",
    "description": "Validate page title component schema",
    "type": "object",
    "required": [
      "title"
    ],
    "additionalProperties": false,
    "properties": {
      "title": {
        "type": "string"
      },
      "cardStyle": {
        "$ref": "style/card.json"
      }
    }
  }
  ```
</CodeGroup>

## Notes

* The **title** property is **mandatory** and must contain meaningful text for accessibility and SEO.
* Use **consistent typography** across categories for visual harmony.
* The **cardStyle** reference allows you to align the title block with your overall theme or brand color scheme.