Add catchphrases into about page

site/components/common/About/TestimonialCard.tsx

@@ -0,0 +1,85 @@
+import { ReactNode } from 'react'
+import {
+  Box,
+  Heading,
+  Text,
+  Stack,
+  Container,
+  useColorModeValue,
+} from '@chakra-ui/react'
+import { useRouter } from 'next/router'
+
+const Testimonial = ({ children }: { children: ReactNode }) => {
+  return <Box>{children}</Box>
+}
+
+const TestimonialContent = ({ children }: { children: ReactNode }) => {
+  return (
+    <Box
+      bg={useColorModeValue('white', 'gray.800')}
+      boxShadow={'lg'}
+      p={8}
+      rounded={'xl'}
+      alignItems={'center'}
+      justifyContent={'center'}
+      display={'flex'}
+      w={'lg'}
+      height={'130px'}
+    >
+      {children}
+    </Box>
+  )
+}
+
+const TestimonialHeading = ({ children }: { children: ReactNode }) => {
+  return (
+    <Heading as={'h3'} fontSize={'xl'}>
+      {children}
+    </Heading>
+  )
+}
+
+export default function MessageMap() {
+  const { locale = 'it' } = useRouter()
+
+  return (
+    <Box bg={useColorModeValue('gray.100', 'gray.700')}>
+      <Container maxW={'7xl'} py={16} as={Stack} spacing={12}>
+        <Stack spacing={0} align={'center'}>
+          <Heading>
+            {locale == 'it' ? 'I Nostri Motti' : 'Our Catchphrases'}
+          </Heading>
+          <Text>
+            {locale == 'it'
+              ? 'Quello per cui lavoriamo ogni giorno...'
+              : 'What we work for every day...'}
+          </Text>
+        </Stack>
+        <Stack
+          direction={{ base: 'column', md: 'row' }}
+          spacing={{ base: 10, md: 4, lg: 10 }}
+          justifyContent={'center'}
+        >
+          <Testimonial>
+            <TestimonialContent>
+              <TestimonialHeading>
+                {locale == 'it'
+                  ? 'Safara. Il sentiero che ci ha portato qui!'
+                  : 'Safara. the path that led us here!'}
+              </TestimonialHeading>
+            </TestimonialContent>
+          </Testimonial>
+          <Testimonial>
+            <TestimonialContent>
+              <TestimonialHeading>
+                {locale == 'it'
+                  ? 'Safara espone e vende i tuoi pezzi di storia... e nel frattempo fa cultura, intrattenimento'
+                  : 'Safara exposes and sells your pieces of history... and meanwhile does culture, entertainment'}
+              </TestimonialHeading>
+            </TestimonialContent>
+          </Testimonial>
+        </Stack>
+      </Container>
+    </Box>
+  )
+}

site/components/common/Footer/Footer.tsx

@@ -72,7 +72,7 @@ const Footer: FC<Props> = ({ className, pages }) => {
               <a
                 className={s.link}
                 aria-label="Github Repository"
-                href="https://github.com/vercel/commerce"
+                href="https://github.com/DanielePancottini"
               >
                 <Github />
               </a>
@@ -83,21 +83,6 @@ const Footer: FC<Props> = ({ className, pages }) => {
           <div>
             <span>&copy; 2020 ACME, Inc. All rights reserved.</span>
           </div>
-          <div className="flex items-center text-primary text-sm">
-            <span className="text-primary">Created by</span>
-            <a
-              rel="noopener noreferrer"
-              href="https://vercel.com"
-              aria-label="Vercel.com Link"
-              target="_blank"
-              className="text-primary"
-            >
-              <Vercel
-                className="inline-block h-6 ml-3 text-primary"
-                alt="Vercel.com Logo"
-              />
-            </a>
-          </div>
         </div>
       </Container>
     </footer>

site/components/common/HomePage/PolygonModal/PolygonModal.tsx

@@ -70,8 +70,8 @@ export default function MarkerCardModal(props: {
               {!isTransitionCompleted ? (
                 <Image
                   src={'/regions/abruzzo/11/plan/transition.gif'}
-                  height={200}
-                  width={200}
+                  height={577}
+                  width={700}
                   onLoad={() =>
                     setInterval(() => {
                       setIsTransitionComplited(true)