# Table of content

[TOC]

# Important bits

:::danger
Product pages have different components on each tower *(VET, FARM)* that means you **MUST** use the proper template when running the script. Below you can find both towers' template to avoid confusion.

All the other template can be run on both towers, however you have to make sure of the correct API keys in `package.json` and image's codenames in `Scripts/data/template-name.ts.template` folder - comment out the proper one, because codenames vary by towers.
:::

# Page Templates

## Product Pages

### Structure - FARM

- Template - Single Product Page Representation
- Compontent - Key Info Module
- Component - Key Info Package
- Component - Key Info Icon
- Layout - Column
- Component - Rich Text
- Module - Large Benefits Block
- Component - Icon with text
- Layout - Row
- Component - Image
- Layout - Column
- Component - Rich Text
- Module - Tabbed Component Block
- Component - Rich Text
- Component - Rich Text
- Layout - Column
- Component - Rich Text
- Component - CTA button block
- Component - Anchor
- Component - Full tabbed block [6-1-001]
- Full tabbed block [6-1-001] tabs
- Config - Product

:::info
:information_source: **++Information++**

:female-technologist: **Branch:** `feature/farm-single-product-template`
:link: **Link:** https://github.com/ileshmistry/kontent-cli-elanco/tree/feature/farm-single-product-template
:::

### Structure - VET

- Template - Product Info Page
    - Module - Section Header Block
        - Component - Link
    - Component - Anchor
    - Layout - Column
        - Component - Rich Text
        - Module - Small benefits module
            - Component - Icon with Text
    - Component - Anchor
    - Layout - Column
        - Module - Key Info Module Column
            - Component - Icon with Text
    - Layout - Column
        - Component - Rich Text
        - Module - Table Block
            - Module - Table Row (Header)
                - Component - Table Row Data
            - Module - Table Row (Row)
                - Component - Table Row Data
    - Component - Rich Text with CTA
    - Component - Full tabbed block [6-1-001]
        - Full tabbed block [6-1-001] tabs
    - Config - Product
        - Secondary Header Config
             - Component - CTA button block
             - Page - Nav item link
             - Page - Nav item link

:::info
:information_source: **++Information++**

:female-technologist: **Branch:** `feature/vet-product-template`
:link: **Link:** https://github.com/ileshmistry/kontent-cli-elanco/tree/feature/vet-product-template
:::

## Hero Page

- Template - Hero Section
    - Module - Section Header Block
    - Layout - Column
        - Component - Rich Text
        - Module - Small Benefits module
            - Component - Icon with Text
            - Component - Icon with Text
            - Component - Icon with Text
            - Component - Icon with Text
        - Component - Rich Text
    - Layout - Column
        - Module - Simple Lister Block
            - Component - CTA button block
        - Module - Simple Lister Block
            - Component - CTA button block
        - Module - Simple Lister Block
            - Component - CTA button block
    - Layout - Column
        - Component - Article Lister Block Large
            - Component - Meta Block
            - Component - CTA button block

:::info
:information_source: **++Information++**

:female-technologist: **Branch:** `feature/farm-hero-section-page`
:link: **Link:** https://github.com/ileshmistry/kontent-cli-elanco/tree/feature/farm-hero-section-page
:::

## Branch Page

- Template - Branch Page
    - Module - Section Header Block
    - Layout - Column
        - Component - Rich Text
        - Component - Small Benefits block
            - Component - Icon with Text
            - Component - Icon with Text
            - Component - Icon with Text
            - Component - Icon with Text
        - Component - Rich Text
        - Layout - Dynamic Cards Lister
            - Component - Card/Cards
        - Component - Rich Text
        - Layout - Dynamic Cards Lister
            - Component - Card/Cards

:::info
:information_source: **++Information++**

:female-technologist: **Branch:** `feature/branch-page`
:link: **Link:** https://github.com/ileshmistry/kontent-cli-elanco/tree/feature/branch-page
:::

## Product Service Page

- Template - Product Services
    - Module - Section Header Block
    - Layout - Row
        - Layout - Column
            - Component - Rich Text
            - Component - Small Benefit Block
                - Component - Icon with Text
                - Component - Icon with Text
                - Component - Icon with Text
            - Component - Rich Text
            - Module - Simple Lister Block
                Component - CTA Button block
            - Module - Simple Lister Block
                Component - CTA Button block
            - Module - Simple Lister Block
                Component - CTA Button block
            - Module - Simple Lister Block
                Component - CTA Button block
            - Module - Simple Lister Block
                Component - CTA Button block
            - Component - Rich Text
        - Layout - Column
            - Component - Rich Card
                - Component - Rich Text
                - Component - CTA Button block
            - Component - Card/Cards

:::info
:information_source: **++Information++**

:female-technologist: **Branch:** `feature/product-services-page`
:link: **Link:** https://github.com/ileshmistry/kontent-cli-elanco/tree/feature/product-services-page
:::

## Article Page - V2

:::info
:information_source: **++Information++**

:female-technologist: **Branch:** `feature/basic-article`
:link: **Link:** https://github.com/ileshmistry/kontent-cli-elanco/tree/feature/basic-article
:::

## Collection Page - VET

- Template - Collection Page
    - Module - Section Header Block
    - Layout - Column
        - Component - Rich Text
        - Module - Large Benefits Block
            - Component - Icon with Text
    - Layout - Column
        - Component - Rich Text
        - Layout - Dynamic Card Lister
    - Layout - Column
        - Module - FAQ
            - Component - FAQ Items
    - Component - Full tabbed block [6-1-001]
        - Full tabbed block [6-1-001] tabs
        

:::info
:information_source: **++Information++**

:female-technologist: **Branch:** `feature/vet-collection-page`
:link: **Link:** https://github.com/ileshmistry/kontent-cli-elanco/tree/feature/vet-collection-page
:::

## Category Page - VET

:::info
:information_source: **++Information++**

:female-technologist: **Branch:** `feature/vet-category-template`
:link: **Link:** https://github.com/ileshmistry/kontent-cli-elanco/tree/feature/vet-category-template
:::

---

# Component / Module templates

## Enhanced Product Directory Block (Product Cards)

### Complex *(has more than one tabs)*

:::info
:information_source: **++Information++**

:female-technologist: **Branch:** `feature/enhanced-product-card-complex`
:link: **Link:** https://github.com/ileshmistry/kontent-cli-elanco/tree/feature/enhanced-product-card-complex
:::

### Simple *(has ONLY one tab)*

:::info
:information_source: **++Information++**

:female-technologist: **Branch:** `feature/enhanced-product-card`
:link: **Link:** https://github.com/ileshmistry/kontent-cli-elanco/tree/feature/enhanced-product-card
:::