<div data-content-type="html" data-appearance="default" data-gtm-label="" data-element="main">&lt;HeroHeader

  id="Header_h"

  &lt;!-- Center or Left  --&gt;

  alignment="left"

  &lt;!-- Dim --&gt;

  blockIdentifier="head_rma_steps_guide_block"
  customHeaderHeight="500"
  customHeaderHeightMobile="400"
  dialogBlogId="687"

  &lt;!-- VIDEO --&gt;

  imageCDN="https://mcprod.zoggs.com/media/wysiwyg/"
  imageUrl="Equipments_Header2.png"
  imageUrlMobile="Equipments_HeaderMobile.png"
  mainSectionVideoEnable
  mainSectionVideoObject=""
  mainSectionVideoObjectMobile=""

  imageAltText="Explore the Open Water"

&lt;!-- title and subTitle leave empty to hide --&gt;

  supportingText=""
  title="EQUÍPATE PARA CADA SESIÓN."
  subTitle="Mochilas, bolsas y toallas para quienes viven el agua cada día."
  textColor="#FFFFFF"

&lt;!-- label activate with showLabel delete showLabel to hide --&gt;
showLabel
  labelText="NEW"
  labelColor="FFFFFF"

&lt;!-- disclaimer activate with showDisclaimer delete showDisclaimer to hide --&gt;

  disclaimer="HEAD Pro players’ racquets may differ from the model shown."
  disclaimerColor="#121212"
  disclaimerTextAlignment="left"

&lt;!-- logo Instead Of Title activate with logoInsteadOfTitle delete showDisclaimer to hide --&gt;

  titleLogoUrl="wysiwyg/club-head-logo-title.png"
  titleLogoAlt="Alt text for logo title"

&lt;!-- Buttons --&gt;

  primaryButtonText="Explore"
  primaryButtonUrl="https://www.zoggs.com/our-equipments"
  primaryButtonVideoContent=""
  secondaryButtonText=""
  secondaryButtonUrl=""


&lt;!-- Animation --&gt;

  enableCascadeAnimation
  enableZoomInAnimation
  reactLayout
  isHeader

/&gt;</div><div data-content-type="storybook" data-appearance="default" data-element="main">&lt;Highlights
  enableZoomInAnimation
  reactLayout
  title="Highlights|#start|Highlights|#end|"
&gt;
  {`
    &lt;HeroHeader
      enableZoomInAnimation
      imageCDN="https://mcprod.zoggs.com/media/wysiwyg"
      imageUrl="homepage/19_Homepage_Highlight_Card_Desktop.jpg"
    imageUrlMobile=""
      labelText="NEW"
      primaryButtonText="Kaufen|#start|Shop|#end|"
      primaryButtonUrl="/shop-swimwear/womens"
    secondaryButtonText="Entdecke|#start|Explore|#end|"
      secondaryButtonUrl="/open-water-range"
      productTileButtonSize="small"
      productTileIconURL={null}
      productTileText={null}
      productTileURL={null}
      reactLayout
      showLabel
      sliderGap 
      subTitle="Swim longer, stay warmer."
      textColor="#fff"
      title="Silver Lining"
    /&gt;
    

  

&lt;HeroHeader
disclaimer=""
  disclaimerColor="#ffffff70"
  disclaimerTextAlignment="right"
  showDisclaimer
  enableZoomInAnimation
  imageCDN="https://mcprod.zoggs.com/media/wysiwyg"
  imageUrl="/homepage/03_Homepage_Highlight_Card_Desktop.jpg"
imageUrlMobile="20250723_highlight_TF_PTC_Mobile.jpg"
  labelText="Neu|#start|New|#end|"
  primaryButtonText="Kaufen|#start|Shop|#end|"
  primaryButtonUrl="/swimwear"
secondaryButtonText="Entdecke|#start|Explore|#end|"
  secondaryButtonUrl="/ecolast-plus"
  productTileButtonSize="small"
  productTileIconURL={null}
  productTileText={null}
  productTileURL={null}
  reactLayout
  showLabel
  sliderGap
  subTitle="Swimwear for the whole family"
  textColor="#fff"
  title="Swim with Zoggs"
/&gt;
&lt;HeroHeader
  enableZoomInAnimation
  imageCDN="https://mcprod.zoggs.com/media/wysiwyg"
  imageUrl="homepage/21_Homepage_Highlight_Card_Desktop.jpg"
imageUrlMobile=""
  labelText=""
  primaryButtonText="Kaufen|#start|Shop|#end|"
  primaryButtonUrl="/shop-outdoor-swimming"
secondaryButtonText="Entdecke|#start|Explore|#end|"
  secondaryButtonUrl="/zoggs-neoprene"
  productTileButtonSize="small"
  productTileIconURL={null}
  productTileText={null}
  productTileURL={null}
  reactLayout
  showLabel
  sliderGap 
  subTitle="All swimmwers welcome"
  textColor="#fff"
  title="Neoprene"
/&gt;

&lt;HeroHeader
  enableZoomInAnimation
  imageCDN="https://mcprod.zoggs.com/media/wysiwyg"
  imageUrl="homepage/04_Homepage_Highlight_Card_Desktop.jpg"
imageUrlMobile=""
  labelText=""
  primaryButtonText="Kaufen|#start|Shop|#end|"
  primaryButtonUrl="/goggles"
secondaryButtonText="Entdecke|#start|Explore|#end|"
  secondaryButtonUrl="/goggle-feature-and-lens-guide"
  productTileButtonSize="small"
  productTileIconURL={null}
  productTileText={null}
  productTileURL={null}
  reactLayout
  showLabel
  sliderGap 
  subTitle="Indoor or outdoor we have goggles for every purpose."
  textColor="#172b4b"
  title="Swimming Goggles"
/&gt;





`}
&lt;/Highlights&gt;</div><div data-content-type="storybook" data-appearance="default" data-element="main">&lt;EditorPicks
  categories=""
  category_products_1="462398.FLPK,462584,462579,462586,462312.BKLC,462584,462386.JEWE,462525"
  category_products_2="461107,461041,461089,461065,461060,461054,461041,461106"
  category_products_3=""
  category_products_4=""
  category_products_5=""
  category_title_1="Swimwear"
  category_title_2="Goggles"
  category_title_3=""
  category_title_4=""
  category_title_5=""
  enableCascadeAnimation
  enableZoomInAnimation
  id=""
  manualEnterCategories
  numberOfCategories={2}
  products={[

  ]}
  reactLayout
  source=""
  title="Unsere Empfehlung|#start|Editor's Picks|#end|"
/&gt;</div><div data-content-type="storybook" data-appearance="default" data-element="main">&lt;VideoContainer
  paddingBottom="80/40"
  paddingTop="0/0"
  blockIdentifier=""
  dialogBlogId=""
  enableCascadeAnimation
  enableZoomInAnimation
  imageCDN="https://mcprod.zoggs.com/media"
  imageUrl="/wysiwyg/Homepage_Hero_Card.png"
  imageUrlMobile=""
  labelColor="#d5400b"
  labelText=""
  mainSectionVideoObject=""
  mainSectionVideoObjectMobile=""
  primaryButtonText="Kaufen|#start|Shop|#end|"
  primaryButtonUrl="/shop-swimwear/mens"
  secondaryButtonText="Explore"
  secondaryButtonUrl="/shop-swimwear"
  reactLayout
  subTitle="Swimwear Highlights"
  textColor="#fff"
  title="Comfort, durability, and style."
/&gt;
</div><div data-content-type="storybook" data-appearance="default" data-element="main">&lt;DivisionSection
  paddingBottom="40/20"
  paddingTop="40/20"
  colorGradient="rgba(0, 0, 0, 0.2)"
  disclaimer=""
  disclaimerColor="#ffffff70"
  disclaimerTextAlignment="left"
  listDisclaimer=""   
  listDisclaimerColor="#737373" 
  showListDisclaimer
  enableZoomInAnimation
  id=""
  listImageAltText-1=""
  listImageAltText-2=""
  listImageAltText-3=""
  listImageAltText-4=""
  listImageCDN-1="https://mcprod.zoggs.com/media/wysiwyg/homepage"
  listImageCDN-2="https://mcprod.zoggs.com/media/wysiwyg/homepage"
  listImageCDN-3="https://mcprod.zoggs.com/media/wysiwyg/homepage"
  listImageCDN-4="https://mcprod.zoggs.com/media/wysiwyg/homepage"
  listImageTitle-1="Goggles"
  listImageTitle-2="Learn to Swim"
  listImageTitle-3="Swimwear"
  listImageTitle-4="Equipment" 
  listImageURL-1="/09_Homepage_Highlight_Card_Desktop.jpg"
  listImageURL-2="/10_Homepage_Highlight_Card_Desktop.jpg"
  listImageURL-3="/11_Homepage_Highlight_Card_Desktop.jpg"
  listImageURL-4="/12_Homepage_Highlight_Card_Desktop.jpg"
  listUrl-1="/goggles"
  listUrl-2="/learn-to-swim"
  listUrl-3="/swimwear"
  listUrl-4="/shop-equipment"
  mainSectionImageCDN=""
  mainSectionImageURL="https://mcprod.zoggs.com/media/wysiwyg/homepage/07_Homepage_Hero Header_Desktop_edit_2.jpg"
  mainSectionTitle="Back to Pool!"
  mainSectionUrl=""
  mainSectionVideoEnable
  mainSectionVideoObject=""
  mainSectionVideoObjectMobile=""
  reactLayout
  showControlButton
  showDisclaimer
  subtitleText=""
  titleText=""
 paddingBottom="0/0"
  paddingTop="0/0"
/&gt;</div><div data-content-type="html" data-appearance="default" data-gtm-label="" data-element="main">&lt;ArticleText
  article="We want to see how you’re wearing us. Post your photos on Instagram using the hashtag #ZOGGS &nbsp;"
  containerMaxWidth={640}
  header="SHARE HOW YOU WEAR THEM"
  id=""
  reactLayout
/&gt;</div><div data-content-type="storybook" data-appearance="default" data-element="main">&lt;div
	class="yotpo yotpo-pictures-widget"
	data-gallery-id="66f2779f19edf927e0fe9e48"&gt;
&lt;/div&gt;</div>

Home page

Footer Main Elements

Footer Copyright

<div data-content-type="storybook" data-appearance="default" data-element="main">&lt;SocialLinks
  id=""
  imageCDN="https://mcstaging.head-test.com/media/"
  reactLayout
  socialLinksJson="[
  {
    &amp;quot;socialNetworkName&amp;quot;: &amp;quot;instagram&amp;quot;,
    &amp;quot;url&amp;quot;: &amp;quot;https://www.instagram.com/zoggsuk&amp;quot;
  },
  {
    &amp;quot;socialNetworkName&amp;quot;: &amp;quot;youtube&amp;quot;,
    &amp;quot;url&amp;quot;: &amp;quot;https://www.youtube.com/user/ZoggsUK?reload=9&amp;quot;
  },
  {
    &amp;quot;socialNetworkName&amp;quot;: &amp;quot;facebook&amp;quot;,
    &amp;quot;url&amp;quot;: &amp;quot;https://www.facebook.com/ZoggsUK&amp;quot;
  },
  {
    &amp;quot;socialNetworkName&amp;quot;: &amp;quot;pinterest&amp;quot;,
    &amp;quot;url&amp;quot;: &amp;quot;https://in.pinterest.com/zoggsuk/&amp;quot;
  },
   {
    &amp;quot;socialNetworkName&amp;quot;: &amp;quot;x-social&amp;quot;,
    &amp;quot;url&amp;quot;: &amp;quot;https://x.com/zoggsukTestTest&amp;quot;
  }
]"
/&gt;</div>

Social Icons

<div data-content-type="storybook" data-appearance="default" data-element="main">&lt;PaymentIcons
  imageCDN="https://mcstaging.head-test.com/media/"
  paymentIconsJson="[
  {
    &amp;quot;imagePath&amp;quot;: &amp;quot;/wysiwyg/paymenticons/visa.svg&amp;quot;,
    &amp;quot;altText&amp;quot;: &amp;quot;Visa&amp;quot;
  },
  {
    &amp;quot;imagePath&amp;quot;: &amp;quot;/wysiwyg/paymenticons/mastercard.svg&amp;quot;,
    &amp;quot;altText&amp;quot;: &amp;quot;Mastercard&amp;quot;
  },
  {
    &amp;quot;imagePath&amp;quot;: &amp;quot;/wysiwyg/paymenticons/amex.svg&amp;quot;,
    &amp;quot;altText&amp;quot;: &amp;quot;American Express&amp;quot;
  },
  {
    &amp;quot;imagePath&amp;quot;: &amp;quot;/wysiwyg/paymenticons/paypal.svg&amp;quot;,
    &amp;quot;altText&amp;quot;: &amp;quot;PayPal&amp;quot;
  },
  {
    &amp;quot;imagePath&amp;quot;: &amp;quot;/wysiwyg/paymenticons/applepay.svg&amp;quot;,
    &amp;quot;altText&amp;quot;: &amp;quot;Apple Pay&amp;quot;
  }
]"
  reactLayout
/&gt;</div>