# Vue Jumbotron - Flowbite #### Use the jumbotron component to show a marketing message to your users based on a headline and image inside of a card box based on Tailwind CSS --- :::tip Original reference: [https://flowbite.com/docs/components/jumbotron/](https://flowbite.com/docs/components/jumbotron/) ::: The Jumbotron (hero) component can be used as the first section of your website with a focus on a marketing message to increase the likelihood of the user to continue browsing your website. This UI component features a heading title, a short description, an optional CTA button, background image, gradient or solid background color and it’s generally inside of a card element. The jumbotron component from Flowbite is responsive on all devices, natively supports dark mode and is coded with the utility classes from Tailwind CSS. ## Default Jumbotron Use this default example to show a title, description, and two CTA buttons for the jumbotron component. ```vue ``` ## Background image Use this jumbotron to apply a background image with a darkening opacity effect to improve readability. ```vue ``` ## Featured video This component can be used to feature a video together with a heading title, description, and CTA buttons. ```vue