forked from crowetic/commerce
Changes to BLog
This commit is contained in:
Belen Curcio
parent
2ad115af61
commit
7efda91b11
@ -11,14 +11,18 @@ import useOpenCheckout from '@lib/bigcommerce/cart/use-open-checkout'
|
||||
|
||||
const CartSidebarView: FC = () => {
|
||||
const { data, isEmpty } = useCart()
|
||||
const { price: subTotal } = usePrice(data && {
|
||||
amount: data.base_amount,
|
||||
currencyCode: data.currency.code,
|
||||
})
|
||||
const { price: total } = usePrice(data && {
|
||||
amount: data.cart_amount,
|
||||
currencyCode: data.currency.code,
|
||||
})
|
||||
const { price: subTotal } = usePrice(
|
||||
data && {
|
||||
amount: data.base_amount,
|
||||
currencyCode: data.currency.code,
|
||||
}
|
||||
)
|
||||
const { price: total } = usePrice(
|
||||
data && {
|
||||
amount: data.cart_amount,
|
||||
currencyCode: data.currency.code,
|
||||
}
|
||||
)
|
||||
const openCheckout = useOpenCheckout()
|
||||
const { closeSidebar } = useUI()
|
||||
const handleClose = () => closeSidebar()
|
||||
@ -87,7 +91,7 @@ const CartSidebarView: FC = () => {
|
||||
) : (
|
||||
<>
|
||||
<div className="px-4 sm:px-6 flex-1">
|
||||
<h2 className="pt-1 pb-4 text-lg leading-7 font-medium text-gray-900 uppercase">
|
||||
<h2 className="pt-1 pb-4 text-2xl leading-7 font-bold text-primary tracking-wide">
|
||||
My Cart
|
||||
</h2>
|
||||
<ul className="py-6 space-y-6 sm:py-0 sm:space-y-0 sm:divide-y sm:divide-gray-200 border-t border-gray-200">
|
||||
|
||||
@ -17,7 +17,7 @@ const Searchbar: FC<Props> = ({ className }) => {
|
||||
return (
|
||||
<div
|
||||
className={cn(
|
||||
'relative rounded-lg text-sm bg-accent-1 text-gray-600 w-full',
|
||||
'relative rounded-lg text-sm bg-accent-2 text-gray-600 w-full',
|
||||
className
|
||||
)}
|
||||
>
|
||||
|
||||
@ -8,7 +8,7 @@ interface Props {
|
||||
}
|
||||
|
||||
const Container: FC<Props> = ({ children, className, el = 'div' }) => {
|
||||
const rootClassName = cn('mx-auto max-w-screen-xl', className)
|
||||
const rootClassName = cn('mx-auto max-w-7xl', className)
|
||||
|
||||
let Component: React.ComponentType<React.HTMLAttributes<
|
||||
HTMLDivElement
|
||||
|
||||
126
pages/blog.tsx
126
pages/blog.tsx
@ -1,5 +1,6 @@
|
||||
import { GetStaticPropsContext, InferGetStaticPropsType } from 'next'
|
||||
import { Layout } from '@components/core'
|
||||
import { Container } from '@components/ui'
|
||||
|
||||
export async function getStaticProps({ preview }: GetStaticPropsContext) {
|
||||
return {
|
||||
@ -13,71 +14,76 @@ export default function Blog({}: InferGetStaticPropsType<
|
||||
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
|
||||
<Container>
|
||||
<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-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="text-base leading-6 font-medium text-gray-200">
|
||||
CEO, Acme
|
||||
<div className="ml-4">
|
||||
<div className="leading-6 font-medium text-white">
|
||||
José Rodriguez
|
||||
</div>
|
||||
<div className="leading-6 font-medium text-gray-200">
|
||||
CEO, Acme
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Container>
|
||||
</div>
|
||||
<Container>
|
||||
<div className="-mt-96 mx-auto">
|
||||
<img src="/jacket.png" />
|
||||
</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 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>
|
||||
</Container>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
@ -12,6 +12,7 @@ module.exports = {
|
||||
extend: {
|
||||
colors: {
|
||||
'accent-1': '#FAFAFA',
|
||||
'accent-2': '#F1F3F5',
|
||||
'accent-4': '#888',
|
||||
violet: '#7928CA',
|
||||
pink: '#FF0080',
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user