Buildout of the corporate site for CCIG, a national business and home insurance corporation. Used Vite to compile SCSS and JavaScript modules for the assets, with separated frontend, editor and admin builds. Page management with Advanced Custom Fields (ACF) Flexible Content layout modules.
Each layout is a single file that contains the HTML, CSS, and JavaScript for the layout. The layout file is named the same as the ACF flexible content field group ID (e.g., {my-flexible-field}.php) and is located in the layouts directory. Fonts are served from the site, in keeping with best practices.
Other features include an ACF admin header color picker to better parse a page full of layout field modules, and built-in functionality to handle WEBP images in WordPress, with methods to automatically resize images and generate HTML tags with responsive image support.