crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-05-16 22:46:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add new logo and new homepage image

Browse Source
This commit is contained in:
Daniele Pancottini 2023-04-25 19:57:34 +02:00
parent 2a99e3a129
commit 71b02bbf7d
3 changed files with 68 additions and 67 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

135
site/pages/index.tsx
View File

@ -5,7 +5,7 @@ import { useDisclosure } from '@chakra-ui/react'
import PolygonModal from '@components/common/HomePage/PolygonModal/PolygonModal' import PolygonModal from '@components/common/HomePage/PolygonModal/PolygonModal'
export default function Home() { export default function Home() {
const imagePath = 'homepageBackgroundImage.png' const imagePath = 'homepageBackgroundImage2.png'
const [mapContainerWidth, setMapContainerWidth] = useState< const [mapContainerWidth, setMapContainerWidth] = useState<
number | undefined number | undefined
@ -16,71 +16,72 @@ export default function Home() {
const { isOpen, onOpen, onClose } = useDisclosure() const { isOpen, onOpen, onClose } = useDisclosure()
const mapAreas = [ const mapAreas = [
{ {
id: '12', id: '12',
title: '2000', title: '2000',
name: '2000', name: '2000',
fillColor: '#FF279E', fillColor: '#FF279E',
strokeColor: 'black', strokeColor: 'black',
coords: [ coords: [
4634, 1239, 4945, 1320, 5162, 1541, 5252, 1857, 5176, 2149, 4941, 4634, 1239, 4945, 1320, 5162, 1541, 5252, 1857, 5176, 2149, 4941, 2385,
2385, 4630, 2474, 4319, 2385, 4092, 2154, 4017, 1833, 4097, 1541, 4630, 2474, 4319, 2385, 4092, 2154, 4017, 1833, 4097, 1541, 4323, 1324,
4323, 1324, ],
], shape: 'poly',
shape: 'poly', href: '#',
href: '#', },
}, {
{ id: '11',
id: '11', title: '1990',
title: '1990', name: '1990',
name: '1990', fillColor: '#A12AFF',
fillColor: '#A12AFF', strokeColor: 'black',
strokeColor: 'black', coords: [
coords: [ 3909, 467, 4175, 549, 4363, 765, 4408, 1046, 4295, 1315, 4045, 1466,
3909, 467, 4175, 549, 4363, 765, 4408, 1046, 4295, 1315, 4045, 1466, 3763, 1470, 3515, 1302, 3402, 1048, 3447, 759, 3626, 551,
3763, 1470, 3515, 1302, 3402, 1048, 3447, 759, 3626, 551, ],
], shape: 'poly',
shape: 'poly', href: '#',
href: '#', },
}, {
{ id: '10',
id: '10', title: '1980',
title: '1980', name: '1980',
name: '1980', fillColor: '#2C28FF',
fillColor: '#2C28FF', strokeColor: 'black',
strokeColor: 'black', coords: [
coords: [ 3046, 207, 3280, 289, 3430, 486, 3430, 740, 3287, 952, 3044, 1032, 2799,
3046, 207, 3280, 289, 3430, 486, 3430, 740, 3287, 952, 3044, 1032, 947, 2648, 740, 2646, 504, 2808, 279,
2799, 947, 2648, 740, 2646, 504, 2808, 279, ],
], shape: 'poly',
shape: 'poly', href: '#',
href: '#', },
}, {
{ id: '9',
id: '9', title: '1970',
title: '1970', name: '1970',
name: '1970', fillColor: '#1A82FF',
fillColor: '#1A82FF', strokeColor: 'black',
strokeColor: 'black', coords: [
coords: [ 2279, 279, 2496, 356, 2616, 562, 2579, 779, 2407, 929, 2174, 929, 1995,
2279,279,2496,356,2616,562,2579,779,2407,929,2174,929,1995,779,1958,553,2077,360 779, 1958, 553, 2077, 360,
], ],
shape: 'poly', shape: 'poly',
href: '#', href: '#',
}, },
{ {
id: '8', id: '8',
title: '1960', title: '1960',
name: '1960', name: '1960',
fillColor: '#1ACBFF', fillColor: '#1ACBFF',
strokeColor: 'black', strokeColor: 'black',
coords: [ coords: [
1707,535,1896,615,1980,809,1897,996,1710,1071,1515,989,1448,794,1523,614 1707, 535, 1896, 615, 1980, 809, 1897, 996, 1710, 1071, 1515, 989, 1448,
], 794, 1523, 614,
shape: 'poly', ],
href: '#', shape: 'poly',
}, href: '#',
] },
]
useEffect(() => { useEffect(() => {
// Handler to call on window resize // Handler to call on window resize
@ -110,7 +111,7 @@ export default function Home() {
parentWidth={mapContainerWidth} parentWidth={mapContainerWidth}
responsive={true} responsive={true}
src={imagePath} src={imagePath}
map={{ name: "my-map", areas: mapAreas }} map={{ name: 'my-map', areas: mapAreas }}
></ImageMapper> ></ImageMapper>
<PolygonModal <PolygonModal
key={decadeClicked} key={decadeClicked}

BIN
site/public/homepageBackgroundImage2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 201 KiB

BIN
site/public/logo.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 116 KiB

After

Width:  |  Height:  |  Size: 804 KiB