4
0
forked from crowetic/commerce
commerce/pages/index.tsx
2020-10-04 16:34:22 -03:00

130 lines
7.0 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

import { GetStaticPropsContext, InferGetStaticPropsType } from 'next'
import getAllProducts from '@lib/bigcommerce/api/operations/get-all-products'
import { Layout } from '@components/core'
import { Grid, Marquee, Hero } from '@components/ui'
import { ProductCard } from '@components/product'
export async function getStaticProps({ preview }: GetStaticPropsContext) {
const { products } = await getAllProducts()
return {
props: { products },
}
}
export default function Home({
products,
}: InferGetStaticPropsType<typeof getStaticProps>) {
return (
<>
<Grid items={products.slice(0, 3)} wrapper={ProductCard} />
<Marquee
items={[...products.slice(0, 3)]}
wrapper={(p: any) => (
<div className="p-3 flex flex-row">
<div className="h-24 w-full bg-yellow-300 overflow-hidden">
<img
className="w-full"
src={p.node.images.edges[0].node.urlSmall}
/>
</div>
<span className="flex-0 bg-black text-white inline-block p-3 font-bold text-xl break-words">
{p.node.name}
</span>
</div>
)}
/>
<Grid items={products.slice(3, 6)} layout="B" wrapper={ProductCard} />
<Marquee
variant="secondary"
items={products.slice(0, 3)}
wrapper={() => (
<div className="flex flex-1">
<h3 className="bg-black text-white inline p-3 font-bold text-2xl">
This is a very short title
</h3>
</div>
)}
/>
<Hero
headline="Release Details: The Yeezy BOOST 350 V2 Natural'"
description="
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. Its now undergone a name change, and will be referred to as
Natural."
/>
<div className="py-12 max-h-80">
<div className="break-word w-24">
ALL CATEGORIES ACCESSORIES BAGS CLOTHING SHOES ALL DESIGNERS 032c 1017
ALYX 9SM 11 by Boris Bidjan Saberi 132 5. ISSEY MIYAKE 3.1 Phillip Lim
424 99% IS A-COLD-WALL* A.P.C. AAPE by A Bathing Ape Acne Studios
ACRONYM adidas Originals adidas Originals x Pharrell Williams Affix
AGR Ahluwalia Aimé Leon Dore Alan Crocetti Alexander McQueen All Blues
Ambush AMI Alexandre Mattiussi Amiri Andersson Bell Ann Demeulemeester
Aries Article No. Asics Awake NY Axel Arigato Balenciaga Balmain Bao
Bao Issey Miyake BAPE Barena Bather BEAMS PLUS Belstaff Benjamin Edgar
Bianca Saunders Billionaire Boys Club Blackmerle Bless Bleue Burnham
Bode Boris Bidjan Saberi Boss both Bottega Veneta Brain Dead Brioni
Burberry C.P. Company C2H4 Calvin Klein Underwear Canada Goose
Carhartt Work In Progress Carlota Barrera Carne Bollente Casablanca
Castañer CDLP Charles Jeffrey Loverboy Chemist Creations Chin Teo
Christian Louboutin Clarks Originals Coach 1941 Comme des Garçons
Homme Comme des Garçons Homme Deux Comme des Garçons Homme Plus Comme
des Garçons Play Comme des Garçons Shirt Comme des Garçons Wallets
Common Projects Converse Cornerstone Côte & Ciel Craig Green Cutler
And Gross Daniel W. Fletcher Dear Letterman Diesel Diesel Red Tag Dion
Lee Dior Homme District Vision Dita Dolce & Gabbana Double Rainbouu
Doublet Dr. Martens Drake's Dries Van Noten Dsquared2 Dunhill Eastpak
Eastwood Danso Eidos Emanuele Bicocchi Enfants Riches Déprimés
Ermenegildo Zegna Essentials Etro Études Eytys Fear of God Fendi Feng
Chen Wang Frame FREI-MUT Frenckenberger Fumito Ganryu Garrett Leight
GCDS Georges Wendell Giorgio Armani Giuseppe Zanotti Givenchy GmbH
Golden Goose Goodfight GR10K Greg Lauren Grey Ant Gucci Guidi Haider
Ackermann Han Kjobenhavn Harmony Harris Wharf London Hatton Labs
Helmut Lang Herno Heron Preston Hoka One One Homme Plissé Issey Miyake
Hugo Human Recreational Services Husbands IN GOLD WE TRUST PARIS
Innerraum Isabel Benenato Isabel Marant Issey Miyake Men Jacquemus
JACQUES Jan-Jan Van Essche JERIH Jil Sander John Elliott
Johnlawrencesullivan Julius Junghans Junya Watanabe Juun.J JW Anderson
Kanuk Kara Kassl Editions Keenkee Kenzo Kiko Kostadinov Ksubi Kuboraum
Lacoste Landlord Lanvin Le Gramme Lemaire Levi's Levi's Made & Crafted
Levi's Vintage Clothing Loewe Ludovic de Saint Sernin Mackage Maison
Kitsuné Maison Margiela Malibu Sandals Marc Jacobs Marcelo Burlon
County of Milan Marine Serre Marni Marsèll Martin Asbjorn Martine Ali
Martine Rose Master & Dynamic Master-Piece Co mastermind WORLD Matsuda
Maximum Henry MCQ McQ Alexander McQueen Miharayasuhiro MISBHV Missoni
Molly Goddard Moncler Moncler Genius Moncler Grenoble Moschino Moussy
Vintage Mowalola Mr & Mrs Italy MSGM Mugler Museum of Peace & Quiet
Mykita N.Hoolywood Naked & Famous Denim NAMESAKE Nanamica Nanushka
Needles Neighborhood Neil Barrett New Balance Nicholas Daley Nike ACG
Noah NYC nonnative Noon Goons Norse Projects Nudie Jeans OAMC
Off-White Officine Creative Officine Générale Oliver Peoples Oliver
Peoples The Row Opening Ceremony Our Legacy Paco Rabanne Palm Angels
Parajumpers Paul Smith Pearls Before Swine Perks and Mini Persol
Phipps Polo Ralph Lauren Port Tanger PS by Paul Smith Pyer Moss R13
RAEN Raf Simons rag & bone Random Identities Ray-Ban Re/Done Reebok
Classics RETROSUPERFUTURE Rhude Rick Owens Rick Owens Drkshdw ROA
Robert Geller Rochambeau S.R. STUDIO. LA. CA. Sacai Saint Laurent
Salomon Salvatore Ferragamo Sankuanz Sasquatchfabrix. Satisfy
Saturdays NYC Saul Nash Sean Suen Second/Layer Shinola Sies Marjan
Snow Peak Solid Homme Song for the Mute St-Henri Stay Made Stella
McCartney Stolen Girlfriends Club Stone Island Stone Island Shadow
Project Stüssy Stutterheim Suicoke Sulvam Sunflower Sunspel
SWEETLIMEJUICE TAKAHIROMIYASHITA TheSoloist. Tekla Telfar The Elder
Statesman The North Face The Row The Very Warm The Viridi-anne Thom
Browne Tibi Tiger of Sweden Tiger of Sweden Jeans Toga Virilis Tom
Ford Tom Wood Toogood Ugo Cacciatori Undercover Valentino Vans
Veilance Versace Versace Jeans Couture Versace Underwear VETEMENTS VIP
Visvim VIU Vyner Articles WACKO MARIA We11done Wood Wood Wooyoungmi
WWW.WILLSHOTT Xander Zhou Y-3 Y/Project Yohji Yamamoto Yves Salomon
Yves Salomon - Army Z Zegna
</div>
</div>
</>
)
}
Home.Layout = Layout