Prepare for production

site/commerce.config.json

@@ -3,7 +3,7 @@
     "cart": false,
     "search": true,
     "wishlist": false,
-    "customerAuth": false,
+    "customerAuth": true,
     "customCheckout": false
   }
 }

site/components/common/Layout/Layout.tsx

@@ -119,13 +119,21 @@ const Layout: React.FC<Props> = ({
       <div className={cn(s.root)}>
         <Navbar links={navBarlinks} />
         <style jsx>
-          {
+          {`
-            `.vintageBackground { 
+            .vintageBackground {
-              background-color: rgba(240, 226, 123, 0.8)
+              background-color: rgba(240, 226, 123, 0.8);
-             }`
+            }
-          }
+          `}
         </style>
-        <main className={(pathname.includes("about") || pathname.includes("news")) ? "vintageBackground" : ""}>{children}</main>
+        <main
+          className={
+            pathname.includes('about') || pathname.includes('news')
+              ? 'vintageBackground'
+              : ''
+          }
+        >
+          {children}
+        </main>
         <Footer pages={pageProps.pages} />
         <ModalUI />
         <CheckoutProvider>
@@ -141,7 +149,11 @@ const Layout: React.FC<Props> = ({
           }
         />
         {/** Tidio Chat Script to implement Widget */}
-        <Script src="//code.tidio.co/mqhzygds3ad04ma8od6ud9ov11fpy4md.js" id="show-banner" strategy="lazyOnload"></Script>
+        <Script
+          src="//code.tidio.co/q0sllyxxrrek7mix7eqt41hsgluycqcn.js"
+          id="show-banner"
+          strategy="lazyOnload"
+        ></Script>
       </div>
     </CommerceProvider>
   )

site/pages/contact.tsx

@@ -5,28 +5,33 @@ import { Text as TextUI } from '@components/ui'
 import { useRouter } from 'next/router'
 
 export default function Contact() {
-
   const { locale } = useRouter()
 
   return (
     <div className="max-w-2xl mx-8 sm:mx-auto py-20 flex flex-col items-center justify-center fit">
-      <Box textAlign="center" mb={"10"}>
+      <Box textAlign="center" mb={'10'}>
-        <TextUI className='mb-5' variant="heading">{locale == "it" ? "Contatti" : "Contact Us"}</TextUI>
+        <TextUI className="mb-5" variant="heading">
+          {locale == 'it' ? 'Contatti' : 'Contact Us'}
+        </TextUI>
         <TextUI className="">
-          {locale == "it" ? "Puoi contattarci usando i recapiti che trovi qui sotto!" : "You can contact us using the contact details below!"}
+          {locale == 'it'
+            ? 'Puoi contattarci usando i recapiti che trovi qui sotto!'
+            : 'You can contact us using the contact details below!'}
         </TextUI>
       </Box>
-      <SimpleGrid columns={2} spacing='24px'>
+      <SimpleGrid columns={2} spacing="24px">
         <Box textAlign="center" py={2}>
           <AtSignIcon boxSize={'40px'} color={'orange.300'} />
-          <Text fontWeight={"bold"} fontSize="18px" mt={3} mb={2}>
+          <Text fontWeight={'bold'} fontSize="18px" mt={3} mb={2}>
-            <a href= "mailto:safaraecommerce@protonmail.com">safaraecommerce@protonmail.com</a>
+            <a href="mailto:safaraecommerce@protonmail.com">
+              safaraecommerce@protonmail.com
+            </a>
           </Text>
         </Box>
         <Box textAlign="center" py={2}>
           <PhoneIcon boxSize={'40px'} color={'orange.300'} />
-          <Text fontWeight={"bold"} fontSize="18px" mt={3} mb={2}>
+          <Text fontWeight={'bold'} fontSize="18px" mt={3} mb={2}>
-            <a href="tel:+390123456789">+39 3923790948</a>
+            <a href="tel:+393391630349">+39 339 163 0349</a>
           </Text>
         </Box>
       </SimpleGrid>