GET https://cliniquechampel.w-ap.dev/en/pathologies-and-treatments?id=6&slug=ophthalmology

Response
200 OK
IP
216.73.216.27
Profiled on
Token
f06ec2

Components

6 Twig Components
11 Render Count
3 ms Render Time
8.0 MiB Memory Usage

Components

Name Metadata Render Count Render Time
Container 
"App\Twig\Components\Container"
components/Container.html.twig 		5 0.77ms
HeroBackground 
"App\Twig\Components\HeroBackground"
components/HeroBackground.html.twig 		2 0.07ms
Metadata 
"App\Twig\Components\Metadata"
components/Metadata.html.twig 		1 0.15ms
MobileMenu 
"App\Twig\Components\MobileMenu"
components/MobileMenu.html.twig 		1 1.26ms
HeroMobile 
"App\Twig\Components\HeroMobile"
components/HeroMobile.html.twig 		1 0.21ms
HeroDesktop 
"App\Twig\Components\HeroDesktop"
components/HeroDesktop.html.twig 		1 0.85ms

Render calls

Metadata App\Twig\Components\Metadata 8.0 MiB 0.15 ms
Input props 
[
  "metadata" => null
]
Attributes 
[]
Component 
App\Twig\Components\Metadata {#1606
  +metadata: null
}
MobileMenu App\Twig\Components\MobileMenu 8.0 MiB 1.26 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\MobileMenu {#1653
  +inFooter: false
  +surgeries: ? array
}
HeroMobile App\Twig\Components\HeroMobile 8.0 MiB 0.21 ms
Input props 
[
  "backgroundCornerColorClass" => "bg-white"
  "imageUrl" => "https://cliniquechampel.w-ap.dev/build/assets/images/pages/pathologies-and-treatments/hero.jpg"
]
Attributes 
[
  "imageUrl" => "https://cliniquechampel.w-ap.dev/build/assets/images/pages/pathologies-and-treatments/hero.jpg"
]
Component 
App\Twig\Components\HeroMobile {#1749
  +href: ? string
  +backgroundCornerColorClass: "bg-white"
  +imgUrl: null
  +videoUrl: null
}
HeroBackground App\Twig\Components\HeroBackground 8.0 MiB 0.04 ms
Input props 
[
  "imageUrl" => "https://cliniquechampel.w-ap.dev/build/assets/images/pages/pathologies-and-treatments/hero.jpg"
  "videoUrl" => null
  "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 {#1784
  +videoUrl: null
  +imageUrl: "https://cliniquechampel.w-ap.dev/build/assets/images/pages/pathologies-and-treatments/hero.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 8.0 MiB 0.85 ms
Input props 
[
  "imageUrl" => "https://cliniquechampel.w-ap.dev/build/assets/images/pages/pathologies-and-treatments/hero.jpg"
]
Attributes 
[
  "imageUrl" => "https://cliniquechampel.w-ap.dev/build/assets/images/pages/pathologies-and-treatments/hero.jpg"
]
Component 
App\Twig\Components\HeroDesktop {#1830
  +href: ? string
  +imgUrl: null
  +videoUrl: null
  +backgroundCornerColorClass: "bg-white"
}
HeroBackground App\Twig\Components\HeroBackground 8.0 MiB 0.02 ms
Input props 
[
  "imageUrl" => "https://cliniquechampel.w-ap.dev/build/assets/images/pages/pathologies-and-treatments/hero.jpg"
  "videoUrl" => 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] 
    """
]
Attributes 
[]
Component 
App\Twig\Components\HeroBackground {#1861
  +videoUrl: null
  +imageUrl: "https://cliniquechampel.w-ap.dev/build/assets/images/pages/pathologies-and-treatments/hero.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 8.0 MiB 0.08 ms
Input props 
[
  "class" => "flex-col mt-(--top-bar-height)"
]
Attributes 
[]
Component 
App\Twig\Components\Container {#1891
  +class: "flex-col mt-(--top-bar-height)"
  +style: null
}
Container App\Twig\Components\Container 8.0 MiB 0.47 ms
Input props 
[
  "class" => "grid grid-cols-3 gap-12 py-14 px-16 relative"
]
Attributes 
[]
Component 
App\Twig\Components\Container {#1932
  +class: "grid grid-cols-3 gap-12 py-14 px-16 relative"
  +style: null
}
Container App\Twig\Components\Container 8.0 MiB 0.07 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 {#2025
  +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 8.0 MiB 0.09 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Container {#2058
  +class: null
  +style: null
}
Container App\Twig\Components\Container 8.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 {#2085
  +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
}