import Seo from '@/core/components/Seo'
import BasicLayout from '@/core/components/layouts/BasicLayout';
import { Breadcrumb, BreadcrumbItem, BreadcrumbLink } from '@chakra-ui/react';
import Link from 'next/link';
import Promo from '~/pages/shop/promo';

import React from 'react';

const PromoPage = () => {
  return (
    <BasicLayout>
      <Seo title='Promo Indoteknik.com' />
      <div className='container mx-auto py-4 md:py-6 pb-0'>
        <Breadcrumb>
          <BreadcrumbItem>
            <BreadcrumbLink
              as={Link}
              href='/'
              className='!text-danger-500 whitespace-nowrap'
            >
              Home
            </BreadcrumbLink>
          </BreadcrumbItem>

          <BreadcrumbItem isCurrentPage>
            <BreadcrumbLink className='whitespace-nowrap'>
              Promo
            </BreadcrumbLink>
          </BreadcrumbItem>
        </Breadcrumb>

        <div className='h-10' />

        <Promo />
      </div>
    </BasicLayout>
  );
};

export default PromoPage;