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