mirror of
https://github.com/vercel/commerce.git
synced 2025-07-23 04:36:49 +00:00
Create "where we are" and news pages
This commit is contained in:
@@ -1,11 +1,11 @@
|
||||
import { Layout } from '@components/common'
|
||||
import NewsSlider from '@components/common/News/NewsSlider'
|
||||
import { Text } from '@components/ui'
|
||||
|
||||
export default function News() {
|
||||
return (
|
||||
<div className="max-w-2xl mx-8 sm:mx-auto py-20 flex flex-col items-center justify-center fit">
|
||||
<Text variant="heading">Work In Progress</Text>
|
||||
<Text className="">We are working for you...</Text>
|
||||
<div className="mx-8 sm:mx-auto py-20 flex flex-col items-center justify-center fit">
|
||||
<NewsSlider></NewsSlider>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
59
site/pages/where-we-are.tsx
Normal file
59
site/pages/where-we-are.tsx
Normal file
@@ -0,0 +1,59 @@
|
||||
import {
|
||||
TableContainer,
|
||||
Table,
|
||||
TableCaption,
|
||||
Thead,
|
||||
Tr,
|
||||
Th,
|
||||
Tbody,
|
||||
Td,
|
||||
Tfoot,
|
||||
Box,
|
||||
} from '@chakra-ui/react'
|
||||
import { Layout } from '@components/common'
|
||||
import { Text } from '@components/ui'
|
||||
import { useRouter } from 'next/router'
|
||||
|
||||
import tableData from '../static_data/where-we-are.json'
|
||||
|
||||
export default function WhereWeAre() {
|
||||
const { locale = 'it' } = useRouter()
|
||||
|
||||
return (
|
||||
<div className="mx-8 sm:mx-auto py-20 flex flex-col items-center justify-center fit">
|
||||
<Box>
|
||||
<Text variant="heading">
|
||||
{locale == 'it' ? 'Dove Siamo' : 'Where We Are'}
|
||||
</Text>
|
||||
</Box>
|
||||
<Box mt={10}>
|
||||
<TableContainer>
|
||||
<Table variant="striped" colorScheme="teal">
|
||||
<Thead>
|
||||
<Tr>
|
||||
<Th>{locale == 'it' ? 'Giorno' : 'Day of Week'}</Th>
|
||||
<Th>{locale == 'it' ? 'Orario' : 'Time'}</Th>
|
||||
<Th>{locale == 'it' ? 'Luogo' : 'Location'}</Th>
|
||||
</Tr>
|
||||
</Thead>
|
||||
<Tbody>
|
||||
{tableData[locale as keyof typeof tableData].map(
|
||||
(elem, index) => {
|
||||
return (
|
||||
<Tr>
|
||||
<Td>{elem.day}</Td>
|
||||
<Td>{elem.time}</Td>
|
||||
<Td>{elem.location}</Td>
|
||||
</Tr>
|
||||
)
|
||||
}
|
||||
)}
|
||||
</Tbody>
|
||||
</Table>
|
||||
</TableContainer>
|
||||
</Box>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
WhereWeAre.Layout = Layout
|
Reference in New Issue
Block a user