Shop Layout 3

import ShopLayout3 from 'components/layouts/shop-layout-3'
import api from 'utils/__api__/layout'
 
export default async function Example1({ children }) {
  const data = await api.getLayoutData()
  return <ShopLayout3 data={data}>{children}</ShopLayout3>
}

import ShopLayout3 from 'components/layouts/shop-layout-3'
import api from 'utils/__api__/layout'
 
export default async function Example2({ children }) {
  const data = await api.getLayoutData()
 
  return (
    <ShopLayout3 centeredNavigation showMobileMenu={false} data={data}>
      {children}
    </ShopLayout3>
  )
}

import ShopLayout3 from 'components/layouts/shop-layout-3'
import api from 'utils/__api__/layout'
 
export default async function Example3({ children }) {
  const data = await api.getLayoutData()
 
  return (
    <ShopLayout3
      centeredNavigation
      showMobileMenu={false}
      showFooter={false}
      data={data}
    >
      {children}
    </ShopLayout3>
  )
}

import ShopLayout3 from 'components/layouts/shop-layout-3'
import api from 'utils/__api__/layout'
 
export default async function Example4({ children }) {
  const data = await api.getLayoutData()
 
  return (
    <ShopLayout3 centeredNavigation data={data}>
      {children}
    </ShopLayout3>
  )
}