Components
6
Twig Components
15
Render Count
3
ms
Render Time
6.0
MiB
Memory Usage
Components
| Name | Metadata | Render Count | Render Time |
|---|---|---|---|
| Container |
"App\Twig\Components\Container"components/Container.html.twig |
9 | 1.47ms |
| HeroBackground |
"App\Twig\Components\HeroBackground"components/HeroBackground.html.twig |
2 | 0.07ms |
| Metadata |
"App\Twig\Components\Metadata"components/Metadata.html.twig |
1 | 0.14ms |
| MobileMenu |
"App\Twig\Components\MobileMenu"components/MobileMenu.html.twig |
1 | 1.02ms |
| HeroMobile |
"App\Twig\Components\HeroMobile"components/HeroMobile.html.twig |
1 | 0.21ms |
| HeroDesktop |
"App\Twig\Components\HeroDesktop"components/HeroDesktop.html.twig |
1 | 0.86ms |
Render calls
| Metadata | App\Twig\Components\Metadata | 6.0 MiB | 0.14 ms | |
|---|---|---|---|---|
| Input props | [ "metadata" => null ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Metadata {#2141 +metadata: null } |
|||
| MobileMenu | App\Twig\Components\MobileMenu | 6.0 MiB | 1.02 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\MobileMenu {#2188 +inFooter: false +surgeries: ? array } |
|||
| HeroMobile | App\Twig\Components\HeroMobile | 6.0 MiB | 0.21 ms | |
|---|---|---|---|---|
| Input props | [ "backgroundCornerColorClass" => "bg-secondary-light" "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 {#2283 +href: ? string +backgroundCornerColorClass: "bg-secondary-light" +imgUrl: null +videoUrl: "https://vimeo.com/1031499866?share=copy#t=0" } |
|||
| HeroBackground | App\Twig\Components\HeroBackground | 6.0 MiB | 0.04 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 {#2321 +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 | 6.0 MiB | 0.86 ms | |
|---|---|---|---|---|
| Input props | [ "backgroundCornerColorClass" => "bg-secondary-light" "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 {#2366 +href: ? string +imgUrl: null +videoUrl: "https://vimeo.com/1031499866?share=copy#t=0" +backgroundCornerColorClass: "bg-secondary-light" } |
|||
| HeroBackground | App\Twig\Components\HeroBackground | 6.0 MiB | 0.03 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 {#2401 +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 | 6.0 MiB | 0.07 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "flex-col mt-(--top-bar-height)" ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Container {#2431 +class: "flex-col mt-(--top-bar-height)" +style: null } |
|||
| Container | App\Twig\Components\Container | 6.0 MiB | 0.51 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "grid grid-cols-3 gap-12 py-14 px-16 relative" ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Container {#2472 +class: "grid grid-cols-3 gap-12 py-14 px-16 relative" +style: null } |
|||
| Container | App\Twig\Components\Container | 6.0 MiB | 0.04 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "flex-col gap-12 md:gap-16 lg:gap-20 px-6 sm:px-10 md:px-8 lg:px-16 xl:px-20" ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Container {#2551 +class: "flex-col gap-12 md:gap-16 lg:gap-20 px-6 sm:px-10 md:px-8 lg:px-16 xl:px-20" +style: null } |
|||
| Container | App\Twig\Components\Container | 6.0 MiB | 0.08 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "flex-col gap-16 md:gap-20 lg:gap-28 xl:gap-32 px-6 sm:px-10 md:px-8 lg:px-16 xl:px-20" ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Container {#2581 +class: "flex-col gap-16 md:gap-20 lg:gap-28 xl:gap-32 px-6 sm:px-10 md:px-8 lg:px-16 xl:px-20" +style: null } |
|||
| Container | App\Twig\Components\Container | 6.0 MiB | 0.05 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "flex-col lg:flex-row gap-10 md:gap-12 lg:gap-16 xl:gap-24 px-6 sm:px-10 md:px-8 lg:px-16 xl:px-20 items-center relative z-10" ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Container {#2614 +class: "flex-col lg:flex-row gap-10 md:gap-12 lg:gap-16 xl:gap-24 px-6 sm:px-10 md:px-8 lg:px-16 xl:px-20 items-center relative z-10" +style: null } |
|||
| Container | App\Twig\Components\Container | 6.0 MiB | 0.51 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "flex-col lg:flex-row gap-12 md:gap-16 lg:gap-20 xl:gap-28 px-6 sm:px-10 md:px-8 lg:px-16 xl:px-20" ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Container {#2646 +class: "flex-col lg:flex-row gap-12 md:gap-16 lg:gap-20 xl:gap-28 px-6 sm:px-10 md:px-8 lg:px-16 xl:px-20" +style: null } |
|||
| Container | App\Twig\Components\Container | 6.0 MiB | 0.06 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" ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Container {#2673 +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" +style: null } |
|||
| Container | App\Twig\Components\Container | 6.0 MiB | 0.10 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Container {#2799 +class: null +style: null } |
|||
| Container | App\Twig\Components\Container | 6.0 MiB | 0.05 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "flex flex-col md:flex-row justify-between items-center gap-4 relative text-[0.66rem] sm:text-sm md:text-base" ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Container {#2826 +class: "flex flex-col md:flex-row justify-between items-center gap-4 relative text-[0.66rem] sm:text-sm md:text-base" +style: null } |
|||