commerce/pages/blog.tsx

import { GetStaticPropsContext, InferGetStaticPropsType } from 'next'
import { Layout } from '@components/core'

export async function getStaticProps({ preview }: GetStaticPropsContext) {
  return {
    props: {},
  }
}

export default function Blog({}: InferGetStaticPropsType<
  typeof getStaticProps
>) {
  return (
    <div className="pb-20">
      <div className="text-center pt-40 pb-56 bg-violet">
        <h2 className="text-4xl tracking-tight leading-10 font-extrabold text-white sm:text-5xl sm:leading-none md:text-6xl">
          Welcome to Acme, the simplest way to start publishing with Next.js
        </h2>
        <p className="mt-3 max-w-md mx-auto text-base text-gray-100 sm:text-lg md:mt-5 md:text-xl md:max-w-3xl">
          The Yeezy BOOST 350 V2 lineup continues to grow. We recently had the
          ‘Carbon’ iteration, and now release details have been locked in for
          this ‘Natural’ joint. Revealed by Yeezy Mafia earlier this year, the
          shoe was originally called ‘Abez’, which translated to ‘Tin’ in
          Hebrew. It’s now undergone a name change, and will be referred to as
          ‘Natura`
        </p>
        <div className="mt-5 max-w-md mx-auto sm:flex sm:justify-center md:mt-12">
          <div className="flex">
            <div className="flex-shrink-0 inline-flex rounded-full border-2 border-white">
              <img
                className="h-12 w-12 rounded-full"
                src="https://vercel.com/api/www/avatar/61182a9f6bda512b4d9263c9c8a60aabe0402f4c?s=204"
                alt=""
              />
            </div>
            <div className="ml-4">
              <div className="text-base leading-6 font-medium text-white">
                José Rodriguez
              </div>
              <div className="text-base leading-6 font-medium text-gray-200">
                CEO, Acme
              </div>
            </div>
          </div>
        </div>
      </div>
      <div className=" -mt-96">
        <img src="/jacket.png" />
      </div>
      <div className="text-lg leading-7 font-medium py-6 text-justify max-w-6xl mx-auto">
        <p className="py-6">
          Biscuit oat cake wafer icing ice cream tiramisu pudding cupcake. Candy
          canes bonbon dragée jujubes chocolate bar. Cotton candy gummi bears
          toffee cake muffin caramels. Gummi bears danish liquorice ice cream
          pie chocolate cake lemon drops tootsie roll tart. Biscuit gingerbread
          fruitcake cake powder pudding cotton candy chocolate bar. Sweet donut
          marshmallow powder gummies jelly tart powder. Cheesecake bonbon
          caramels cupcake jujubes halvah donut dessert chocolate bar. Jelly
          gummies liquorice lollipop chocolate bar chocolate cake sugar plum.
          Lollipop toffee dragée chocolate bar jelly beans biscuit. Halvah
          danish cheesecake. Tiramisu donut lollipop pie donut caramels
          tiramisu. Jujubes candy canes pudding danish fruitcake chupa chups
          jujubes carrot cake bonbon. Halvah donut jelly halvah bonbon.
        </p>
        <p className="py-6">
          Biscuit sugar plum sweet chocolate cake sesame snaps soufflé topping.
          Gummies topping bonbon chocolate pudding cookie. Wafer icing cake
          pastry. Gummies candy dessert chupa chups lemon drops. Soufflé
          marshmallow oat cake chocolate jelly-o caramels pie marzipan jelly
          beans. Cheesecake liquorice donut jujubes halvah ice cream cotton
          candy cupcake sugar plum. Ice cream ice cream sweet roll fruitcake
          icing. Muffin candy canes bonbon croissant gummies lemon drops pie
          danish. Oat cake chocolate toffee cake jelly tart caramels. Sweet
          donut cheesecake pastry pie sweet. Bonbon lollipop brownie. Soufflé
          pudding macaroon cotton candy gingerbread. Biscuit macaroon gummi
          bears candy canes chocolate cake lemon drops marshmallow. Chocolate
          cake cotton candy marshmallow cake sweet tootsie roll bonbon carrot
          cake sugar plum.
        </p>
      </div>
    </div>
  )
}

Blog.Layout = Layout