GET http://test.fitmetrics.ch/en/exercise/6733d76c5d778-forward-roll?open-account-panel-popup=1

Components

20 Twig Components
112 Render Count
475 ms Render Time
84.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.82ms
ui:badge
"App\Twig\Components\Ui\Badge"
components/ui/badge.html.twig
13 0.80ms
faq
"App\Twig\Components\Ui\FaqComponent"
components/ui/faq.html.twig
4 1.43ms
raw-faq
"App\Twig\Components\Ui\RawFaqComponent"
components/ui/raw-faq.html.twig
4 0.63ms
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.34ms
app:lang-selector
"App\Twig\Components\App\LangSelector"
components/app/lang-selector.html.twig
2 0.52ms
app:page-sharer
"App\Twig\Components\App\PageSharer"
components/app/page-sharer.html.twig
2 2.31ms
ui:editor-render
"App\Twig\Components\Ui\Editor\EditorRender"
components/ui/editor/render.html.twig
2 1.05ms
app:loading_spinner
"App\Twig\Components\App\LoadingSpinner"
components/app/loading-spinner.html.twig
2 0.29ms
menu:main
"App\Twig\Components\Menu\MainMenu"
components/menu/main.html.twig
1 42.64ms
menu:connexion-menu
"App\Twig\Components\Menu\ConnexionMenu"
components/menu/user-menu.html.twig
1 10.24ms
menu:breadcrumb
"App\Twig\Components\Menu\Breadcrumb"
components/menu/breadcrumb.html.twig
1 0.58ms
ad:banner
"App\Twig\Components\Ad\AdBanner"
components/ad/banner.html.twig
1 0.47ms
media:video
"App\Twig\Components\Media\Video"
components/media/video.html.twig
1 0.44ms
anatomy:avatar
"App\Twig\Components\Anatomy\Avatar"
components/anatomy/avatar.html.twig
1 422.32ms
training:difficulty-badge
"App\Twig\Components\Training\DifficultyBadge"
components/training/difficulity-badge.html.twig
1 0.33ms
ui:widget-embed
"App\Twig\Components\Ui\WidgetEmbed"
components/ui/widget_embed.html.twig
1 0.83ms
ad:wide-skyscraper
"App\Twig\Components\Ad\AdWideSkyscraper"
components/ad/wide-skyscraper.html.twig
1 0.37ms
ad:horizontal:fluid
"App\Twig\Components\Ad\AdHorizontalFluid"
components/ad/horizontal-fluid.html.twig
1 0.36ms

Render calls

menu:main App\Twig\Components\Menu\MainMenu 74.5 MiB 42.64 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\Menu\MainMenu {#5814
  -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 {#5861
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +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 {#5872
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +name: "fitmetrics-white-biceps"
  +title: null
  +symbolDefsName: null
}
utils:theme-switcher
[Anonymous]
68.5 MiB 1.13 ms
Input props
[
  "class" => "max-w-fit"
]
Attributes
[
  "class" => "max-w-fit"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#5923
  -props: [
    "class" => "max-w-fit"
  ]
}
media:icon App\Twig\Components\Media\Icon 68.5 MiB 0.04 ms
Input props
[
  "name" => "fitmetrics-biceps"
  "class" => "block header--logo-dark header--logo w-full dark:hidden h-[50px] scale-150"
  "data-front--header-target" => "logoDark"
]
Attributes
[
  "class" => "block header--logo-dark header--logo w-full dark:hidden h-[50px] scale-150"
  "data-front--header-target" => "logoDark"
]
Component
App\Twig\Components\Media\Icon {#5938
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +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 {#5988
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +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 {#6016
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +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 {#6032
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +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 {#6056
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +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 {#6080
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +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 {#6104
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +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 {#6128
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +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 {#6152
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +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 {#6176
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +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 {#6200
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +name: "random"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 68.5 MiB 0.07 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 {#6557
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +name: "chevron-down"
  +title: null
  +symbolDefsName: null
}
utils:theme-switcher
[Anonymous]
68.5 MiB 0.16 ms
Input props
[
  "class" => "max-w-fit"
]
Attributes
[
  "class" => "max-w-fit"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#6544
  -props: [
    "class" => "max-w-fit"
  ]
}
menu:connexion-menu App\Twig\Components\Menu\ConnexionMenu 74.5 MiB 10.24 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\Menu\ConnexionMenu {#6635
  -authenticationUtils: Symfony\Component\Security\Http\Authentication\AuthenticationUtils {#6636 …}
  -formFactory: Symfony\Component\Form\FormFactory {#6634 …}
}
media:icon App\Twig\Components\Media\Icon 72.5 MiB 0.07 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 {#6787
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +name: "close"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 72.5 MiB 0.05 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 {#6822
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +name: "fitmetrics-white-biceps"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 72.5 MiB 0.04 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 {#6852
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +name: "fitmetrics-biceps"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 72.5 MiB 0.06 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 {#6884
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +name: "google"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 72.5 MiB 0.05 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 {#6903
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +name: "apple"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 74.5 MiB 0.05 ms
Input props
[
  "name" => "fitmetrics-white-biceps"
  "class" => "h-[80px] w-[300px]"
]
Attributes
[
  "class" => "h-[80px] w-[300px]"
]
Component
App\Twig\Components\Media\Icon {#7013
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +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 {#7047
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +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 {#7063
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +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 {#7087
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +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 {#7111
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +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 {#7135
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +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 {#7159
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +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 {#7183
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +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 {#7207
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +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 {#7231
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +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 {#7255
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +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 {#7279
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +name: "more"
  +title: null
  +symbolDefsName: null
}
app:lang-selector App\Twig\Components\App\LangSelector 74.5 MiB 0.49 ms
Input props
[
  "defaultOpenLeft" => true
]
Attributes
[]
Component
App\Twig\Components\App\LangSelector {#7324
  +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.10 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 {#7314
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +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 {#6955
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +name: "fitmetrics-biceps"
  +title: null
  +symbolDefsName: null
}
menu:breadcrumb App\Twig\Components\Menu\Breadcrumb 74.5 MiB 0.58 ms
Input props
[
  "builder" => App\BusinessLogic\App\Menu\BreadcrumbBuilder {#4495
    -items: [
      [
        "label" => "menu.home"
        "url" => "/en/"
      ]
      [
        "label" => "menu.exercises"
        "url" => "/en/exercises"
      ]
      [
        "label" => "Roll"
        "url" => "/en/exercises/group/83-roll"
      ]
      [
        "label" => "Forward Roll"
        "url" => null
      ]
    ]
  }
]
Attributes
[]
Component
App\Twig\Components\Menu\Breadcrumb {#7407
  +items: [
    [
      "label" => "menu.home"
      "url" => "/en/"
    ]
    [
      "label" => "menu.exercises"
      "url" => "/en/exercises"
    ]
    [
      "label" => "Roll"
      "url" => "/en/exercises/group/83-roll"
    ]
    [
      "label" => "Forward Roll"
      "url" => null
    ]
  ]
  +builder: App\BusinessLogic\App\Menu\BreadcrumbBuilder {#4495
    -items: [
      [
        "label" => "menu.home"
        "url" => "/en/"
      ]
      [
        "label" => "menu.exercises"
        "url" => "/en/exercises"
      ]
      [
        "label" => "Roll"
        "url" => "/en/exercises/group/83-roll"
      ]
      [
        "label" => "Forward Roll"
        "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 {#7437
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +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 {#7459
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +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 {#7482
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +name: "chevron-right"
  +title: null
  +symbolDefsName: null
}
ad:banner App\Twig\Components\Ad\AdBanner 74.5 MiB 0.47 ms
Input props
[
  "containerClass" => "my-4"
]
Attributes
[]
Component
App\Twig\Components\Ad\AdBanner {#7525
  +includeScript: true
  +labelClass: null
  +containerClass: "my-4"
  +adClass: null
  +showBgColor: true
  #kernel: App\Kernel {#14 …}
  #accountManager: App\BusinessLogic\User\Manager\AccountManager {#2925 …}
  #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.44 ms
Input props
[
  "media" => App\Entity\Media\MediaVideo {#4449
    #uploadedFile: null
    #file: Vich\UploaderBundle\Entity\File {#4451 …}
    #credits: Doctrine\ORM\PersistentCollection {#4453 …}
    -source: null
    -zone: null
    -urlExternal: "https://www.youtube.com/watch?v=DIGFj4wdn5k"
    #id: 2304
    -notes: null
    #translations: Doctrine\ORM\PersistentCollection {#4425 …}
    #newTranslations: null
    #currentLocale: "en"
    #defaultLocale: "en"
    -tiersId: null
    -tiersName: "azeoo"
    #createdAt: DateTimeImmutable @1731450732 {#4487
      date: 2024-11-12 23:32:12.0 Europe/Zurich (+01:00)
    }
    #updatedAt: DateTimeImmutable @1731450732 {#4439
      date: 2024-11-12 23:32:12.0 Europe/Zurich (+01:00)
    }
    #createdBy: null
    #updatedBy: null
    -duration: null
    -format: null
    -startTime: null
    -endTime: null
    -youtubeId: "DIGFj4wdn5k"
  }
  "title" => "Forward Roll"
  "showCredits" => false
]
Attributes
[]
Component
App\Twig\Components\Media\Video {#7612
  +media: App\Entity\Media\MediaVideo {#4449
    #uploadedFile: null
    #file: Vich\UploaderBundle\Entity\File {#4451 …}
    #credits: Doctrine\ORM\PersistentCollection {#4453 …}
    -source: null
    -zone: null
    -urlExternal: "https://www.youtube.com/watch?v=DIGFj4wdn5k"
    #id: 2304
    -notes: null
    #translations: Doctrine\ORM\PersistentCollection {#4425 …}
    #newTranslations: null
    #currentLocale: "en"
    #defaultLocale: "en"
    -tiersId: null
    -tiersName: "azeoo"
    #createdAt: DateTimeImmutable @1731450732 {#4487
      date: 2024-11-12 23:32:12.0 Europe/Zurich (+01:00)
    }
    #updatedAt: DateTimeImmutable @1731450732 {#4439
      date: 2024-11-12 23:32:12.0 Europe/Zurich (+01:00)
    }
    #createdBy: null
    #updatedBy: null
    -duration: null
    -format: null
    -startTime: null
    -endTime: null
    -youtubeId: "DIGFj4wdn5k"
  }
  +title: "Forward Roll"
  +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.05 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 {#7628
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +name: "favorites"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 74.5 MiB 0.04 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 {#7661
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +name: "program"
  +title: null
  +symbolDefsName: null
}
app:page-sharer App\Twig\Components\App\PageSharer 74.5 MiB 1.43 ms
Input props
[
  "class" => "mt-2 md:m-0"
]
Attributes
[
  "class" => "mt-2 md:m-0"
]
Component
App\Twig\Components\App\PageSharer {#7685
  +shareUrl: "http://test.fitmetrics.ch/en/exercise/6733d76c5d778-forward-roll?open-account-panel-popup=1"
  +title: "Forward Roll - Exercise - FitMetrics"
  +description: "The Forward Roll is a bodyweight movement rooted in gymnastics and functional training, designed to develop spatial awareness, coordination, and core control. Performed without any equipment, this rolling maneuver helps enhance body agility and fluidity of movement, making it ideal for warm-ups, mobility drills, and neuromuscular activation. Suitable for all fitness levels, the Forward Roll engages the abdominal muscles while promoting spinal mobility and proprioception. By tucking the chin and rolling along the back in a controlled manner, practitioners can reduce the risk of injury and improve general body mechanics. Commonly used in callisthenics, CrossFit, and fitness disciplines, it also serves as a foundational element in various sports and martial arts programs. This exercise encourages proper posture alignment, improves vestibular function, and can be especially useful in early-stage rehabilitation or functional conditioning routines. For optimal safety, a soft surface or mat is recommended to ensure smooth movement and minimize impact."
  +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 {#7715
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +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 {#7743
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +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 {#7768
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +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 {#7791
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +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 {#7814
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +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 {#7837
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +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 {#7860
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +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 {#7883
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +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 {#7914
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +name: "program"
  +title: null
  +symbolDefsName: null
}
ui:editor-render App\Twig\Components\Ui\Editor\EditorRender 74.5 MiB 0.95 ms
Input props
[
  "data" => [
    "time" => 1747346683
    "version" => "2.31.0-rc.7"
    "blocks" => [
      [
        "type" => "header"
        "data" => [
          "level" => 2
          "text" => "Instructions"
        ]
      ]
      [
        "type" => "list"
        "data" => [
          "style" => "unordered"
          "items" => [
            [
              "content" => "Start from a standing or squatting position on a mat."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Tuck your chin towards your chest and initiate a forward roll by bending at the hips."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Place your hands on the ground to guide the movement as your back contacts the floor."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Use your momentum to roll along your spine in a curved path."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Finish in a seated or squatting position and stabilize."
              "items" => []
              "meta" => []
            ]
          ]
          "meta" => []
        ]
      ]
      [
        "type" => "header"
        "data" => [
          "level" => 2
          "text" => "Technical Tips"
        ]
      ]
      [
        "type" => "list"
        "data" => [
          "style" => "unordered"
          "items" => [
            [
              "content" => "Maintain a rounded spine to avoid impact on the neck."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Engage your core throughout the roll for control."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Avoid using your head or neck as a pivot point."
              "items" => []
              "meta" => []
            ]
          ]
          "meta" => []
        ]
      ]
      [
        "type" => "header"
        "data" => [
          "level" => 2
          "text" => "Breathing Tips"
        ]
      ]
      [
        "type" => "list"
        "data" => [
          "style" => "unordered"
          "items" => [
            [
              "content" => "Inhale before starting the roll."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Exhale smoothly as you roll forward."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Inhale again once you complete the movement."
              "items" => []
              "meta" => []
            ]
          ]
          "meta" => []
        ]
      ]
    ]
  ]
]
Attributes
[]
Component
App\Twig\Components\Ui\Editor\EditorRender {#7963
  +title: null
  +data: [
    "time" => 1747346683
    "version" => "2.31.0-rc.7"
    "blocks" => [
      [
        "type" => "header"
        "data" => [
          "level" => 2
          "text" => "Instructions"
        ]
      ]
      [
        "type" => "list"
        "data" => [
          "style" => "unordered"
          "items" => [
            [
              "content" => "Start from a standing or squatting position on a mat."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Tuck your chin towards your chest and initiate a forward roll by bending at the hips."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Place your hands on the ground to guide the movement as your back contacts the floor."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Use your momentum to roll along your spine in a curved path."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Finish in a seated or squatting position and stabilize."
              "items" => []
              "meta" => []
            ]
          ]
          "meta" => []
        ]
      ]
      [
        "type" => "header"
        "data" => [
          "level" => 2
          "text" => "Technical Tips"
        ]
      ]
      [
        "type" => "list"
        "data" => [
          "style" => "unordered"
          "items" => [
            [
              "content" => "Maintain a rounded spine to avoid impact on the neck."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Engage your core throughout the roll for control."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Avoid using your head or neck as a pivot point."
              "items" => []
              "meta" => []
            ]
          ]
          "meta" => []
        ]
      ]
      [
        "type" => "header"
        "data" => [
          "level" => 2
          "text" => "Breathing Tips"
        ]
      ]
      [
        "type" => "list"
        "data" => [
          "style" => "unordered"
          "items" => [
            [
              "content" => "Inhale before starting the roll."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Exhale smoothly as you roll forward."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Inhale again once you complete the movement."
              "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" => 1747346683
    "version" => "2.31.0-rc.7"
    "blocks" => [
      [
        "type" => "list"
        "data" => [
          "style" => "unordered"
          "items" => [
            [
              "content" => "Neck injuries"
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Spinal conditions"
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Balance disorders"
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Recent abdominal surgery"
              "items" => []
              "meta" => []
            ]
          ]
          "meta" => []
        ]
      ]
    ]
  ]
]
Attributes
[]
Component
App\Twig\Components\Ui\Editor\EditorRender {#8024
  +title: null
  +data: [
    "time" => 1747346683
    "version" => "2.31.0-rc.7"
    "blocks" => [
      [
        "type" => "list"
        "data" => [
          "style" => "unordered"
          "items" => [
            [
              "content" => "Neck injuries"
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Spinal conditions"
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Balance disorders"
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Recent abdominal surgery"
              "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 {#8011
  +includeScript: true
  +labelClass: null
  +containerClass: "mt-6"
  +adClass: null
  +showBgColor: true
  #kernel: App\Kernel {#14 …}
  #accountManager: App\BusinessLogic\User\Manager\AccountManager {#2925 …}
  #parameterBag: Symfony\Component\DependencyInjection\ParameterBag\ContainerBag {#686 …}
  #seoPage: App\BusinessLogic\App\Seo\SeoPage {#210 …}
}
faq App\Twig\Components\Ui\FaqComponent 74.5 MiB 0.67 ms
Input props
[
  "faq" => App\Entity\Faq {#5321
    -news: Doctrine\ORM\PersistentCollection {#5304 …}
    -exercises: Doctrine\ORM\PersistentCollection {#5306 …}
    #id: 193
    #createdAt: DateTimeImmutable @1747346683 {#5316
      date: 2025-05-16 00:04:43.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1747346683 {#5291
      date: 2025-05-16 00:04:43.0 Europe/Zurich (+02:00)
    }
    #createdBy: null
    #updatedBy: null
    #translations: Doctrine\ORM\PersistentCollection {#5354 …}
    #newTranslations: null
    #currentLocale: "en"
    #defaultLocale: "en"
    -published: true
    #publishedAt: null
    -publishedBy: null
  }
]
Attributes
[]
Component
App\Twig\Components\Ui\FaqComponent {#8068
  +faq: App\Entity\Faq {#5321
    -news: Doctrine\ORM\PersistentCollection {#5304 …}
    -exercises: Doctrine\ORM\PersistentCollection {#5306 …}
    #id: 193
    #createdAt: DateTimeImmutable @1747346683 {#5316
      date: 2025-05-16 00:04:43.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1747346683 {#5291
      date: 2025-05-16 00:04:43.0 Europe/Zurich (+02:00)
    }
    #createdBy: null
    #updatedBy: null
    #translations: Doctrine\ORM\PersistentCollection {#5354 …}
    #newTranslations: null
    #currentLocale: "en"
    #defaultLocale: "en"
    -published: true
    #publishedAt: null
    -publishedBy: null
  }
}
raw-faq App\Twig\Components\Ui\RawFaqComponent 74.5 MiB 0.25 ms
Input props
[
  "question" => "Is the forward roll good for improving balance and coordination?"
  "answer" => "Yes, the forward roll is excellent for improving balance, coordination, and spatial awareness by challenging your body's control during dynamic movement."
]
Attributes
[]
Component
App\Twig\Components\Ui\RawFaqComponent {#8096
  +question: "Is the forward roll good for improving balance and coordination?"
  +answer: "Yes, the forward roll is excellent for improving balance, coordination, and spatial awareness by challenging your body's control during dynamic movement."
}
faq App\Twig\Components\Ui\FaqComponent 74.5 MiB 0.18 ms
Input props
[
  "faq" => App\Entity\Faq {#5352
    -news: Doctrine\ORM\PersistentCollection {#5351 …}
    -exercises: Doctrine\ORM\PersistentCollection {#5349 …}
    #id: 194
    #createdAt: DateTimeImmutable @1747346683 {#5356
      date: 2025-05-16 00:04:43.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1747346683 {#5353
      date: 2025-05-16 00:04:43.0 Europe/Zurich (+02:00)
    }
    #createdBy: null
    #updatedBy: null
    #translations: Doctrine\ORM\PersistentCollection {#5347 …}
    #newTranslations: null
    #currentLocale: "en"
    #defaultLocale: "en"
    -published: true
    #publishedAt: null
    -publishedBy: null
  }
]
Attributes
[]
Component
App\Twig\Components\Ui\FaqComponent {#8127
  +faq: App\Entity\Faq {#5352
    -news: Doctrine\ORM\PersistentCollection {#5351 …}
    -exercises: Doctrine\ORM\PersistentCollection {#5349 …}
    #id: 194
    #createdAt: DateTimeImmutable @1747346683 {#5356
      date: 2025-05-16 00:04:43.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1747346683 {#5353
      date: 2025-05-16 00:04:43.0 Europe/Zurich (+02:00)
    }
    #createdBy: null
    #updatedBy: null
    #translations: Doctrine\ORM\PersistentCollection {#5347 …}
    #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" => "Can beginners safely do a forward roll at home?"
  "answer" => "Yes, beginners can safely practice the forward roll at home, ideally on a soft mat and with proper form to protect the neck and spine."
]
Attributes
[]
Component
App\Twig\Components\Ui\RawFaqComponent {#8172
  +question: "Can beginners safely do a forward roll at home?"
  +answer: "Yes, beginners can safely practice the forward roll at home, ideally on a soft mat and with proper form to protect the neck and spine."
}
faq App\Twig\Components\Ui\FaqComponent 74.5 MiB 0.41 ms
Input props
[
  "faq" => App\Entity\Faq {#5343
    -news: Doctrine\ORM\PersistentCollection {#5342 …}
    -exercises: Doctrine\ORM\PersistentCollection {#5340 …}
    #id: 195
    #createdAt: DateTimeImmutable @1747346683 {#5345
      date: 2025-05-16 00:04:43.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1747346683 {#5344
      date: 2025-05-16 00:04:43.0 Europe/Zurich (+02:00)
    }
    #createdBy: null
    #updatedBy: null
    #translations: Doctrine\ORM\PersistentCollection {#5338 …}
    #newTranslations: null
    #currentLocale: "en"
    #defaultLocale: "en"
    -published: true
    #publishedAt: null
    -publishedBy: null
  }
]
Attributes
[]
Component
App\Twig\Components\Ui\FaqComponent {#8175
  +faq: App\Entity\Faq {#5343
    -news: Doctrine\ORM\PersistentCollection {#5342 …}
    -exercises: Doctrine\ORM\PersistentCollection {#5340 …}
    #id: 195
    #createdAt: DateTimeImmutable @1747346683 {#5345
      date: 2025-05-16 00:04:43.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1747346683 {#5344
      date: 2025-05-16 00:04:43.0 Europe/Zurich (+02:00)
    }
    #createdBy: null
    #updatedBy: null
    #translations: Doctrine\ORM\PersistentCollection {#5338 …}
    #newTranslations: null
    #currentLocale: "en"
    #defaultLocale: "en"
    -published: true
    #publishedAt: null
    -publishedBy: null
  }
}
raw-faq App\Twig\Components\Ui\RawFaqComponent 74.5 MiB 0.29 ms
Input props
[
  "question" => "What muscles do I work during a forward roll?"
  "answer" => "During a forward roll, you primarily work your abs, while also engaging your obliques, back, glutes, and quadriceps for control and support."
]
Attributes
[]
Component
App\Twig\Components\Ui\RawFaqComponent {#8219
  +question: "What muscles do I work during a forward roll?"
  +answer: "During a forward roll, you primarily work your abs, while also engaging your obliques, back, glutes, and quadriceps for control and support."
}
faq App\Twig\Components\Ui\FaqComponent 74.5 MiB 0.17 ms
Input props
[
  "faq" => App\Entity\Faq {#5334
    -news: Doctrine\ORM\PersistentCollection {#5333 …}
    -exercises: Doctrine\ORM\PersistentCollection {#5331 …}
    #id: 196
    #createdAt: DateTimeImmutable @1747346683 {#5336
      date: 2025-05-16 00:04:43.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1747346683 {#5335
      date: 2025-05-16 00:04:43.0 Europe/Zurich (+02:00)
    }
    #createdBy: null
    #updatedBy: null
    #translations: Doctrine\ORM\PersistentCollection {#5329 …}
    #newTranslations: null
    #currentLocale: "en"
    #defaultLocale: "en"
    -published: true
    #publishedAt: null
    -publishedBy: null
  }
]
Attributes
[]
Component
App\Twig\Components\Ui\FaqComponent {#8222
  +faq: App\Entity\Faq {#5334
    -news: Doctrine\ORM\PersistentCollection {#5333 …}
    -exercises: Doctrine\ORM\PersistentCollection {#5331 …}
    #id: 196
    #createdAt: DateTimeImmutable @1747346683 {#5336
      date: 2025-05-16 00:04:43.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1747346683 {#5335
      date: 2025-05-16 00:04:43.0 Europe/Zurich (+02:00)
    }
    #createdBy: null
    #updatedBy: null
    #translations: Doctrine\ORM\PersistentCollection {#5329 …}
    #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" => "Do I need equipment to do a forward roll?"
  "answer" => "No equipment is needed for a forward roll, though a yoga mat or soft surface is recommended for comfort and safety."
]
Attributes
[]
Component
App\Twig\Components\Ui\RawFaqComponent {#8266
  +question: "Do I need equipment to do a forward roll?"
  +answer: "No equipment is needed for a forward roll, though a yoga mat or soft surface is recommended for comfort and safety."
}
anatomy:avatar App\Twig\Components\Anatomy\Avatar 84.5 MiB 422.32 ms
Input props
[
  "class" => "relative"
  "primaryMuscles" => [
    6
  ]
  "secondaryMuscles" => [
    2
    3
    12
    15
  ]
  "displayFront" => true
]
Attributes
[
  "class" => "relative"
]
Component
App\Twig\Components\Anatomy\Avatar {#8194
  #container: Symfony\Component\DependencyInjection\Argument\ServiceLocator {#8277 …}
  +primaryMuscles: [
    6
  ]
  +secondaryMuscles: [
    2
    3
    12
    15
  ]
  +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 {#8275 …}
  -liveResponder: Symfony\UX\LiveComponent\LiveResponder {#8276 …}
}
ui:badge App\Twig\Components\Ui\Badge 84.5 MiB 0.33 ms
Input props
[
  "name" => "Abs"
  "url" => "/en/exercises/muscle/6-abs"
  "color" => "primary"
]
Attributes
[]
Component
App\Twig\Components\Ui\Badge {#9667
  +name: "Abs"
  +url: "/en/exercises/muscle/6-abs"
  +color: "primary"
  +small: false
  +selected: false
}
ui:badge App\Twig\Components\Ui\Badge 84.5 MiB 0.04 ms
Input props
[
  "name" => "Quadriceps"
  "url" => "/en/exercises/muscle/2-quadriceps"
  "color" => "primary"
]
Attributes
[]
Component
App\Twig\Components\Ui\Badge {#9719
  +name: "Quadriceps"
  +url: "/en/exercises/muscle/2-quadriceps"
  +color: "primary"
  +small: false
  +selected: false
}
ui:badge App\Twig\Components\Ui\Badge 84.5 MiB 0.04 ms
Input props
[
  "name" => "Glutes"
  "url" => "/en/exercises/muscle/3-glutes"
  "color" => "primary"
]
Attributes
[]
Component
App\Twig\Components\Ui\Badge {#9743
  +name: "Glutes"
  +url: "/en/exercises/muscle/3-glutes"
  +color: "primary"
  +small: false
  +selected: false
}
ui:badge App\Twig\Components\Ui\Badge 84.5 MiB 0.04 ms
Input props
[
  "name" => "Back"
  "url" => "/en/exercises/muscle/12-back"
  "color" => "primary"
]
Attributes
[]
Component
App\Twig\Components\Ui\Badge {#9767
  +name: "Back"
  +url: "/en/exercises/muscle/12-back"
  +color: "primary"
  +small: false
  +selected: false
}
ui:badge App\Twig\Components\Ui\Badge 84.5 MiB 0.03 ms
Input props
[
  "name" => "External obliques"
  "url" => "/en/exercises/muscle/15-external-obliques"
  "color" => "primary"
]
Attributes
[]
Component
App\Twig\Components\Ui\Badge {#9791
  +name: "External obliques"
  +url: "/en/exercises/muscle/15-external-obliques"
  +color: "primary"
  +small: false
  +selected: false
}
ad:square:fluid App\Twig\Components\Ad\AdSquareFluid 84.5 MiB 0.05 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\Ad\AdSquareFluid {#9577
  +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 {#2925 …}
  #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.33 ms
Input props
[
  "difficulty" => "beginner"
]
Attributes
[]
Component
App\Twig\Components\Training\DifficultyBadge {#9824
  +difficulty: "beginner"
  +small: false
  +link: true
}
ui:badge App\Twig\Components\Ui\Badge 84.5 MiB 0.05 ms
Input props
[
  "name" => "Yoga mat"
  "url" => "/en/exercises/equipment/17-yoga-mat"
  "small" => true
  "color" => "gray"
]
Attributes
[]
Component
App\Twig\Components\Ui\Badge {#9869
  +name: "Yoga mat"
  +url: "/en/exercises/equipment/17-yoga-mat"
  +color: "gray"
  +small: true
  +selected: false
}
ui:badge App\Twig\Components\Ui\Badge 84.5 MiB 0.04 ms
Input props
[
  "name" => "Without equipment"
  "url" => "/en/exercises/equipment/29-without-equipment"
  "small" => true
  "color" => "gray"
]
Attributes
[]
Component
App\Twig\Components\Ui\Badge {#9896
  +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.04 ms
Input props
[
  "name" => "Callisthenics"
  "url" => "/en/exercises/sport/3-callisthenics"
  "small" => true
  "color" => "gray"
]
Attributes
[]
Component
App\Twig\Components\Ui\Badge {#9920
  +name: "Callisthenics"
  +url: "/en/exercises/sport/3-callisthenics"
  +color: "gray"
  +small: true
  +selected: false
}
ui:badge App\Twig\Components\Ui\Badge 84.5 MiB 0.04 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 84.5 MiB 0.03 ms
Input props
[
  "name" => "Crossfit"
  "url" => "/en/exercises/sport/7-crossfit"
  "small" => true
  "color" => "gray"
]
Attributes
[]
Component
App\Twig\Components\Ui\Badge {#9968
  +name: "Crossfit"
  +url: "/en/exercises/sport/7-crossfit"
  +color: "gray"
  +small: true
  +selected: false
}
ui:badge App\Twig\Components\Ui\Badge 84.5 MiB 0.04 ms
Input props
[
  "name" => "Mobility"
  "url" => "/en/exercises/category/59-mobility"
  "small" => true
  "color" => "gray"
]
Attributes
[]
Component
App\Twig\Components\Ui\Badge {#9992
  +name: "Mobility"
  +url: "/en/exercises/category/59-mobility"
  +color: "gray"
  +small: true
  +selected: false
}
ui:badge App\Twig\Components\Ui\Badge 84.5 MiB 0.03 ms
Input props
[
  "name" => "Functional training"
  "url" => "/en/exercises/category/77-functional-training"
  "small" => true
  "color" => "gray"
]
Attributes
[]
Component
App\Twig\Components\Ui\Badge {#10016
  +name: "Functional training"
  +url: "/en/exercises/category/77-functional-training"
  +color: "gray"
  +small: true
  +selected: false
}
ui:badge App\Twig\Components\Ui\Badge 84.5 MiB 0.04 ms
Input props
[
  "name" => "Balance and stability"
  "url" => "/en/exercises/category/78-balance-and-stability"
  "small" => true
  "color" => "gray"
]
Attributes
[]
Component
App\Twig\Components\Ui\Badge {#10040
  +name: "Balance and stability"
  +url: "/en/exercises/category/78-balance-and-stability"
  +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 {#9805
  +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 {#2925 …}
  #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.25 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\App\LoadingSpinner {#7950
  +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 {#10092
  +color: "fill-primary"
  +size: 8
  +centered: true
  +inline: false
}
media:icon App\Twig\Components\Media\Icon 84.5 MiB 0.10 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 {#10132
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +name: "program"
  +title: null
  +symbolDefsName: null
}
ui:widget-embed App\Twig\Components\Ui\WidgetEmbed 84.5 MiB 0.83 ms
Input props
[
  "class" => "hidden md:block"
  "route" => "http://test.fitmetrics.ch/en/widgets/exercise/preview-6733d76c5d778?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 {#10168
  +route: "http://test.fitmetrics.ch/en/widgets/exercise/preview-6733d76c5d778?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 84.5 MiB 0.04 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 {#10206
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +name: "check"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 84.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 {#10239
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +name: "close"
  +title: null
  +symbolDefsName: null
}
app:page-sharer App\Twig\Components\App\PageSharer 84.5 MiB 0.88 ms
Input props
[
  "class" => "content-container"
  "title" => "Forward Roll"
  "description" => "The Forward Roll is a bodyweight movement rooted in gymnastics and functional training, designed to develop spatial awareness, coordination, and core control. Performed without any equipment, this rolling maneuver helps enhance body agility and fluidity of movement, making it ideal for warm-ups, mobility drills, and neuromuscular activation. Suitable for all fitness levels, the Forward Roll engages the abdominal muscles while promoting spinal mobility and proprioception. By tucking the chin and rolling along the back in a controlled manner, practitioners can reduce the risk of injury and improve general body mechanics. Commonly used in callisthenics, CrossFit, and fitness disciplines, it also serves as a foundational element in various sports and martial arts programs. This exercise encourages proper posture alignment, improves vestibular function, and can be especially useful in early-stage rehabilitation or functional conditioning routines. For optimal safety, a soft surface or mat is recommended to ensure smooth movement and minimize impact."
]
Attributes
[
  "class" => "content-container"
]
Component
App\Twig\Components\App\PageSharer {#10279
  +shareUrl: "http://test.fitmetrics.ch/en/exercise/6733d76c5d778-forward-roll?open-account-panel-popup=1"
  +title: "Forward Roll"
  +description: "The Forward Roll is a bodyweight movement rooted in gymnastics and functional training, designed to develop spatial awareness, coordination, and core control. Performed without any equipment, this rolling maneuver helps enhance body agility and fluidity of movement, making it ideal for warm-ups, mobility drills, and neuromuscular activation. Suitable for all fitness levels, the Forward Roll engages the abdominal muscles while promoting spinal mobility and proprioception. By tucking the chin and rolling along the back in a controlled manner, practitioners can reduce the risk of injury and improve general body mechanics. Commonly used in callisthenics, CrossFit, and fitness disciplines, it also serves as a foundational element in various sports and martial arts programs. This exercise encourages proper posture alignment, improves vestibular function, and can be especially useful in early-stage rehabilitation or functional conditioning routines. For optimal safety, a soft surface or mat is recommended to ensure smooth movement and minimize impact."
  +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 84.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 {#10287
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +name: "check"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 84.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 {#10309
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +name: "reddit"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 84.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 {#10333
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +name: "twitter"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 84.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 {#10356
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +name: "threads"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 84.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 {#10379
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +name: "facebook"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 84.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 {#10402
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +name: "linkedin"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 84.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 {#10425
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +name: "whatsapp"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 84.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 {#10448
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +name: "email"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
ad:wide-skyscraper App\Twig\Components\Ad\AdWideSkyscraper 84.5 MiB 0.37 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 {#2925 …}
  #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 84.5 MiB 0.36 ms
Input props
[
  "containerClass" => "content-container my-4"
]
Attributes
[]
Component
App\Twig\Components\Ad\AdHorizontalFluid {#10495
  +includeScript: true
  +labelClass: null
  +containerClass: "content-container my-4"
  +adClass: null
  +showBgColor: true
  #kernel: App\Kernel {#14 …}
  #accountManager: App\BusinessLogic\User\Manager\AccountManager {#2925 …}
  #parameterBag: Symfony\Component\DependencyInjection\ParameterBag\ContainerBag {#686 …}
  #seoPage: App\BusinessLogic\App\Seo\SeoPage {#210 …}
}
app:lang-selector App\Twig\Components\App\LangSelector 84.5 MiB 0.04 ms
Input props
[
  "defaultOpenLeft" => false
]
Attributes
[]
Component
App\Twig\Components\App\LangSelector {#10550
  +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]
84.5 MiB 0.12 ms
Input props
[
  "class" => "max-w-fit"
]
Attributes
[
  "class" => "max-w-fit"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#10542
  -props: [
    "class" => "max-w-fit"
  ]
}
media:icon App\Twig\Components\Media\Icon 84.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 {#10584
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +name: "fitmetrics-biceps"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 84.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 {#10616
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +name: "fitmetrics-white-biceps"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 84.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 {#10639
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +name: "heart"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 84.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 {#10662
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +name: "whatsapp"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 84.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 {#10685
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +name: "instagram"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 84.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 {#10708
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +name: "threads"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 84.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 {#10731
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +name: "tiktok"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 84.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 {#10754
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +name: "facebook"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 84.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 {#10777
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5864 …}
  +name: "youtube"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}