Components

20 Twig Components
109 Render Count
751 ms Render Time
86.5 MiB Memory Usage

Components

Name Metadata Render Count Render Time
media:icon
"App\Twig\Components\Media\Icon"
components/media/icon.html.twig
67 3.46ms
ui:badge
"App\Twig\Components\Ui\Badge"
components/ui/badge.html.twig
10 1.51ms
faq
"App\Twig\Components\Ui\FaqComponent"
components/ui/faq.html.twig
4 1.15ms
raw-faq
"App\Twig\Components\Ui\RawFaqComponent"
components/ui/raw-faq.html.twig
4 0.38ms
utils:theme-switcher
[Anonymous]
components/utils/theme-switcher.html.twig
3 1.42ms
ad:square:fluid
"App\Twig\Components\Ad\AdSquareFluid"
components/ad/square-fluid.html.twig
3 0.45ms
app:lang-selector
"App\Twig\Components\App\LangSelector"
components/app/lang-selector.html.twig
2 0.54ms
app:page-sharer
"App\Twig\Components\App\PageSharer"
components/app/page-sharer.html.twig
2 3.62ms
ui:editor-render
"App\Twig\Components\Ui\Editor\EditorRender"
components/ui/editor/render.html.twig
2 0.98ms
app:loading_spinner
"App\Twig\Components\App\LoadingSpinner"
components/app/loading-spinner.html.twig
2 0.64ms
menu:main
"App\Twig\Components\Menu\MainMenu"
components/menu/main.html.twig
1 38.84ms
menu:connexion-menu
"App\Twig\Components\Menu\ConnexionMenu"
components/menu/user-menu.html.twig
1 8.89ms
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.40ms
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 697.87ms
training:difficulty-badge
"App\Twig\Components\Training\DifficultyBadge"
components/training/difficulity-badge.html.twig
1 0.58ms
ui:widget-embed
"App\Twig\Components\Ui\WidgetEmbed"
components/ui/widget_embed.html.twig
1 1.50ms
ad:wide-skyscraper
"App\Twig\Components\Ad\AdWideSkyscraper"
components/ad/wide-skyscraper.html.twig
1 0.68ms
ad:horizontal:fluid
"App\Twig\Components\Ad\AdHorizontalFluid"
components/ad/horizontal-fluid.html.twig
1 0.57ms

Render calls

menu:main App\Twig\Components\Menu\MainMenu 74.5 MiB 38.84 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\Menu\MainMenu {#5695
  -routingManager: App\BusinessLogic\Training\Exercise\Url\ExerciseRoutingManager {#208 …}
  -em: Doctrine\ORM\EntityManager {#550 …}
  -cache: Symfony\Component\Cache\Adapter\TraceableAdapter {#205 …}
  -kernel: App\Kernel {#14 …}
  -mediaManager: App\BusinessLogic\Media\Manager\MediaManager {#214 …}
}
media:icon App\Twig\Components\Media\Icon 68.5 MiB 0.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 {#5742
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "fitmetrics-biceps"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 68.5 MiB 0.04 ms
Input props
[
  "name" => "fitmetrics-white-biceps"
  "class" => "header--logo-white header--logo hidden dark:block h-[80px] w-[130px] max-w-[130px]"
  "data-front--header-target" => "logoWhite"
]
Attributes
[
  "class" => "header--logo-white header--logo hidden dark:block h-[80px] w-[130px] max-w-[130px]"
  "data-front--header-target" => "logoWhite"
]
Component
App\Twig\Components\Media\Icon {#5753
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "fitmetrics-white-biceps"
  +title: null
  +symbolDefsName: null
}
utils:theme-switcher
[Anonymous]
68.5 MiB 1.07 ms
Input props
[
  "class" => "max-w-fit"
]
Attributes
[
  "class" => "max-w-fit"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#5804
  -props: [
    "class" => "max-w-fit"
  ]
}
media:icon App\Twig\Components\Media\Icon 68.5 MiB 0.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 {#5819
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "fitmetrics-biceps"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 68.5 MiB 0.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 {#5869
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "fitmetrics-white-biceps"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 68.5 MiB 0.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 {#5897
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "search"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 68.5 MiB 0.03 ms
Input props
[
  "name" => "flexed-biceps"
  "class" => "h-7 w-7 mr-4 fill-current"
]
Attributes
[
  "class" => "h-7 w-7 mr-4 fill-current"
]
Component
App\Twig\Components\Media\Icon {#5913
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "flexed-biceps"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 68.5 MiB 0.03 ms
Input props
[
  "name" => "barbell"
  "class" => "h-8 w-8 mr-3 fill-current"
]
Attributes
[
  "class" => "h-8 w-8 mr-3 fill-current"
]
Component
App\Twig\Components\Media\Icon {#5937
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "barbell"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 68.5 MiB 0.03 ms
Input props
[
  "name" => "category"
  "class" => "h-8 w-8 mr-3 fill-current"
]
Attributes
[
  "class" => "h-8 w-8 mr-3 fill-current"
]
Component
App\Twig\Components\Media\Icon {#5961
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "category"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 68.5 MiB 0.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 {#5985
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "fire"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 68.5 MiB 0.03 ms
Input props
[
  "name" => "discipline "
  "class" => "h-8 w-8 mr-3 fill-current"
]
Attributes
[
  "class" => "h-8 w-8 mr-3 fill-current"
]
Component
App\Twig\Components\Media\Icon {#6009
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "discipline "
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 68.5 MiB 0.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 {#6033
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "stats-chart"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 68.5 MiB 0.03 ms
Input props
[
  "name" => "latest"
  "class" => "h-7 w-7 mr-4 fill-current"
]
Attributes
[
  "class" => "h-7 w-7 mr-4 fill-current"
]
Component
App\Twig\Components\Media\Icon {#6057
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "latest"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 68.5 MiB 0.03 ms
Input props
[
  "name" => "random"
  "class" => "h-8 w-8 mr-3 fill-current"
]
Attributes
[
  "class" => "h-8 w-8 mr-3 fill-current"
]
Component
App\Twig\Components\Media\Icon {#6081
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "random"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 68.5 MiB 0.04 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 {#6430
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "chevron-down"
  +title: null
  +symbolDefsName: null
}
utils:theme-switcher
[Anonymous]
68.5 MiB 0.10 ms
Input props
[
  "class" => "max-w-fit"
]
Attributes
[
  "class" => "max-w-fit"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#6417
  -props: [
    "class" => "max-w-fit"
  ]
}
menu:connexion-menu App\Twig\Components\Menu\ConnexionMenu 74.5 MiB 8.89 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\Menu\ConnexionMenu {#6512
  -authenticationUtils: Symfony\Component\Security\Http\Authentication\AuthenticationUtils {#6513 …}
  -formFactory: Symfony\Component\Form\FormFactory {#6511 …}
}
media:icon App\Twig\Components\Media\Icon 72.5 MiB 0.04 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 {#6664
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "close"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 72.5 MiB 0.03 ms
Input props
[
  "name" => "fitmetrics-white-biceps"
  "class" => "hidden dark:block h-[80px] w-[300px]"
]
Attributes
[
  "class" => "hidden dark:block h-[80px] w-[300px]"
]
Component
App\Twig\Components\Media\Icon {#6699
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "fitmetrics-white-biceps"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 72.5 MiB 0.03 ms
Input props
[
  "name" => "fitmetrics-biceps"
  "class" => "block dark:hidden h-[80px] w-[300px]"
]
Attributes
[
  "class" => "block dark:hidden h-[80px] w-[300px]"
]
Component
App\Twig\Components\Media\Icon {#6729
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "fitmetrics-biceps"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 72.5 MiB 0.04 ms
Input props
[
  "name" => "google"
  "class" => "h-[24px] w-[20px]"
  "symbolDefsName" => "networks-symbol-defs.svg"
]
Attributes
[
  "class" => "h-[24px] w-[20px]"
]
Component
App\Twig\Components\Media\Icon {#6761
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "google"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 72.5 MiB 0.03 ms
Input props
[
  "name" => "apple"
  "class" => "h-[24px] w-[20px] fill-white"
  "symbolDefsName" => "networks-symbol-defs.svg"
]
Attributes
[
  "class" => "h-[24px] w-[20px] fill-white"
]
Component
App\Twig\Components\Media\Icon {#6780
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "apple"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 74.5 MiB 0.04 ms
Input props
[
  "name" => "fitmetrics-white-biceps"
  "class" => "h-[80px] w-[300px]"
]
Attributes
[
  "class" => "h-[80px] w-[300px]"
]
Component
App\Twig\Components\Media\Icon {#6890
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "fitmetrics-white-biceps"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 74.5 MiB 0.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 {#6924
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "chevron-down"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 74.5 MiB 0.03 ms
Input props
[
  "name" => "flexed-biceps"
  "class" => "h-5 w-5 mr-2 fill-current"
]
Attributes
[
  "class" => "h-5 w-5 mr-2 fill-current"
]
Component
App\Twig\Components\Media\Icon {#6940
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "flexed-biceps"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 74.5 MiB 0.03 ms
Input props
[
  "name" => "fire"
  "class" => "h-5 w-5 mr-2 fill-current"
]
Attributes
[
  "class" => "h-5 w-5 mr-2 fill-current"
]
Component
App\Twig\Components\Media\Icon {#6964
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "fire"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 74.5 MiB 0.03 ms
Input props
[
  "name" => "category"
  "class" => "h-5 w-5 mr-2 fill-current"
]
Attributes
[
  "class" => "h-5 w-5 mr-2 fill-current"
]
Component
App\Twig\Components\Media\Icon {#6988
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "category"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 74.5 MiB 0.03 ms
Input props
[
  "name" => "barbell"
  "class" => "h-5 w-5 mr-2 fill-current"
]
Attributes
[
  "class" => "h-5 w-5 mr-2 fill-current"
]
Component
App\Twig\Components\Media\Icon {#7012
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "barbell"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 74.5 MiB 0.03 ms
Input props
[
  "name" => "discipline"
  "class" => "h-5 w-5 mr-2 fill-current"
]
Attributes
[
  "class" => "h-5 w-5 mr-2 fill-current"
]
Component
App\Twig\Components\Media\Icon {#7036
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "discipline"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 74.5 MiB 0.03 ms
Input props
[
  "name" => "stats-chart"
  "class" => "h-5 w-5 mr-2 fill-current"
]
Attributes
[
  "class" => "h-5 w-5 mr-2 fill-current"
]
Component
App\Twig\Components\Media\Icon {#7060
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "stats-chart"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 74.5 MiB 0.03 ms
Input props
[
  "name" => "latest"
  "class" => "h-5 w-5 mr-2 fill-current"
]
Attributes
[
  "class" => "h-5 w-5 mr-2 fill-current"
]
Component
App\Twig\Components\Media\Icon {#7084
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "latest"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 74.5 MiB 0.03 ms
Input props
[
  "name" => "random"
  "class" => "h-5 w-5 mr-2 fill-current"
]
Attributes
[
  "class" => "h-5 w-5 mr-2 fill-current"
]
Component
App\Twig\Components\Media\Icon {#7108
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "random"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 74.5 MiB 0.03 ms
Input props
[
  "name" => "favorites"
  "class" => "h-5 w-5 mr-2 fill-current"
]
Attributes
[
  "class" => "h-5 w-5 mr-2 fill-current"
]
Component
App\Twig\Components\Media\Icon {#7132
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "favorites"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 74.5 MiB 0.03 ms
Input props
[
  "name" => "more"
  "class" => "h-5 w-5 mr-2 fill-current"
]
Attributes
[
  "class" => "h-5 w-5 mr-2 fill-current"
]
Component
App\Twig\Components\Media\Icon {#7156
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "more"
  +title: null
  +symbolDefsName: null
}
app:lang-selector App\Twig\Components\App\LangSelector 74.5 MiB 0.45 ms
Input props
[
  "defaultOpenLeft" => true
]
Attributes
[]
Component
App\Twig\Components\App\LangSelector {#7201
  +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 {#7191
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "close"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 74.5 MiB 0.03 ms
Input props
[
  "name" => "fitmetrics-biceps"
  "class" => "h-16 w-full"
]
Attributes
[
  "class" => "h-16 w-full"
]
Component
App\Twig\Components\Media\Icon {#6832
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "fitmetrics-biceps"
  +title: null
  +symbolDefsName: null
}
menu:breadcrumb App\Twig\Components\Menu\Breadcrumb 74.5 MiB 0.57 ms
Input props
[
  "builder" => App\BusinessLogic\App\Menu\BreadcrumbBuilder {#4429
    -items: [
      [
        "label" => "menu.home"
        "url" => "/en/"
      ]
      [
        "label" => "menu.exercises"
        "url" => "/en/exercises"
      ]
      [
        "label" => "Neck Mobility"
        "url" => "/en/exercises/group/239-neck-mobility"
      ]
      [
        "label" => "Neck Rotation"
        "url" => null
      ]
    ]
  }
]
Attributes
[]
Component
App\Twig\Components\Menu\Breadcrumb {#7284
  +items: [
    [
      "label" => "menu.home"
      "url" => "/en/"
    ]
    [
      "label" => "menu.exercises"
      "url" => "/en/exercises"
    ]
    [
      "label" => "Neck Mobility"
      "url" => "/en/exercises/group/239-neck-mobility"
    ]
    [
      "label" => "Neck Rotation"
      "url" => null
    ]
  ]
  +builder: App\BusinessLogic\App\Menu\BreadcrumbBuilder {#4429
    -items: [
      [
        "label" => "menu.home"
        "url" => "/en/"
      ]
      [
        "label" => "menu.exercises"
        "url" => "/en/exercises"
      ]
      [
        "label" => "Neck Mobility"
        "url" => "/en/exercises/group/239-neck-mobility"
      ]
      [
        "label" => "Neck Rotation"
        "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 {#7314
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "chevron-right"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 74.5 MiB 0.03 ms
Input props
[
  "name" => "chevron-right"
  "class" => "w-[10px] h-[10px] fill-black dark:fill-white"
]
Attributes
[
  "class" => "w-[10px] h-[10px] fill-black dark:fill-white"
]
Component
App\Twig\Components\Media\Icon {#7336
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "chevron-right"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 74.5 MiB 0.03 ms
Input props
[
  "name" => "chevron-right"
  "class" => "w-[10px] h-[10px] fill-black dark:fill-white"
]
Attributes
[
  "class" => "w-[10px] h-[10px] fill-black dark:fill-white"
]
Component
App\Twig\Components\Media\Icon {#7359
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "chevron-right"
  +title: null
  +symbolDefsName: null
}
ad:banner App\Twig\Components\Ad\AdBanner 74.5 MiB 0.40 ms
Input props
[
  "containerClass" => "my-4"
]
Attributes
[]
Component
App\Twig\Components\Ad\AdBanner {#7402
  +includeScript: true
  +labelClass: null
  +containerClass: "my-4"
  +adClass: null
  +showBgColor: true
  #kernel: App\Kernel {#14 …}
  #accountManager: App\BusinessLogic\User\Manager\AccountManager {#2933 …}
  #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 {#4383
    #uploadedFile: null
    #file: Vich\UploaderBundle\Entity\File {#4385 …}
    #credits: Doctrine\ORM\PersistentCollection {#4387 …}
    -source: null
    -zone: null
    -urlExternal: null
    #id: 2638
    -notes: null
    #translations: Doctrine\ORM\PersistentCollection {#4359 …}
    #newTranslations: null
    #currentLocale: "en"
    #defaultLocale: "en"
    -tiersId: null
    -tiersName: null
    #createdAt: DateTimeImmutable @1752168629 {#4421
      date: 2025-07-10 19:30:29.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1752168629 {#4373
      date: 2025-07-10 19:30:29.0 Europe/Zurich (+02:00)
    }
    #createdBy: App\Entity\User {#2754 …}
    #updatedBy: App\Entity\User {#2754 …}
    -duration: null
    -format: null
    -startTime: 5
    -endTime: 30
    -youtubeId: "2M80Mn0VBPw"
  }
  "title" => "Cervical Neck Rolls"
  "showCredits" => false
]
Attributes
[]
Component
App\Twig\Components\Media\Video {#7489
  +media: App\Entity\Media\MediaVideo {#4383
    #uploadedFile: null
    #file: Vich\UploaderBundle\Entity\File {#4385 …}
    #credits: Doctrine\ORM\PersistentCollection {#4387 …}
    -source: null
    -zone: null
    -urlExternal: null
    #id: 2638
    -notes: null
    #translations: Doctrine\ORM\PersistentCollection {#4359 …}
    #newTranslations: null
    #currentLocale: "en"
    #defaultLocale: "en"
    -tiersId: null
    -tiersName: null
    #createdAt: DateTimeImmutable @1752168629 {#4421
      date: 2025-07-10 19:30:29.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1752168629 {#4373
      date: 2025-07-10 19:30:29.0 Europe/Zurich (+02:00)
    }
    #createdBy: App\Entity\User {#2754 …}
    #updatedBy: App\Entity\User {#2754 …}
    -duration: null
    -format: null
    -startTime: 5
    -endTime: 30
    -youtubeId: "2M80Mn0VBPw"
  }
  +title: "Cervical Neck Rolls"
  +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 {#7505
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "favorites"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 74.5 MiB 0.03 ms
Input props
[
  "name" => "program"
  "class" => "w-5 h-5 text-white inline-flex"
]
Attributes
[
  "class" => "w-5 h-5 text-white inline-flex"
]
Component
App\Twig\Components\Media\Icon {#7538
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "program"
  +title: null
  +symbolDefsName: null
}
app:page-sharer App\Twig\Components\App\PageSharer 74.5 MiB 1.39 ms
Input props
[
  "class" => "mt-2 md:m-0"
]
Attributes
[
  "class" => "mt-2 md:m-0"
]
Component
App\Twig\Components\App\PageSharer {#7562
  +shareUrl: "https://test.fitmetrics.ch/en/exercise/686ff8b553614-cervical-neck-rolls?alias=15866&open-account-panel-popup=1"
  +title: "Neck Rotation - Exercise - FitMetrics"
  +description: "Cervical Neck Rolls are a gentle mobility exercise designed to enhance flexibility and release tension in the neck region. This movement involves slowly rotating the head in a circular motion to improve range of motion, alleviate stiffness, and promote relaxation. Practising cervical neck rolls can help reduce accumulated stress from long periods of sitting or working at a desk, making it highly beneficial for individuals experiencing neck tightness due to poor posture or sedentary routines. It is also a valuable warm-up or cooldown activity for athletes, yoga practitioners, and fitness enthusiasts to prepare the cervical spine for training or aid in relaxation post-exercise. When performed correctly and without forcing the range of motion, neck rolls contribute to improved blood flow in the cervical area, enhancing overall neck health and reducing the risk of muscular imbalances or strains. This simple yet effective exercise requires no equipment, making it easily accessible for daily practice whether at home, the office, or in a structured fitness setting."
  +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 {#7592
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "check"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 74.5 MiB 0.04 ms
Input props
[
  "name" => "reddit"
  "class" => "w-6 h-6 fill-slate-600 transition-colors group-hover:fill-white dark:fill-white dark:group-hover:fill-white"
  "symbolDefsName" => "networks-symbol-defs.svg"
]
Attributes
[
  "class" => "w-6 h-6 fill-slate-600 transition-colors group-hover:fill-white dark:fill-white dark:group-hover:fill-white"
]
Component
App\Twig\Components\Media\Icon {#7620
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "reddit"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 74.5 MiB 0.03 ms
Input props
[
  "name" => "twitter"
  "class" => "w-5 h-5 fill-slate-600 transition-colors group-hover:fill-white dark:fill-white dark:group-hover:fill-white"
  "symbolDefsName" => "networks-symbol-defs.svg"
]
Attributes
[
  "class" => "w-5 h-5 fill-slate-600 transition-colors group-hover:fill-white dark:fill-white dark:group-hover:fill-white"
]
Component
App\Twig\Components\Media\Icon {#7645
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "twitter"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 74.5 MiB 0.03 ms
Input props
[
  "name" => "threads"
  "class" => "w-5 h-5 fill-slate-600 transition-colors group-hover:fill-white dark:fill-white dark:group-hover:fill-white"
  "symbolDefsName" => "networks-symbol-defs.svg"
]
Attributes
[
  "class" => "w-5 h-5 fill-slate-600 transition-colors group-hover:fill-white dark:fill-white dark:group-hover:fill-white"
]
Component
App\Twig\Components\Media\Icon {#7668
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "threads"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 74.5 MiB 0.03 ms
Input props
[
  "name" => "facebook"
  "class" => "w-5 h-5 fill-slate-600 transition-colors group-hover:fill-white dark:fill-white dark:group-hover:fill-white"
  "symbolDefsName" => "networks-symbol-defs.svg"
]
Attributes
[
  "class" => "w-5 h-5 fill-slate-600 transition-colors group-hover:fill-white dark:fill-white dark:group-hover:fill-white"
]
Component
App\Twig\Components\Media\Icon {#7691
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "facebook"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 74.5 MiB 0.04 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 {#7714
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "linkedin"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 74.5 MiB 0.03 ms
Input props
[
  "name" => "whatsapp"
  "class" => "w-5 h-5 fill-slate-600 transition-colors group-hover:fill-white dark:fill-white dark:group-hover:fill-white"
  "symbolDefsName" => "networks-symbol-defs.svg"
]
Attributes
[
  "class" => "w-5 h-5 fill-slate-600 transition-colors group-hover:fill-white dark:fill-white dark:group-hover:fill-white"
]
Component
App\Twig\Components\Media\Icon {#7737
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "whatsapp"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 74.5 MiB 0.03 ms
Input props
[
  "name" => "email"
  "class" => "w-5 h-5 fill-slate-600 transition-colors group-hover:fill-white dark:fill-white dark:group-hover:fill-white"
  "symbolDefsName" => "networks-symbol-defs.svg"
]
Attributes
[
  "class" => "w-5 h-5 fill-slate-600 transition-colors group-hover:fill-white dark:fill-white dark:group-hover:fill-white"
]
Component
App\Twig\Components\Media\Icon {#7760
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "email"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 74.5 MiB 0.04 ms
Input props
[
  "name" => "program"
  "class" => "w-6 h-6 mr-3 !text-white"
]
Attributes
[
  "class" => "w-6 h-6 mr-3 !text-white"
]
Component
App\Twig\Components\Media\Icon {#7791
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "program"
  +title: null
  +symbolDefsName: null
}
ui:editor-render App\Twig\Components\Ui\Editor\EditorRender 74.5 MiB 0.88 ms
Input props
[
  "data" => [
    "time" => 1752168693
    "version" => "2.31.0-rc.7"
    "blocks" => [
      [
        "type" => "header"
        "data" => [
          "level" => 2
          "text" => "Instructions"
        ]
      ]
      [
        "type" => "list"
        "data" => [
          "style" => "ordered"
          "items" => [
            [
              "content" => "Sit or stand upright with your spine straight."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Relax your shoulders away from your ears."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Slowly lower your chin towards your chest."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Begin to rotate your head in a circular motion to the right."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Complete the circle by bringing your head back around to the starting position."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Reverse the direction after completing the desired repetitions."
              "items" => []
              "meta" => []
            ]
          ]
          "meta" => []
        ]
      ]
      [
        "type" => "header"
        "data" => [
          "level" => 2
          "text" => "Technical Tips"
        ]
      ]
      [
        "type" => "list"
        "data" => [
          "style" => "unordered"
          "items" => [
            [
              "content" => "Keep the movements slow and controlled."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Avoid excessive backward bending of the neck."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Do not force your range of motion; stay within a comfortable limit."
              "items" => []
              "meta" => []
            ]
          ]
          "meta" => []
        ]
      ]
      [
        "type" => "header"
        "data" => [
          "level" => 2
          "text" => "Breathing Tips"
        ]
      ]
      [
        "type" => "list"
        "data" => [
          "style" => "unordered"
          "items" => [
            [
              "content" => "Inhale as you prepare to start the roll."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Exhale as you lower your chin and begin the circle."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Breathe smoothly and naturally throughout the movement."
              "items" => []
              "meta" => []
            ]
          ]
          "meta" => []
        ]
      ]
    ]
  ]
]
Attributes
[]
Component
App\Twig\Components\Ui\Editor\EditorRender {#7840
  +title: null
  +data: [
    "time" => 1752168693
    "version" => "2.31.0-rc.7"
    "blocks" => [
      [
        "type" => "header"
        "data" => [
          "level" => 2
          "text" => "Instructions"
        ]
      ]
      [
        "type" => "list"
        "data" => [
          "style" => "ordered"
          "items" => [
            [
              "content" => "Sit or stand upright with your spine straight."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Relax your shoulders away from your ears."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Slowly lower your chin towards your chest."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Begin to rotate your head in a circular motion to the right."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Complete the circle by bringing your head back around to the starting position."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Reverse the direction after completing the desired repetitions."
              "items" => []
              "meta" => []
            ]
          ]
          "meta" => []
        ]
      ]
      [
        "type" => "header"
        "data" => [
          "level" => 2
          "text" => "Technical Tips"
        ]
      ]
      [
        "type" => "list"
        "data" => [
          "style" => "unordered"
          "items" => [
            [
              "content" => "Keep the movements slow and controlled."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Avoid excessive backward bending of the neck."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Do not force your range of motion; stay within a comfortable limit."
              "items" => []
              "meta" => []
            ]
          ]
          "meta" => []
        ]
      ]
      [
        "type" => "header"
        "data" => [
          "level" => 2
          "text" => "Breathing Tips"
        ]
      ]
      [
        "type" => "list"
        "data" => [
          "style" => "unordered"
          "items" => [
            [
              "content" => "Inhale as you prepare to start the roll."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Exhale as you lower your chin and begin the circle."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Breathe smoothly and naturally throughout the movement."
              "items" => []
              "meta" => []
            ]
          ]
          "meta" => []
        ]
      ]
    ]
  ]
  +spacing: 4
  +adsInterval: 5
  +withAds: true
  +withMarketingBanner: false
  +marketingBannerPosition: 8
  -host: "https://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" => 1752168693
    "version" => "2.31.0-rc.7"
    "blocks" => [
      [
        "type" => "list"
        "data" => [
          "style" => "unordered"
          "items" => [
            [
              "content" => "Cervical spine injury"
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Severe neck pain"
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Herniated cervical disc"
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Recent neck surgery"
              "items" => []
              "meta" => []
            ]
          ]
          "meta" => []
        ]
      ]
    ]
  ]
]
Attributes
[]
Component
App\Twig\Components\Ui\Editor\EditorRender {#7901
  +title: null
  +data: [
    "time" => 1752168693
    "version" => "2.31.0-rc.7"
    "blocks" => [
      [
        "type" => "list"
        "data" => [
          "style" => "unordered"
          "items" => [
            [
              "content" => "Cervical spine injury"
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Severe neck pain"
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Herniated cervical disc"
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Recent neck surgery"
              "items" => []
              "meta" => []
            ]
          ]
          "meta" => []
        ]
      ]
    ]
  ]
  +spacing: 4
  +adsInterval: 5
  +withAds: true
  +withMarketingBanner: false
  +marketingBannerPosition: 8
  -host: "https://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 {#7888
  +includeScript: true
  +labelClass: null
  +containerClass: "mt-6"
  +adClass: null
  +showBgColor: true
  #kernel: App\Kernel {#14 …}
  #accountManager: App\BusinessLogic\User\Manager\AccountManager {#2933 …}
  #parameterBag: Symfony\Component\DependencyInjection\ParameterBag\ContainerBag {#686 …}
  #seoPage: App\BusinessLogic\App\Seo\SeoPage {#210 …}
}
faq App\Twig\Components\Ui\FaqComponent 74.5 MiB 0.65 ms
Input props
[
  "faq" => App\Entity\Faq {#5312
    -news: Doctrine\ORM\PersistentCollection {#5295 …}
    -exercises: Doctrine\ORM\PersistentCollection {#5297 …}
    #id: 3740
    #createdAt: DateTimeImmutable @1752168693 {#5307
      date: 2025-07-10 19:31:33.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1752168693 {#5282
      date: 2025-07-10 19:31:33.0 Europe/Zurich (+02:00)
    }
    #createdBy: App\Entity\User {#2754 …}
    #updatedBy: App\Entity\User {#2754 …}
    #translations: Doctrine\ORM\PersistentCollection {#5341 …}
    #newTranslations: null
    #currentLocale: "en"
    #defaultLocale: "en"
    -published: true
    #publishedAt: null
    -publishedBy: null
  }
]
Attributes
[]
Component
App\Twig\Components\Ui\FaqComponent {#7945
  +faq: App\Entity\Faq {#5312
    -news: Doctrine\ORM\PersistentCollection {#5295 …}
    -exercises: Doctrine\ORM\PersistentCollection {#5297 …}
    #id: 3740
    #createdAt: DateTimeImmutable @1752168693 {#5307
      date: 2025-07-10 19:31:33.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1752168693 {#5282
      date: 2025-07-10 19:31:33.0 Europe/Zurich (+02:00)
    }
    #createdBy: App\Entity\User {#2754 …}
    #updatedBy: App\Entity\User {#2754 …}
    #translations: Doctrine\ORM\PersistentCollection {#5341 …}
    #newTranslations: null
    #currentLocale: "en"
    #defaultLocale: "en"
    -published: true
    #publishedAt: null
    -publishedBy: null
  }
}
raw-faq App\Twig\Components\Ui\RawFaqComponent 74.5 MiB 0.24 ms
Input props
[
  "question" => "How often should I do cervical neck rolls?"
  "answer" => "You can perform cervical neck rolls daily, especially if you experience frequent neck stiffness or work at a desk for long hours, to maintain mobility and reduce tension."
]
Attributes
[]
Component
App\Twig\Components\Ui\RawFaqComponent {#7973
  +question: "How often should I do cervical neck rolls?"
  +answer: "You can perform cervical neck rolls daily, especially if you experience frequent neck stiffness or work at a desk for long hours, to maintain mobility and reduce tension."
}
faq App\Twig\Components\Ui\FaqComponent 74.5 MiB 0.18 ms
Input props
[
  "faq" => App\Entity\Faq {#5343
    -news: Doctrine\ORM\PersistentCollection {#5350 …}
    -exercises: Doctrine\ORM\PersistentCollection {#5347 …}
    #id: 3741
    #createdAt: DateTimeImmutable @1752168693 {#5338
      date: 2025-07-10 19:31:33.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1752168693 {#5345
      date: 2025-07-10 19:31:33.0 Europe/Zurich (+02:00)
    }
    #createdBy: App\Entity\User {#2754 …}
    #updatedBy: App\Entity\User {#2754 …}
    #translations: Doctrine\ORM\PersistentCollection {#5357 …}
    #newTranslations: null
    #currentLocale: "en"
    #defaultLocale: "en"
    -published: true
    #publishedAt: null
    -publishedBy: null
  }
]
Attributes
[]
Component
App\Twig\Components\Ui\FaqComponent {#8004
  +faq: App\Entity\Faq {#5343
    -news: Doctrine\ORM\PersistentCollection {#5350 …}
    -exercises: Doctrine\ORM\PersistentCollection {#5347 …}
    #id: 3741
    #createdAt: DateTimeImmutable @1752168693 {#5338
      date: 2025-07-10 19:31:33.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1752168693 {#5345
      date: 2025-07-10 19:31:33.0 Europe/Zurich (+02:00)
    }
    #createdBy: App\Entity\User {#2754 …}
    #updatedBy: App\Entity\User {#2754 …}
    #translations: Doctrine\ORM\PersistentCollection {#5357 …}
    #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 cervical neck rolls relieve neck pain?"
  "answer" => "Yes, cervical neck rolls can help relieve mild neck pain caused by tension or stiffness by improving circulation and relaxing the surrounding muscles, but avoid them if you have acute injury or severe pain."
]
Attributes
[]
Component
App\Twig\Components\Ui\RawFaqComponent {#8049
  +question: "Can cervical neck rolls relieve neck pain?"
  +answer: "Yes, cervical neck rolls can help relieve mild neck pain caused by tension or stiffness by improving circulation and relaxing the surrounding muscles, but avoid them if you have acute injury or severe pain."
}
faq App\Twig\Components\Ui\FaqComponent 74.5 MiB 0.16 ms
Input props
[
  "faq" => App\Entity\Faq {#5356
    -news: Doctrine\ORM\PersistentCollection {#5412 …}
    -exercises: Doctrine\ORM\PersistentCollection {#5410 …}
    #id: 3742
    #createdAt: DateTimeImmutable @1752168693 {#5354
      date: 2025-07-10 19:31:33.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1752168693 {#5353
      date: 2025-07-10 19:31:33.0 Europe/Zurich (+02:00)
    }
    #createdBy: App\Entity\User {#2754 …}
    #updatedBy: App\Entity\User {#2754 …}
    #translations: Doctrine\ORM\PersistentCollection {#5627 …}
    #newTranslations: null
    #currentLocale: "en"
    #defaultLocale: "en"
    -published: true
    #publishedAt: null
    -publishedBy: null
  }
]
Attributes
[]
Component
App\Twig\Components\Ui\FaqComponent {#8052
  +faq: App\Entity\Faq {#5356
    -news: Doctrine\ORM\PersistentCollection {#5412 …}
    -exercises: Doctrine\ORM\PersistentCollection {#5410 …}
    #id: 3742
    #createdAt: DateTimeImmutable @1752168693 {#5354
      date: 2025-07-10 19:31:33.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1752168693 {#5353
      date: 2025-07-10 19:31:33.0 Europe/Zurich (+02:00)
    }
    #createdBy: App\Entity\User {#2754 …}
    #updatedBy: App\Entity\User {#2754 …}
    #translations: Doctrine\ORM\PersistentCollection {#5627 …}
    #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" => "Are cervical neck rolls safe for everyone?"
  "answer" => "Cervical neck rolls are generally safe for healthy individuals, but those with cervical spine injuries, herniated discs, or recent neck surgery should consult a healthcare professional before performing them."
]
Attributes
[]
Component
App\Twig\Components\Ui\RawFaqComponent {#8096
  +question: "Are cervical neck rolls safe for everyone?"
  +answer: "Cervical neck rolls are generally safe for healthy individuals, but those with cervical spine injuries, herniated discs, or recent neck surgery should consult a healthcare professional before performing them."
}
faq App\Twig\Components\Ui\FaqComponent 74.5 MiB 0.15 ms
Input props
[
  "faq" => App\Entity\Faq {#5325
    -news: Doctrine\ORM\PersistentCollection {#5324 …}
    -exercises: Doctrine\ORM\PersistentCollection {#5322 …}
    #id: 3743
    #createdAt: DateTimeImmutable @1752168693 {#5330
      date: 2025-07-10 19:31:33.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1752168693 {#5326
      date: 2025-07-10 19:31:33.0 Europe/Zurich (+02:00)
    }
    #createdBy: App\Entity\User {#2754 …}
    #updatedBy: App\Entity\User {#2754 …}
    #translations: Doctrine\ORM\PersistentCollection {#5320 …}
    #newTranslations: null
    #currentLocale: "en"
    #defaultLocale: "en"
    -published: true
    #publishedAt: null
    -publishedBy: null
  }
]
Attributes
[]
Component
App\Twig\Components\Ui\FaqComponent {#8099
  +faq: App\Entity\Faq {#5325
    -news: Doctrine\ORM\PersistentCollection {#5324 …}
    -exercises: Doctrine\ORM\PersistentCollection {#5322 …}
    #id: 3743
    #createdAt: DateTimeImmutable @1752168693 {#5330
      date: 2025-07-10 19:31:33.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1752168693 {#5326
      date: 2025-07-10 19:31:33.0 Europe/Zurich (+02:00)
    }
    #createdBy: App\Entity\User {#2754 …}
    #updatedBy: App\Entity\User {#2754 …}
    #translations: Doctrine\ORM\PersistentCollection {#5320 …}
    #newTranslations: null
    #currentLocale: "en"
    #defaultLocale: "en"
    -published: true
    #publishedAt: null
    -publishedBy: null
  }
}
raw-faq App\Twig\Components\Ui\RawFaqComponent 74.5 MiB 0.04 ms
Input props
[
  "question" => "Should I do cervical neck rolls before or after workouts?"
  "answer" => "Cervical neck rolls can be done both before workouts to warm up the neck muscles and after workouts to relax and release tension accumulated during training."
]
Attributes
[]
Component
App\Twig\Components\Ui\RawFaqComponent {#8143
  +question: "Should I do cervical neck rolls before or after workouts?"
  +answer: "Cervical neck rolls can be done both before workouts to warm up the neck muscles and after workouts to relax and release tension accumulated during training."
}
anatomy:avatar App\Twig\Components\Anatomy\Avatar 84.5 MiB 697.87 ms
Input props
[
  "class" => "relative"
  "primaryMuscles" => [
    19
  ]
  "secondaryMuscles" => [
    13
  ]
  "displayFront" => true
]
Attributes
[
  "class" => "relative"
]
Component
App\Twig\Components\Anatomy\Avatar {#8071
  #container: Symfony\Component\DependencyInjection\Argument\ServiceLocator {#8154 …}
  +primaryMuscles: [
    19
  ]
  +secondaryMuscles: [
    13
  ]
  +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 {#8152 …}
  -liveResponder: Symfony\UX\LiveComponent\LiveResponder {#8153 …}
}
ui:badge App\Twig\Components\Ui\Badge 84.5 MiB 0.64 ms
Input props
[
  "name" => "Neck"
  "url" => "/en/exercises/muscle/19-neck"
  "color" => "primary"
]
Attributes
[]
Component
App\Twig\Components\Ui\Badge {#9600
  +name: "Neck"
  +url: "/en/exercises/muscle/19-neck"
  +color: "primary"
  +small: false
  +selected: false
}
ui:badge App\Twig\Components\Ui\Badge 84.5 MiB 0.11 ms
Input props
[
  "name" => "Traps"
  "url" => "/en/exercises/muscle/13-traps"
  "color" => "primary"
]
Attributes
[]
Component
App\Twig\Components\Ui\Badge {#9652
  +name: "Traps"
  +url: "/en/exercises/muscle/13-traps"
  +color: "primary"
  +small: false
  +selected: false
}
ad:square:fluid App\Twig\Components\Ad\AdSquareFluid 84.5 MiB 0.11 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\Ad\AdSquareFluid {#9510
  +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 {#2933 …}
  #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.58 ms
Input props
[
  "difficulty" => "beginner"
]
Attributes
[]
Component
App\Twig\Components\Training\DifficultyBadge {#9685
  +difficulty: "beginner"
  +small: false
  +link: true
}
ui:badge App\Twig\Components\Ui\Badge 84.5 MiB 0.11 ms
Input props
[
  "name" => "Isolation"
  "small" => true
  "color" => "gray"
]
Attributes
[]
Component
App\Twig\Components\Ui\Badge {#9716
  +name: "Isolation"
  +url: null
  +color: "gray"
  +small: true
  +selected: false
}
ui:badge App\Twig\Components\Ui\Badge 84.5 MiB 0.10 ms
Input props
[
  "name" => "Without equipment"
  "url" => "/en/exercises/equipment/29-without-equipment"
  "small" => true
  "color" => "gray"
]
Attributes
[]
Component
App\Twig\Components\Ui\Badge {#9756
  +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.09 ms
Input props
[
  "name" => "Fitness"
  "url" => "/en/exercises/sport/5-fitness"
  "small" => true
  "color" => "gray"
]
Attributes
[]
Component
App\Twig\Components\Ui\Badge {#9780
  +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.09 ms
Input props
[
  "name" => "Yoga"
  "url" => "/en/exercises/sport/8-yoga"
  "small" => true
  "color" => "gray"
]
Attributes
[]
Component
App\Twig\Components\Ui\Badge {#9804
  +name: "Yoga"
  +url: "/en/exercises/sport/8-yoga"
  +color: "gray"
  +small: true
  +selected: false
}
ui:badge App\Twig\Components\Ui\Badge 84.5 MiB 0.10 ms
Input props
[
  "name" => "Pilates"
  "url" => "/en/exercises/sport/9-pilates"
  "small" => true
  "color" => "gray"
]
Attributes
[]
Component
App\Twig\Components\Ui\Badge {#9828
  +name: "Pilates"
  +url: "/en/exercises/sport/9-pilates"
  +color: "gray"
  +small: true
  +selected: false
}
ui:badge App\Twig\Components\Ui\Badge 84.5 MiB 0.10 ms
Input props
[
  "name" => "Mobility"
  "url" => "/en/exercises/category/59-mobility"
  "small" => true
  "color" => "gray"
]
Attributes
[]
Component
App\Twig\Components\Ui\Badge {#9852
  +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.11 ms
Input props
[
  "name" => "Warm-up"
  "url" => "/en/exercises/category/62-warm-up"
  "small" => true
  "color" => "gray"
]
Attributes
[]
Component
App\Twig\Components\Ui\Badge {#9876
  +name: "Warm-up"
  +url: "/en/exercises/category/62-warm-up"
  +color: "gray"
  +small: true
  +selected: false
}
ui:badge App\Twig\Components\Ui\Badge 84.5 MiB 0.08 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 {#9900
  +name: "Recovery and relaxation"
  +url: "/en/exercises/category/75-recovery-and-relaxation"
  +color: "gray"
  +small: true
  +selected: false
}
ad:square:fluid App\Twig\Components\Ad\AdSquareFluid 84.5 MiB 0.11 ms
Input props
[
  "containerClass" => "hidden lg:flex items-center justify-center my-6"
]
Attributes
[]
Component
App\Twig\Components\Ad\AdSquareFluid {#9666
  +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 {#2933 …}
  #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.55 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\App\LoadingSpinner {#7827
  +color: "fill-primary"
  +size: 8
  +centered: true
  +inline: false
}
app:loading_spinner App\Twig\Components\App\LoadingSpinner 84.5 MiB 0.10 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\App\LoadingSpinner {#9957
  +color: "fill-primary"
  +size: 8
  +centered: true
  +inline: false
}
media:icon App\Twig\Components\Media\Icon 84.5 MiB 0.09 ms
Input props
[
  "name" => "program"
  "class" => "w-6 h-6 mr-3 !text-white"
]
Attributes
[
  "class" => "w-6 h-6 mr-3 !text-white"
]
Component
App\Twig\Components\Media\Icon {#9995
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "program"
  +title: null
  +symbolDefsName: null
}
ui:widget-embed App\Twig\Components\Ui\WidgetEmbed 84.5 MiB 1.50 ms
Input props
[
  "class" => "hidden md:block"
  "route" => "https://test.fitmetrics.ch/en/widgets/exercise/preview-686ff8b553614?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 {#10031
  +route: "https://test.fitmetrics.ch/en/widgets/exercise/preview-686ff8b553614?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.09 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 {#10069
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "check"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.09 ms
Input props
[
  "name" => "close"
  "class" => "w-[26px] h-[26px] cursor-pointer text-black dark:text-white"
]
Attributes
[
  "class" => "w-[26px] h-[26px] cursor-pointer text-black dark:text-white"
]
Component
App\Twig\Components\Media\Icon {#10102
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "close"
  +title: null
  +symbolDefsName: null
}
app:page-sharer App\Twig\Components\App\PageSharer 86.5 MiB 2.23 ms
Input props
[
  "class" => "content-container"
  "title" => "Cervical Neck Rolls"
  "description" => "Cervical Neck Rolls are a gentle mobility exercise designed to enhance flexibility and release tension in the neck region. This movement involves slowly rotating the head in a circular motion to improve range of motion, alleviate stiffness, and promote relaxation. Practising cervical neck rolls can help reduce accumulated stress from long periods of sitting or working at a desk, making it highly beneficial for individuals experiencing neck tightness due to poor posture or sedentary routines. It is also a valuable warm-up or cooldown activity for athletes, yoga practitioners, and fitness enthusiasts to prepare the cervical spine for training or aid in relaxation post-exercise. When performed correctly and without forcing the range of motion, neck rolls contribute to improved blood flow in the cervical area, enhancing overall neck health and reducing the risk of muscular imbalances or strains. This simple yet effective exercise requires no equipment, making it easily accessible for daily practice whether at home, the office, or in a structured fitness setting."
]
Attributes
[
  "class" => "content-container"
]
Component
App\Twig\Components\App\PageSharer {#10142
  +shareUrl: "https://test.fitmetrics.ch/en/exercise/686ff8b553614-cervical-neck-rolls?alias=15866&open-account-panel-popup=1"
  +title: "Cervical Neck Rolls"
  +description: "Cervical Neck Rolls are a gentle mobility exercise designed to enhance flexibility and release tension in the neck region. This movement involves slowly rotating the head in a circular motion to improve range of motion, alleviate stiffness, and promote relaxation. Practising cervical neck rolls can help reduce accumulated stress from long periods of sitting or working at a desk, making it highly beneficial for individuals experiencing neck tightness due to poor posture or sedentary routines. It is also a valuable warm-up or cooldown activity for athletes, yoga practitioners, and fitness enthusiasts to prepare the cervical spine for training or aid in relaxation post-exercise. When performed correctly and without forcing the range of motion, neck rolls contribute to improved blood flow in the cervical area, enhancing overall neck health and reducing the risk of muscular imbalances or strains. This simple yet effective exercise requires no equipment, making it easily accessible for daily practice whether at home, the office, or in a structured fitness setting."
  +quote: null
  +hashtags: [
    "fitmetrics"
  ]
  +alignMobileLeft: false
  -requestStack: Symfony\Component\HttpFoundation\RequestStack {#865 …}
  -seoPage: App\BusinessLogic\App\Seo\SeoPage {#210 …}
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.08 ms
Input props
[
  "name" => "check"
  "class" => "w-5 h-5 text-white fill-white"
]
Attributes
[
  "class" => "w-5 h-5 text-white fill-white"
]
Component
App\Twig\Components\Media\Icon {#10150
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "check"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.09 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 {#10172
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "reddit"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.08 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 {#10196
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "twitter"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.07 ms
Input props
[
  "name" => "threads"
  "class" => "w-5 h-5 fill-slate-600 transition-colors group-hover:fill-white dark:fill-white dark:group-hover:fill-white"
  "symbolDefsName" => "networks-symbol-defs.svg"
]
Attributes
[
  "class" => "w-5 h-5 fill-slate-600 transition-colors group-hover:fill-white dark:fill-white dark:group-hover:fill-white"
]
Component
App\Twig\Components\Media\Icon {#10219
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "threads"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.07 ms
Input props
[
  "name" => "facebook"
  "class" => "w-5 h-5 fill-slate-600 transition-colors group-hover:fill-white dark:fill-white dark:group-hover:fill-white"
  "symbolDefsName" => "networks-symbol-defs.svg"
]
Attributes
[
  "class" => "w-5 h-5 fill-slate-600 transition-colors group-hover:fill-white dark:fill-white dark:group-hover:fill-white"
]
Component
App\Twig\Components\Media\Icon {#10242
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "facebook"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.07 ms
Input props
[
  "name" => "linkedin"
  "class" => "w-5 h-5 fill-slate-600 transition-colors group-hover:fill-white dark:fill-white dark:group-hover:fill-white"
  "symbolDefsName" => "networks-symbol-defs.svg"
]
Attributes
[
  "class" => "w-5 h-5 fill-slate-600 transition-colors group-hover:fill-white dark:fill-white dark:group-hover:fill-white"
]
Component
App\Twig\Components\Media\Icon {#10265
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "linkedin"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.07 ms
Input props
[
  "name" => "whatsapp"
  "class" => "w-5 h-5 fill-slate-600 transition-colors group-hover:fill-white dark:fill-white dark:group-hover:fill-white"
  "symbolDefsName" => "networks-symbol-defs.svg"
]
Attributes
[
  "class" => "w-5 h-5 fill-slate-600 transition-colors group-hover:fill-white dark:fill-white dark:group-hover:fill-white"
]
Component
App\Twig\Components\Media\Icon {#10288
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "whatsapp"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.07 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 {#10311
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "email"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
ad:wide-skyscraper App\Twig\Components\Ad\AdWideSkyscraper 86.5 MiB 0.68 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 {#2933 …}
  #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.57 ms
Input props
[
  "containerClass" => "content-container my-4"
]
Attributes
[]
Component
App\Twig\Components\Ad\AdHorizontalFluid {#10358
  +includeScript: true
  +labelClass: null
  +containerClass: "content-container my-4"
  +adClass: null
  +showBgColor: true
  #kernel: App\Kernel {#14 …}
  #accountManager: App\BusinessLogic\User\Manager\AccountManager {#2933 …}
  #parameterBag: Symfony\Component\DependencyInjection\ParameterBag\ContainerBag {#686 …}
  #seoPage: App\BusinessLogic\App\Seo\SeoPage {#210 …}
}
app:lang-selector App\Twig\Components\App\LangSelector 86.5 MiB 0.09 ms
Input props
[
  "defaultOpenLeft" => false
]
Attributes
[]
Component
App\Twig\Components\App\LangSelector {#10413
  +routeName: null
  +params: null
  +withQuery: true
  +defaultOpenLeft: false
  -seoPage: App\BusinessLogic\App\Seo\SeoPage {#210 …}
  -requestStack: Symfony\Component\HttpFoundation\RequestStack {#865 …}
  -router: Symfony\Bundle\FrameworkBundle\Routing\Router {#681 …}
}
utils:theme-switcher
[Anonymous]
86.5 MiB 0.25 ms
Input props
[
  "class" => "max-w-fit"
]
Attributes
[
  "class" => "max-w-fit"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#10405
  -props: [
    "class" => "max-w-fit"
  ]
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.08 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 {#10447
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "fitmetrics-biceps"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.07 ms
Input props
[
  "name" => "fitmetrics-white-biceps"
  "class" => "h-12 sm:h-16 max-w-[116px] mr-3 hidden dark:block"
]
Attributes
[
  "class" => "h-12 sm:h-16 max-w-[116px] mr-3 hidden dark:block"
]
Component
App\Twig\Components\Media\Icon {#10479
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "fitmetrics-white-biceps"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.07 ms
Input props
[
  "name" => "heart"
  "class" => "heart h-5 w-5 text-[#eb2a2a]"
]
Attributes
[
  "class" => "heart h-5 w-5 text-[#eb2a2a]"
]
Component
App\Twig\Components\Media\Icon {#10502
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "heart"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.07 ms
Input props
[
  "name" => "whatsapp"
  "class" => "w-[28px] h-[28px]"
  "symbolDefsName" => "networks-symbol-defs.svg"
]
Attributes
[
  "class" => "w-[28px] h-[28px]"
]
Component
App\Twig\Components\Media\Icon {#10525
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "whatsapp"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.07 ms
Input props
[
  "name" => "instagram"
  "class" => "w-[28px] h-[28px]"
  "symbolDefsName" => "networks-symbol-defs.svg"
]
Attributes
[
  "class" => "w-[28px] h-[28px]"
]
Component
App\Twig\Components\Media\Icon {#10548
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "instagram"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.07 ms
Input props
[
  "name" => "threads"
  "class" => "w-[28px] h-[28px]"
  "symbolDefsName" => "networks-symbol-defs.svg"
]
Attributes
[
  "class" => "w-[28px] h-[28px]"
]
Component
App\Twig\Components\Media\Icon {#10571
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "threads"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.07 ms
Input props
[
  "name" => "tiktok"
  "class" => "w-[29px] h-[29px]"
  "symbolDefsName" => "networks-symbol-defs.svg"
]
Attributes
[
  "class" => "w-[29px] h-[29px]"
]
Component
App\Twig\Components\Media\Icon {#10594
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "tiktok"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.07 ms
Input props
[
  "name" => "facebook"
  "class" => "w-[19px] h-[28px]"
  "symbolDefsName" => "networks-symbol-defs.svg"
]
Attributes
[
  "class" => "w-[19px] h-[28px]"
]
Component
App\Twig\Components\Media\Icon {#10617
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "facebook"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.07 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 {#10640
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5745 …}
  +name: "youtube"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}