GET http://test.fitmetrics.ch/en/exercise/689f1a90dbb1e-box-breathing?alias=14974

Components

20 Twig Components
107 Render Count
783 ms Render Time
86.5 MiB Memory Usage

Components

Name Metadata Render Count Render Time
media:icon
"App\Twig\Components\Media\Icon"
components/media/icon.html.twig
67 3.43ms
ui:badge
"App\Twig\Components\Ui\Badge"
components/ui/badge.html.twig
6 1.04ms
faq
"App\Twig\Components\Ui\FaqComponent"
components/ui/faq.html.twig
5 1.32ms
raw-faq
"App\Twig\Components\Ui\RawFaqComponent"
components/ui/raw-faq.html.twig
5 0.44ms
utils:theme-switcher
[Anonymous]
components/utils/theme-switcher.html.twig
3 1.37ms
ad:square:fluid
"App\Twig\Components\Ad\AdSquareFluid"
components/ad/square-fluid.html.twig
3 0.49ms
app:lang-selector
"App\Twig\Components\App\LangSelector"
components/app/lang-selector.html.twig
2 0.48ms
app:page-sharer
"App\Twig\Components\App\PageSharer"
components/app/page-sharer.html.twig
2 3.47ms
ui:editor-render
"App\Twig\Components\Ui\Editor\EditorRender"
components/ui/editor/render.html.twig
2 0.90ms
app:loading_spinner
"App\Twig\Components\App\LoadingSpinner"
components/app/loading-spinner.html.twig
2 0.62ms
menu:main
"App\Twig\Components\Menu\MainMenu"
components/menu/main.html.twig
1 37.63ms
menu:connexion-menu
"App\Twig\Components\Menu\ConnexionMenu"
components/menu/user-menu.html.twig
1 7.32ms
menu:breadcrumb
"App\Twig\Components\Menu\Breadcrumb"
components/menu/breadcrumb.html.twig
1 0.57ms
ad:banner
"App\Twig\Components\Ad\AdBanner"
components/ad/banner.html.twig
1 0.39ms
media:video
"App\Twig\Components\Media\Video"
components/media/video.html.twig
1 0.32ms
anatomy:avatar
"App\Twig\Components\Anatomy\Avatar"
components/anatomy/avatar.html.twig
1 731.37ms
training:difficulty-badge
"App\Twig\Components\Training\DifficultyBadge"
components/training/difficulity-badge.html.twig
1 0.64ms
ui:widget-embed
"App\Twig\Components\Ui\WidgetEmbed"
components/ui/widget_embed.html.twig
1 1.55ms
ad:wide-skyscraper
"App\Twig\Components\Ad\AdWideSkyscraper"
components/ad/wide-skyscraper.html.twig
1 0.90ms
ad:horizontal:fluid
"App\Twig\Components\Ad\AdHorizontalFluid"
components/ad/horizontal-fluid.html.twig
1 0.59ms

Render calls

menu:main App\Twig\Components\Menu\MainMenu 76.5 MiB 37.63 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\Menu\MainMenu {#5699
  -routingManager: App\BusinessLogic\Training\Exercise\Url\ExerciseRoutingManager {#208 …}
  -em: Doctrine\ORM\EntityManager {#550 …}
  -cache: Symfony\Component\Cache\Adapter\TraceableAdapter {#205 …}
  -kernel: App\Kernel {#14 …}
  -mediaManager: App\BusinessLogic\Media\Manager\MediaManager {#214 …}
}
media:icon App\Twig\Components\Media\Icon 76.5 MiB 0.40 ms
Input props
[
  "name" => "fitmetrics-biceps"
  "class" => "header--logo-dark header--logo dark:hidden h-[80px] w-[130px] max-w-[130px]"
  "data-front--header-target" => "logoDark"
]
Attributes
[
  "class" => "header--logo-dark header--logo dark:hidden h-[80px] w-[130px] max-w-[130px]"
  "data-front--header-target" => "logoDark"
]
Component
App\Twig\Components\Media\Icon {#5746
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "fitmetrics-biceps"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 76.5 MiB 0.04 ms
Input props
[
  "name" => "fitmetrics-white-biceps"
  "class" => "header--logo-white header--logo hidden dark:block h-[80px] w-[130px] max-w-[130px]"
  "data-front--header-target" => "logoWhite"
]
Attributes
[
  "class" => "header--logo-white header--logo hidden dark:block h-[80px] w-[130px] max-w-[130px]"
  "data-front--header-target" => "logoWhite"
]
Component
App\Twig\Components\Media\Icon {#5757
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "fitmetrics-white-biceps"
  +title: null
  +symbolDefsName: null
}
utils:theme-switcher
[Anonymous]
76.5 MiB 1.01 ms
Input props
[
  "class" => "max-w-fit"
]
Attributes
[
  "class" => "max-w-fit"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#5808
  -props: [
    "class" => "max-w-fit"
  ]
}
media:icon App\Twig\Components\Media\Icon 76.5 MiB 0.04 ms
Input props
[
  "name" => "fitmetrics-biceps"
  "class" => "block header--logo-dark header--logo w-full dark:hidden h-[50px] scale-150"
  "data-front--header-target" => "logoDark"
]
Attributes
[
  "class" => "block header--logo-dark header--logo w-full dark:hidden h-[50px] scale-150"
  "data-front--header-target" => "logoDark"
]
Component
App\Twig\Components\Media\Icon {#5823
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "fitmetrics-biceps"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 76.5 MiB 0.03 ms
Input props
[
  "name" => "fitmetrics-white-biceps"
  "class" => "hidden header--logo-white header--logo w-full dark:block h-[50px] scale-150"
  "data-front--header-target" => "logoWhite"
]
Attributes
[
  "class" => "hidden header--logo-white header--logo w-full dark:block h-[50px] scale-150"
  "data-front--header-target" => "logoWhite"
]
Component
App\Twig\Components\Media\Icon {#5873
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "fitmetrics-white-biceps"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 76.5 MiB 0.03 ms
Input props
[
  "name" => "search"
  "class" => "h-7 w-7 mr-4 fill-current"
]
Attributes
[
  "class" => "h-7 w-7 mr-4 fill-current"
]
Component
App\Twig\Components\Media\Icon {#5901
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "search"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 76.5 MiB 0.03 ms
Input props
[
  "name" => "flexed-biceps"
  "class" => "h-7 w-7 mr-4 fill-current"
]
Attributes
[
  "class" => "h-7 w-7 mr-4 fill-current"
]
Component
App\Twig\Components\Media\Icon {#5917
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "flexed-biceps"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 76.5 MiB 0.03 ms
Input props
[
  "name" => "barbell"
  "class" => "h-8 w-8 mr-3 fill-current"
]
Attributes
[
  "class" => "h-8 w-8 mr-3 fill-current"
]
Component
App\Twig\Components\Media\Icon {#5941
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "barbell"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 76.5 MiB 0.03 ms
Input props
[
  "name" => "category"
  "class" => "h-8 w-8 mr-3 fill-current"
]
Attributes
[
  "class" => "h-8 w-8 mr-3 fill-current"
]
Component
App\Twig\Components\Media\Icon {#5965
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "category"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 76.5 MiB 0.03 ms
Input props
[
  "name" => "fire"
  "class" => "h-8 w-8 mr-3 fill-current"
]
Attributes
[
  "class" => "h-8 w-8 mr-3 fill-current"
]
Component
App\Twig\Components\Media\Icon {#5989
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "fire"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 76.5 MiB 0.03 ms
Input props
[
  "name" => "discipline "
  "class" => "h-8 w-8 mr-3 fill-current"
]
Attributes
[
  "class" => "h-8 w-8 mr-3 fill-current"
]
Component
App\Twig\Components\Media\Icon {#6013
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "discipline "
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 76.5 MiB 0.03 ms
Input props
[
  "name" => "stats-chart"
  "class" => "h-8 w-8 mr-3 fill-current"
]
Attributes
[
  "class" => "h-8 w-8 mr-3 fill-current"
]
Component
App\Twig\Components\Media\Icon {#6037
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "stats-chart"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 76.5 MiB 0.03 ms
Input props
[
  "name" => "latest"
  "class" => "h-7 w-7 mr-4 fill-current"
]
Attributes
[
  "class" => "h-7 w-7 mr-4 fill-current"
]
Component
App\Twig\Components\Media\Icon {#6061
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "latest"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 76.5 MiB 0.03 ms
Input props
[
  "name" => "random"
  "class" => "h-8 w-8 mr-3 fill-current"
]
Attributes
[
  "class" => "h-8 w-8 mr-3 fill-current"
]
Component
App\Twig\Components\Media\Icon {#6085
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "random"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 76.5 MiB 0.05 ms
Input props
[
  "name" => "chevron-down"
  "class" => "w-7 h-7 fill-black dark:fill-white transition group-hover:rotate-180"
]
Attributes
[
  "class" => "w-7 h-7 fill-black dark:fill-white transition group-hover:rotate-180"
]
Component
App\Twig\Components\Media\Icon {#6514
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "chevron-down"
  +title: null
  +symbolDefsName: null
}
utils:theme-switcher
[Anonymous]
76.5 MiB 0.12 ms
Input props
[
  "class" => "max-w-fit"
]
Attributes
[
  "class" => "max-w-fit"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#6501
  -props: [
    "class" => "max-w-fit"
  ]
}
menu:connexion-menu App\Twig\Components\Menu\ConnexionMenu 76.5 MiB 7.32 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\Menu\ConnexionMenu {#6592
  -authenticationUtils: Symfony\Component\Security\Http\Authentication\AuthenticationUtils {#6593 …}
  -formFactory: Symfony\Component\Form\FormFactory {#6591 …}
}
media:icon App\Twig\Components\Media\Icon 76.5 MiB 0.05 ms
Input props
[
  "name" => "close"
  "class" => "w-[26px] h-[26px] md:w-[15px] md:h-[15px] cursor-pointer"
]
Attributes
[
  "class" => "w-[26px] h-[26px] md:w-[15px] md:h-[15px] cursor-pointer"
]
Component
App\Twig\Components\Media\Icon {#6744
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "close"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 76.5 MiB 0.03 ms
Input props
[
  "name" => "fitmetrics-white-biceps"
  "class" => "hidden dark:block h-[80px] w-[300px]"
]
Attributes
[
  "class" => "hidden dark:block h-[80px] w-[300px]"
]
Component
App\Twig\Components\Media\Icon {#6779
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "fitmetrics-white-biceps"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 76.5 MiB 0.03 ms
Input props
[
  "name" => "fitmetrics-biceps"
  "class" => "block dark:hidden h-[80px] w-[300px]"
]
Attributes
[
  "class" => "block dark:hidden h-[80px] w-[300px]"
]
Component
App\Twig\Components\Media\Icon {#6809
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "fitmetrics-biceps"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 76.5 MiB 0.04 ms
Input props
[
  "name" => "google"
  "class" => "h-[24px] w-[20px]"
  "symbolDefsName" => "networks-symbol-defs.svg"
]
Attributes
[
  "class" => "h-[24px] w-[20px]"
]
Component
App\Twig\Components\Media\Icon {#6841
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "google"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 76.5 MiB 0.03 ms
Input props
[
  "name" => "apple"
  "class" => "h-[24px] w-[20px] fill-white"
  "symbolDefsName" => "networks-symbol-defs.svg"
]
Attributes
[
  "class" => "h-[24px] w-[20px] fill-white"
]
Component
App\Twig\Components\Media\Icon {#6860
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "apple"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 76.5 MiB 0.04 ms
Input props
[
  "name" => "fitmetrics-white-biceps"
  "class" => "h-[80px] w-[300px]"
]
Attributes
[
  "class" => "h-[80px] w-[300px]"
]
Component
App\Twig\Components\Media\Icon {#6970
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "fitmetrics-white-biceps"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 76.5 MiB 0.04 ms
Input props
[
  "name" => "chevron-down"
  "class" => "fill-white w-[20px] h-[20px]"
]
Attributes
[
  "class" => "fill-white w-[20px] h-[20px]"
]
Component
App\Twig\Components\Media\Icon {#7004
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "chevron-down"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 76.5 MiB 0.03 ms
Input props
[
  "name" => "flexed-biceps"
  "class" => "h-5 w-5 mr-2 fill-current"
]
Attributes
[
  "class" => "h-5 w-5 mr-2 fill-current"
]
Component
App\Twig\Components\Media\Icon {#7020
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "flexed-biceps"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 76.5 MiB 0.03 ms
Input props
[
  "name" => "fire"
  "class" => "h-5 w-5 mr-2 fill-current"
]
Attributes
[
  "class" => "h-5 w-5 mr-2 fill-current"
]
Component
App\Twig\Components\Media\Icon {#7044
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "fire"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 76.5 MiB 0.03 ms
Input props
[
  "name" => "category"
  "class" => "h-5 w-5 mr-2 fill-current"
]
Attributes
[
  "class" => "h-5 w-5 mr-2 fill-current"
]
Component
App\Twig\Components\Media\Icon {#7068
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "category"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 76.5 MiB 0.03 ms
Input props
[
  "name" => "barbell"
  "class" => "h-5 w-5 mr-2 fill-current"
]
Attributes
[
  "class" => "h-5 w-5 mr-2 fill-current"
]
Component
App\Twig\Components\Media\Icon {#7092
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "barbell"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 76.5 MiB 0.03 ms
Input props
[
  "name" => "discipline"
  "class" => "h-5 w-5 mr-2 fill-current"
]
Attributes
[
  "class" => "h-5 w-5 mr-2 fill-current"
]
Component
App\Twig\Components\Media\Icon {#7116
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "discipline"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 76.5 MiB 0.03 ms
Input props
[
  "name" => "stats-chart"
  "class" => "h-5 w-5 mr-2 fill-current"
]
Attributes
[
  "class" => "h-5 w-5 mr-2 fill-current"
]
Component
App\Twig\Components\Media\Icon {#7140
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "stats-chart"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 76.5 MiB 0.03 ms
Input props
[
  "name" => "latest"
  "class" => "h-5 w-5 mr-2 fill-current"
]
Attributes
[
  "class" => "h-5 w-5 mr-2 fill-current"
]
Component
App\Twig\Components\Media\Icon {#7164
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "latest"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 76.5 MiB 0.03 ms
Input props
[
  "name" => "random"
  "class" => "h-5 w-5 mr-2 fill-current"
]
Attributes
[
  "class" => "h-5 w-5 mr-2 fill-current"
]
Component
App\Twig\Components\Media\Icon {#7188
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "random"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 76.5 MiB 0.03 ms
Input props
[
  "name" => "favorites"
  "class" => "h-5 w-5 mr-2 fill-current"
]
Attributes
[
  "class" => "h-5 w-5 mr-2 fill-current"
]
Component
App\Twig\Components\Media\Icon {#7212
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "favorites"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 76.5 MiB 0.03 ms
Input props
[
  "name" => "more"
  "class" => "h-5 w-5 mr-2 fill-current"
]
Attributes
[
  "class" => "h-5 w-5 mr-2 fill-current"
]
Component
App\Twig\Components\Media\Icon {#7236
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "more"
  +title: null
  +symbolDefsName: null
}
app:lang-selector App\Twig\Components\App\LangSelector 76.5 MiB 0.39 ms
Input props
[
  "defaultOpenLeft" => true
]
Attributes
[]
Component
App\Twig\Components\App\LangSelector {#7281
  +routeName: null
  +params: null
  +withQuery: true
  +defaultOpenLeft: true
  -seoPage: App\BusinessLogic\App\Seo\SeoPage {#210 …}
  -requestStack: Symfony\Component\HttpFoundation\RequestStack {#865 …}
  -router: Symfony\Bundle\FrameworkBundle\Routing\Router {#681 …}
}
media:icon App\Twig\Components\Media\Icon 76.5 MiB 0.04 ms
Input props
[
  "name" => "close"
  "class" => "w-[26px] h-[26px] md:w-[15px] md:h-[15px] cursor-pointer text-white"
]
Attributes
[
  "class" => "w-[26px] h-[26px] md:w-[15px] md:h-[15px] cursor-pointer text-white"
]
Component
App\Twig\Components\Media\Icon {#7271
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "close"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 76.5 MiB 0.03 ms
Input props
[
  "name" => "fitmetrics-biceps"
  "class" => "h-16 w-full"
]
Attributes
[
  "class" => "h-16 w-full"
]
Component
App\Twig\Components\Media\Icon {#6912
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "fitmetrics-biceps"
  +title: null
  +symbolDefsName: null
}
menu:breadcrumb App\Twig\Components\Menu\Breadcrumb 76.5 MiB 0.57 ms
Input props
[
  "builder" => App\BusinessLogic\App\Menu\BreadcrumbBuilder {#4278
    -items: [
      [
        "label" => "menu.home"
        "url" => "/en/"
      ]
      [
        "label" => "menu.exercises"
        "url" => "/en/exercises"
      ]
      [
        "label" => "Breathing Exercise"
        "url" => "/en/exercises/group/320-breathing-exercise"
      ]
      [
        "label" => "Four-Square Breathing"
        "url" => null
      ]
    ]
  }
]
Attributes
[]
Component
App\Twig\Components\Menu\Breadcrumb {#7364
  +items: [
    [
      "label" => "menu.home"
      "url" => "/en/"
    ]
    [
      "label" => "menu.exercises"
      "url" => "/en/exercises"
    ]
    [
      "label" => "Breathing Exercise"
      "url" => "/en/exercises/group/320-breathing-exercise"
    ]
    [
      "label" => "Four-Square Breathing"
      "url" => null
    ]
  ]
  +builder: App\BusinessLogic\App\Menu\BreadcrumbBuilder {#4278
    -items: [
      [
        "label" => "menu.home"
        "url" => "/en/"
      ]
      [
        "label" => "menu.exercises"
        "url" => "/en/exercises"
      ]
      [
        "label" => "Breathing Exercise"
        "url" => "/en/exercises/group/320-breathing-exercise"
      ]
      [
        "label" => "Four-Square Breathing"
        "url" => null
      ]
    ]
  }
}
media:icon App\Twig\Components\Media\Icon 76.5 MiB 0.04 ms
Input props
[
  "name" => "chevron-right"
  "class" => "w-[10px] h-[10px] fill-black dark:fill-white"
]
Attributes
[
  "class" => "w-[10px] h-[10px] fill-black dark:fill-white"
]
Component
App\Twig\Components\Media\Icon {#7394
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "chevron-right"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 76.5 MiB 0.03 ms
Input props
[
  "name" => "chevron-right"
  "class" => "w-[10px] h-[10px] fill-black dark:fill-white"
]
Attributes
[
  "class" => "w-[10px] h-[10px] fill-black dark:fill-white"
]
Component
App\Twig\Components\Media\Icon {#7416
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "chevron-right"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 76.5 MiB 0.03 ms
Input props
[
  "name" => "chevron-right"
  "class" => "w-[10px] h-[10px] fill-black dark:fill-white"
]
Attributes
[
  "class" => "w-[10px] h-[10px] fill-black dark:fill-white"
]
Component
App\Twig\Components\Media\Icon {#7439
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "chevron-right"
  +title: null
  +symbolDefsName: null
}
ad:banner App\Twig\Components\Ad\AdBanner 76.5 MiB 0.39 ms
Input props
[
  "containerClass" => "my-4"
]
Attributes
[]
Component
App\Twig\Components\Ad\AdBanner {#7482
  +includeScript: true
  +labelClass: null
  +containerClass: "my-4"
  +adClass: null
  +showBgColor: true
  #kernel: App\Kernel {#14 …}
  #accountManager: App\BusinessLogic\User\Manager\AccountManager {#2932 …}
  #parameterBag: Symfony\Component\DependencyInjection\ParameterBag\ContainerBag {#686 …}
  #seoPage: App\BusinessLogic\App\Seo\SeoPage {#210 …}
}
media:video App\Twig\Components\Media\Video 76.5 MiB 0.32 ms
Input props
[
  "media" => App\Entity\Media\MediaVideo {#4232
    #uploadedFile: null
    #file: Vich\UploaderBundle\Entity\File {#4234 …}
    #credits: Doctrine\ORM\PersistentCollection {#4236 …}
    -source: null
    -zone: null
    -urlExternal: null
    #id: 2770
    -notes: null
    #translations: Doctrine\ORM\PersistentCollection {#4208 …}
    #newTranslations: null
    #currentLocale: "en"
    #defaultLocale: "en"
    -tiersId: null
    -tiersName: null
    #createdAt: DateTimeImmutable @1757569033 {#4270
      date: 2025-09-11 07:37:13.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1757569033 {#4222
      date: 2025-09-11 07:37:13.0 Europe/Zurich (+02:00)
    }
    #createdBy: App\Entity\User {#3714 …}
    #updatedBy: App\Entity\User {#3714 …}
    -duration: null
    -format: null
    -startTime: 13
    -endTime: null
    -youtubeId: "LgbLGowKhG4"
  }
  "title" => "Box Breathing"
  "showCredits" => false
]
Attributes
[]
Component
App\Twig\Components\Media\Video {#7569
  +media: App\Entity\Media\MediaVideo {#4232
    #uploadedFile: null
    #file: Vich\UploaderBundle\Entity\File {#4234 …}
    #credits: Doctrine\ORM\PersistentCollection {#4236 …}
    -source: null
    -zone: null
    -urlExternal: null
    #id: 2770
    -notes: null
    #translations: Doctrine\ORM\PersistentCollection {#4208 …}
    #newTranslations: null
    #currentLocale: "en"
    #defaultLocale: "en"
    -tiersId: null
    -tiersName: null
    #createdAt: DateTimeImmutable @1757569033 {#4270
      date: 2025-09-11 07:37:13.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1757569033 {#4222
      date: 2025-09-11 07:37:13.0 Europe/Zurich (+02:00)
    }
    #createdBy: App\Entity\User {#3714 …}
    #updatedBy: App\Entity\User {#3714 …}
    -duration: null
    -format: null
    -startTime: 13
    -endTime: null
    -youtubeId: "LgbLGowKhG4"
  }
  +title: "Box Breathing"
  +posterSm: null
  +posterLg: null
  +hasPipButton: true
  +loop: false
  +mute: false
  +showCredits: false
  +creditsTitle: "label.media_video.credits"
  -mediaManager: App\BusinessLogic\Media\Manager\MediaManager {#214 …}
  -appManager: App\BusinessLogic\App\Manager\AppManager {#152 …}
}
media:icon App\Twig\Components\Media\Icon 76.5 MiB 0.04 ms
Input props
[
  "name" => "favorites"
  "class" => "h-4 w-4 stroke-yellow text-transparent"
  "data-front--favorite-target" => "icon"
]
Attributes
[
  "class" => "h-4 w-4 stroke-yellow text-transparent"
  "data-front--favorite-target" => "icon"
]
Component
App\Twig\Components\Media\Icon {#7585
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "favorites"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 76.5 MiB 0.05 ms
Input props
[
  "name" => "program"
  "class" => "w-5 h-5 text-white inline-flex"
]
Attributes
[
  "class" => "w-5 h-5 text-white inline-flex"
]
Component
App\Twig\Components\Media\Icon {#7618
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "program"
  +title: null
  +symbolDefsName: null
}
app:page-sharer App\Twig\Components\App\PageSharer 76.5 MiB 1.30 ms
Input props
[
  "class" => "mt-2 md:m-0"
]
Attributes
[
  "class" => "mt-2 md:m-0"
]
Component
App\Twig\Components\App\PageSharer {#7642
  +shareUrl: "http://test.fitmetrics.ch/en/exercise/689f1a90dbb1e-box-breathing?alias=14974"
  +title: "Four-Square Breathing - Exercise - FitMetrics"
  +description: "Box Breathing, also known as Square Breathing or Four-Square Breathing, is a structured breathing technique designed to promote relaxation, focus, and stress management. It is widely used in practices such as yoga, meditation, and mindfulness training, and has also been adopted by high-performance professionals, including athletes and military personnel, to improve mental clarity and resilience under pressure. The method involves four equal phases: inhaling, holding the breath, exhaling, and pausing, each lasting the same number of counts, typically four seconds. This deliberate rhythm helps regulate the autonomic nervous system, reducing the physiological stress response and promoting a calm mental state. Practicing Box Breathing regularly can enhance concentration, lower anxiety, and support better emotional control in daily life. It is also beneficial for improving lung capacity and creating greater awareness of breathing patterns. As a no-equipment exercise, it can be performed anywhere, making it a practical and accessible tool for managing stress, preparing for sleep, or resetting focus during a busy day. Suitable for beginners yet effective for experienced practitioners, Box Breathing offers a simple but powerful method to cultivate mindfulness, reduce stress, and enhance overall well-being."
  +quote: null
  +hashtags: [
    "fitmetrics"
  ]
  +alignMobileLeft: false
  -requestStack: Symfony\Component\HttpFoundation\RequestStack {#865 …}
  -seoPage: App\BusinessLogic\App\Seo\SeoPage {#210 …}
}
media:icon App\Twig\Components\Media\Icon 76.5 MiB 0.04 ms
Input props
[
  "name" => "check"
  "class" => "w-5 h-5 text-white fill-white"
]
Attributes
[
  "class" => "w-5 h-5 text-white fill-white"
]
Component
App\Twig\Components\Media\Icon {#7672
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "check"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 76.5 MiB 0.04 ms
Input props
[
  "name" => "reddit"
  "class" => "w-6 h-6 fill-slate-600 transition-colors group-hover:fill-white dark:fill-white dark:group-hover:fill-white"
  "symbolDefsName" => "networks-symbol-defs.svg"
]
Attributes
[
  "class" => "w-6 h-6 fill-slate-600 transition-colors group-hover:fill-white dark:fill-white dark:group-hover:fill-white"
]
Component
App\Twig\Components\Media\Icon {#7700
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "reddit"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 76.5 MiB 0.03 ms
Input props
[
  "name" => "twitter"
  "class" => "w-5 h-5 fill-slate-600 transition-colors group-hover:fill-white dark:fill-white dark:group-hover:fill-white"
  "symbolDefsName" => "networks-symbol-defs.svg"
]
Attributes
[
  "class" => "w-5 h-5 fill-slate-600 transition-colors group-hover:fill-white dark:fill-white dark:group-hover:fill-white"
]
Component
App\Twig\Components\Media\Icon {#7725
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "twitter"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 76.5 MiB 0.03 ms
Input props
[
  "name" => "threads"
  "class" => "w-5 h-5 fill-slate-600 transition-colors group-hover:fill-white dark:fill-white dark:group-hover:fill-white"
  "symbolDefsName" => "networks-symbol-defs.svg"
]
Attributes
[
  "class" => "w-5 h-5 fill-slate-600 transition-colors group-hover:fill-white dark:fill-white dark:group-hover:fill-white"
]
Component
App\Twig\Components\Media\Icon {#7748
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "threads"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 76.5 MiB 0.03 ms
Input props
[
  "name" => "facebook"
  "class" => "w-5 h-5 fill-slate-600 transition-colors group-hover:fill-white dark:fill-white dark:group-hover:fill-white"
  "symbolDefsName" => "networks-symbol-defs.svg"
]
Attributes
[
  "class" => "w-5 h-5 fill-slate-600 transition-colors group-hover:fill-white dark:fill-white dark:group-hover:fill-white"
]
Component
App\Twig\Components\Media\Icon {#7771
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "facebook"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 76.5 MiB 0.03 ms
Input props
[
  "name" => "linkedin"
  "class" => "w-5 h-5 fill-slate-600 transition-colors group-hover:fill-white dark:fill-white dark:group-hover:fill-white"
  "symbolDefsName" => "networks-symbol-defs.svg"
]
Attributes
[
  "class" => "w-5 h-5 fill-slate-600 transition-colors group-hover:fill-white dark:fill-white dark:group-hover:fill-white"
]
Component
App\Twig\Components\Media\Icon {#7794
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "linkedin"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 76.5 MiB 0.03 ms
Input props
[
  "name" => "whatsapp"
  "class" => "w-5 h-5 fill-slate-600 transition-colors group-hover:fill-white dark:fill-white dark:group-hover:fill-white"
  "symbolDefsName" => "networks-symbol-defs.svg"
]
Attributes
[
  "class" => "w-5 h-5 fill-slate-600 transition-colors group-hover:fill-white dark:fill-white dark:group-hover:fill-white"
]
Component
App\Twig\Components\Media\Icon {#7817
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "whatsapp"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 76.5 MiB 0.03 ms
Input props
[
  "name" => "email"
  "class" => "w-5 h-5 fill-slate-600 transition-colors group-hover:fill-white dark:fill-white dark:group-hover:fill-white"
  "symbolDefsName" => "networks-symbol-defs.svg"
]
Attributes
[
  "class" => "w-5 h-5 fill-slate-600 transition-colors group-hover:fill-white dark:fill-white dark:group-hover:fill-white"
]
Component
App\Twig\Components\Media\Icon {#7840
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "email"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 76.5 MiB 0.04 ms
Input props
[
  "name" => "program"
  "class" => "w-6 h-6 mr-3 !text-white"
]
Attributes
[
  "class" => "w-6 h-6 mr-3 !text-white"
]
Component
App\Twig\Components\Media\Icon {#7871
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "program"
  +title: null
  +symbolDefsName: null
}
ui:editor-render App\Twig\Components\Ui\Editor\EditorRender 76.5 MiB 0.80 ms
Input props
[
  "data" => [
    "time" => 1757569532
    "version" => "2.31.0-rc.7"
    "blocks" => [
      [
        "type" => "header"
        "data" => [
          "level" => 2
          "text" => "Instructions"
        ]
      ]
      [
        "type" => "list"
        "data" => [
          "style" => "ordered"
          "items" => [
            [
              "content" => "Sit or lie down in a comfortable position."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Close your eyes and relax your shoulders."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Inhale slowly through your nose for a count of 4."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Hold your breath for a count of 4."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Exhale slowly through your nose or mouth for a count of 4."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Hold again for a count of 4."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Repeat the cycle for several minutes."
              "items" => []
              "meta" => []
            ]
          ]
          "meta" => []
        ]
      ]
      [
        "type" => "header"
        "data" => [
          "level" => 2
          "text" => "Technical tips"
        ]
      ]
      [
        "type" => "list"
        "data" => [
          "style" => "unordered"
          "items" => [
            [
              "content" => "Keep breaths deep and controlled, not shallow."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Focus on filling the belly before the chest."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Maintain an even rhythm throughout the cycle."
              "items" => []
              "meta" => []
            ]
          ]
          "meta" => []
        ]
      ]
      [
        "type" => "header"
        "data" => [
          "level" => 2
          "text" => "Breathing tips"
        ]
      ]
      [
        "type" => "list"
        "data" => [
          "style" => "unordered"
          "items" => [
            [
              "content" => "Inhale through your nose for 4 seconds."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Hold your breath gently for 4 seconds."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Exhale smoothly for 4 seconds."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Pause without tension for 4 seconds."
              "items" => []
              "meta" => []
            ]
          ]
          "meta" => []
        ]
      ]
    ]
  ]
]
Attributes
[]
Component
App\Twig\Components\Ui\Editor\EditorRender {#7920
  +title: null
  +data: [
    "time" => 1757569532
    "version" => "2.31.0-rc.7"
    "blocks" => [
      [
        "type" => "header"
        "data" => [
          "level" => 2
          "text" => "Instructions"
        ]
      ]
      [
        "type" => "list"
        "data" => [
          "style" => "ordered"
          "items" => [
            [
              "content" => "Sit or lie down in a comfortable position."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Close your eyes and relax your shoulders."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Inhale slowly through your nose for a count of 4."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Hold your breath for a count of 4."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Exhale slowly through your nose or mouth for a count of 4."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Hold again for a count of 4."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Repeat the cycle for several minutes."
              "items" => []
              "meta" => []
            ]
          ]
          "meta" => []
        ]
      ]
      [
        "type" => "header"
        "data" => [
          "level" => 2
          "text" => "Technical tips"
        ]
      ]
      [
        "type" => "list"
        "data" => [
          "style" => "unordered"
          "items" => [
            [
              "content" => "Keep breaths deep and controlled, not shallow."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Focus on filling the belly before the chest."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Maintain an even rhythm throughout the cycle."
              "items" => []
              "meta" => []
            ]
          ]
          "meta" => []
        ]
      ]
      [
        "type" => "header"
        "data" => [
          "level" => 2
          "text" => "Breathing tips"
        ]
      ]
      [
        "type" => "list"
        "data" => [
          "style" => "unordered"
          "items" => [
            [
              "content" => "Inhale through your nose for 4 seconds."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Hold your breath gently for 4 seconds."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Exhale smoothly for 4 seconds."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Pause without tension for 4 seconds."
              "items" => []
              "meta" => []
            ]
          ]
          "meta" => []
        ]
      ]
    ]
  ]
  +spacing: 4
  +adsInterval: 5
  +withAds: true
  +withMarketingBanner: false
  +marketingBannerPosition: 8
  -host: "http://test.fitmetrics.ch"
  #requestStack: Symfony\Component\HttpFoundation\RequestStack {#865 …}
  #parameterBag: Symfony\Component\DependencyInjection\ParameterBag\ContainerBag {#686 …}
}
ui:editor-render App\Twig\Components\Ui\Editor\EditorRender 76.5 MiB 0.10 ms
Input props
[
  "data" => [
    "time" => 1757569532
    "version" => "2.31.0-rc.7"
    "blocks" => [
      [
        "type" => "list"
        "data" => [
          "style" => "unordered"
          "items" => [
            [
              "content" => "Severe respiratory conditions (e.g., COPD, asthma flare-up)"
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Uncontrolled hypertension"
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Recent chest or abdominal surgery"
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Dizziness or fainting tendencies"
              "items" => []
              "meta" => []
            ]
          ]
          "meta" => []
        ]
      ]
    ]
  ]
]
Attributes
[]
Component
App\Twig\Components\Ui\Editor\EditorRender {#7981
  +title: null
  +data: [
    "time" => 1757569532
    "version" => "2.31.0-rc.7"
    "blocks" => [
      [
        "type" => "list"
        "data" => [
          "style" => "unordered"
          "items" => [
            [
              "content" => "Severe respiratory conditions (e.g., COPD, asthma flare-up)"
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Uncontrolled hypertension"
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Recent chest or abdominal surgery"
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Dizziness or fainting tendencies"
              "items" => []
              "meta" => []
            ]
          ]
          "meta" => []
        ]
      ]
    ]
  ]
  +spacing: 4
  +adsInterval: 5
  +withAds: true
  +withMarketingBanner: false
  +marketingBannerPosition: 8
  -host: "http://test.fitmetrics.ch"
  #requestStack: Symfony\Component\HttpFoundation\RequestStack {#865 …}
  #parameterBag: Symfony\Component\DependencyInjection\ParameterBag\ContainerBag {#686 …}
}
ad:square:fluid App\Twig\Components\Ad\AdSquareFluid 76.5 MiB 0.23 ms
Input props
[
  "containerClass" => "mt-6"
]
Attributes
[]
Component
App\Twig\Components\Ad\AdSquareFluid {#7968
  +includeScript: true
  +labelClass: null
  +containerClass: "mt-6"
  +adClass: null
  +showBgColor: true
  #kernel: App\Kernel {#14 …}
  #accountManager: App\BusinessLogic\User\Manager\AccountManager {#2932 …}
  #parameterBag: Symfony\Component\DependencyInjection\ParameterBag\ContainerBag {#686 …}
  #seoPage: App\BusinessLogic\App\Seo\SeoPage {#210 …}
}
faq App\Twig\Components\Ui\FaqComponent 76.5 MiB 0.65 ms
Input props
[
  "faq" => App\Entity\Faq {#5030
    -news: Doctrine\ORM\PersistentCollection {#5013 …}
    -exercises: Doctrine\ORM\PersistentCollection {#5015 …}
    #id: 5779
    #createdAt: DateTimeImmutable @1757569532 {#5025
      date: 2025-09-11 07:45:32.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1757569532 {#5000
      date: 2025-09-11 07:45:32.0 Europe/Zurich (+02:00)
    }
    #createdBy: App\Entity\User {#3714 …}
    #updatedBy: App\Entity\User {#3714 …}
    #translations: Doctrine\ORM\PersistentCollection {#5063 …}
    #newTranslations: null
    #currentLocale: "en"
    #defaultLocale: "en"
    -published: true
    #publishedAt: null
    -publishedBy: null
  }
]
Attributes
[]
Component
App\Twig\Components\Ui\FaqComponent {#8025
  +faq: App\Entity\Faq {#5030
    -news: Doctrine\ORM\PersistentCollection {#5013 …}
    -exercises: Doctrine\ORM\PersistentCollection {#5015 …}
    #id: 5779
    #createdAt: DateTimeImmutable @1757569532 {#5025
      date: 2025-09-11 07:45:32.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1757569532 {#5000
      date: 2025-09-11 07:45:32.0 Europe/Zurich (+02:00)
    }
    #createdBy: App\Entity\User {#3714 …}
    #updatedBy: App\Entity\User {#3714 …}
    #translations: Doctrine\ORM\PersistentCollection {#5063 …}
    #newTranslations: null
    #currentLocale: "en"
    #defaultLocale: "en"
    -published: true
    #publishedAt: null
    -publishedBy: null
  }
}
raw-faq App\Twig\Components\Ui\RawFaqComponent 76.5 MiB 0.23 ms
Input props
[
  "question" => "What are the benefits of box breathing?"
  "answer" => "Box breathing helps reduce stress, lower anxiety, improve focus, and regulate the nervous system. It is also effective for enhancing relaxation and promoting mental clarity."
]
Attributes
[]
Component
App\Twig\Components\Ui\RawFaqComponent {#8053
  +question: "What are the benefits of box breathing?"
  +answer: "Box breathing helps reduce stress, lower anxiety, improve focus, and regulate the nervous system. It is also effective for enhancing relaxation and promoting mental clarity."
}
faq App\Twig\Components\Ui\FaqComponent 76.5 MiB 0.18 ms
Input props
[
  "faq" => App\Entity\Faq {#5061
    -news: Doctrine\ORM\PersistentCollection {#5060 …}
    -exercises: Doctrine\ORM\PersistentCollection {#5058 …}
    #id: 5780
    #createdAt: DateTimeImmutable @1757569532 {#5065
      date: 2025-09-11 07:45:32.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1757569532 {#5062
      date: 2025-09-11 07:45:32.0 Europe/Zurich (+02:00)
    }
    #createdBy: App\Entity\User {#3714 …}
    #updatedBy: App\Entity\User {#3714 …}
    #translations: Doctrine\ORM\PersistentCollection {#5056 …}
    #newTranslations: null
    #currentLocale: "en"
    #defaultLocale: "en"
    -published: true
    #publishedAt: null
    -publishedBy: null
  }
]
Attributes
[]
Component
App\Twig\Components\Ui\FaqComponent {#8084
  +faq: App\Entity\Faq {#5061
    -news: Doctrine\ORM\PersistentCollection {#5060 …}
    -exercises: Doctrine\ORM\PersistentCollection {#5058 …}
    #id: 5780
    #createdAt: DateTimeImmutable @1757569532 {#5065
      date: 2025-09-11 07:45:32.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1757569532 {#5062
      date: 2025-09-11 07:45:32.0 Europe/Zurich (+02:00)
    }
    #createdBy: App\Entity\User {#3714 …}
    #updatedBy: App\Entity\User {#3714 …}
    #translations: Doctrine\ORM\PersistentCollection {#5056 …}
    #newTranslations: null
    #currentLocale: "en"
    #defaultLocale: "en"
    -published: true
    #publishedAt: null
    -publishedBy: null
  }
}
raw-faq App\Twig\Components\Ui\RawFaqComponent 76.5 MiB 0.05 ms
Input props
[
  "question" => "How do I perform box breathing correctly?"
  "answer" => "To perform box breathing, inhale for 4 seconds, hold your breath for 4 seconds, exhale for 4 seconds, and pause for 4 seconds before repeating the cycle."
]
Attributes
[]
Component
App\Twig\Components\Ui\RawFaqComponent {#8129
  +question: "How do I perform box breathing correctly?"
  +answer: "To perform box breathing, inhale for 4 seconds, hold your breath for 4 seconds, exhale for 4 seconds, and pause for 4 seconds before repeating the cycle."
}
faq App\Twig\Components\Ui\FaqComponent 76.5 MiB 0.17 ms
Input props
[
  "faq" => App\Entity\Faq {#5052
    -news: Doctrine\ORM\PersistentCollection {#5051 …}
    -exercises: Doctrine\ORM\PersistentCollection {#5049 …}
    #id: 5781
    #createdAt: DateTimeImmutable @1757569532 {#5054
      date: 2025-09-11 07:45:32.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1757569532 {#5053
      date: 2025-09-11 07:45:32.0 Europe/Zurich (+02:00)
    }
    #createdBy: App\Entity\User {#3714 …}
    #updatedBy: App\Entity\User {#3714 …}
    #translations: Doctrine\ORM\PersistentCollection {#5047 …}
    #newTranslations: null
    #currentLocale: "en"
    #defaultLocale: "en"
    -published: true
    #publishedAt: null
    -publishedBy: null
  }
]
Attributes
[]
Component
App\Twig\Components\Ui\FaqComponent {#8132
  +faq: App\Entity\Faq {#5052
    -news: Doctrine\ORM\PersistentCollection {#5051 …}
    -exercises: Doctrine\ORM\PersistentCollection {#5049 …}
    #id: 5781
    #createdAt: DateTimeImmutable @1757569532 {#5054
      date: 2025-09-11 07:45:32.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1757569532 {#5053
      date: 2025-09-11 07:45:32.0 Europe/Zurich (+02:00)
    }
    #createdBy: App\Entity\User {#3714 …}
    #updatedBy: App\Entity\User {#3714 …}
    #translations: Doctrine\ORM\PersistentCollection {#5047 …}
    #newTranslations: null
    #currentLocale: "en"
    #defaultLocale: "en"
    -published: true
    #publishedAt: null
    -publishedBy: null
  }
}
raw-faq App\Twig\Components\Ui\RawFaqComponent 76.5 MiB 0.05 ms
Input props
[
  "question" => "What is the most common mistake in box breathing?"
  "answer" => "The most common mistake is shallow breathing. Focus on deep diaphragmatic breaths and maintaining equal counts for each phase of the cycle."
]
Attributes
[]
Component
App\Twig\Components\Ui\RawFaqComponent {#8176
  +question: "What is the most common mistake in box breathing?"
  +answer: "The most common mistake is shallow breathing. Focus on deep diaphragmatic breaths and maintaining equal counts for each phase of the cycle."
}
faq App\Twig\Components\Ui\FaqComponent 76.5 MiB 0.15 ms
Input props
[
  "faq" => App\Entity\Faq {#5043
    -news: Doctrine\ORM\PersistentCollection {#5042 …}
    -exercises: Doctrine\ORM\PersistentCollection {#5040 …}
    #id: 5782
    #createdAt: DateTimeImmutable @1757569532 {#5045
      date: 2025-09-11 07:45:32.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1757569532 {#5044
      date: 2025-09-11 07:45:32.0 Europe/Zurich (+02:00)
    }
    #createdBy: App\Entity\User {#3714 …}
    #updatedBy: App\Entity\User {#3714 …}
    #translations: Doctrine\ORM\PersistentCollection {#5038 …}
    #newTranslations: null
    #currentLocale: "en"
    #defaultLocale: "en"
    -published: true
    #publishedAt: null
    -publishedBy: null
  }
]
Attributes
[]
Component
App\Twig\Components\Ui\FaqComponent {#8179
  +faq: App\Entity\Faq {#5043
    -news: Doctrine\ORM\PersistentCollection {#5042 …}
    -exercises: Doctrine\ORM\PersistentCollection {#5040 …}
    #id: 5782
    #createdAt: DateTimeImmutable @1757569532 {#5045
      date: 2025-09-11 07:45:32.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1757569532 {#5044
      date: 2025-09-11 07:45:32.0 Europe/Zurich (+02:00)
    }
    #createdBy: App\Entity\User {#3714 …}
    #updatedBy: App\Entity\User {#3714 …}
    #translations: Doctrine\ORM\PersistentCollection {#5038 …}
    #newTranslations: null
    #currentLocale: "en"
    #defaultLocale: "en"
    -published: true
    #publishedAt: null
    -publishedBy: null
  }
}
raw-faq App\Twig\Components\Ui\RawFaqComponent 76.5 MiB 0.04 ms
Input props
[
  "question" => "Is box breathing safe for everyone?"
  "answer" => "Box breathing is generally safe, but individuals with respiratory conditions, uncontrolled high blood pressure, or recent chest surgery should consult a doctor before practicing."
]
Attributes
[]
Component
App\Twig\Components\Ui\RawFaqComponent {#8223
  +question: "Is box breathing safe for everyone?"
  +answer: "Box breathing is generally safe, but individuals with respiratory conditions, uncontrolled high blood pressure, or recent chest surgery should consult a doctor before practicing."
}
faq App\Twig\Components\Ui\FaqComponent 76.5 MiB 0.16 ms
Input props
[
  "faq" => App\Entity\Faq {#4990
    -news: Doctrine\ORM\PersistentCollection {#4989 …}
    -exercises: Doctrine\ORM\PersistentCollection {#4987 …}
    #id: 5783
    #createdAt: DateTimeImmutable @1757569532 {#4992
      date: 2025-09-11 07:45:32.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1757569532 {#4991
      date: 2025-09-11 07:45:32.0 Europe/Zurich (+02:00)
    }
    #createdBy: App\Entity\User {#3714 …}
    #updatedBy: App\Entity\User {#3714 …}
    #translations: Doctrine\ORM\PersistentCollection {#4985 …}
    #newTranslations: null
    #currentLocale: "en"
    #defaultLocale: "en"
    -published: true
    #publishedAt: null
    -publishedBy: null
  }
]
Attributes
[]
Component
App\Twig\Components\Ui\FaqComponent {#8226
  +faq: App\Entity\Faq {#4990
    -news: Doctrine\ORM\PersistentCollection {#4989 …}
    -exercises: Doctrine\ORM\PersistentCollection {#4987 …}
    #id: 5783
    #createdAt: DateTimeImmutable @1757569532 {#4992
      date: 2025-09-11 07:45:32.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1757569532 {#4991
      date: 2025-09-11 07:45:32.0 Europe/Zurich (+02:00)
    }
    #createdBy: App\Entity\User {#3714 …}
    #updatedBy: App\Entity\User {#3714 …}
    #translations: Doctrine\ORM\PersistentCollection {#4985 …}
    #newTranslations: null
    #currentLocale: "en"
    #defaultLocale: "en"
    -published: true
    #publishedAt: null
    -publishedBy: null
  }
}
raw-faq App\Twig\Components\Ui\RawFaqComponent 76.5 MiB 0.06 ms
Input props
[
  "question" => "How is box breathing different from 4-7-8 breathing?"
  "answer" => "Both are relaxation techniques, but box breathing uses equal counts for all phases, while 4-7-8 breathing uses longer holds and exhales to promote deeper relaxation."
]
Attributes
[]
Component
App\Twig\Components\Ui\RawFaqComponent {#8270
  +question: "How is box breathing different from 4-7-8 breathing?"
  +answer: "Both are relaxation techniques, but box breathing uses equal counts for all phases, while 4-7-8 breathing uses longer holds and exhales to promote deeper relaxation."
}
anatomy:avatar App\Twig\Components\Anatomy\Avatar 84.5 MiB 731.37 ms
Input props
[
  "class" => "relative"
  "primaryMuscles" => []
  "secondaryMuscles" => []
  "displayFront" => true
]
Attributes
[
  "class" => "relative"
]
Component
App\Twig\Components\Anatomy\Avatar {#8198
  #container: Symfony\Component\DependencyInjection\Argument\ServiceLocator {#8280 …}
  +primaryMuscles: []
  +secondaryMuscles: []
  +type: "url"
  +urlReferenceType: 2
  +displayFront: true
  +selectedMuscles: []
  +displayTagMuscles: false
  +hoverMuscleDefaultText: "-"
  #entityManager: Doctrine\ORM\EntityManager {#550 …}
  #localeSwitcher: Symfony\Component\Translation\LocaleSwitcher {#1600 …}
  #avatarData: App\BusinessLogic\Anatomy\AvatarData {#8243 …}
  -liveResponder: Symfony\UX\LiveComponent\LiveResponder {#8279 …}
}
ad:square:fluid App\Twig\Components\Ad\AdSquareFluid 84.5 MiB 0.15 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\Ad\AdSquareFluid {#9661
  +includeScript: true
  +labelClass: null
  +containerClass: "max-h-[300px] max-w-[300px]"
  +adClass: null
  +showBgColor: true
  #kernel: App\Kernel {#14 …}
  #accountManager: App\BusinessLogic\User\Manager\AccountManager {#2932 …}
  #parameterBag: Symfony\Component\DependencyInjection\ParameterBag\ContainerBag {#686 …}
  #seoPage: App\BusinessLogic\App\Seo\SeoPage {#210 …}
}
training:difficulty-badge App\Twig\Components\Training\DifficultyBadge 86.5 MiB 0.64 ms
Input props
[
  "difficulty" => "beginner"
]
Attributes
[]
Component
App\Twig\Components\Training\DifficultyBadge {#9775
  +difficulty: "beginner"
  +small: false
  +link: true
}
ui:badge App\Twig\Components\Ui\Badge 86.5 MiB 0.56 ms
Input props
[
  "name" => "Isolation"
  "small" => true
  "color" => "gray"
]
Attributes
[]
Component
App\Twig\Components\Ui\Badge {#9783
  +name: "Isolation"
  +url: null
  +color: "gray"
  +small: true
  +selected: false
}
ui:badge App\Twig\Components\Ui\Badge 86.5 MiB 0.12 ms
Input props
[
  "name" => "Without equipment"
  "url" => "/en/exercises/equipment/29-without-equipment"
  "small" => true
  "color" => "gray"
]
Attributes
[]
Component
App\Twig\Components\Ui\Badge {#9856
  +name: "Without equipment"
  +url: "/en/exercises/equipment/29-without-equipment"
  +color: "gray"
  +small: true
  +selected: false
}
ui:badge App\Twig\Components\Ui\Badge 86.5 MiB 0.09 ms
Input props
[
  "name" => "Fitness"
  "url" => "/en/exercises/sport/5-fitness"
  "small" => true
  "color" => "gray"
]
Attributes
[]
Component
App\Twig\Components\Ui\Badge {#9883
  +name: "Fitness"
  +url: "/en/exercises/sport/5-fitness"
  +color: "gray"
  +small: true
  +selected: false
}
ui:badge App\Twig\Components\Ui\Badge 86.5 MiB 0.09 ms
Input props
[
  "name" => "Yoga"
  "url" => "/en/exercises/sport/8-yoga"
  "small" => true
  "color" => "gray"
]
Attributes
[]
Component
App\Twig\Components\Ui\Badge {#9907
  +name: "Yoga"
  +url: "/en/exercises/sport/8-yoga"
  +color: "gray"
  +small: true
  +selected: false
}
ui:badge App\Twig\Components\Ui\Badge 86.5 MiB 0.09 ms
Input props
[
  "name" => "Pilates"
  "url" => "/en/exercises/sport/9-pilates"
  "small" => true
  "color" => "gray"
]
Attributes
[]
Component
App\Twig\Components\Ui\Badge {#9931
  +name: "Pilates"
  +url: "/en/exercises/sport/9-pilates"
  +color: "gray"
  +small: true
  +selected: false
}
ui:badge App\Twig\Components\Ui\Badge 86.5 MiB 0.09 ms
Input props
[
  "name" => "Recovery and relaxation"
  "url" => "/en/exercises/category/75-recovery-and-relaxation"
  "small" => true
  "color" => "gray"
]
Attributes
[]
Component
App\Twig\Components\Ui\Badge {#9955
  +name: "Recovery and relaxation"
  +url: "/en/exercises/category/75-recovery-and-relaxation"
  +color: "gray"
  +small: true
  +selected: false
}
ad:square:fluid App\Twig\Components\Ad\AdSquareFluid 86.5 MiB 0.11 ms
Input props
[
  "containerClass" => "hidden lg:flex items-center justify-center my-6"
]
Attributes
[]
Component
App\Twig\Components\Ad\AdSquareFluid {#9699
  +includeScript: true
  +labelClass: null
  +containerClass: "hidden lg:flex items-center justify-center my-6"
  +adClass: null
  +showBgColor: true
  #kernel: App\Kernel {#14 …}
  #accountManager: App\BusinessLogic\User\Manager\AccountManager {#2932 …}
  #parameterBag: Symfony\Component\DependencyInjection\ParameterBag\ContainerBag {#686 …}
  #seoPage: App\BusinessLogic\App\Seo\SeoPage {#210 …}
}
app:loading_spinner App\Twig\Components\App\LoadingSpinner 86.5 MiB 0.53 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\App\LoadingSpinner {#7907
  +color: "fill-primary"
  +size: 8
  +centered: true
  +inline: false
}
app:loading_spinner App\Twig\Components\App\LoadingSpinner 86.5 MiB 0.10 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\App\LoadingSpinner {#10012
  +color: "fill-primary"
  +size: 8
  +centered: true
  +inline: false
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.09 ms
Input props
[
  "name" => "program"
  "class" => "w-6 h-6 mr-3 !text-white"
]
Attributes
[
  "class" => "w-6 h-6 mr-3 !text-white"
]
Component
App\Twig\Components\Media\Icon {#10050
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "program"
  +title: null
  +symbolDefsName: null
}
ui:widget-embed App\Twig\Components\Ui\WidgetEmbed 86.5 MiB 1.55 ms
Input props
[
  "class" => "hidden md:block"
  "route" => "http://test.fitmetrics.ch/en/widgets/exercise/preview-689f1a90dbb1e?video=1"
  "parameters" => [
    [
      "name" => "orientation"
      "description" => "Change the layout: horizontal (side by side) or vertical (stacked)"
      "example" => "?orientation=vertical"
      "values" => [
        "horizontal"
        "vertical"
      ]
    ]
    [
      "name" => "video"
      "description" => "Show the exercise video (if available): yes"
      "example" => "?video=1"
      "values" => [
        "0"
        "1"
        "true"
        "false"
      ]
    ]
  ]
  "defaultWidth" => 350
  "defaultHeight" => 700
]
Attributes
[
  "class" => "hidden md:block"
]
Component
App\Twig\Components\Ui\WidgetEmbed {#10086
  +route: "http://test.fitmetrics.ch/en/widgets/exercise/preview-689f1a90dbb1e?video=1"
  +parameters: [
    [
      "name" => "orientation"
      "description" => "Change the layout: horizontal (side by side) or vertical (stacked)"
      "example" => "?orientation=vertical"
      "values" => [
        "horizontal"
        "vertical"
      ]
    ]
    [
      "name" => "video"
      "description" => "Show the exercise video (if available): yes"
      "example" => "?video=1"
      "values" => [
        "0"
        "1"
        "true"
        "false"
      ]
    ]
  ]
  +defaultWidth: 350
  +defaultHeight: 700
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.10 ms
Input props
[
  "name" => "check"
  "class" => "me-1"
  "style" => "width: 20px; height: 20px;"
]
Attributes
[
  "class" => "me-1"
  "style" => "width: 20px; height: 20px;"
]
Component
App\Twig\Components\Media\Icon {#10124
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "check"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.09 ms
Input props
[
  "name" => "close"
  "class" => "w-[26px] h-[26px] cursor-pointer text-black dark:text-white"
]
Attributes
[
  "class" => "w-[26px] h-[26px] cursor-pointer text-black dark:text-white"
]
Component
App\Twig\Components\Media\Icon {#10157
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "close"
  +title: null
  +symbolDefsName: null
}
app:page-sharer App\Twig\Components\App\PageSharer 86.5 MiB 2.18 ms
Input props
[
  "class" => "content-container"
  "title" => "Box Breathing"
  "description" => "Box Breathing, also known as Square Breathing or Four-Square Breathing, is a structured breathing technique designed to promote relaxation, focus, and stress management. It is widely used in practices such as yoga, meditation, and mindfulness training, and has also been adopted by high-performance professionals, including athletes and military personnel, to improve mental clarity and resilience under pressure. The method involves four equal phases: inhaling, holding the breath, exhaling, and pausing, each lasting the same number of counts, typically four seconds. This deliberate rhythm helps regulate the autonomic nervous system, reducing the physiological stress response and promoting a calm mental state. Practicing Box Breathing regularly can enhance concentration, lower anxiety, and support better emotional control in daily life. It is also beneficial for improving lung capacity and creating greater awareness of breathing patterns. As a no-equipment exercise, it can be performed anywhere, making it a practical and accessible tool for managing stress, preparing for sleep, or resetting focus during a busy day. Suitable for beginners yet effective for experienced practitioners, Box Breathing offers a simple but powerful method to cultivate mindfulness, reduce stress, and enhance overall well-being."
]
Attributes
[
  "class" => "content-container"
]
Component
App\Twig\Components\App\PageSharer {#10197
  +shareUrl: "http://test.fitmetrics.ch/en/exercise/689f1a90dbb1e-box-breathing?alias=14974"
  +title: "Box Breathing"
  +description: "Box Breathing, also known as Square Breathing or Four-Square Breathing, is a structured breathing technique designed to promote relaxation, focus, and stress management. It is widely used in practices such as yoga, meditation, and mindfulness training, and has also been adopted by high-performance professionals, including athletes and military personnel, to improve mental clarity and resilience under pressure. The method involves four equal phases: inhaling, holding the breath, exhaling, and pausing, each lasting the same number of counts, typically four seconds. This deliberate rhythm helps regulate the autonomic nervous system, reducing the physiological stress response and promoting a calm mental state. Practicing Box Breathing regularly can enhance concentration, lower anxiety, and support better emotional control in daily life. It is also beneficial for improving lung capacity and creating greater awareness of breathing patterns. As a no-equipment exercise, it can be performed anywhere, making it a practical and accessible tool for managing stress, preparing for sleep, or resetting focus during a busy day. Suitable for beginners yet effective for experienced practitioners, Box Breathing offers a simple but powerful method to cultivate mindfulness, reduce stress, and enhance overall well-being."
  +quote: null
  +hashtags: [
    "fitmetrics"
  ]
  +alignMobileLeft: false
  -requestStack: Symfony\Component\HttpFoundation\RequestStack {#865 …}
  -seoPage: App\BusinessLogic\App\Seo\SeoPage {#210 …}
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.08 ms
Input props
[
  "name" => "check"
  "class" => "w-5 h-5 text-white fill-white"
]
Attributes
[
  "class" => "w-5 h-5 text-white fill-white"
]
Component
App\Twig\Components\Media\Icon {#10205
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "check"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.08 ms
Input props
[
  "name" => "reddit"
  "class" => "w-6 h-6 fill-slate-600 transition-colors group-hover:fill-white dark:fill-white dark:group-hover:fill-white"
  "symbolDefsName" => "networks-symbol-defs.svg"
]
Attributes
[
  "class" => "w-6 h-6 fill-slate-600 transition-colors group-hover:fill-white dark:fill-white dark:group-hover:fill-white"
]
Component
App\Twig\Components\Media\Icon {#10227
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "reddit"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.07 ms
Input props
[
  "name" => "twitter"
  "class" => "w-5 h-5 fill-slate-600 transition-colors group-hover:fill-white dark:fill-white dark:group-hover:fill-white"
  "symbolDefsName" => "networks-symbol-defs.svg"
]
Attributes
[
  "class" => "w-5 h-5 fill-slate-600 transition-colors group-hover:fill-white dark:fill-white dark:group-hover:fill-white"
]
Component
App\Twig\Components\Media\Icon {#10251
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "twitter"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.07 ms
Input props
[
  "name" => "threads"
  "class" => "w-5 h-5 fill-slate-600 transition-colors group-hover:fill-white dark:fill-white dark:group-hover:fill-white"
  "symbolDefsName" => "networks-symbol-defs.svg"
]
Attributes
[
  "class" => "w-5 h-5 fill-slate-600 transition-colors group-hover:fill-white dark:fill-white dark:group-hover:fill-white"
]
Component
App\Twig\Components\Media\Icon {#10274
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "threads"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.07 ms
Input props
[
  "name" => "facebook"
  "class" => "w-5 h-5 fill-slate-600 transition-colors group-hover:fill-white dark:fill-white dark:group-hover:fill-white"
  "symbolDefsName" => "networks-symbol-defs.svg"
]
Attributes
[
  "class" => "w-5 h-5 fill-slate-600 transition-colors group-hover:fill-white dark:fill-white dark:group-hover:fill-white"
]
Component
App\Twig\Components\Media\Icon {#10297
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "facebook"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.07 ms
Input props
[
  "name" => "linkedin"
  "class" => "w-5 h-5 fill-slate-600 transition-colors group-hover:fill-white dark:fill-white dark:group-hover:fill-white"
  "symbolDefsName" => "networks-symbol-defs.svg"
]
Attributes
[
  "class" => "w-5 h-5 fill-slate-600 transition-colors group-hover:fill-white dark:fill-white dark:group-hover:fill-white"
]
Component
App\Twig\Components\Media\Icon {#10320
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "linkedin"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.07 ms
Input props
[
  "name" => "whatsapp"
  "class" => "w-5 h-5 fill-slate-600 transition-colors group-hover:fill-white dark:fill-white dark:group-hover:fill-white"
  "symbolDefsName" => "networks-symbol-defs.svg"
]
Attributes
[
  "class" => "w-5 h-5 fill-slate-600 transition-colors group-hover:fill-white dark:fill-white dark:group-hover:fill-white"
]
Component
App\Twig\Components\Media\Icon {#10343
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "whatsapp"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.08 ms
Input props
[
  "name" => "email"
  "class" => "w-5 h-5 fill-slate-600 transition-colors group-hover:fill-white dark:fill-white dark:group-hover:fill-white"
  "symbolDefsName" => "networks-symbol-defs.svg"
]
Attributes
[
  "class" => "w-5 h-5 fill-slate-600 transition-colors group-hover:fill-white dark:fill-white dark:group-hover:fill-white"
]
Component
App\Twig\Components\Media\Icon {#10366
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "email"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
ad:wide-skyscraper App\Twig\Components\Ad\AdWideSkyscraper 86.5 MiB 0.90 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\Ad\AdWideSkyscraper {#719
  +includeScript: true
  +labelClass: null
  +containerClass: ""
  +adClass: null
  +showBgColor: false
  #kernel: App\Kernel {#14 …}
  #accountManager: App\BusinessLogic\User\Manager\AccountManager {#2932 …}
  #parameterBag: Symfony\Component\DependencyInjection\ParameterBag\ContainerBag {#686 …}
  #seoPage: App\BusinessLogic\App\Seo\SeoPage {#210 …}
  +right: true
  +left: true
}
ad:horizontal:fluid App\Twig\Components\Ad\AdHorizontalFluid 86.5 MiB 0.59 ms
Input props
[
  "containerClass" => "content-container my-4"
]
Attributes
[]
Component
App\Twig\Components\Ad\AdHorizontalFluid {#10413
  +includeScript: true
  +labelClass: null
  +containerClass: "content-container my-4"
  +adClass: null
  +showBgColor: true
  #kernel: App\Kernel {#14 …}
  #accountManager: App\BusinessLogic\User\Manager\AccountManager {#2932 …}
  #parameterBag: Symfony\Component\DependencyInjection\ParameterBag\ContainerBag {#686 …}
  #seoPage: App\BusinessLogic\App\Seo\SeoPage {#210 …}
}
app:lang-selector App\Twig\Components\App\LangSelector 86.5 MiB 0.09 ms
Input props
[
  "defaultOpenLeft" => false
]
Attributes
[]
Component
App\Twig\Components\App\LangSelector {#10468
  +routeName: null
  +params: null
  +withQuery: true
  +defaultOpenLeft: false
  -seoPage: App\BusinessLogic\App\Seo\SeoPage {#210 …}
  -requestStack: Symfony\Component\HttpFoundation\RequestStack {#865 …}
  -router: Symfony\Bundle\FrameworkBundle\Routing\Router {#681 …}
}
utils:theme-switcher
[Anonymous]
86.5 MiB 0.25 ms
Input props
[
  "class" => "max-w-fit"
]
Attributes
[
  "class" => "max-w-fit"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#10460
  -props: [
    "class" => "max-w-fit"
  ]
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.09 ms
Input props
[
  "name" => "fitmetrics-biceps"
  "class" => "h-12 sm:h-16 max-w-[116px] mr-3 dark:hidden"
]
Attributes
[
  "class" => "h-12 sm:h-16 max-w-[116px] mr-3 dark:hidden"
]
Component
App\Twig\Components\Media\Icon {#10502
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "fitmetrics-biceps"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.07 ms
Input props
[
  "name" => "fitmetrics-white-biceps"
  "class" => "h-12 sm:h-16 max-w-[116px] mr-3 hidden dark:block"
]
Attributes
[
  "class" => "h-12 sm:h-16 max-w-[116px] mr-3 hidden dark:block"
]
Component
App\Twig\Components\Media\Icon {#10534
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "fitmetrics-white-biceps"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.07 ms
Input props
[
  "name" => "heart"
  "class" => "heart h-5 w-5 text-[#eb2a2a]"
]
Attributes
[
  "class" => "heart h-5 w-5 text-[#eb2a2a]"
]
Component
App\Twig\Components\Media\Icon {#10557
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "heart"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.07 ms
Input props
[
  "name" => "whatsapp"
  "class" => "w-[28px] h-[28px]"
  "symbolDefsName" => "networks-symbol-defs.svg"
]
Attributes
[
  "class" => "w-[28px] h-[28px]"
]
Component
App\Twig\Components\Media\Icon {#10580
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "whatsapp"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.07 ms
Input props
[
  "name" => "instagram"
  "class" => "w-[28px] h-[28px]"
  "symbolDefsName" => "networks-symbol-defs.svg"
]
Attributes
[
  "class" => "w-[28px] h-[28px]"
]
Component
App\Twig\Components\Media\Icon {#10603
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "instagram"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.07 ms
Input props
[
  "name" => "threads"
  "class" => "w-[28px] h-[28px]"
  "symbolDefsName" => "networks-symbol-defs.svg"
]
Attributes
[
  "class" => "w-[28px] h-[28px]"
]
Component
App\Twig\Components\Media\Icon {#10626
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "threads"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.07 ms
Input props
[
  "name" => "tiktok"
  "class" => "w-[29px] h-[29px]"
  "symbolDefsName" => "networks-symbol-defs.svg"
]
Attributes
[
  "class" => "w-[29px] h-[29px]"
]
Component
App\Twig\Components\Media\Icon {#10649
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "tiktok"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.07 ms
Input props
[
  "name" => "facebook"
  "class" => "w-[19px] h-[28px]"
  "symbolDefsName" => "networks-symbol-defs.svg"
]
Attributes
[
  "class" => "w-[19px] h-[28px]"
]
Component
App\Twig\Components\Media\Icon {#10672
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "facebook"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.06 ms
Input props
[
  "name" => "youtube"
  "class" => "w-[28px] h-[24px]"
  "symbolDefsName" => "networks-symbol-defs.svg"
]
Attributes
[
  "class" => "w-[28px] h-[24px]"
]
Component
App\Twig\Components\Media\Icon {#10695
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "youtube"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}