GET http://test.fitmetrics.ch/en/exercise/689f1a90dbb1e-box-breathing

Components

20 Twig Components
107 Render Count
717 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 2.65ms
ui:badge
"App\Twig\Components\Ui\Badge"
components/ui/badge.html.twig
6 0.54ms
faq
"App\Twig\Components\Ui\FaqComponent"
components/ui/faq.html.twig
5 1.43ms
raw-faq
"App\Twig\Components\Ui\RawFaqComponent"
components/ui/raw-faq.html.twig
5 0.46ms
utils:theme-switcher
[Anonymous]
components/utils/theme-switcher.html.twig
3 1.32ms
ad:square:fluid
"App\Twig\Components\Ad\AdSquareFluid"
components/ad/square-fluid.html.twig
3 0.37ms
app:lang-selector
"App\Twig\Components\App\LangSelector"
components/app/lang-selector.html.twig
2 0.50ms
app:page-sharer
"App\Twig\Components\App\PageSharer"
components/app/page-sharer.html.twig
2 2.30ms
ui:editor-render
"App\Twig\Components\Ui\Editor\EditorRender"
components/ui/editor/render.html.twig
2 0.94ms
app:loading_spinner
"App\Twig\Components\App\LoadingSpinner"
components/app/loading-spinner.html.twig
2 0.28ms
menu:main
"App\Twig\Components\Menu\MainMenu"
components/menu/main.html.twig
1 41.47ms
menu:connexion-menu
"App\Twig\Components\Menu\ConnexionMenu"
components/menu/user-menu.html.twig
1 9.05ms
menu:breadcrumb
"App\Twig\Components\Menu\Breadcrumb"
components/menu/breadcrumb.html.twig
1 0.56ms
ad:banner
"App\Twig\Components\Ad\AdBanner"
components/ad/banner.html.twig
1 0.43ms
media:video
"App\Twig\Components\Media\Video"
components/media/video.html.twig
1 0.39ms
anatomy:avatar
"App\Twig\Components\Anatomy\Avatar"
components/anatomy/avatar.html.twig
1 666.02ms
training:difficulty-badge
"App\Twig\Components\Training\DifficultyBadge"
components/training/difficulity-badge.html.twig
1 0.28ms
ui:widget-embed
"App\Twig\Components\Ui\WidgetEmbed"
components/ui/widget_embed.html.twig
1 0.91ms
ad:wide-skyscraper
"App\Twig\Components\Ad\AdWideSkyscraper"
components/ad/wide-skyscraper.html.twig
1 0.36ms
ad:horizontal:fluid
"App\Twig\Components\Ad\AdHorizontalFluid"
components/ad/horizontal-fluid.html.twig
1 0.25ms

Render calls

menu:main App\Twig\Components\Menu\MainMenu 74.5 MiB 41.47 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\Menu\MainMenu {#5695
  -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 68.5 MiB 0.43 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 {#5742
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "fitmetrics-biceps"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 68.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 {#5753
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "fitmetrics-white-biceps"
  +title: null
  +symbolDefsName: null
}
utils:theme-switcher
[Anonymous]
68.5 MiB 1.09 ms
Input props
[
  "class" => "max-w-fit"
]
Attributes
[
  "class" => "max-w-fit"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#5804
  -props: [
    "class" => "max-w-fit"
  ]
}
media:icon App\Twig\Components\Media\Icon 68.5 MiB 0.06 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 {#5819
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "fitmetrics-biceps"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 68.5 MiB 0.04 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 {#5869
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "fitmetrics-white-biceps"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 68.5 MiB 0.04 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 {#5897
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "search"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 68.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 {#5913
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "flexed-biceps"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 68.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 {#5937
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "barbell"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 68.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 {#5961
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "category"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 68.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 {#5985
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "fire"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 68.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 {#6009
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "discipline "
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 68.5 MiB 0.04 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 {#6033
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "stats-chart"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 68.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 {#6057
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "latest"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 68.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 {#6081
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "random"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 68.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 {#6510
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "chevron-down"
  +title: null
  +symbolDefsName: null
}
utils:theme-switcher
[Anonymous]
68.5 MiB 0.12 ms
Input props
[
  "class" => "max-w-fit"
]
Attributes
[
  "class" => "max-w-fit"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#6497
  -props: [
    "class" => "max-w-fit"
  ]
}
menu:connexion-menu App\Twig\Components\Menu\ConnexionMenu 74.5 MiB 9.05 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\Menu\ConnexionMenu {#6588
  -authenticationUtils: Symfony\Component\Security\Http\Authentication\AuthenticationUtils {#6589 …}
  -formFactory: Symfony\Component\Form\FormFactory {#6587 …}
}
media:icon App\Twig\Components\Media\Icon 72.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 {#6740
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "close"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 72.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 {#6775
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "fitmetrics-white-biceps"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 72.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 {#6805
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "fitmetrics-biceps"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 72.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 {#6837
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "google"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 72.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 {#6856
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "apple"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 74.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 {#6966
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "fitmetrics-white-biceps"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 74.5 MiB 0.05 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 {#7000
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "chevron-down"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 74.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 {#7016
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "flexed-biceps"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 74.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 {#7040
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "fire"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 74.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 {#7064
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "category"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 74.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 {#7088
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "barbell"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 74.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 {#7112
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "discipline"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 74.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 {#7136
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "stats-chart"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 74.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 {#7160
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "latest"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 74.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 {#7184
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "random"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 74.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 {#7208
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "favorites"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 74.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 {#7232
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "more"
  +title: null
  +symbolDefsName: null
}
app:lang-selector App\Twig\Components\App\LangSelector 74.5 MiB 0.46 ms
Input props
[
  "defaultOpenLeft" => true
]
Attributes
[]
Component
App\Twig\Components\App\LangSelector {#7277
  +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 74.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 {#7267
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "close"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 74.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 {#6908
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "fitmetrics-biceps"
  +title: null
  +symbolDefsName: null
}
menu:breadcrumb App\Twig\Components\Menu\Breadcrumb 74.5 MiB 0.56 ms
Input props
[
  "builder" => App\BusinessLogic\App\Menu\BreadcrumbBuilder {#4261
    -items: [
      [
        "label" => "menu.home"
        "url" => "/en/"
      ]
      [
        "label" => "menu.exercises"
        "url" => "/en/exercises"
      ]
      [
        "label" => "Breathing Exercise"
        "url" => "/en/exercises/group/320-breathing-exercise"
      ]
      [
        "label" => "Box Breathing"
        "url" => null
      ]
    ]
  }
]
Attributes
[]
Component
App\Twig\Components\Menu\Breadcrumb {#7360
  +items: [
    [
      "label" => "menu.home"
      "url" => "/en/"
    ]
    [
      "label" => "menu.exercises"
      "url" => "/en/exercises"
    ]
    [
      "label" => "Breathing Exercise"
      "url" => "/en/exercises/group/320-breathing-exercise"
    ]
    [
      "label" => "Box Breathing"
      "url" => null
    ]
  ]
  +builder: App\BusinessLogic\App\Menu\BreadcrumbBuilder {#4261
    -items: [
      [
        "label" => "menu.home"
        "url" => "/en/"
      ]
      [
        "label" => "menu.exercises"
        "url" => "/en/exercises"
      ]
      [
        "label" => "Breathing Exercise"
        "url" => "/en/exercises/group/320-breathing-exercise"
      ]
      [
        "label" => "Box Breathing"
        "url" => null
      ]
    ]
  }
}
media:icon App\Twig\Components\Media\Icon 74.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 {#7390
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "chevron-right"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 74.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 {#7412
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "chevron-right"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 74.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 {#7435
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "chevron-right"
  +title: null
  +symbolDefsName: null
}
ad:banner App\Twig\Components\Ad\AdBanner 74.5 MiB 0.43 ms
Input props
[
  "containerClass" => "my-4"
]
Attributes
[]
Component
App\Twig\Components\Ad\AdBanner {#7478
  +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 74.5 MiB 0.39 ms
Input props
[
  "media" => App\Entity\Media\MediaVideo {#4215
    #uploadedFile: null
    #file: Vich\UploaderBundle\Entity\File {#4217 …}
    #credits: Doctrine\ORM\PersistentCollection {#4219 …}
    -source: null
    -zone: null
    -urlExternal: null
    #id: 2770
    -notes: null
    #translations: Doctrine\ORM\PersistentCollection {#4191 …}
    #newTranslations: null
    #currentLocale: "en"
    #defaultLocale: "en"
    -tiersId: null
    -tiersName: null
    #createdAt: DateTimeImmutable @1757569033 {#4253
      date: 2025-09-11 07:37:13.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1757569033 {#4205
      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 {#7565
  +media: App\Entity\Media\MediaVideo {#4215
    #uploadedFile: null
    #file: Vich\UploaderBundle\Entity\File {#4217 …}
    #credits: Doctrine\ORM\PersistentCollection {#4219 …}
    -source: null
    -zone: null
    -urlExternal: null
    #id: 2770
    -notes: null
    #translations: Doctrine\ORM\PersistentCollection {#4191 …}
    #newTranslations: null
    #currentLocale: "en"
    #defaultLocale: "en"
    -tiersId: null
    -tiersName: null
    #createdAt: DateTimeImmutable @1757569033 {#4253
      date: 2025-09-11 07:37:13.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1757569033 {#4205
      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 74.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 {#7581
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "favorites"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 74.5 MiB 0.03 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 {#7614
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "program"
  +title: null
  +symbolDefsName: null
}
app:page-sharer App\Twig\Components\App\PageSharer 74.5 MiB 1.41 ms
Input props
[
  "class" => "mt-2 md:m-0"
]
Attributes
[
  "class" => "mt-2 md:m-0"
]
Component
App\Twig\Components\App\PageSharer {#7638
  +shareUrl: "http://test.fitmetrics.ch/en/exercise/689f1a90dbb1e-box-breathing"
  +title: "Box 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 74.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 {#7668
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "check"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 74.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 {#7696
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "reddit"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 74.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 {#7721
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "twitter"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 74.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 {#7744
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "threads"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 74.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 {#7767
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "facebook"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 74.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 {#7790
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "linkedin"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 74.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 {#7813
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "whatsapp"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 74.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 {#7836
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "email"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 74.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 {#7867
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "program"
  +title: null
  +symbolDefsName: null
}
ui:editor-render App\Twig\Components\Ui\Editor\EditorRender 74.5 MiB 0.85 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 {#7916
  +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 74.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 {#7977
  +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 74.5 MiB 0.24 ms
Input props
[
  "containerClass" => "mt-6"
]
Attributes
[]
Component
App\Twig\Components\Ad\AdSquareFluid {#7964
  +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 74.5 MiB 0.72 ms
Input props
[
  "faq" => App\Entity\Faq {#5000
    -news: Doctrine\ORM\PersistentCollection {#4983 …}
    -exercises: Doctrine\ORM\PersistentCollection {#4985 …}
    #id: 5779
    #createdAt: DateTimeImmutable @1757569532 {#4995
      date: 2025-09-11 07:45:32.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1757569532 {#4970
      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 {#5033 …}
    #newTranslations: null
    #currentLocale: "en"
    #defaultLocale: "en"
    -published: true
    #publishedAt: null
    -publishedBy: null
  }
]
Attributes
[]
Component
App\Twig\Components\Ui\FaqComponent {#8021
  +faq: App\Entity\Faq {#5000
    -news: Doctrine\ORM\PersistentCollection {#4983 …}
    -exercises: Doctrine\ORM\PersistentCollection {#4985 …}
    #id: 5779
    #createdAt: DateTimeImmutable @1757569532 {#4995
      date: 2025-09-11 07:45:32.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1757569532 {#4970
      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 {#5033 …}
    #newTranslations: null
    #currentLocale: "en"
    #defaultLocale: "en"
    -published: true
    #publishedAt: null
    -publishedBy: null
  }
}
raw-faq App\Twig\Components\Ui\RawFaqComponent 74.5 MiB 0.26 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 {#8049
  +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 74.5 MiB 0.23 ms
Input props
[
  "faq" => App\Entity\Faq {#5031
    -news: Doctrine\ORM\PersistentCollection {#5030 …}
    -exercises: Doctrine\ORM\PersistentCollection {#5028 …}
    #id: 5780
    #createdAt: DateTimeImmutable @1757569532 {#5035
      date: 2025-09-11 07:45:32.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1757569532 {#5032
      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 {#5026 …}
    #newTranslations: null
    #currentLocale: "en"
    #defaultLocale: "en"
    -published: true
    #publishedAt: null
    -publishedBy: null
  }
]
Attributes
[]
Component
App\Twig\Components\Ui\FaqComponent {#8080
  +faq: App\Entity\Faq {#5031
    -news: Doctrine\ORM\PersistentCollection {#5030 …}
    -exercises: Doctrine\ORM\PersistentCollection {#5028 …}
    #id: 5780
    #createdAt: DateTimeImmutable @1757569532 {#5035
      date: 2025-09-11 07:45:32.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1757569532 {#5032
      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 {#5026 …}
    #newTranslations: null
    #currentLocale: "en"
    #defaultLocale: "en"
    -published: true
    #publishedAt: null
    -publishedBy: null
  }
}
raw-faq App\Twig\Components\Ui\RawFaqComponent 74.5 MiB 0.06 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 {#8125
  +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 74.5 MiB 0.17 ms
Input props
[
  "faq" => App\Entity\Faq {#5022
    -news: Doctrine\ORM\PersistentCollection {#5021 …}
    -exercises: Doctrine\ORM\PersistentCollection {#5019 …}
    #id: 5781
    #createdAt: DateTimeImmutable @1757569532 {#5024
      date: 2025-09-11 07:45:32.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1757569532 {#5023
      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 {#5017 …}
    #newTranslations: null
    #currentLocale: "en"
    #defaultLocale: "en"
    -published: true
    #publishedAt: null
    -publishedBy: null
  }
]
Attributes
[]
Component
App\Twig\Components\Ui\FaqComponent {#8128
  +faq: App\Entity\Faq {#5022
    -news: Doctrine\ORM\PersistentCollection {#5021 …}
    -exercises: Doctrine\ORM\PersistentCollection {#5019 …}
    #id: 5781
    #createdAt: DateTimeImmutable @1757569532 {#5024
      date: 2025-09-11 07:45:32.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1757569532 {#5023
      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 {#5017 …}
    #newTranslations: null
    #currentLocale: "en"
    #defaultLocale: "en"
    -published: true
    #publishedAt: null
    -publishedBy: null
  }
}
raw-faq App\Twig\Components\Ui\RawFaqComponent 74.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 {#8172
  +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.16 ms
Input props
[
  "faq" => App\Entity\Faq {#5013
    -news: Doctrine\ORM\PersistentCollection {#5012 …}
    -exercises: Doctrine\ORM\PersistentCollection {#5010 …}
    #id: 5782
    #createdAt: DateTimeImmutable @1757569532 {#5015
      date: 2025-09-11 07:45:32.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1757569532 {#5014
      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 {#5008 …}
    #newTranslations: null
    #currentLocale: "en"
    #defaultLocale: "en"
    -published: true
    #publishedAt: null
    -publishedBy: null
  }
]
Attributes
[]
Component
App\Twig\Components\Ui\FaqComponent {#8175
  +faq: App\Entity\Faq {#5013
    -news: Doctrine\ORM\PersistentCollection {#5012 …}
    -exercises: Doctrine\ORM\PersistentCollection {#5010 …}
    #id: 5782
    #createdAt: DateTimeImmutable @1757569532 {#5015
      date: 2025-09-11 07:45:32.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1757569532 {#5014
      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 {#5008 …}
    #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" => "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 {#8219
  +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.15 ms
Input props
[
  "faq" => App\Entity\Faq {#4960
    -news: Doctrine\ORM\PersistentCollection {#4959 …}
    -exercises: Doctrine\ORM\PersistentCollection {#4957 …}
    #id: 5783
    #createdAt: DateTimeImmutable @1757569532 {#4962
      date: 2025-09-11 07:45:32.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1757569532 {#4961
      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 {#4955 …}
    #newTranslations: null
    #currentLocale: "en"
    #defaultLocale: "en"
    -published: true
    #publishedAt: null
    -publishedBy: null
  }
]
Attributes
[]
Component
App\Twig\Components\Ui\FaqComponent {#8222
  +faq: App\Entity\Faq {#4960
    -news: Doctrine\ORM\PersistentCollection {#4959 …}
    -exercises: Doctrine\ORM\PersistentCollection {#4957 …}
    #id: 5783
    #createdAt: DateTimeImmutable @1757569532 {#4962
      date: 2025-09-11 07:45:32.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1757569532 {#4961
      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 {#4955 …}
    #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" => "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 {#8266
  +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 666.02 ms
Input props
[
  "class" => "relative"
  "primaryMuscles" => []
  "secondaryMuscles" => []
  "displayFront" => true
]
Attributes
[
  "class" => "relative"
]
Component
App\Twig\Components\Anatomy\Avatar {#8194
  #container: Symfony\Component\DependencyInjection\Argument\ServiceLocator {#8276 …}
  +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 {#8239 …}
  -liveResponder: Symfony\UX\LiveComponent\LiveResponder {#8275 …}
}
ad:square:fluid App\Twig\Components\Ad\AdSquareFluid 84.5 MiB 0.08 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\Ad\AdSquareFluid {#9749
  +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 84.5 MiB 0.28 ms
Input props
[
  "difficulty" => "beginner"
]
Attributes
[]
Component
App\Twig\Components\Training\DifficultyBadge {#9863
  +difficulty: "beginner"
  +small: false
  +link: true
}
ui:badge App\Twig\Components\Ui\Badge 84.5 MiB 0.31 ms
Input props
[
  "name" => "Isolation"
  "small" => true
  "color" => "gray"
]
Attributes
[]
Component
App\Twig\Components\Ui\Badge {#9871
  +name: "Isolation"
  +url: null
  +color: "gray"
  +small: true
  +selected: false
}
ui:badge App\Twig\Components\Ui\Badge 84.5 MiB 0.06 ms
Input props
[
  "name" => "Without equipment"
  "url" => "/en/exercises/equipment/29-without-equipment"
  "small" => true
  "color" => "gray"
]
Attributes
[]
Component
App\Twig\Components\Ui\Badge {#9944
  +name: "Without equipment"
  +url: "/en/exercises/equipment/29-without-equipment"
  +color: "gray"
  +small: true
  +selected: false
}
ui:badge App\Twig\Components\Ui\Badge 84.5 MiB 0.06 ms
Input props
[
  "name" => "Fitness"
  "url" => "/en/exercises/sport/5-fitness"
  "small" => true
  "color" => "gray"
]
Attributes
[]
Component
App\Twig\Components\Ui\Badge {#9971
  +name: "Fitness"
  +url: "/en/exercises/sport/5-fitness"
  +color: "gray"
  +small: true
  +selected: false
}
ui:badge App\Twig\Components\Ui\Badge 84.5 MiB 0.04 ms
Input props
[
  "name" => "Yoga"
  "url" => "/en/exercises/sport/8-yoga"
  "small" => true
  "color" => "gray"
]
Attributes
[]
Component
App\Twig\Components\Ui\Badge {#9995
  +name: "Yoga"
  +url: "/en/exercises/sport/8-yoga"
  +color: "gray"
  +small: true
  +selected: false
}
ui:badge App\Twig\Components\Ui\Badge 84.5 MiB 0.04 ms
Input props
[
  "name" => "Pilates"
  "url" => "/en/exercises/sport/9-pilates"
  "small" => true
  "color" => "gray"
]
Attributes
[]
Component
App\Twig\Components\Ui\Badge {#10019
  +name: "Pilates"
  +url: "/en/exercises/sport/9-pilates"
  +color: "gray"
  +small: true
  +selected: false
}
ui:badge App\Twig\Components\Ui\Badge 84.5 MiB 0.04 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 {#10043
  +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 84.5 MiB 0.05 ms
Input props
[
  "containerClass" => "hidden lg:flex items-center justify-center my-6"
]
Attributes
[]
Component
App\Twig\Components\Ad\AdSquareFluid {#9787
  +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 84.5 MiB 0.24 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\App\LoadingSpinner {#7903
  +color: "fill-primary"
  +size: 8
  +centered: true
  +inline: false
}
app:loading_spinner App\Twig\Components\App\LoadingSpinner 84.5 MiB 0.04 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\App\LoadingSpinner {#10100
  +color: "fill-primary"
  +size: 8
  +centered: true
  +inline: false
}
media:icon App\Twig\Components\Media\Icon 84.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 {#10137
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "program"
  +title: null
  +symbolDefsName: null
}
ui:widget-embed App\Twig\Components\Ui\WidgetEmbed 86.5 MiB 0.91 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 {#10173
  +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.06 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 {#10211
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "check"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.04 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 {#10244
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "close"
  +title: null
  +symbolDefsName: null
}
app:page-sharer App\Twig\Components\App\PageSharer 86.5 MiB 0.89 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 {#10284
  +shareUrl: "http://test.fitmetrics.ch/en/exercise/689f1a90dbb1e-box-breathing"
  +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.03 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 {#10292
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "check"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.03 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 {#10314
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "reddit"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 86.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 {#10338
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "twitter"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 86.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 {#10361
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "threads"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 86.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 {#10384
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "facebook"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 86.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 {#10407
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "linkedin"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 86.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 {#10430
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "whatsapp"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 86.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 {#10453
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "email"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
ad:wide-skyscraper App\Twig\Components\Ad\AdWideSkyscraper 86.5 MiB 0.36 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.25 ms
Input props
[
  "containerClass" => "content-container my-4"
]
Attributes
[]
Component
App\Twig\Components\Ad\AdHorizontalFluid {#10500
  +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.04 ms
Input props
[
  "defaultOpenLeft" => false
]
Attributes
[]
Component
App\Twig\Components\App\LangSelector {#10555
  +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.11 ms
Input props
[
  "class" => "max-w-fit"
]
Attributes
[
  "class" => "max-w-fit"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#10547
  -props: [
    "class" => "max-w-fit"
  ]
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.04 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 {#10589
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "fitmetrics-biceps"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.03 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 {#10621
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "fitmetrics-white-biceps"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.03 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 {#10644
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "heart"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.03 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 {#10667
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "whatsapp"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.03 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 {#10690
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "instagram"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.03 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 {#10713
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "threads"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.03 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 {#10736
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "tiktok"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.03 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 {#10759
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "facebook"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.03 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 {#10782
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "youtube"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}