I have a set of hero banner layouts completed in Adobe XD and need them rebuilt as reusable global responsive components inside the Divi Theme Builder for WordPress. The banners are informative in nature and guide visitors to read more, so accuracy in typography, spacing, and layout is critical to keep the message clear. What I need from you: • Recreate each XD hero banner as a reusable component in Divi, matching the approved design style pixel-for-pixel. • Use the fonts, colors, and spacing already defined in the XD link. Please do not adjust the design as these were already approved. • Configure responsive behavior so every banner looks spot-on at desktop, tablet, and mobile breakpoints. • Package each section as a clearly named global item in the Divi Library and supply a single .json export for easy import. • Ensure the buttons on 3 of the banners pass basic accessibility checks. I will update the links that these banners will go to later. Deliverables are considered complete when: • I can import the provided .json file, drop a banner onto any page, and see the design match the XD file at 1920 px, 1440 px, 992 px, 768 px, and 375 px widths. • All interactions (link and hover) work without additional tweaks. • A short text or video walkthrough shows how to import, edit copy, and swap images. Please only bid if you have proven experience moving designs from Adobe XD to Divi. I’ll share the XD file upon award and am ready to move forward as soon as the right freelancer is selected. Here is the link where you can view the XD document. https://xd.adobe.com/view/ad06faab-5a95-420b-bb10-131cd1796e4a-f855/