--- title: Hero Banner Module - Hub Resolution description: Hero banner module for Hubspot marketplace. --- [tel:+916355551989](tel:+916355551989) - Hubspot - Salesforce - Shopify - Odoo - Design - Services - Product - Resources [tel:+916355551989](tel:+916355551989) [Hubspot](https://www.hubresolution.com/hubspot) ![cms by hub resolution](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/cms_by_hub_resolution.svg) ###### CMS Build flexible, scalable HubSpot websites. ![crm by hub resolution icon](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/crm_by_hub_resolution_icon.svg) ###### CRM Organize data, strengthen customer relationships. ![marketing hub by hub resolution icon](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/marketing_hub_by_hub_resolution_icon.svg) ###### Marketing Hub Attract, engage, convert more customers. ![sales hub icon by hub resolution](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/sales_hub_by_hub_resolution-1.svg) ###### Sales Hub Sell smarter, close deals faster. ![service hub icon by hub resolution](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/service_hub_by_hub_resolution-1.svg) ###### Service Hub Deliver better support, build loyalty. ![operations hub icon by hub resolution](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/operations_hub_by_hub_resolution-1.svg) ###### Operations Hub Connect systems, automate business operations. ![custom modules by hub resolution](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/custom_modules_by_hub_resolution.svg) ###### Custom Modules Tailored modules for unique experiences. ![themes by hub resolution](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/themes_by_hub_resolution.svg) ###### Themes Flexible themes designed for business growth. ![migrations by hub resolution](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/migrations_by_hub_resolution.svg) ###### Migrations Seamlessly migrate your website and data. ![integrations by hub resolution](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/integrations_by_hub_resolution.svg) ###### Integrations Connect HubSpot with essential business tools. ![workflows by hub resolution](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/workflows_by_hub_resolution.svg) ###### Workflows Automate tasks, simplify business processes. ![hubdb by hub resolution](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/hubdb_by_hub_resolution.svg) ###### HubDB Manage dynamic content with structured data. ![hubl by hub resolution](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/hubl_by_hub_resolution.svg) ###### HubL Build dynamic HubSpot website experiences. ![technical consulting by hub resolution](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/technical_consulting_by_hub_resolution.svg) ###### Technical Consulting Expert guidance for smarter HubSpot solutions. [Salesforce](https://www.hubresolution.com/salesforce) ![Sales cloud](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/Sales%20cloud.svg) ###### Sales Cloud ![Service Cloud](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/Service%20Cloud.svg) ###### Service Cloud ![Experience Cloud](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/Experience%20Cloud.svg) ###### Experience Cloud ![CRM](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/CRM.svg) ###### CRM ![Custom Objects](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/Custom%20Objects.svg) ###### Custom Objects ![Workflows](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/Workflows.svg) ###### Workflows ![Automation](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/Automation.svg) ###### Automation ![Integrations](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/Integrations.svg) ###### Integrations ![Data Migration](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/Data%20Migration.svg) ###### Data Migration ![Reports](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/Reports.svg) ###### Reports ![Dashboards](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/Dashboards.svg) ###### Dashboards ![Apex](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/Apex.svg) ###### Apex ![Lightning](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/Lightning.svg) ###### Lightning ![Consulting](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/Consulting.svg) ###### Consulting [Shopify](https://www.hubresolution.com/shopify) ![Shopify Store development icon by Hub Resolution](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/Shopify_Store_development_icon_by_Hub_Resolution.svg) ###### Store Development ![Shopify Theme Development icon by Hub Resolution](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/Shopify_Theme_Development_icon_by_Hub_Resolution.svg) ###### Theme Development ![Shopify Custom Themes icon by Hub Resolution](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/Shopify_Custom_Themes_icon_by_Hub_Resolution.svg) ###### Custom Themes ![Shopify plus icon by Hub Resolution](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/Shopify_plus_icon_by_Hub_Resolution.svg) ###### Shopify plus ![Shopify App Integration icon by Hub Resolution](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/Shopify_App_Integration_icon_by_Hub_Resolution.svg) ###### App Integrations ![Shopify Store migration icon by Hub Resolution](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/Shopify_Store_migration_icon_by_Hub_Resolution.svg) ###### Store Migration ![Shopify Checkout icon by Hub Resolution](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/Shopify_Checkout_icon_by_Hub_Resolution.svg) ###### Checkout ![Shopify Payments icon by Hub Resolution](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/Shopify_Payments_icon_by_Hub_Resolution.svg) ###### Payments ![Shopify Subscriptions icon by Hub Resolution](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/Shopify_Subscriptions_icon_by_Hub_Resolution.svg) ###### Subscriptions ![Shopify Automation icon by Hub Resolution](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/Shopify_Automation_icon_by_Hub_Resolution.svg) ###### Automation ![Shopify CRO icon by Hub Resolution](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/Shopify_CRO_icon_by_Hub_Resolution.svg) ###### CRO ![Shopify SEO icon by Hub Resolution](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/Shopify_SEO_icon_by_Hub_Resolution.svg) ###### SEO ![Shopify Maintenance icon by Hub Resolution](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/Shopify_Maintenance_icon_by_Hub_Resolution.svg) ###### Maintenance [Odoo](https://www.hubresolution.com/odoo) ![CRM](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/CRM-1.svg) ###### CRM ![Sales](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/Sales.svg) ###### Sales ![Website](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/Website.svg) ###### Website ![E commerce](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/E-commerce.svg) ###### E–commerce ![Accounting](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/Accounting.svg) ###### Accounting ![Inventory](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/Inventory.svg) ###### Inventory ![Manufacturing](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/Manufacturing.svg) ###### Manufacturing ![Purchase](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/Purchase.svg) ###### Purchase ![Project](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/Project.svg) ###### Project ![Helpdesk](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/Helpdesk.svg) ###### Helpdesk ![HR](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/HR.svg) ###### HR ![Automation](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/Automation-1.svg) ###### Automation ![Integrations](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/Integrations.svg) ###### Integrations ![Custom Development](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/Custom%20Development.svg) ###### Custom Development [Deesign](https://www.hubresolution.com/design) ![UI UX](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/UI_UX.svg) ###### UI/UX ![Web design](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/Web%20design.svg) ###### Web Design ![App Design](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/App%20Design.svg) ###### App Design ![Brand Identity](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/Brand%20Identity.svg) ###### Brand Identity ![Graphic design](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/Graphic%20design.svg) ###### Graphic Design ![Product design](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/Product%20design.svg) ###### Product Design ![Design systems](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/Design%20systems.svg) ###### Design Systems ![Prototyping](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/Prototyping.svg) ###### Prototyping ![Wireframe](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/Wireframe.svg) ###### Wireframes ![Motion design](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/Motion%20design.svg) ###### Motion Design ![Creative direction](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/Creative%20direction.svg) ###### Creative Direction ![CRO](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/CRO.svg) ###### CRO ![Visual Design](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/Visual%20Design.svg) ###### Visual Design ![Development handoff](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/Development%20handoff.svg) ###### Development Handoff Services ![app development by hub resolution](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/app_development_by_hub_resolution.svg) ###### App development Build apps that move business forward. ![digital marketing by hub resolution](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/digital_marketing_by_hub_resolution.svg) ###### Digital Marketing Turn clicks into real growth. ![support & white labelling by hub resolution](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/support_%26_white_labelling_by_hub_resolution.svg) ###### Support & White Labelling Reliable support, behind your brand. ![web development by hub resolution](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/web_development_by_hub_resolution.svg) ###### Web Development Websites built to perform. ![ai solution by hub resolution](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/ai_solution_by_hub_resolution.svg) ###### AI Solution Smarter solutions with AI. Product ![advance by hub resolution](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/advance_by_hub_resolution.svg) ###### Advance Theme Build better with HubSpot. ![advance lite by hub resolution](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/advance_lite_by_hub_resolution.svg) ###### Advance Theme Lite Simple HubSpot, made faster. ![module by hub resolution](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/module_by_hub_resolution.svg) ###### Modules Flexible modules, easy to use. ![portal migrator by hub resolution](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/portal_migrator_by_hub_resolution.svg) ###### Portal Migration Move seamlessly from HubSpot to HubSpot. ![Eventengine icon by hub resolution](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/Eventengine_icon_by_hub_resolution.svg) ###### Eventengine Simplify Events. Amplify Your Impact. Resources ![blog by hub resolution](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/blog_by_hub_resolution.svg) ###### Blog Insights, Ideas & Industry Updates ![about us by hub resolution](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/about_us_by_hub_resolution.svg) ###### About Us Meet the Team Behind Our Work ![contact us by hub resolution](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/contact_us_by_hub_resolution.svg) ###### Contact Us Have Questions? Let’s Talk Today ![case studies by hub resolution](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/case_studies_by_hub_resolution.svg) ###### Customer stories Explore Our Work & Success Stories ## Hero Banner - Gradient # Hero Banner This the first option that you get where you can apply gradient in your hero banner and set it as per your brand guideline. It's flexible enough to make changes in CTA color and toggle it as well. The alignment of the content can also be changed. [![Read More](https://hubspot-no-cache-na2-prod.s3.amazonaws.com/cta/default/8518145/e0c81969-85c7-405d-8257-8311e66b9570.png)](https://hubspot-cta-redirect-na2-prod.s3.amazonaws.com/cta/redirect/8518145/e0c81969-85c7-405d-8257-8311e66b9570) ## Hero Banner - Background Color # Hero Banner This the second option that you get where you can apply Background color in your hero banner and set it as per your brand guideline. It's flexible enough to make changes in CTA color and toggle it as well. The alignment of the content can also be changed. Select CTA ## Hero Banner - Background Video # Hero Banner This the third option that you get where you can have a video in your hero banner. It's flexible enough to make changes in CTA color and toggle it as well. The alignment of the content can also be changed. Select CTA ## Hero Banner - Background Image # Hero Banner This the fourth option that you get where you can have a background image in your hero banner. It's flexible enough to make changes in CTA color and toggle it as well. The alignment of the content can also be changed. Select CTA [![Hubresolution\_White\_Logo\_Footer](https://www.hubresolution.com/hs-fs/hubfs/Hub_resolution_27/Images/Hubresolution_White_Logo_Footer.png?width=269&height=46&name=Hubresolution_White_Logo_Footer.png "Hubresolution_White_Logo_Footer")](https://www.hubresolution.com/) Our social media platform - - - - - - ![shopify partner logo](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/shopify-partner-logo.svg) ![hubspot solution partner by hub resolution](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/hubspot_solution_partner_by_hub_resolution.svg) ![salesforce by hub resolution](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/salesforce_by_hub_resolution.svg) ![odoo Learning Partner](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/odoo_Learning_Partner.svg) ![Mern logo](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/Mern-logo.svg) Services [Hubspot](https://www.hubresolution.com/hubspot) [Shopify](https://www.hubresolution.com/shopify) [Salesforce](https://www.hubresolution.com/salesforce) [Design](https://www.hubresolution.com/design) [Odoo](https://www.hubresolution.com/odoo) Solutions [Digital marketing](https://www.hubresolution.com/digital-marketing) [App development](https://www.hubresolution.com/app-development) [Web development](https://www.hubresolution.com/web-development) [AI solution](https://www.hubresolution.com/ai-solutions-services) [Support & white labelling](https://www.hubresolution.com/support-and-white-labelling) Resources [Blog](https://www.hubresolution.com/blog) [Customer stories](https://www.hubresolution.com/case-studies) [Advance theme](https://www.hubresolution.com/advance-theme) [Advance lite](https://www.hubresolution.com/advance-theme-lite) [Portal Migrator](https://migration.hubresolution.com/) [Our modules](https://www.hubresolution.com/modules) Our company [About us](https://www.hubresolution.com/about-us) [Careers](https://www.hubresolution.com/careers) ![Dial](https://www.hubresolution.com/hs-fs/hubfs/Hub_resolution_27/Images/Dial.png?width=35&height=35&name=Dial.png) **Phone number** [+91 6355551989](tel:+91%206355551989) ![Email Icon](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/Email%20Icon.svg) **Email address** [info@hubresolution.com](mailto:info@hubresolution.com) ![india flag](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/india_flag.svg) **India office: (Headquaters)** 502 & 1204E Sakar-9, Ashram Road, Ahmedabad, Gujarat 380009. ![Africa Icon](https://www.hubresolution.com/hubfs/Hub_resolution_27/Images/Africa%20Icon.svg) **Africa office:** 34 Denise Road, Buccleuch, Sandton Johannesburg, 2090 South Africa. Ask about Hub Resolution on - - - - - Copyright 2026 | Hub Resolution | All Rights Reserved. - [Privacy policy](https://www.hubresolution.com/privacy-policy) - [Terms and conditions](https://www.hubresolution.com/terms-and-conditions) ![Footer Shape](https://www.hubresolution.com/hs-fs/hubfs/Hub_resolution_27/Images/Footer%20Shape.png?width=2000&name=Footer%20Shape.png) ![Footer Shape](https://www.hubresolution.com/hs-fs/hubfs/Hub_resolution_27/Images/Footer%20Shape.png?width=2000&name=Footer%20Shape.png) ![Footer Shape](https://www.hubresolution.com/hs-fs/hubfs/Hub_resolution_27/Images/Footer%20Shape.png?width=2000&name=Footer%20Shape.png) ![Footer Shape](https://www.hubresolution.com/hs-fs/hubfs/Hub_resolution_27/Images/Footer%20Shape.png?width=2000&name=Footer%20Shape.png) ![Footer Shape](https://www.hubresolution.com/hs-fs/hubfs/Hub_resolution_27/Images/Footer%20Shape.png?width=2000&name=Footer%20Shape.png)