GET https://test.fitmetrics.ch/en/exercise/6733d70ea5ce9-neck-foam-roll

Components

20 Twig Components
107 Render Count
734 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.37ms
ui:badge
"App\Twig\Components\Ui\Badge"
components/ui/badge.html.twig
10 1.53ms
utils:theme-switcher
[Anonymous]
components/utils/theme-switcher.html.twig
3 1.31ms
ad:square:fluid
"App\Twig\Components\Ad\AdSquareFluid"
components/ad/square-fluid.html.twig
3 0.44ms
faq
"App\Twig\Components\Ui\FaqComponent"
components/ui/faq.html.twig
3 0.97ms
raw-faq
"App\Twig\Components\Ui\RawFaqComponent"
components/ui/raw-faq.html.twig
3 0.33ms
app:lang-selector
"App\Twig\Components\App\LangSelector"
components/app/lang-selector.html.twig
2 0.46ms
app:page-sharer
"App\Twig\Components\App\PageSharer"
components/app/page-sharer.html.twig
2 3.36ms
ui:editor-render
"App\Twig\Components\Ui\Editor\EditorRender"
components/ui/editor/render.html.twig
2 0.87ms
app:loading_spinner
"App\Twig\Components\App\LoadingSpinner"
components/app/loading-spinner.html.twig
2 0.66ms
menu:main
"App\Twig\Components\Menu\MainMenu"
components/menu/main.html.twig
1 36.34ms
menu:connexion-menu
"App\Twig\Components\Menu\ConnexionMenu"
components/menu/user-menu.html.twig
1 7.22ms
menu:breadcrumb
"App\Twig\Components\Menu\Breadcrumb"
components/menu/breadcrumb.html.twig
1 0.54ms
ad:banner
"App\Twig\Components\Ad\AdBanner"
components/ad/banner.html.twig
1 0.38ms
media:video
"App\Twig\Components\Media\Video"
components/media/video.html.twig
1 0.32ms
anatomy:avatar
"App\Twig\Components\Anatomy\Avatar"
components/anatomy/avatar.html.twig
1 684.07ms
training:difficulty-badge
"App\Twig\Components\Training\DifficultyBadge"
components/training/difficulity-badge.html.twig
1 0.64ms
ui:widget-embed
"App\Twig\Components\Ui\WidgetEmbed"
components/ui/widget_embed.html.twig
1 1.58ms
ad:wide-skyscraper
"App\Twig\Components\Ad\AdWideSkyscraper"
components/ad/wide-skyscraper.html.twig
1 0.67ms
ad:horizontal:fluid
"App\Twig\Components\Ad\AdHorizontalFluid"
components/ad/horizontal-fluid.html.twig
1 0.56ms

Render calls

menu:main App\Twig\Components\Menu\MainMenu 74.5 MiB 36.34 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\Menu\MainMenu {#5716
  -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 74.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 {#5763
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +name: "fitmetrics-biceps"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 74.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 {#5774
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +name: "fitmetrics-white-biceps"
  +title: null
  +symbolDefsName: null
}
utils:theme-switcher
[Anonymous]
74.5 MiB 0.98 ms
Input props
[
  "class" => "max-w-fit"
]
Attributes
[
  "class" => "max-w-fit"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#5825
  -props: [
    "class" => "max-w-fit"
  ]
}
media:icon App\Twig\Components\Media\Icon 74.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 {#5840
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +name: "fitmetrics-biceps"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 74.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 {#5890
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +name: "fitmetrics-white-biceps"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 74.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 {#5918
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +name: "search"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 74.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 {#5934
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +name: "flexed-biceps"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 74.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 {#5958
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +name: "barbell"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 74.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 {#5982
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +name: "category"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 74.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 {#6006
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +name: "fire"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 74.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 {#6030
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +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-8 w-8 mr-3 fill-current"
]
Attributes
[
  "class" => "h-8 w-8 mr-3 fill-current"
]
Component
App\Twig\Components\Media\Icon {#6054
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +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-7 w-7 mr-4 fill-current"
]
Attributes
[
  "class" => "h-7 w-7 mr-4 fill-current"
]
Component
App\Twig\Components\Media\Icon {#6078
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +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-8 w-8 mr-3 fill-current"
]
Attributes
[
  "class" => "h-8 w-8 mr-3 fill-current"
]
Component
App\Twig\Components\Media\Icon {#6102
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +name: "random"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 74.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 {#6497
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +name: "chevron-down"
  +title: null
  +symbolDefsName: null
}
utils:theme-switcher
[Anonymous]
74.5 MiB 0.10 ms
Input props
[
  "class" => "max-w-fit"
]
Attributes
[
  "class" => "max-w-fit"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#6452
  -props: [
    "class" => "max-w-fit"
  ]
}
menu:connexion-menu App\Twig\Components\Menu\ConnexionMenu 74.5 MiB 7.22 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\Menu\ConnexionMenu {#6582
  -authenticationUtils: Symfony\Component\Security\Http\Authentication\AuthenticationUtils {#6583 …}
  -formFactory: Symfony\Component\Form\FormFactory {#6581 …}
}
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"
]
Attributes
[
  "class" => "w-[26px] h-[26px] md:w-[15px] md:h-[15px] cursor-pointer"
]
Component
App\Twig\Components\Media\Icon {#6734
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +name: "close"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 74.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 {#6769
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +name: "fitmetrics-white-biceps"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 74.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 {#6799
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +name: "fitmetrics-biceps"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 74.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 {#6831
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +name: "google"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 74.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 {#6850
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +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 {#6960
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +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 {#6994
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +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 {#7010
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +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 {#7034
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +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 {#7058
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +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 {#7082
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +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 {#7106
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +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 {#7130
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +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 {#7154
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +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 {#7178
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +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 {#7202
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +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 {#7226
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +name: "more"
  +title: null
  +symbolDefsName: null
}
app:lang-selector App\Twig\Components\App\LangSelector 74.5 MiB 0.38 ms
Input props
[
  "defaultOpenLeft" => true
]
Attributes
[]
Component
App\Twig\Components\App\LangSelector {#7271
  +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 {#7261
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +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 {#6902
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +name: "fitmetrics-biceps"
  +title: null
  +symbolDefsName: null
}
menu:breadcrumb App\Twig\Components\Menu\Breadcrumb 74.5 MiB 0.54 ms
Input props
[
  "builder" => App\BusinessLogic\App\Menu\BreadcrumbBuilder {#4406
    -items: [
      [
        "label" => "menu.home"
        "url" => "/en/"
      ]
      [
        "label" => "menu.exercises"
        "url" => "/en/exercises"
      ]
      [
        "label" => "Foam Roll"
        "url" => "/en/exercises/group/238-foam-roll"
      ]
      [
        "label" => "Neck Foam Roll"
        "url" => null
      ]
    ]
  }
]
Attributes
[]
Component
App\Twig\Components\Menu\Breadcrumb {#7354
  +items: [
    [
      "label" => "menu.home"
      "url" => "/en/"
    ]
    [
      "label" => "menu.exercises"
      "url" => "/en/exercises"
    ]
    [
      "label" => "Foam Roll"
      "url" => "/en/exercises/group/238-foam-roll"
    ]
    [
      "label" => "Neck Foam Roll"
      "url" => null
    ]
  ]
  +builder: App\BusinessLogic\App\Menu\BreadcrumbBuilder {#4406
    -items: [
      [
        "label" => "menu.home"
        "url" => "/en/"
      ]
      [
        "label" => "menu.exercises"
        "url" => "/en/exercises"
      ]
      [
        "label" => "Foam Roll"
        "url" => "/en/exercises/group/238-foam-roll"
      ]
      [
        "label" => "Neck Foam 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 {#7384
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +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 {#7406
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +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 {#7429
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +name: "chevron-right"
  +title: null
  +symbolDefsName: null
}
ad:banner App\Twig\Components\Ad\AdBanner 74.5 MiB 0.38 ms
Input props
[
  "containerClass" => "my-4"
]
Attributes
[]
Component
App\Twig\Components\Ad\AdBanner {#7472
  +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.32 ms
Input props
[
  "media" => App\Entity\Media\MediaVideo {#4360
    #uploadedFile: null
    #file: Vich\UploaderBundle\Entity\File {#4362 …}
    #credits: Doctrine\ORM\PersistentCollection {#4364 …}
    -source: null
    -zone: null
    -urlExternal: "https://www.youtube.com/watch?v=sc8FiizZ-nM"
    #id: 832
    -notes: null
    #translations: Doctrine\ORM\PersistentCollection {#4336 …}
    #newTranslations: null
    #currentLocale: "en"
    #defaultLocale: "en"
    -tiersId: null
    -tiersName: "azeoo"
    #createdAt: DateTimeImmutable @1731450638 {#4398
      date: 2024-11-12 23:30:38.0 Europe/Zurich (+01:00)
    }
    #updatedAt: DateTimeImmutable @1731450638 {#4350
      date: 2024-11-12 23:30:38.0 Europe/Zurich (+01:00)
    }
    #createdBy: null
    #updatedBy: null
    -duration: null
    -format: null
    -startTime: null
    -endTime: null
    -youtubeId: "sc8FiizZ-nM"
  }
  "title" => "Neck Foam Roll"
  "showCredits" => false
]
Attributes
[]
Component
App\Twig\Components\Media\Video {#7559
  +media: App\Entity\Media\MediaVideo {#4360
    #uploadedFile: null
    #file: Vich\UploaderBundle\Entity\File {#4362 …}
    #credits: Doctrine\ORM\PersistentCollection {#4364 …}
    -source: null
    -zone: null
    -urlExternal: "https://www.youtube.com/watch?v=sc8FiizZ-nM"
    #id: 832
    -notes: null
    #translations: Doctrine\ORM\PersistentCollection {#4336 …}
    #newTranslations: null
    #currentLocale: "en"
    #defaultLocale: "en"
    -tiersId: null
    -tiersName: "azeoo"
    #createdAt: DateTimeImmutable @1731450638 {#4398
      date: 2024-11-12 23:30:38.0 Europe/Zurich (+01:00)
    }
    #updatedAt: DateTimeImmutable @1731450638 {#4350
      date: 2024-11-12 23:30:38.0 Europe/Zurich (+01:00)
    }
    #createdBy: null
    #updatedBy: null
    -duration: null
    -format: null
    -startTime: null
    -endTime: null
    -youtubeId: "sc8FiizZ-nM"
  }
  +title: "Neck Foam 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.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 {#7575
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +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 {#7608
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +name: "program"
  +title: null
  +symbolDefsName: null
}
app:page-sharer App\Twig\Components\App\PageSharer 74.5 MiB 1.25 ms
Input props
[
  "class" => "mt-2 md:m-0"
]
Attributes
[
  "class" => "mt-2 md:m-0"
]
Component
App\Twig\Components\App\PageSharer {#7632
  +shareUrl: "https://test.fitmetrics.ch/en/exercise/6733d70ea5ce9-neck-foam-roll"
  +title: "Neck Foam Roll - Exercise - FitMetrics"
  +description: "The Neck Foam Roll is a recovery and relaxation exercise designed to release tension in the neck muscles using a foam roller. It helps to alleviate stiffness caused by prolonged sitting, stress, or intensive training. This exercise promotes better neck mobility, reduces muscular tightness, and enhances blood circulation around the cervical region, making it an ideal addition to cooldown routines or daily mobility practices. Performing neck foam rolling can also aid in reducing headaches caused by muscular tension and improve posture by addressing tight areas that restrict natural neck alignment. It is highly beneficial for individuals who spend long hours at desks, athletes requiring neck recovery, or anyone seeking to maintain optimal cervical mobility. Always perform it with controlled and gentle movements, ensuring you avoid direct pressure on the cervical spine to protect delicate structures. Regular integration of neck foam rolling will help maintain muscle health, support injury prevention, and improve overall functional movement quality."
  +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 {#7662
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +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 {#7690
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +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 {#7715
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +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 {#7738
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +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 {#7761
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +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 {#7784
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +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 {#7807
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +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 {#7830
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +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 {#7861
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +name: "program"
  +title: null
  +symbolDefsName: null
}
ui:editor-render App\Twig\Components\Ui\Editor\EditorRender 74.5 MiB 0.77 ms
Input props
[
  "data" => [
    "time" => 1752168321
    "version" => "2.31.0-rc.7"
    "blocks" => [
      [
        "type" => "header"
        "data" => [
          "level" => 2
          "text" => "Instructions"
        ]
      ]
      [
        "type" => "list"
        "data" => [
          "style" => "ordered"
          "items" => [
            [
              "content" => "Sit on the floor or lie down with the foam roller placed under your neck."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Gently rest the weight of your head on the roller."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Slowly roll your head side to side to massage the neck muscles."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Pause on any tight spots for 20-30 seconds with gentle pressure."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Maintain a relaxed breathing pattern throughout the movement."
              "items" => []
              "meta" => []
            ]
          ]
          "meta" => []
        ]
      ]
      [
        "type" => "header"
        "data" => [
          "level" => 2
          "text" => "Technical Tips"
        ]
      ]
      [
        "type" => "list"
        "data" => [
          "style" => "unordered"
          "items" => [
            [
              "content" => "Avoid excessive pressure directly on the cervical spine."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Keep movements slow and controlled to maximize release."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Do not lift your hips or body off the ground during the roll."
              "items" => []
              "meta" => []
            ]
          ]
          "meta" => []
        ]
      ]
      [
        "type" => "header"
        "data" => [
          "level" => 2
          "text" => "Breathing Tips"
        ]
      ]
      [
        "type" => "list"
        "data" => [
          "style" => "unordered"
          "items" => [
            [
              "content" => "Inhale deeply before starting each roll."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Exhale slowly as you roll towards tight areas."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Maintain steady, calm breaths throughout to facilitate muscle relaxation."
              "items" => []
              "meta" => []
            ]
          ]
          "meta" => []
        ]
      ]
    ]
  ]
]
Attributes
[]
Component
App\Twig\Components\Ui\Editor\EditorRender {#7910
  +title: null
  +data: [
    "time" => 1752168321
    "version" => "2.31.0-rc.7"
    "blocks" => [
      [
        "type" => "header"
        "data" => [
          "level" => 2
          "text" => "Instructions"
        ]
      ]
      [
        "type" => "list"
        "data" => [
          "style" => "ordered"
          "items" => [
            [
              "content" => "Sit on the floor or lie down with the foam roller placed under your neck."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Gently rest the weight of your head on the roller."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Slowly roll your head side to side to massage the neck muscles."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Pause on any tight spots for 20-30 seconds with gentle pressure."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Maintain a relaxed breathing pattern throughout the movement."
              "items" => []
              "meta" => []
            ]
          ]
          "meta" => []
        ]
      ]
      [
        "type" => "header"
        "data" => [
          "level" => 2
          "text" => "Technical Tips"
        ]
      ]
      [
        "type" => "list"
        "data" => [
          "style" => "unordered"
          "items" => [
            [
              "content" => "Avoid excessive pressure directly on the cervical spine."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Keep movements slow and controlled to maximize release."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Do not lift your hips or body off the ground during the roll."
              "items" => []
              "meta" => []
            ]
          ]
          "meta" => []
        ]
      ]
      [
        "type" => "header"
        "data" => [
          "level" => 2
          "text" => "Breathing Tips"
        ]
      ]
      [
        "type" => "list"
        "data" => [
          "style" => "unordered"
          "items" => [
            [
              "content" => "Inhale deeply before starting each roll."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Exhale slowly as you roll towards tight areas."
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Maintain steady, calm breaths throughout to facilitate muscle relaxation."
              "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.09 ms
Input props
[
  "data" => [
    "time" => 1752168321
    "version" => "2.31.0-rc.7"
    "blocks" => [
      [
        "type" => "list"
        "data" => [
          "style" => "unordered"
          "items" => [
            [
              "content" => "Cervical spine injuries"
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Recent neck surgery"
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Severe neck pain or instability"
              "items" => []
              "meta" => []
            ]
          ]
          "meta" => []
        ]
      ]
    ]
  ]
]
Attributes
[]
Component
App\Twig\Components\Ui\Editor\EditorRender {#7971
  +title: null
  +data: [
    "time" => 1752168321
    "version" => "2.31.0-rc.7"
    "blocks" => [
      [
        "type" => "list"
        "data" => [
          "style" => "unordered"
          "items" => [
            [
              "content" => "Cervical spine injuries"
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Recent neck surgery"
              "items" => []
              "meta" => []
            ]
            [
              "content" => "Severe neck pain or instability"
              "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.22 ms
Input props
[
  "containerClass" => "mt-6"
]
Attributes
[]
Component
App\Twig\Components\Ad\AdSquareFluid {#7958
  +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.64 ms
Input props
[
  "faq" => App\Entity\Faq {#5220
    -news: Doctrine\ORM\PersistentCollection {#5203 …}
    -exercises: Doctrine\ORM\PersistentCollection {#5205 …}
    #id: 3737
    #createdAt: DateTimeImmutable @1752168321 {#5215
      date: 2025-07-10 19:25:21.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1752168321 {#5190
      date: 2025-07-10 19:25:21.0 Europe/Zurich (+02:00)
    }
    #createdBy: App\Entity\User {#3693 …}
    #updatedBy: App\Entity\User {#3693 …}
    #translations: Doctrine\ORM\PersistentCollection {#5253 …}
    #newTranslations: null
    #currentLocale: "en"
    #defaultLocale: "en"
    -published: true
    #publishedAt: null
    -publishedBy: null
  }
]
Attributes
[]
Component
App\Twig\Components\Ui\FaqComponent {#8015
  +faq: App\Entity\Faq {#5220
    -news: Doctrine\ORM\PersistentCollection {#5203 …}
    -exercises: Doctrine\ORM\PersistentCollection {#5205 …}
    #id: 3737
    #createdAt: DateTimeImmutable @1752168321 {#5215
      date: 2025-07-10 19:25:21.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1752168321 {#5190
      date: 2025-07-10 19:25:21.0 Europe/Zurich (+02:00)
    }
    #createdBy: App\Entity\User {#3693 …}
    #updatedBy: App\Entity\User {#3693 …}
    #translations: Doctrine\ORM\PersistentCollection {#5253 …}
    #newTranslations: null
    #currentLocale: "en"
    #defaultLocale: "en"
    -published: true
    #publishedAt: null
    -publishedBy: null
  }
}
raw-faq App\Twig\Components\Ui\RawFaqComponent 74.5 MiB 0.23 ms
Input props
[
  "question" => "How often should I do Neck Foam Roll for neck tension?"
  "answer" => "You can perform Neck Foam Roll daily or at least 3-4 times per week to effectively reduce neck tension and improve mobility without overloading the area."
]
Attributes
[]
Component
App\Twig\Components\Ui\RawFaqComponent {#8043
  +question: "How often should I do Neck Foam Roll for neck tension?"
  +answer: "You can perform Neck Foam Roll daily or at least 3-4 times per week to effectively reduce neck tension and improve mobility without overloading the area."
}
faq App\Twig\Components\Ui\FaqComponent 74.5 MiB 0.18 ms
Input props
[
  "faq" => App\Entity\Faq {#5251
    -news: Doctrine\ORM\PersistentCollection {#5250 …}
    -exercises: Doctrine\ORM\PersistentCollection {#5248 …}
    #id: 3738
    #createdAt: DateTimeImmutable @1752168321 {#5255
      date: 2025-07-10 19:25:21.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1752168321 {#5252
      date: 2025-07-10 19:25:21.0 Europe/Zurich (+02:00)
    }
    #createdBy: App\Entity\User {#3693 …}
    #updatedBy: App\Entity\User {#3693 …}
    #translations: Doctrine\ORM\PersistentCollection {#5246 …}
    #newTranslations: null
    #currentLocale: "en"
    #defaultLocale: "en"
    -published: true
    #publishedAt: null
    -publishedBy: null
  }
]
Attributes
[]
Component
App\Twig\Components\Ui\FaqComponent {#8074
  +faq: App\Entity\Faq {#5251
    -news: Doctrine\ORM\PersistentCollection {#5250 …}
    -exercises: Doctrine\ORM\PersistentCollection {#5248 …}
    #id: 3738
    #createdAt: DateTimeImmutable @1752168321 {#5255
      date: 2025-07-10 19:25:21.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1752168321 {#5252
      date: 2025-07-10 19:25:21.0 Europe/Zurich (+02:00)
    }
    #createdBy: App\Entity\User {#3693 …}
    #updatedBy: App\Entity\User {#3693 …}
    #translations: Doctrine\ORM\PersistentCollection {#5246 …}
    #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" => "Is Neck Foam Roll safe if I have a herniated disc in my neck?"
  "answer" => "If you have a herniated disc in your neck, consult a physiotherapist or medical professional before performing Neck Foam Roll to ensure it is safe for your condition."
]
Attributes
[]
Component
App\Twig\Components\Ui\RawFaqComponent {#8119
  +question: "Is Neck Foam Roll safe if I have a herniated disc in my neck?"
  +answer: "If you have a herniated disc in your neck, consult a physiotherapist or medical professional before performing Neck Foam Roll to ensure it is safe for your condition."
}
faq App\Twig\Components\Ui\FaqComponent 74.5 MiB 0.16 ms
Input props
[
  "faq" => App\Entity\Faq {#5242
    -news: Doctrine\ORM\PersistentCollection {#5241 …}
    -exercises: Doctrine\ORM\PersistentCollection {#5239 …}
    #id: 3739
    #createdAt: DateTimeImmutable @1752168321 {#5244
      date: 2025-07-10 19:25:21.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1752168321 {#5243
      date: 2025-07-10 19:25:21.0 Europe/Zurich (+02:00)
    }
    #createdBy: App\Entity\User {#3693 …}
    #updatedBy: App\Entity\User {#3693 …}
    #translations: Doctrine\ORM\PersistentCollection {#5237 …}
    #newTranslations: null
    #currentLocale: "en"
    #defaultLocale: "en"
    -published: true
    #publishedAt: null
    -publishedBy: null
  }
]
Attributes
[]
Component
App\Twig\Components\Ui\FaqComponent {#8122
  +faq: App\Entity\Faq {#5242
    -news: Doctrine\ORM\PersistentCollection {#5241 …}
    -exercises: Doctrine\ORM\PersistentCollection {#5239 …}
    #id: 3739
    #createdAt: DateTimeImmutable @1752168321 {#5244
      date: 2025-07-10 19:25:21.0 Europe/Zurich (+02:00)
    }
    #updatedAt: DateTimeImmutable @1752168321 {#5243
      date: 2025-07-10 19:25:21.0 Europe/Zurich (+02:00)
    }
    #createdBy: App\Entity\User {#3693 …}
    #updatedBy: App\Entity\User {#3693 …}
    #translations: Doctrine\ORM\PersistentCollection {#5237 …}
    #newTranslations: null
    #currentLocale: "en"
    #defaultLocale: "en"
    -published: true
    #publishedAt: null
    -publishedBy: null
  }
}
raw-faq App\Twig\Components\Ui\RawFaqComponent 74.5 MiB 0.05 ms
Input props
[
  "question" => "What is the main benefit of doing Neck Foam Roll?"
  "answer" => "The main benefit of Neck Foam Roll is to release muscular tension and improve mobility in the neck area, reducing stiffness and enhancing overall cervical health."
]
Attributes
[]
Component
App\Twig\Components\Ui\RawFaqComponent {#8166
  +question: "What is the main benefit of doing Neck Foam Roll?"
  +answer: "The main benefit of Neck Foam Roll is to release muscular tension and improve mobility in the neck area, reducing stiffness and enhancing overall cervical health."
}
anatomy:avatar App\Twig\Components\Anatomy\Avatar 84.5 MiB 684.07 ms
Input props
[
  "class" => "relative"
  "primaryMuscles" => [
    19
  ]
  "secondaryMuscles" => [
    13
  ]
  "displayFront" => true
]
Attributes
[
  "class" => "relative"
]
Component
App\Twig\Components\Anatomy\Avatar {#8094
  #container: Symfony\Component\DependencyInjection\Argument\ServiceLocator {#8177 …}
  +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 {#8175 …}
  -liveResponder: Symfony\UX\LiveComponent\LiveResponder {#8176 …}
}
ui:badge App\Twig\Components\Ui\Badge 84.5 MiB 0.63 ms
Input props
[
  "name" => "Neck"
  "url" => "/en/exercises/muscle/19-neck"
  "color" => "primary"
]
Attributes
[]
Component
App\Twig\Components\Ui\Badge {#9716
  +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.10 ms
Input props
[
  "name" => "Traps"
  "url" => "/en/exercises/muscle/13-traps"
  "color" => "primary"
]
Attributes
[]
Component
App\Twig\Components\Ui\Badge {#9768
  +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 {#9626
  +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.64 ms
Input props
[
  "difficulty" => "beginner"
]
Attributes
[]
Component
App\Twig\Components\Training\DifficultyBadge {#9801
  +difficulty: "beginner"
  +small: false
  +link: true
}
ui:badge App\Twig\Components\Ui\Badge 84.5 MiB 0.12 ms
Input props
[
  "name" => "Isolation"
  "small" => true
  "color" => "gray"
]
Attributes
[]
Component
App\Twig\Components\Ui\Badge {#9832
  +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" => "Yoga mat"
  "url" => "/en/exercises/equipment/17-yoga-mat"
  "small" => true
  "color" => "gray"
]
Attributes
[]
Component
App\Twig\Components\Ui\Badge {#9872
  +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.09 ms
Input props
[
  "name" => "Foam roller"
  "url" => "/en/exercises/equipment/43-foam-roller"
  "small" => true
  "color" => "gray"
]
Attributes
[]
Component
App\Twig\Components\Ui\Badge {#9896
  +name: "Foam roller"
  +url: "/en/exercises/equipment/43-foam-roller"
  +color: "gray"
  +small: true
  +selected: false
}
ui:badge App\Twig\Components\Ui\Badge 84.5 MiB 0.10 ms
Input props
[
  "name" => "Fitness"
  "url" => "/en/exercises/sport/5-fitness"
  "small" => true
  "color" => "gray"
]
Attributes
[]
Component
App\Twig\Components\Ui\Badge {#9920
  +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.11 ms
Input props
[
  "name" => "Yoga"
  "url" => "/en/exercises/sport/8-yoga"
  "small" => true
  "color" => "gray"
]
Attributes
[]
Component
App\Twig\Components\Ui\Badge {#9944
  +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.08 ms
Input props
[
  "name" => "Pilates"
  "url" => "/en/exercises/sport/9-pilates"
  "small" => true
  "color" => "gray"
]
Attributes
[]
Component
App\Twig\Components\Ui\Badge {#9968
  +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.11 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.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 {#10016
  +name: "Recovery and relaxation"
  +url: "/en/exercises/category/75-recovery-and-relaxation"
  +color: "gray"
  +small: true
  +selected: false
}
ad:square:fluid App\Twig\Components\Ad\AdSquareFluid 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 {#9782
  +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.56 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\App\LoadingSpinner {#7897
  +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 {#10071
  +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 {#10109
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +name: "program"
  +title: null
  +symbolDefsName: null
}
ui:widget-embed App\Twig\Components\Ui\WidgetEmbed 84.5 MiB 1.58 ms
Input props
[
  "class" => "hidden md:block"
  "route" => "https://test.fitmetrics.ch/en/widgets/exercise/preview-6733d70ea5ce9?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 {#10145
  +route: "https://test.fitmetrics.ch/en/widgets/exercise/preview-6733d70ea5ce9?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 {#10183
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +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 {#10216
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +name: "close"
  +title: null
  +symbolDefsName: null
}
app:page-sharer App\Twig\Components\App\PageSharer 86.5 MiB 2.11 ms
Input props
[
  "class" => "content-container"
  "title" => "Neck Foam Roll"
  "description" => "The Neck Foam Roll is a recovery and relaxation exercise designed to release tension in the neck muscles using a foam roller. It helps to alleviate stiffness caused by prolonged sitting, stress, or intensive training. This exercise promotes better neck mobility, reduces muscular tightness, and enhances blood circulation around the cervical region, making it an ideal addition to cooldown routines or daily mobility practices. Performing neck foam rolling can also aid in reducing headaches caused by muscular tension and improve posture by addressing tight areas that restrict natural neck alignment. It is highly beneficial for individuals who spend long hours at desks, athletes requiring neck recovery, or anyone seeking to maintain optimal cervical mobility. Always perform it with controlled and gentle movements, ensuring you avoid direct pressure on the cervical spine to protect delicate structures. Regular integration of neck foam rolling will help maintain muscle health, support injury prevention, and improve overall functional movement quality."
]
Attributes
[
  "class" => "content-container"
]
Component
App\Twig\Components\App\PageSharer {#10256
  +shareUrl: "https://test.fitmetrics.ch/en/exercise/6733d70ea5ce9-neck-foam-roll"
  +title: "Neck Foam Roll"
  +description: "The Neck Foam Roll is a recovery and relaxation exercise designed to release tension in the neck muscles using a foam roller. It helps to alleviate stiffness caused by prolonged sitting, stress, or intensive training. This exercise promotes better neck mobility, reduces muscular tightness, and enhances blood circulation around the cervical region, making it an ideal addition to cooldown routines or daily mobility practices. Performing neck foam rolling can also aid in reducing headaches caused by muscular tension and improve posture by addressing tight areas that restrict natural neck alignment. It is highly beneficial for individuals who spend long hours at desks, athletes requiring neck recovery, or anyone seeking to maintain optimal cervical mobility. Always perform it with controlled and gentle movements, ensuring you avoid direct pressure on the cervical spine to protect delicate structures. Regular integration of neck foam rolling will help maintain muscle health, support injury prevention, and improve overall functional movement quality."
  +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 {#10264
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +name: "check"
  +title: null
  +symbolDefsName: null
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.08 ms
Input props
[
  "name" => "reddit"
  "class" => "w-6 h-6 fill-slate-600 transition-colors group-hover:fill-white dark:fill-white dark:group-hover:fill-white"
  "symbolDefsName" => "networks-symbol-defs.svg"
]
Attributes
[
  "class" => "w-6 h-6 fill-slate-600 transition-colors group-hover:fill-white dark:fill-white dark:group-hover:fill-white"
]
Component
App\Twig\Components\Media\Icon {#10286
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +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 {#10310
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +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 {#10333
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +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 {#10356
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +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 {#10379
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +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 {#10402
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +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 {#10425
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +name: "email"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
ad:wide-skyscraper App\Twig\Components\Ad\AdWideSkyscraper 86.5 MiB 0.67 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 86.5 MiB 0.56 ms
Input props
[
  "containerClass" => "content-container my-4"
]
Attributes
[]
Component
App\Twig\Components\Ad\AdHorizontalFluid {#10472
  +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 86.5 MiB 0.08 ms
Input props
[
  "defaultOpenLeft" => false
]
Attributes
[]
Component
App\Twig\Components\App\LangSelector {#10527
  +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.23 ms
Input props
[
  "class" => "max-w-fit"
]
Attributes
[
  "class" => "max-w-fit"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#10519
  -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 {#10561
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +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 {#10593
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +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 {#10616
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +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 {#10639
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +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 {#10662
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +name: "instagram"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.06 ms
Input props
[
  "name" => "threads"
  "class" => "w-[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 {#5766 …}
  +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 {#10708
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +name: "tiktok"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.08 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 {#10731
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +name: "facebook"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}
media:icon App\Twig\Components\Media\Icon 86.5 MiB 0.06 ms
Input props
[
  "name" => "youtube"
  "class" => "w-[28px] h-[24px]"
  "symbolDefsName" => "networks-symbol-defs.svg"
]
Attributes
[
  "class" => "w-[28px] h-[24px]"
]
Component
App\Twig\Components\Media\Icon {#10754
  #iconManager: App\BusinessLogic\Media\Manager\IconManager {#5766 …}
  +name: "youtube"
  +title: null
  +symbolDefsName: "networks-symbol-defs.svg"
}