GET https://cliniquechampel.w-ap.dev/fr/offres-d-emploies

Components

9 Twig Components
27 Render Count
46 ms Render Time
4.0 MiB Memory Usage

Components

Name Metadata Render Count Render Time
CutEdgeButton
"App\Twig\Components\CutEdgeButton"
components/CutEdgeButton.html.twig
10 3.56ms
Container
"App\Twig\Components\Container"
components/Container.html.twig
9 21.46ms
HeroBackground
"App\Twig\Components\HeroBackground"
components/HeroBackground.html.twig
2 0.62ms
Metadata
"App\Twig\Components\Metadata"
components/Metadata.html.twig
1 1.26ms
MobileMenu
"App\Twig\Components\MobileMenu"
components/MobileMenu.html.twig
1 14.24ms
HeroMobile
"App\Twig\Components\HeroMobile"
components/HeroMobile.html.twig
1 2.37ms
HeroDesktop
"App\Twig\Components\HeroDesktop"
components/HeroDesktop.html.twig
1 5.85ms
Breadcrumb
"App\Twig\Components\Breadcrumb"
components/Breadcrumb.html.twig
1 0.63ms
Footer
"App\Twig\Components\Footer"
components/Footer.html.twig
1 4.01ms

Render calls

Metadata App\Twig\Components\Metadata 4.0 MiB 1.26 ms
Input props
[
  "metadata" => null
]
Attributes
[]
Component
App\Twig\Components\Metadata {#1952
  +metadata: null
}
MobileMenu App\Twig\Components\MobileMenu 4.0 MiB 14.24 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\MobileMenu {#2038
  -categoryRepository: App\Repository\CategoryRepository {#376 …}
}
HeroMobile App\Twig\Components\HeroMobile 4.0 MiB 2.37 ms
Input props
[
  "imageUrl" => "https://cliniquechampel.w-ap.dev/build/assets/images/pages/home/geneva.jpg"
  "videoUrl" => "https://vimeo.com/1031499866?share=copy#t=0"
]
Attributes
[
  "imageUrl" => "https://cliniquechampel.w-ap.dev/build/assets/images/pages/home/geneva.jpg"
]
Component
App\Twig\Components\HeroMobile {#2130
  +href: ? string
  +backgroundCornerColorClass: "bg-surface md:bg-white"
  +imgUrl: null
  +videoUrl: "https://vimeo.com/1031499866?share=copy#t=0"
}
HeroBackground App\Twig\Components\HeroBackground 4.0 MiB 0.40 ms
Input props
[
  "imageUrl" => "https://cliniquechampel.w-ap.dev/build/assets/images/pages/home/geneva.jpg"
  "videoUrl" => "https://vimeo.com/1031499866?share=copy#t=0"
  "containerClass" => "hero-mobile__container h-[80vh] md:h-[50vh] top-20 sm:top-26 right-0 sm:right-20"
]
Attributes
[]
Component
App\Twig\Components\HeroBackground {#2165
  +videoUrl: "https://vimeo.com/1031499866?share=copy#t=0"
  +imageUrl: "https://cliniquechampel.w-ap.dev/build/assets/images/pages/home/geneva.jpg"
  +class: null
  +containerClass: "hero-mobile__container h-[80vh] md:h-[50vh] top-20 sm:top-26 right-0 sm:right-20"
}
HeroDesktop App\Twig\Components\HeroDesktop 4.0 MiB 5.85 ms
Input props
[
  "imageUrl" => "https://cliniquechampel.w-ap.dev/build/assets/images/pages/home/geneva.jpg"
  "videoUrl" => "https://vimeo.com/1031499866?share=copy#t=0"
]
Attributes
[
  "imageUrl" => "https://cliniquechampel.w-ap.dev/build/assets/images/pages/home/geneva.jpg"
]
Component
App\Twig\Components\HeroDesktop {#2212
  +imgUrl: null
  +videoUrl: "https://vimeo.com/1031499866?share=copy#t=0"
  +backgroundCornerColorClass: "bg-white"
  +breadcrumbLabel: null
}
HeroBackground App\Twig\Components\HeroBackground 4.0 MiB 0.22 ms
Input props
[
  "imageUrl" => "https://cliniquechampel.w-ap.dev/build/assets/images/pages/home/geneva.jpg"
  "videoUrl" => "https://vimeo.com/1031499866?share=copy#t=0"
  "containerClass" => """
    top-[var(--top-bar-height)]\n
                             lg:min-w-[calc(100vw-(50vw-(512px-2em)))] lg:max-w-[calc(100%-500px)]\n
                             xl:min-w-[calc(100vw-(50vw-(640px-2em)))] xl:max-w-[calc(100%-100px)]\n
                             2xl:min-w-[calc(100vw-(50vw-(768px-2em)))] 2xl:max-w-[calc(100%-150px)]\n
                             lg:h-[70vh] xl:h-[80vh] 
    """
]
Attributes
[]
Component
App\Twig\Components\HeroBackground {#2245
  +videoUrl: "https://vimeo.com/1031499866?share=copy#t=0"
  +imageUrl: "https://cliniquechampel.w-ap.dev/build/assets/images/pages/home/geneva.jpg"
  +class: null
  +containerClass: """
    top-[var(--top-bar-height)]\n
                             lg:min-w-[calc(100vw-(50vw-(512px-2em)))] lg:max-w-[calc(100%-500px)]\n
                             xl:min-w-[calc(100vw-(50vw-(640px-2em)))] xl:max-w-[calc(100%-100px)]\n
                             2xl:min-w-[calc(100vw-(50vw-(768px-2em)))] 2xl:max-w-[calc(100%-150px)]\n
                             lg:h-[70vh] xl:h-[80vh] 
    """
}
Container App\Twig\Components\Container 4.0 MiB 0.58 ms
Input props
[
  "class" => "flex-col mt-(--top-bar-height)"
]
Attributes
[]
Component
App\Twig\Components\Container {#2297
  +class: "flex-col mt-(--top-bar-height)"
  +style: null
}
Container App\Twig\Components\Container 4.0 MiB 0.52 ms
Input props
[
  "class" => "grid grid-cols-3 gap-12 py-14 px-16 relative"
]
Attributes
[]
Component
App\Twig\Components\Container {#2327
  +class: "grid grid-cols-3 gap-12 py-14 px-16 relative"
  +style: null
}
Container App\Twig\Components\Container 4.0 MiB 0.44 ms
Input props
[
  "class" => "flex flex-col gap-4 py-8 px-16 relative"
]
Attributes
[]
Component
App\Twig\Components\Container {#2356
  +class: "flex flex-col gap-4 py-8 px-16 relative"
  +style: null
}
Breadcrumb App\Twig\Components\Breadcrumb 4.0 MiB 0.63 ms
Input props
[
  "currentLabel" => null
  "class" => "mt-20"
]
Attributes
[]
Component
App\Twig\Components\Breadcrumb {#2390
  +items: null
  +currentLabel: null
  +class: "mt-20"
  -requestStack: Symfony\Component\HttpFoundation\RequestStack {#249 …}
  -urlGenerator: Symfony\Bundle\FrameworkBundle\Routing\Router {#184 …}
}
Container App\Twig\Components\Container 4.0 MiB 0.46 ms
Input props
[
  "class" => "flex-col lg:flex-row gap-10 md:gap-12 lg:gap-16 xl:gap-20 px-6 sm:px-10 md:px-8 lg:px-16 xl:px-20"
]
Attributes
[]
Component
App\Twig\Components\Container {#2435
  +class: "flex-col lg:flex-row gap-10 md:gap-12 lg:gap-16 xl:gap-20 px-6 sm:px-10 md:px-8 lg:px-16 xl:px-20"
  +style: null
}
Container App\Twig\Components\Container 4.0 MiB 0.56 ms
Input props
[
  "class" => "flex-col gap-12 md:gap-16 px-6 sm:px-10 md:px-8 lg:px-16 xl:px-20"
]
Attributes
[]
Component
App\Twig\Components\Container {#2460
  +class: "flex-col gap-12 md:gap-16 px-6 sm:px-10 md:px-8 lg:px-16 xl:px-20"
  +style: null
}
Container App\Twig\Components\Container 4.0 MiB 16.81 ms
Input props
[
  "class" => "flex-col gap-8 md:gap-10 lg:gap-12 px-6 sm:px-10 md:px-8 lg:px-16 xl:px-20 py-10 md:py-15 lg:py-20 "
]
Attributes
[]
Component
App\Twig\Components\Container {#2493
  +class: "flex-col gap-8 md:gap-10 lg:gap-12 px-6 sm:px-10 md:px-8 lg:px-16 xl:px-20 py-10 md:py-15 lg:py-20 "
  +style: null
}
CutEdgeButton App\Twig\Components\CutEdgeButton 4.0 MiB 0.54 ms
Input props
[
  "color" => "primary"
  "href" => "/fr/offres-d-emploies/1/infirmier-ere-en-soins-intensifs"
  "class" => "inline-block text-sm px-6 py-2"
]
Attributes
[]
Component
App\Twig\Components\CutEdgeButton {#2554
  +href: "/fr/offres-d-emploies/1/infirmier-ere-en-soins-intensifs"
  +target: "_self"
  +color: "primary"
  +fontSize: "text-md"
  +class: "inline-block text-sm px-6 py-2"
}
CutEdgeButton App\Twig\Components\CutEdgeButton 4.0 MiB 0.37 ms
Input props
[
  "color" => "primary"
  "href" => "/fr/offres-d-emploies/2/medecin-assistant-en-chirurgie"
  "class" => "inline-block text-sm px-6 py-2"
]
Attributes
[]
Component
App\Twig\Components\CutEdgeButton {#2585
  +href: "/fr/offres-d-emploies/2/medecin-assistant-en-chirurgie"
  +target: "_self"
  +color: "primary"
  +fontSize: "text-md"
  +class: "inline-block text-sm px-6 py-2"
}
CutEdgeButton App\Twig\Components\CutEdgeButton 4.0 MiB 0.33 ms
Input props
[
  "color" => "primary"
  "href" => "/fr/offres-d-emploies/3/secretaire-medical-e"
  "class" => "inline-block text-sm px-6 py-2"
]
Attributes
[]
Component
App\Twig\Components\CutEdgeButton {#2620
  +href: "/fr/offres-d-emploies/3/secretaire-medical-e"
  +target: "_self"
  +color: "primary"
  +fontSize: "text-md"
  +class: "inline-block text-sm px-6 py-2"
}
CutEdgeButton App\Twig\Components\CutEdgeButton 4.0 MiB 0.36 ms
Input props
[
  "color" => "primary"
  "href" => "/fr/offres-d-emploies/4/technicien-ne-de-laboratoire"
  "class" => "inline-block text-sm px-6 py-2"
]
Attributes
[]
Component
App\Twig\Components\CutEdgeButton {#2645
  +href: "/fr/offres-d-emploies/4/technicien-ne-de-laboratoire"
  +target: "_self"
  +color: "primary"
  +fontSize: "text-md"
  +class: "inline-block text-sm px-6 py-2"
}
CutEdgeButton App\Twig\Components\CutEdgeButton 4.0 MiB 0.35 ms
Input props
[
  "color" => "primary"
  "href" => "/fr/offres-d-emploies/5/stagiaire-en-ressources-humaines"
  "class" => "inline-block text-sm px-6 py-2"
]
Attributes
[]
Component
App\Twig\Components\CutEdgeButton {#2667
  +href: "/fr/offres-d-emploies/5/stagiaire-en-ressources-humaines"
  +target: "_self"
  +color: "primary"
  +fontSize: "text-md"
  +class: "inline-block text-sm px-6 py-2"
}
CutEdgeButton App\Twig\Components\CutEdgeButton 4.0 MiB 0.35 ms
Input props
[
  "color" => "primary"
  "href" => "/fr/offres-d-emploies/1/infirmier-ere-en-soins-intensifs"
  "class" => "text-sm px-6 py-2 w-full sm:w-auto text-center"
]
Attributes
[]
Component
App\Twig\Components\CutEdgeButton {#2702
  +href: "/fr/offres-d-emploies/1/infirmier-ere-en-soins-intensifs"
  +target: "_self"
  +color: "primary"
  +fontSize: "text-md"
  +class: "text-sm px-6 py-2 w-full sm:w-auto text-center"
}
CutEdgeButton App\Twig\Components\CutEdgeButton 4.0 MiB 0.31 ms
Input props
[
  "color" => "primary"
  "href" => "/fr/offres-d-emploies/2/medecin-assistant-en-chirurgie"
  "class" => "text-sm px-6 py-2 w-full sm:w-auto text-center"
]
Attributes
[]
Component
App\Twig\Components\CutEdgeButton {#2729
  +href: "/fr/offres-d-emploies/2/medecin-assistant-en-chirurgie"
  +target: "_self"
  +color: "primary"
  +fontSize: "text-md"
  +class: "text-sm px-6 py-2 w-full sm:w-auto text-center"
}
CutEdgeButton App\Twig\Components\CutEdgeButton 4.0 MiB 0.32 ms
Input props
[
  "color" => "primary"
  "href" => "/fr/offres-d-emploies/3/secretaire-medical-e"
  "class" => "text-sm px-6 py-2 w-full sm:w-auto text-center"
]
Attributes
[]
Component
App\Twig\Components\CutEdgeButton {#2754
  +href: "/fr/offres-d-emploies/3/secretaire-medical-e"
  +target: "_self"
  +color: "primary"
  +fontSize: "text-md"
  +class: "text-sm px-6 py-2 w-full sm:w-auto text-center"
}
CutEdgeButton App\Twig\Components\CutEdgeButton 4.0 MiB 0.32 ms
Input props
[
  "color" => "primary"
  "href" => "/fr/offres-d-emploies/4/technicien-ne-de-laboratoire"
  "class" => "text-sm px-6 py-2 w-full sm:w-auto text-center"
]
Attributes
[]
Component
App\Twig\Components\CutEdgeButton {#2779
  +href: "/fr/offres-d-emploies/4/technicien-ne-de-laboratoire"
  +target: "_self"
  +color: "primary"
  +fontSize: "text-md"
  +class: "text-sm px-6 py-2 w-full sm:w-auto text-center"
}
CutEdgeButton App\Twig\Components\CutEdgeButton 4.0 MiB 0.31 ms
Input props
[
  "color" => "primary"
  "href" => "/fr/offres-d-emploies/5/stagiaire-en-ressources-humaines"
  "class" => "text-sm px-6 py-2 w-full sm:w-auto text-center"
]
Attributes
[]
Component
App\Twig\Components\CutEdgeButton {#2804
  +href: "/fr/offres-d-emploies/5/stagiaire-en-ressources-humaines"
  +target: "_self"
  +color: "primary"
  +fontSize: "text-md"
  +class: "text-sm px-6 py-2 w-full sm:w-auto text-center"
}
Container App\Twig\Components\Container 4.0 MiB 0.69 ms
Input props
[
  "class" => "bg-white pb-12 lg:pb-16 flex-col lg:flex-row gap-8 justify-center lg:items-center px-8 sm:px-18 md:px-20 mt-8"
]
Attributes
[]
Component
App\Twig\Components\Container {#2830
  +class: "bg-white pb-12 lg:pb-16 flex-col lg:flex-row gap-8 justify-center lg:items-center px-8 sm:px-18 md:px-20 mt-8"
  +style: null
}
Footer App\Twig\Components\Footer 4.0 MiB 4.01 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\Footer {#2519
  -surgeryRepository: App\Repository\SurgeryOperationRepository {#279 …}
}
Container App\Twig\Components\Container 4.0 MiB 0.88 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\Container {#2900
  +class: null
  +style: null
}
Container App\Twig\Components\Container 4.0 MiB 0.51 ms
Input props
[
  "class" => "flex flex-col md:flex-row justify-between items-center gap-4 relative text-[0.66rem] text-sm md:text-[0.8em]"
]
Attributes
[]
Component
App\Twig\Components\Container {#2913
  +class: "flex flex-col md:flex-row justify-between items-center gap-4 relative text-[0.66rem] text-sm md:text-[0.8em]"
  +style: null
}