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

Components

20 Twig Components
107 Render Count
486 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.91ms
ui:badge
"App\Twig\Components\Ui\Badge"
components/ui/badge.html.twig
6 0.86ms
faq
"App\Twig\Components\Ui\FaqComponent"
components/ui/faq.html.twig
5 1.35ms
raw-faq
"App\Twig\Components\Ui\RawFaqComponent"
components/ui/raw-faq.html.twig
5 0.42ms
utils:theme-switcher
[Anonymous]
components/utils/theme-switcher.html.twig
3 1.41ms
ad:square:fluid
"App\Twig\Components\Ad\AdSquareFluid"
components/ad/square-fluid.html.twig
3 0.43ms
app:lang-selector
"App\Twig\Components\App\LangSelector"
components/app/lang-selector.html.twig
2 0.49ms
app:page-sharer
"App\Twig\Components\App\PageSharer"
components/app/page-sharer.html.twig
2 7.82ms
ui:editor-render
"App\Twig\Components\Ui\Editor\EditorRender"
components/ui/editor/render.html.twig
2 0.93ms
app:loading_spinner
"App\Twig\Components\App\LoadingSpinner"
components/app/loading-spinner.html.twig
2 0.49ms
menu:main
"App\Twig\Components\Menu\MainMenu"
components/menu/main.html.twig
1 41.33ms
menu:connexion-menu
"App\Twig\Components\Menu\ConnexionMenu"
components/menu/user-menu.html.twig
1 8.87ms
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.45ms
media:video
"App\Twig\Components\Media\Video"
components/media/video.html.twig
1 0.38ms
anatomy:avatar
"App\Twig\Components\Anatomy\Avatar"
components/anatomy/avatar.html.twig
1 428.47ms
training:difficulty-badge
"App\Twig\Components\Training\DifficultyBadge"
components/training/difficulity-badge.html.twig
1 0.51ms
ui:widget-embed
"App\Twig\Components\Ui\WidgetEmbed"
components/ui/widget_embed.html.twig
1 1.23ms
ad:wide-skyscraper
"App\Twig\Components\Ad\AdWideSkyscraper"
components/ad/wide-skyscraper.html.twig
1 0.65ms
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.33 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 68.5 MiB 0.41 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 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 {#5757
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "fitmetrics-white-biceps"
  +title: null
  +symbolDefsName: null
}
utils:theme-switcher
[Anonymous]
68.5 MiB 1.18 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 68.5 MiB 0.05 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 68.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 68.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 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 {#5917
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +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 {#5941
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +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 {#5965
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "category"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 68.5 MiB 0.04 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 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 {#6013
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "discipline "
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 68.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 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 {#6061
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +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 {#6085
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +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 {#6483
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +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 {#6470
  -props: [
    "class" => "max-w-fit"
  ]
}
menu:connexion-menu App\Twig\Components\Menu\ConnexionMenu 74.5 MiB 8.87 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\Menu\ConnexionMenu {#6561
  -authenticationUtils: Symfony\Component\Security\Http\Authentication\AuthenticationUtils {#6562 …}
  -formFactory: Symfony\Component\Form\FormFactory {#6560 …}
}
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 {#6713
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "close"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 72.5 MiB 0.04 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 {#6748
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +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 {#6778
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +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 {#6810
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +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 {#6829
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +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 {#6939
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "fitmetrics-white-biceps"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 74.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 {#6973
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +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 {#6989
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +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 {#7013
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +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 {#7037
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +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 {#7061
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +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 {#7085
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +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 {#7109
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +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 {#7133
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +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 {#7157
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +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 {#7181
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +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 {#7205
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "more"
  +title: null
  +symbolDefsName: null
}
app:lang-selector App\Twig\Components\App\LangSelector 74.5 MiB 0.45 ms
Input props
[
  "defaultOpenLeft" => true
]
Attributes
[]
Component
App\Twig\Components\App\LangSelector {#7250
  +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 {#7240
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +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 {#6881
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "fitmetrics-biceps"
  +title: null
  +symbolDefsName: null
}
menu:breadcrumb App\Twig\Components\Menu\Breadcrumb 74.5 MiB 0.57 ms
Input props
[
  "builder" => App\BusinessLogic\App\Menu\BreadcrumbBuilder {#4280
    -items: [
      [
        "label" => "menu.home"
        "url" => "/en/"
      ]
      [
        "label" => "menu.exercises"
        "url" => "/en/exercises"
      ]
      [
        "label" => "Breathing Exercise"
        "url" => "/en/exercises/group/320-breathing-exercise"
      ]
      [
        "label" => "Calming Breathing"
        "url" => null
      ]
    ]
  }
]
Attributes
[]
Component
App\Twig\Components\Menu\Breadcrumb {#7333
  +items: [
    [
      "label" => "menu.home"
      "url" => "/en/"
    ]
    [
      "label" => "menu.exercises"
      "url" => "/en/exercises"
    ]
    [
      "label" => "Breathing Exercise"
      "url" => "/en/exercises/group/320-breathing-exercise"
    ]
    [
      "label" => "Calming Breathing"
      "url" => null
    ]
  ]
  +builder: App\BusinessLogic\App\Menu\BreadcrumbBuilder {#4280
    -items: [
      [
        "label" => "menu.home"
        "url" => "/en/"
      ]
      [
        "label" => "menu.exercises"
        "url" => "/en/exercises"
      ]
      [
        "label" => "Breathing Exercise"
        "url" => "/en/exercises/group/320-breathing-exercise"
      ]
      [
        "label" => "Calming 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 {#7363
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +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 {#7385
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +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 {#7408
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "chevron-right"
  +title: null
  +symbolDefsName: null
}
ad:banner App\Twig\Components\Ad\AdBanner 74.5 MiB 0.45 ms
Input props
[
  "containerClass" => "my-4"
]
Attributes
[]
Component
App\Twig\Components\Ad\AdBanner {#7451
  +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.38 ms
Input props
[
  "media" => App\Entity\Media\MediaVideo {#4234
    #uploadedFile: null
    #file: Vich\UploaderBundle\Entity\File {#4236 …}
    #credits: Doctrine\ORM\PersistentCollection {#4238 …}
    -source: null
    -zone: null
    -urlExternal: null
    #id: 2770
    -notes: null
    #translations: Doctrine\ORM\PersistentCollection {#4210 …}
    #newTranslations: null
    #currentLocale: "en"
    #defaultLocale: "en"
    -tiersId: null
    -tiersName: null
    #createdAt: DateTimeImmutable @1757569033 {#4272
      date: 2025-09-11 07:37:13.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1757569033 {#4224
      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 {#7538
  +media: App\Entity\Media\MediaVideo {#4234
    #uploadedFile: null
    #file: Vich\UploaderBundle\Entity\File {#4236 …}
    #credits: Doctrine\ORM\PersistentCollection {#4238 …}
    -source: null
    -zone: null
    -urlExternal: null
    #id: 2770
    -notes: null
    #translations: Doctrine\ORM\PersistentCollection {#4210 …}
    #newTranslations: null
    #currentLocale: "en"
    #defaultLocale: "en"
    -tiersId: null
    -tiersName: null
    #createdAt: DateTimeImmutable @1757569033 {#4272
      date: 2025-09-11 07:37:13.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1757569033 {#4224
      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 {#7554
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +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 {#7587
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "program"
  +title: null
  +symbolDefsName: null
}
app:page-sharer App\Twig\Components\App\PageSharer 74.5 MiB 1.31 ms
Input props
[
  "class" => "mt-2 md:m-0"
]
Attributes
[
  "class" => "mt-2 md:m-0"
]
Component
App\Twig\Components\App\PageSharer {#7611
  +shareUrl: "http://test.fitmetrics.ch/en/exercise/689f1a90dbb1e-box-breathing?alias=16148"
  +title: "Calming 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 {#7641
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +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 {#7669
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +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 {#7694
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +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 {#7717
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +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 {#7740
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +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 {#7763
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +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 {#7786
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +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 {#7809
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +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 {#7840
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "program"
  +title: null
  +symbolDefsName: null
}
ui:editor-render App\Twig\Components\Ui\Editor\EditorRender 74.5 MiB 0.84 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 {#7889
  +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 {#7950
  +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.23 ms
Input props
[
  "containerClass" => "mt-6"
]
Attributes
[]
Component
App\Twig\Components\Ad\AdSquareFluid {#7937
  +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.64 ms
Input props
[
  "faq" => App\Entity\Faq {#5034
    -news: Doctrine\ORM\PersistentCollection {#5017 …}
    -exercises: Doctrine\ORM\PersistentCollection {#5019 …}
    #id: 5779
    #createdAt: DateTimeImmutable @1757569532 {#5029
      date: 2025-09-11 07:45:32.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1757569532 {#5004
      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 {#5067 …}
    #newTranslations: null
    #currentLocale: "en"
    #defaultLocale: "en"
    -published: true
    #publishedAt: null
    -publishedBy: null
  }
]
Attributes
[]
Component
App\Twig\Components\Ui\FaqComponent {#7994
  +faq: App\Entity\Faq {#5034
    -news: Doctrine\ORM\PersistentCollection {#5017 …}
    -exercises: Doctrine\ORM\PersistentCollection {#5019 …}
    #id: 5779
    #createdAt: DateTimeImmutable @1757569532 {#5029
      date: 2025-09-11 07:45:32.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1757569532 {#5004
      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 {#5067 …}
    #newTranslations: null
    #currentLocale: "en"
    #defaultLocale: "en"
    -published: true
    #publishedAt: null
    -publishedBy: null
  }
}
raw-faq App\Twig\Components\Ui\RawFaqComponent 74.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 {#8022
  +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.18 ms
Input props
[
  "faq" => App\Entity\Faq {#5065
    -news: Doctrine\ORM\PersistentCollection {#5064 …}
    -exercises: Doctrine\ORM\PersistentCollection {#5062 …}
    #id: 5780
    #createdAt: DateTimeImmutable @1757569532 {#5069
      date: 2025-09-11 07:45:32.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1757569532 {#5066
      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 {#5060 …}
    #newTranslations: null
    #currentLocale: "en"
    #defaultLocale: "en"
    -published: true
    #publishedAt: null
    -publishedBy: null
  }
]
Attributes
[]
Component
App\Twig\Components\Ui\FaqComponent {#8053
  +faq: App\Entity\Faq {#5065
    -news: Doctrine\ORM\PersistentCollection {#5064 …}
    -exercises: Doctrine\ORM\PersistentCollection {#5062 …}
    #id: 5780
    #createdAt: DateTimeImmutable @1757569532 {#5069
      date: 2025-09-11 07:45:32.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1757569532 {#5066
      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 {#5060 …}
    #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" => "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 {#8098
  +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 {#5056
    -news: Doctrine\ORM\PersistentCollection {#5055 …}
    -exercises: Doctrine\ORM\PersistentCollection {#5053 …}
    #id: 5781
    #createdAt: DateTimeImmutable @1757569532 {#5058
      date: 2025-09-11 07:45:32.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1757569532 {#5057
      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 {#5051 …}
    #newTranslations: null
    #currentLocale: "en"
    #defaultLocale: "en"
    -published: true
    #publishedAt: null
    -publishedBy: null
  }
]
Attributes
[]
Component
App\Twig\Components\Ui\FaqComponent {#8101
  +faq: App\Entity\Faq {#5056
    -news: Doctrine\ORM\PersistentCollection {#5055 …}
    -exercises: Doctrine\ORM\PersistentCollection {#5053 …}
    #id: 5781
    #createdAt: DateTimeImmutable @1757569532 {#5058
      date: 2025-09-11 07:45:32.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1757569532 {#5057
      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 {#5051 …}
    #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 {#8145
  +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.22 ms
Input props
[
  "faq" => App\Entity\Faq {#5047
    -news: Doctrine\ORM\PersistentCollection {#5046 …}
    -exercises: Doctrine\ORM\PersistentCollection {#5044 …}
    #id: 5782
    #createdAt: DateTimeImmutable @1757569532 {#5049
      date: 2025-09-11 07:45:32.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1757569532 {#5048
      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 {#5042 …}
    #newTranslations: null
    #currentLocale: "en"
    #defaultLocale: "en"
    -published: true
    #publishedAt: null
    -publishedBy: null
  }
]
Attributes
[]
Component
App\Twig\Components\Ui\FaqComponent {#8148
  +faq: App\Entity\Faq {#5047
    -news: Doctrine\ORM\PersistentCollection {#5046 …}
    -exercises: Doctrine\ORM\PersistentCollection {#5044 …}
    #id: 5782
    #createdAt: DateTimeImmutable @1757569532 {#5049
      date: 2025-09-11 07:45:32.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1757569532 {#5048
      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 {#5042 …}
    #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 {#8192
  +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 {#4994
    -news: Doctrine\ORM\PersistentCollection {#4993 …}
    -exercises: Doctrine\ORM\PersistentCollection {#4991 …}
    #id: 5783
    #createdAt: DateTimeImmutable @1757569532 {#4996
      date: 2025-09-11 07:45:32.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1757569532 {#4995
      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 {#4989 …}
    #newTranslations: null
    #currentLocale: "en"
    #defaultLocale: "en"
    -published: true
    #publishedAt: null
    -publishedBy: null
  }
]
Attributes
[]
Component
App\Twig\Components\Ui\FaqComponent {#8195
  +faq: App\Entity\Faq {#4994
    -news: Doctrine\ORM\PersistentCollection {#4993 …}
    -exercises: Doctrine\ORM\PersistentCollection {#4991 …}
    #id: 5783
    #createdAt: DateTimeImmutable @1757569532 {#4996
      date: 2025-09-11 07:45:32.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1757569532 {#4995
      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 {#4989 …}
    #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 {#8239
  +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 428.47 ms
Input props
[
  "class" => "relative"
  "primaryMuscles" => []
  "secondaryMuscles" => []
  "displayFront" => true
]
Attributes
[
  "class" => "relative"
]
Component
App\Twig\Components\Anatomy\Avatar {#8167
  #container: Symfony\Component\DependencyInjection\Argument\ServiceLocator {#8249 …}
  +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 {#8212 …}
  -liveResponder: Symfony\UX\LiveComponent\LiveResponder {#8248 …}
}
ad:square:fluid App\Twig\Components\Ad\AdSquareFluid 86.5 MiB 0.12 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\Ad\AdSquareFluid {#9722
  +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.51 ms
Input props
[
  "difficulty" => "beginner"
]
Attributes
[]
Component
App\Twig\Components\Training\DifficultyBadge {#9836
  +difficulty: "beginner"
  +small: false
  +link: true
}
ui:badge App\Twig\Components\Ui\Badge 86.5 MiB 0.47 ms
Input props
[
  "name" => "Isolation"
  "small" => true
  "color" => "gray"
]
Attributes
[]
Component
App\Twig\Components\Ui\Badge {#9844
  +name: "Isolation"
  +url: null
  +color: "gray"
  +small: true
  +selected: false
}
ui:badge App\Twig\Components\Ui\Badge 86.5 MiB 0.09 ms
Input props
[
  "name" => "Without equipment"
  "url" => "/en/exercises/equipment/29-without-equipment"
  "small" => true
  "color" => "gray"
]
Attributes
[]
Component
App\Twig\Components\Ui\Badge {#9917
  +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 {#9944
  +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.07 ms
Input props
[
  "name" => "Yoga"
  "url" => "/en/exercises/sport/8-yoga"
  "small" => true
  "color" => "gray"
]
Attributes
[]
Component
App\Twig\Components\Ui\Badge {#9968
  +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.07 ms
Input props
[
  "name" => "Pilates"
  "url" => "/en/exercises/sport/9-pilates"
  "small" => true
  "color" => "gray"
]
Attributes
[]
Component
App\Twig\Components\Ui\Badge {#9992
  +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.07 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 {#10016
  +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.08 ms
Input props
[
  "containerClass" => "hidden lg:flex items-center justify-center my-6"
]
Attributes
[]
Component
App\Twig\Components\Ad\AdSquareFluid {#9760
  +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.41 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\App\LoadingSpinner {#7876
  +color: "fill-primary"
  +size: 8
  +centered: true
  +inline: false
}
app:loading_spinner App\Twig\Components\App\LoadingSpinner 86.5 MiB 0.08 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\App\LoadingSpinner {#10073
  +color: "fill-primary"
  +size: 8
  +centered: true
  +inline: false
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.07 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 {#10111
  #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.23 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 {#10147
  +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.08 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 {#10185
  #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" => "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 {#10218
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "close"
  +title: null
  +symbolDefsName: null
}
app:page-sharer App\Twig\Components\App\PageSharer 86.5 MiB 6.51 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 {#10258
  +shareUrl: "http://test.fitmetrics.ch/en/exercise/689f1a90dbb1e-box-breathing?alias=16148"
  +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.09 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 {#10266
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "check"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.07 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 {#6450
  #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.06 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 {#7179
  #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.06 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 {#8959
  #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.06 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 {#9598
  #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" => "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 {#10277
  #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.05 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 {#10300
  #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.05 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 {#10323
  #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.65 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 {#10370
  +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 {#10425
  +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 {#10417
  -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 {#10459
  #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.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 {#10491
  #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.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 {#10514
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +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 {#10537
  #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.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 {#10560
  #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.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 {#10583
  #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.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 {#10606
  #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.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 {#10629
  #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.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 {#10652
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5749 …}
  +name: "youtube"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}