Components
9
Twig Components
20
Render Count
7
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 | 3.28ms |
| AnesthetistCard |
[Anonymous]
components/AnesthetistCard.html.twig
|
3 | 2.35ms |
| HeroBackground |
"App\Twig\Components\HeroBackground"components/HeroBackground.html.twig |
2 | 0.08ms |
| Metadata |
"App\Twig\Components\Metadata"components/Metadata.html.twig |
1 | 0.25ms |
| MobileMenu |
"App\Twig\Components\MobileMenu"components/MobileMenu.html.twig |
1 | 2.08ms |
| HeroMobile |
"App\Twig\Components\HeroMobile"components/HeroMobile.html.twig |
1 | 0.29ms |
| HeroDesktop |
"App\Twig\Components\HeroDesktop"components/HeroDesktop.html.twig |
1 | 0.87ms |
| Breadcrumb |
"App\Twig\Components\Breadcrumb"components/Breadcrumb.html.twig |
1 | 0.09ms |
| Footer |
"App\Twig\Components\Footer"components/Footer.html.twig |
1 | 0.67ms |
Render calls
| Metadata | App\Twig\Components\Metadata | 6.0 MiB | 0.25 ms | |
|---|---|---|---|---|
| Input props | [ "metadata" => null ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Metadata {#2050 +metadata: null } |
|||
| MobileMenu | App\Twig\Components\MobileMenu | 6.0 MiB | 2.08 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\MobileMenu {#2136 -categoryRepository: App\Repository\CategoryRepository {#367 …} } |
|||
| HeroMobile | App\Twig\Components\HeroMobile | 6.0 MiB | 0.29 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 {#2228 +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.05 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 {#2266 +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.87 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 {#2313 +imgUrl: null +videoUrl: "https://vimeo.com/1031499866?share=copy#t=0" +backgroundCornerColorClass: "bg-secondary-light" +breadcrumbLabel: null } |
|||
| 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 {#2348 +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.09 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "flex-col mt-(--top-bar-height)" ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Container {#2400 +class: "flex-col mt-(--top-bar-height)" +style: null } |
|||
| Container | App\Twig\Components\Container | 6.0 MiB | 0.09 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "grid grid-cols-3 gap-12 py-14 px-16 relative" ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Container {#2430 +class: "grid grid-cols-3 gap-12 py-14 px-16 relative" +style: null } |
|||
| Container | App\Twig\Components\Container | 6.0 MiB | 0.05 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "flex flex-col gap-4 py-8 px-16 relative" ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Container {#2459 +class: "flex flex-col gap-4 py-8 px-16 relative" +style: null } |
|||
| Breadcrumb | App\Twig\Components\Breadcrumb | 6.0 MiB | 0.09 ms | |
|---|---|---|---|---|
| Input props | [ "currentLabel" => null "class" => "mt-20" ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Breadcrumb {#2493 +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 | 6.0 MiB | 0.14 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" ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Container {#2538 +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" +style: null } |
|||
| Container | App\Twig\Components\Container | 6.0 MiB | 0.05 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "flex-col gap-10 md:gap-12 lg:gap-16 px-4 md:px-0 lg:px-16 xl:px-20" ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Container {#2563 +class: "flex-col gap-10 md:gap-12 lg:gap-16 px-4 md:px-0 lg:px-16 xl:px-20" +style: null } |
|||
| Container | App\Twig\Components\Container | 6.0 MiB | 2.52 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "flex-col gap-10 md:gap-12 lg:gap-16 px-6 sm:px-10 md:px-8 lg:px-16 xl:px-20 relative z-10" ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Container {#2624 +class: "flex-col gap-10 md:gap-12 lg:gap-16 px-6 sm:px-10 md:px-8 lg:px-16 xl:px-20 relative z-10" +style: null } |
|||
| AnesthetistCard |
[Anonymous]
|
6.0 MiB | 1.32 ms | |
|---|---|---|---|---|
| Input props | [ "anesthetist" => App\Entity\Practitioner {#1028 +picture: Proxies\__CG__\App\Entity\StaticMediaObject {#1054 …} -id: 1 -title: "Dr" -categories: Doctrine\ORM\PersistentCollection {#1039 …} -firstName: "Antoine" -lastName: "Berger" -spokenLanguages: Doctrine\ORM\PersistentCollection {#1079 …} -slug: "dr-berger-antoine" -metadata: Proxies\__CG__\App\Entity\PageMetadata {#1095 …} -degrees: [ "Doctor of Medicine" "Specialization in Anesthesiology" ] -certifications: [ "FMH in Anesthesiology" ] -officePhone: "+41 366 21 63" -officeAddress: "Rue de la Clinique 123, 1200 Genève" -email: "antoine.berger@clinique-champel.ch" -vipLevel: 0 -position: "Anesthésiste" -startAt: DateTime @1756252800 {#1038 : 2025-08-27 00:00:00.0 UTC (+00:00) } #createdAt: DateTime @1772657841 {#1009 : 2026-03-04 20:57:21.0 UTC (+00:00) } #updatedAt: DateTime @1772657841 {#1034 : 2026-03-04 20:57:21.0 UTC (+00:00) } -linkedinProfile: "https://www.linkedin.com/in/antoine-berger-406555" } ] |
|||
| Attributes | [ "anesthetist" => App\Entity\Practitioner {#1028 +picture: Proxies\__CG__\App\Entity\StaticMediaObject {#1054 …} -id: 1 -title: "Dr" -categories: Doctrine\ORM\PersistentCollection {#1039 …} -firstName: "Antoine" -lastName: "Berger" -spokenLanguages: Doctrine\ORM\PersistentCollection {#1079 …} -slug: "dr-berger-antoine" -metadata: Proxies\__CG__\App\Entity\PageMetadata {#1095 …} -degrees: [ "Doctor of Medicine" "Specialization in Anesthesiology" ] -certifications: [ "FMH in Anesthesiology" ] -officePhone: "+41 366 21 63" -officeAddress: "Rue de la Clinique 123, 1200 Genève" -email: "antoine.berger@clinique-champel.ch" -vipLevel: 0 -position: "Anesthésiste" -startAt: DateTime @1756252800 {#1038 : 2025-08-27 00:00:00.0 UTC (+00:00) } #createdAt: DateTime @1772657841 {#1009 : 2026-03-04 20:57:21.0 UTC (+00:00) } #updatedAt: DateTime @1772657841 {#1034 : 2026-03-04 20:57:21.0 UTC (+00:00) } -linkedinProfile: "https://www.linkedin.com/in/antoine-berger-406555" } ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#2655 -props: [ "anesthetist" => App\Entity\Practitioner {#1028 +picture: Proxies\__CG__\App\Entity\StaticMediaObject {#1054 …} -id: 1 -title: "Dr" -categories: Doctrine\ORM\PersistentCollection {#1039 …} -firstName: "Antoine" -lastName: "Berger" -spokenLanguages: Doctrine\ORM\PersistentCollection {#1079 …} -slug: "dr-berger-antoine" -metadata: Proxies\__CG__\App\Entity\PageMetadata {#1095 …} -degrees: [ "Doctor of Medicine" "Specialization in Anesthesiology" ] -certifications: [ "FMH in Anesthesiology" ] -officePhone: "+41 366 21 63" -officeAddress: "Rue de la Clinique 123, 1200 Genève" -email: "antoine.berger@clinique-champel.ch" -vipLevel: 0 -position: "Anesthésiste" -startAt: DateTime @1756252800 {#1038 : 2025-08-27 00:00:00.0 UTC (+00:00) } #createdAt: DateTime @1772657841 {#1009 : 2026-03-04 20:57:21.0 UTC (+00:00) } #updatedAt: DateTime @1772657841 {#1034 : 2026-03-04 20:57:21.0 UTC (+00:00) } -linkedinProfile: "https://www.linkedin.com/in/antoine-berger-406555" } ] } |
|||
| AnesthetistCard |
[Anonymous]
|
6.0 MiB | 0.52 ms | |
|---|---|---|---|---|
| Input props | [ "anesthetist" => App\Entity\Practitioner {#1115 +picture: Proxies\__CG__\App\Entity\StaticMediaObject {#1117 …} -id: 4 -title: "Dr" -categories: Doctrine\ORM\PersistentCollection {#1119 …} -firstName: "Élise" -lastName: "Fontaine" -spokenLanguages: Doctrine\ORM\PersistentCollection {#1121 …} -slug: "dr-fontaine-elise" -metadata: Proxies\__CG__\App\Entity\PageMetadata {#1124 …} -degrees: [ "Doctorate in Human Medicine" " Geneva Medical Faculty" "Federal Medical Diploma" "Medical Training in Hypnosis" ] -certifications: [ "FMH in Anesthesiology and Intensive Care" ] -officePhone: "+41 477 79 19" -officeAddress: "Rue de la Clinique 123, 1200 Genève" -email: "elise.fontaine@clinique-champel.ch" -vipLevel: 0 -position: "Anesthésiste-réanimatrice" -startAt: DateTime @1744761600 {#1111 : 2025-04-16 00:00:00.0 UTC (+00:00) } #createdAt: DateTime @1772657841 {#1112 : 2026-03-04 20:57:21.0 UTC (+00:00) } #updatedAt: DateTime @1772657841 {#1113 : 2026-03-04 20:57:21.0 UTC (+00:00) } -linkedinProfile: null } ] |
|||
| Attributes | [ "anesthetist" => App\Entity\Practitioner {#1115 +picture: Proxies\__CG__\App\Entity\StaticMediaObject {#1117 …} -id: 4 -title: "Dr" -categories: Doctrine\ORM\PersistentCollection {#1119 …} -firstName: "Élise" -lastName: "Fontaine" -spokenLanguages: Doctrine\ORM\PersistentCollection {#1121 …} -slug: "dr-fontaine-elise" -metadata: Proxies\__CG__\App\Entity\PageMetadata {#1124 …} -degrees: [ "Doctorate in Human Medicine" " Geneva Medical Faculty" "Federal Medical Diploma" "Medical Training in Hypnosis" ] -certifications: [ "FMH in Anesthesiology and Intensive Care" ] -officePhone: "+41 477 79 19" -officeAddress: "Rue de la Clinique 123, 1200 Genève" -email: "elise.fontaine@clinique-champel.ch" -vipLevel: 0 -position: "Anesthésiste-réanimatrice" -startAt: DateTime @1744761600 {#1111 : 2025-04-16 00:00:00.0 UTC (+00:00) } #createdAt: DateTime @1772657841 {#1112 : 2026-03-04 20:57:21.0 UTC (+00:00) } #updatedAt: DateTime @1772657841 {#1113 : 2026-03-04 20:57:21.0 UTC (+00:00) } -linkedinProfile: null } ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3159 -props: [ "anesthetist" => App\Entity\Practitioner {#1115 +picture: Proxies\__CG__\App\Entity\StaticMediaObject {#1117 …} -id: 4 -title: "Dr" -categories: Doctrine\ORM\PersistentCollection {#1119 …} -firstName: "Élise" -lastName: "Fontaine" -spokenLanguages: Doctrine\ORM\PersistentCollection {#1121 …} -slug: "dr-fontaine-elise" -metadata: Proxies\__CG__\App\Entity\PageMetadata {#1124 …} -degrees: [ "Doctorate in Human Medicine" " Geneva Medical Faculty" "Federal Medical Diploma" "Medical Training in Hypnosis" ] -certifications: [ "FMH in Anesthesiology and Intensive Care" ] -officePhone: "+41 477 79 19" -officeAddress: "Rue de la Clinique 123, 1200 Genève" -email: "elise.fontaine@clinique-champel.ch" -vipLevel: 0 -position: "Anesthésiste-réanimatrice" -startAt: DateTime @1744761600 {#1111 : 2025-04-16 00:00:00.0 UTC (+00:00) } #createdAt: DateTime @1772657841 {#1112 : 2026-03-04 20:57:21.0 UTC (+00:00) } #updatedAt: DateTime @1772657841 {#1113 : 2026-03-04 20:57:21.0 UTC (+00:00) } -linkedinProfile: null } ] } |
|||
| AnesthetistCard |
[Anonymous]
|
6.0 MiB | 0.50 ms | |
|---|---|---|---|---|
| Input props | [ "anesthetist" => App\Entity\Practitioner {#1130 +picture: Proxies\__CG__\App\Entity\StaticMediaObject {#1132 …} -id: 2 -title: "Dr" -categories: Doctrine\ORM\PersistentCollection {#1134 …} -firstName: "Isabelle" -lastName: "Morand" -spokenLanguages: Doctrine\ORM\PersistentCollection {#1136 …} -slug: "dr-morand-isabelle" -metadata: Proxies\__CG__\App\Entity\PageMetadata {#1139 …} -degrees: [ "Doctor of Medicine" "Specialization in Anesthesiology" ] -certifications: [ "FMH in Anesthesiology" ] -officePhone: "+41 852 78 74" -officeAddress: "Rue de la Clinique 123, 1200 Genève" -email: "isabelle.morand@clinique-champel.ch" -vipLevel: 0 -position: "Anesthésiste" -startAt: DateTime @1768348800 {#1126 : 2026-01-14 00:00:00.0 UTC (+00:00) } #createdAt: DateTime @1772657841 {#1127 : 2026-03-04 20:57:21.0 UTC (+00:00) } #updatedAt: DateTime @1772657841 {#1128 : 2026-03-04 20:57:21.0 UTC (+00:00) } -linkedinProfile: "https://www.linkedin.com/in/isabelle-morand-274880" } ] |
|||
| Attributes | [ "anesthetist" => App\Entity\Practitioner {#1130 +picture: Proxies\__CG__\App\Entity\StaticMediaObject {#1132 …} -id: 2 -title: "Dr" -categories: Doctrine\ORM\PersistentCollection {#1134 …} -firstName: "Isabelle" -lastName: "Morand" -spokenLanguages: Doctrine\ORM\PersistentCollection {#1136 …} -slug: "dr-morand-isabelle" -metadata: Proxies\__CG__\App\Entity\PageMetadata {#1139 …} -degrees: [ "Doctor of Medicine" "Specialization in Anesthesiology" ] -certifications: [ "FMH in Anesthesiology" ] -officePhone: "+41 852 78 74" -officeAddress: "Rue de la Clinique 123, 1200 Genève" -email: "isabelle.morand@clinique-champel.ch" -vipLevel: 0 -position: "Anesthésiste" -startAt: DateTime @1768348800 {#1126 : 2026-01-14 00:00:00.0 UTC (+00:00) } #createdAt: DateTime @1772657841 {#1127 : 2026-03-04 20:57:21.0 UTC (+00:00) } #updatedAt: DateTime @1772657841 {#1128 : 2026-03-04 20:57:21.0 UTC (+00:00) } -linkedinProfile: "https://www.linkedin.com/in/isabelle-morand-274880" } ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3183 -props: [ "anesthetist" => App\Entity\Practitioner {#1130 +picture: Proxies\__CG__\App\Entity\StaticMediaObject {#1132 …} -id: 2 -title: "Dr" -categories: Doctrine\ORM\PersistentCollection {#1134 …} -firstName: "Isabelle" -lastName: "Morand" -spokenLanguages: Doctrine\ORM\PersistentCollection {#1136 …} -slug: "dr-morand-isabelle" -metadata: Proxies\__CG__\App\Entity\PageMetadata {#1139 …} -degrees: [ "Doctor of Medicine" "Specialization in Anesthesiology" ] -certifications: [ "FMH in Anesthesiology" ] -officePhone: "+41 852 78 74" -officeAddress: "Rue de la Clinique 123, 1200 Genève" -email: "isabelle.morand@clinique-champel.ch" -vipLevel: 0 -position: "Anesthésiste" -startAt: DateTime @1768348800 {#1126 : 2026-01-14 00:00:00.0 UTC (+00:00) } #createdAt: DateTime @1772657841 {#1127 : 2026-03-04 20:57:21.0 UTC (+00:00) } #updatedAt: DateTime @1772657841 {#1128 : 2026-03-04 20:57:21.0 UTC (+00:00) } -linkedinProfile: "https://www.linkedin.com/in/isabelle-morand-274880" } ] } |
|||
| Container | App\Twig\Components\Container | 6.0 MiB | 0.10 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 {#3249 +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 | 6.0 MiB | 0.67 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Footer {#2614 -surgeryRepository: App\Repository\SurgeryOperationRepository {#366 …} } |
|||
| Container | App\Twig\Components\Container | 6.0 MiB | 0.13 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Container {#3344 +class: null +style: null } |
|||
| Container | App\Twig\Components\Container | 6.0 MiB | 0.11 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 {#3357 +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 } |
|||