crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-23 04:36:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix vintage color background, add footer copyright and contact icons, add contact page

Browse Source
This commit is contained in:
Daniele Pancottini
2023-02-10 15:30:36 +01:00
parent 06e16e3a4b
commit 5a4c48c378
5 changed files with 51 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
site/pages/about.tsx
View File

@@ -4,7 +4,7 @@ import AboutSlider from '@components/common/About/AboutSlider'
export default function About() {
return (
<>
<div style={{backgroundColor: "rgba(240, 226, 123, 0.9)"}} className={"mx-8 sm:mx-auto py-20 flex flex-col items-center justify-center fit"}>
<div className={"mx-8 sm:mx-auto py-20 flex flex-col items-center justify-center fit"}>
<AboutSlider></AboutSlider>
</div>
</>

26
site/pages/contact.tsx
View File

@@ -1,13 +1,29 @@
import { AtSignIcon, PhoneIcon } from '@chakra-ui/icons'
import { Box, Heading, Stack, Text } from '@chakra-ui/react'
import { Layout } from '@components/common'
import { Text } from '@components/ui'
import { Text as TextUI } from '@components/ui'
export default function Contact() {
return (
<div className="max-w-2xl mx-8 sm:mx-auto py-20 flex flex-col items-center justify-center fit">
<Text variant="heading">Contact</Text>
<Text className="">
The requested page doesn't exist or you don't have access to it.
</Text>
<TextUI className='mb-5' variant="heading">Contatti</TextUI>
<TextUI className="">
Puoi contattarci usando i recapiti che trovi qui sotto...
</TextUI>
<Stack direction={['column', 'row']} spacing='24px'>
<Box textAlign="center" py={10} px={6}>
<AtSignIcon boxSize={'40px'} color={'orange.300'} />
<Text fontWeight={"bold"} fontSize="18px" mt={3} mb={2}>
<a href= "mailto:safaraecommerce@protonmail.com">safaraecommerce@protonmail.com</a>
</Text>
</Box>
<Box textAlign="center" py={10} px={6}>
<PhoneIcon boxSize={'40px'} color={'orange.300'} />
<Text fontWeight={"bold"} fontSize="18px" mt={3} mb={2}>
<a href="tel:+390123456789">+39 3923790948</a>
</Text>
</Box>
</Stack>
</div>
)
}

2
site/pages/news.tsx
View File

@@ -3,7 +3,7 @@ import NewsSlider from '@components/common/News/NewsSlider'
export default function News() {
return (
<div style={{backgroundColor: "rgba(240, 226, 123, 0.9)"}} className="mx-8 sm:mx-auto py-20 flex flex-col items-center justify-center fit">
<div className="mx-8 sm:mx-auto py-20 flex flex-col items-center justify-center fit">
<NewsSlider></NewsSlider>
</div>
)