From 4be082fedc65423a7a1874a8248561faa9e57323 Mon Sep 17 00:00:00 2001
From: Daniele Pancottini <daniele.pancottini@studio.unibo.it>
Date: Tue, 21 Feb 2023 10:36:32 +0100
Subject: [PATCH] Complete color and font implementation into news and about
 pages

---
 .../common/About/AboutSlider.module.css       |  4 +++
 site/components/common/About/AboutSlider.tsx  |  4 +--
 site/components/common/Layout/Layout.tsx      |  2 +-
 .../common/News/NewsSlider.module.css         |  4 +++
 site/components/common/News/NewsSlider.tsx    |  2 +-
 site/static_data/about.json                   | 32 +++++++++++++++++--
 site/static_data/news.json                    |  6 ++++
 site/tsconfig.json                            |  4 +--
 8 files changed, 50 insertions(+), 8 deletions(-)

diff --git a/site/components/common/About/AboutSlider.module.css b/site/components/common/About/AboutSlider.module.css
index 29ae27368..df0b682dd 100644
--- a/site/components/common/About/AboutSlider.module.css
+++ b/site/components/common/About/AboutSlider.module.css
@@ -3,4 +3,8 @@
 
 .aboutSliderText {
     font-family: 'Dancing Script', cursive;
+}
+
+.aboutSliderHeading {
+    font-family: 'Dancing Script', cursive !important;
 }
\ No newline at end of file
diff --git a/site/components/common/About/AboutSlider.tsx b/site/components/common/About/AboutSlider.tsx
index e51730bb7..4341aa0ae 100644
--- a/site/components/common/About/AboutSlider.tsx
+++ b/site/components/common/About/AboutSlider.tsx
@@ -107,12 +107,12 @@ export default function AboutSlider() {
                 position="relative"
               >
                 <Stack spacing={6} w={'full'} maxW={'-webkit-max-content'}>
-                  <Heading fontSize={{ base: '3xl', md: '4xl', lg: '5xl' }}>
+                  <Heading color={card.titleColor} className={style.aboutSliderHeading} fontSize={{ base: '3xl', md: '4xl', lg: '5xl' }}>
                     {card.title}
                   </Heading>
                   <Text
                     as={"span"}
-                    fontSize={{ base: 'lg', lg: 'xl' }}
+                    fontSize={{ base: 'xl', lg: '2xl' }}
                     color="GrayText"
                     className={style.aboutSliderText}
                   >
diff --git a/site/components/common/Layout/Layout.tsx b/site/components/common/Layout/Layout.tsx
index 46582c2aa..373234f34 100644
--- a/site/components/common/Layout/Layout.tsx
+++ b/site/components/common/Layout/Layout.tsx
@@ -121,7 +121,7 @@ const Layout: React.FC<Props> = ({
         <style jsx>
           {
             `.vintageBackground { 
-              background-color: rgba(240, 226, 123, 0.9)
+              background-color: rgba(240, 226, 123, 0.8)
              }`
           }
         </style>
diff --git a/site/components/common/News/NewsSlider.module.css b/site/components/common/News/NewsSlider.module.css
index 18f4d4d93..f18491b91 100644
--- a/site/components/common/News/NewsSlider.module.css
+++ b/site/components/common/News/NewsSlider.module.css
@@ -3,4 +3,8 @@
 
 .newsSliderText {
     font-family: 'Dancing Script', cursive;
+}
+
+.newsSliderHeading {
+    font-family: 'Dancing Script', cursive !important;
 }
\ No newline at end of file
diff --git a/site/components/common/News/NewsSlider.tsx b/site/components/common/News/NewsSlider.tsx
index 5bc0c4c84..1ea3a332e 100644
--- a/site/components/common/News/NewsSlider.tsx
+++ b/site/components/common/News/NewsSlider.tsx
@@ -107,7 +107,7 @@ export default function NewsSlider() {
               position="relative"
             >
               <Stack spacing={6} w={'full'} maxW={'-webkit-max-content'}>
-                <Heading fontSize={{ base: '3xl', md: '4xl', lg: '5xl' }}>
+                <Heading color={card.titleColor} className={style.newsSliderHeading} fontSize={{ base: '3xl', md: '4xl', lg: '5xl' }}>
                   {card.title}
                 </Heading>
                 <Text
diff --git a/site/static_data/about.json b/site/static_data/about.json
index 8db5ce023..e9b1ade0a 100644
--- a/site/static_data/about.json
+++ b/site/static_data/about.json
@@ -2,76 +2,104 @@
   "it": [
     {
       "title": "Storia del Mercato",
-      "text": "Ciò che è sempre stato alla base del progresso della civiltà umana è lo scambio (di beni, di idee, di conoscenze). In età neolitica avveniva sotto forma di baratto. Nell'antichità e per tutto il Medioevo i principali canali di scambio erano il mercato, in genere allestito nelle piazze delle città e la fiera, imponente evento commerciale. Il mercato giornaliero, settimanale o mensile, vivacizzava la città e provvedeva alle esigenze della popolazione; era il luogo dello scambio tra la produzione dell’artigianato urbano e quella agricola. La fiera era un evento periodico, suddiviso in più circuiti predeterminati, dove tanti operatori economici convergevano per scambiarsi in natura, in moneta o tramite titoli di credito, beni in quantità consistenti; non mancavano le agevolazioni fiscali per i mercanti stranieri che vi convenivano. Ma la fiera era caratterizzata anche per il clima di confusione e festività; accadeva di tutto: circolazione di persone, di merci e cultura, spettacoli, giochi d'azzardo, reliquie di santi in bella mostra. Mentre l'attività produttiva (e a volte anche commerciale) del mercante, così come dell'artigiano si svolgeva nella bottega. Fino ai primi decenni del XVII secolo le fiere erano il principale canale di scambio commerciale e connotavano i territori entro le quali raggiungevano la loro fortuna. Con l'avvento dell'industrializzazione si afferma in Europa e nel mondo il sistema capitalistico di produzione: le botteghe artigiane diventano grandi fabbriche, le fiere tradizionali sono meno affollate e meno rinomate, divenendo sempre più sbocco di derrate agricole, e lasciando spazio a un nuovo tipo di fiera: la fiera campionaria, il cui massimo esempio è rappresentato dall'esposizione nazionale e universale. Nella città nascono gli spazi rispondenti alle nuove produzioni industriali e ai nuovi consumi: i passages, le gallerie, i grandi magazzini, gli antenati dell'odierno centro commerciale, tempio dell'attuale società consumistica del XXI secolo. Oggi sia i centri commerciali che le fiere specializzate (miranti ai singoli comparti dell'industria) sono gli attori fondamentali nel sistema di distribuzione delle novità introdotte dal grande mercato, propongono nuove idee e nuovi modelli di comportamento e consumo e, facilitando anche un'omologazione degli stessi, rispondono alle nuove dinamiche della globalizzazione. Se essi proliferano e riempiono il tessuto urbano, centrale o periferico, nei borghi e nei paesi, si trovano ancora le manifestazioni tipiche della sagra, del mercatino, della piccola fiera, della mostra a tema. Questi piccoli eventi preservano una cultura e una tradizione locali, talvolta ancora espressione della vita artigianale, attenuando il fenomeno della globalizzazione. In particolare il mercatino (agenzia d'affari) può essere strutturato come manifestazione periodica o avente una propria sede fissa. Rimane il luogo in cui possono rinvenirsi oggetti particolari, testimonianza del passato (più o meno recente) e non delle novità industriali."
+      "titleColor": "#FF0000",
+      "text": "Ciò che è sempre stato alla base del progresso della civiltà umana è lo scambio (di beni, di idee, di conoscenze). In età neolitica avveniva sotto forma di baratto. Nell'antichità e per tutto il Medioevo i principali canali di scambio erano il mercato, in genere allestito nelle piazze delle città e la fiera, imponente evento commerciale. Il mercato giornaliero, settimanale o mensile, vivacizzava la città e provvedeva alle esigenze della popolazione; era il luogo dello scambio tra la produzione dell’artigianato urbano e quella agricola. La fiera era un evento periodico, suddiviso in più circuiti predeterminati, dove tanti operatori economici convergevano per scambiarsi in natura, in moneta o tramite titoli di credito, beni in quantità consistenti; non mancavano le agevolazioni fiscali per i mercanti stranieri che vi convenivano. Ma la fiera era caratterizzata anche per il clima di confusione e festività; accadeva di tutto: circolazione di persone, di merci e cultura, spettacoli, giochi d'azzardo, reliquie di santi in bella mostra. Mentre l'attività produttiva (e a volte anche commerciale) del mercante, così come dell'artigiano si svolgeva nella bottega. Fino ai primi decenni del XVII secolo le fiere erano il principale canale di scambio commerciale e connotavano i territori entro le quali raggiungevano la loro fortuna. Con l'avvento dell'industrializzazione si afferma in Europa e nel mondo il sistema capitalistico di produzione: le botteghe artigiane diventano grandi fabbriche, le fiere tradizionali sono meno affollate e meno rinomate, divenendo sempre più sbocco di derrate agricole, e lasciando spazio a un nuovo tipo di fiera: la fiera campionaria, il cui massimo esempio è rappresentato dall'esposizione nazionale e universale."
+    },
+    {
+      "title": "Storia del Mercato",
+      "titleColor": "#FF0000",
+      "text": "Nella città nascono gli spazi rispondenti alle nuove produzioni industriali e ai nuovi consumi: i passages, le gallerie, i grandi magazzini, gli antenati dell'odierno centro commerciale, tempio dell'attuale società consumistica del XXI secolo. Oggi sia i centri commerciali che le fiere specializzate (miranti ai singoli comparti dell'industria) sono gli attori fondamentali nel sistema di distribuzione delle novità introdotte dal grande mercato, propongono nuove idee e nuovi modelli di comportamento e consumo e, facilitando anche un'omologazione degli stessi, rispondono alle nuove dinamiche della globalizzazione. Se essi proliferano e riempiono il tessuto urbano, centrale o periferico, nei borghi e nei paesi, si trovano ancora le manifestazioni tipiche della sagra, del mercatino, della piccola fiera, della mostra a tema. Questi piccoli eventi preservano una cultura e una tradizione locali, talvolta ancora espressione della vita artigianale, attenuando il fenomeno della globalizzazione. In particolare il mercatino (agenzia d'affari) può essere strutturato come manifestazione periodica o avente una propria sede fissa. Rimane il luogo in cui possono rinvenirsi oggetti particolari, testimonianza del passato (più o meno recente) e non delle novità industriali."
     },
     {
       "title": "Iniziativa",
+      "titleColor": "#FFC000",
       "text": "Se è vero che oggi sia i grandi centri commerciali che questi piccoli eventi sono fenomeni culturali (i primi riguardanti la cultura attuale, globale, di massa, i secondi quella passata), sono luoghi d'intrattenimento e svago, hanno entrambi carattere di coinvolgimento emotivo e grande varietà e assortimento merceologico, è anche vero che sono organizzati esponendo le merci tuttalpiù per generi, settori. I titolari dei mercatini, attenti soprattutto al valore economico del bene usato, possono limitarsi a fornire ai visitatori informazioni basilari sugli stessi, non soddisfacendo mai completamente un ipotetico arricchimento culturale dei propri clienti. Ecco l’ipotesi di una nuova formula di vetrina online che aspiri a essere un'esposizione a tema (come la fiera e la mostra a tema) e allo stesso tempo avere grande varietà e assortimento di culture e generi, il tutto ordinato in un disegno che susciti emozioni e fornisca al visitatore la massima trasmissione culturale che può scaturire dall'osservazione di prodotti usati; ridia vita alle merci, ricordandosi delle culture e tradizioni locali (oggi più che mai in pericolo) e sia attenta alle urgenti istanze di ecologia, riuso e sostenibilità. Safara è uno spazio innovativo che espone prodotti datati come un normale mercatino, ma li reinserisce nella loro \"cornice\" originaria, affianco ad oggetti e simboli dello stesso periodo storico. È costituita da un percorso ramificato in più \"fermate\", ognuna delle quali rappresenti un decennio del 900. Perfino ogni singolo oggetto racconterà in breve la sua storia. Se ciò che è sempre stato alla base del progresso della civiltà umana è lo scambio, è ancora attraverso esso che Safara fornisce un elemento di diversificazione rispetto agli altri attori dell'usato. Riutilizzando la visione ancestrale del commercio basata sul baratto, e adattandola in chiave moderna, assieme ad altri servizi unici, Safara è davvero una vetrina unica nel suo genere. Pensiamo inoltre che l’idea possa costituire un supporto utile a completamento di altra manifestazione locale."
     },
     {
       "title": "Chi Siamo",
+      "titleColor": "#FFD966",
       "text": "Safara è una vetrina online (simile ad un'agenzia d'affari, più nota con il termine di mercatino dell'usato), che a differenza dei concorrenti, affianca all'offerta commerciale un'offerta culturale, tentando parallelamente di valorizzare la sua regione di provenienza e di fornirle un servizio utile, soprattutto in un periodo storico delicatissimo per il pianeta intero."
     },
     {
       "title": "Storia",
+      "titleColor": "#92D050",
       "text": "Nata nel 2022 (ma è come se lo fosse da tempo, per ciò che offre), Safara è la prima vetrina a valorizzare totalmente la storia dell'oggetto usato e a farla rivivere o conoscere ai propri visitatori. Più datate invece, l’esperienza e la competenza dei suoi ideatori."
     },
     {
       "title": "Competenze",
+      "titleColor": "#00B0F0",
       "text": "È un progetto ideato da un esiguo gruppo di amici, ognuno con un’esperienza e competenza in uno specifico ambito del progetto, tutti appartenenti alla regione Abruzzo."
     },
     {
       "title": "Qualità e Risparmio",
+      "titleColor": "#0070C0",
       "text": "Vasto assortimento di oggetti usati a cui è ridata vita, in una cornice unica che ricordi il loro \"sfondo\" storico originario; il tutto, ad un prezzo vantaggioso."
     },
     {
       "title": "Servizi e Unicità",
+      "titleColor": "#7030A0",
       "text": "Non una mera esposizione di prodotti usati. I nostri esclusivi prodotti e servizi, abbinati perfettamente ai vostri prodotti usati, reperiti direttamente da noi a casa vostra, organizzano una mostra permanente a tema storico...e non solo!"
     },
     {
       "title": "Target",
+      "titleColor": "#FF66FF",
       "text": "Visitatore desideroso di un comune oggetto usato, di un particolare oggetto usato e naturalmente... tutti coloro che sono interessati alla storia, alla cultura, all'intrattenimento."
     },
     {
       "title": "Ecosostenibilità",
+      "titleColor": "#FF0000",
       "text": "Attraverso la politica del riuso degli oggetti, dell’utilizzo di materiale riciclato per crearne dei supporti nella vendita, di percorsi prestabiliti nel reperimento e la consegna dei prodotti, onde evitare sprechi e inquinamento eccessivi, la cultura della sostenibilità è parte integrante della politica di Safara. Il tutto a kilometro zero per chi ci contatta."
     }
   ],
   "en": [
     {
       "title": "History of the Market",
-      "text": "What has always been at the basis of the progress of human civilization is the exchange (of goods, of ideas, of knowledge). In the Neolithic age it took the form of barter. In ancient times and throughout the Middle Ages, the main channels of exchange were the market, generally set up in the city squares, and the fair, an impressive commercial event. The daily, weekly or monthly market enlivened the city and provided for the needs of the population; it was the place of exchange between the production of urban crafts and agriculture. The fair was a periodic event, divided into several predetermined circuits, where many economic operators converged to exchange goods in large quantities in kind, in currency or through credit instruments; there was no shortage of tax breaks for foreign merchants who agreed there. But the fair was also characterized by a climate of confusion and festivities; everything happened: movement of people, goods and culture, shows, games of chance, relics of saints on display. While the productive (and sometimes also commercial) activity of the merchant, as well as of the craftsman, took place in the workshop. Until the first decades of the seventeenth century, fairs were the main channel of commercial exchange and characterized the territories in which they achieved their fortune. With the advent of industrialization, the capitalist system of production asserted itself in Europe and in the world: the artisan workshops became large factories, the traditional fairs were less crowded and less renowned, becoming more and more outlets for agricultural commodities, and leaving room for a new type of fair: the trade fair, the best example of which is represented by the national and universal exposition. Spaces responding to new industrial productions and new consumption are born in the city: the passages, galleries, department stores, the ancestors of today's shopping center, temple of the current consumer society of the 21st century. Today, both shopping centers and specialized trade fairs (aimed at individual industry sectors) are the key players in the distribution system of innovations introduced by the large market, they propose new ideas and new models of behavior and consumption and, also facilitating of the same, respond to the new dynamics of globalization. If they proliferate and fill the urban fabric, central or peripheral, in villages and towns, These small events preserve a local culture and tradition, sometimes still an expression of artisan life, mitigating the phenomenon of globalization. In particular, the market (business agency) can be structured as a periodic event or with its own fixed location. It remains the place where particular objects can be found, evidence of the past (more or less recent) and not of industrial innovations."
+      "titleColor": "#FF0000",
+      "text": "What has always been at the basis of the progress of human civilization is the exchange (of goods, of ideas, of knowledge). In the Neolithic age it took the form of barter. In ancient times and throughout the Middle Ages, the main channels of exchange were the market, generally set up in the city squares, and the fair, an impressive commercial event. The daily, weekly or monthly market enlivened the city and provided for the needs of the population; it was the place of exchange between the production of urban crafts and agriculture. The fair was a periodic event, divided into several predetermined circuits, where many economic operators converged to exchange goods in large quantities in kind, in currency or through credit instruments; there was no shortage of tax breaks for foreign merchants who agreed there. But the fair was also characterized by a climate of confusion and festivities; everything happened: movement of people, goods and culture, shows, games of chance, relics of saints on display. While the productive (and sometimes also commercial) activity of the merchant, as well as of the craftsman, took place in the workshop. Until the first decades of the seventeenth century, fairs were the main channel of commercial exchange and characterized the territories in which they achieved their fortune. With the advent of industrialization, the capitalist system of production asserted itself in Europe and in the world: the artisan workshops became large factories, the traditional fairs were less crowded and less renowned, becoming more and more outlets for agricultural commodities, and leaving room for a new type of fair: the trade fair, the best example of which is represented by the national and universal exposition."
+    },
+    {
+      "title": "History of the Market",
+      "titleColor": "#FF0000",
+      "text": " Spaces responding to new industrial productions and new consumption are born in the city: the passages, galleries, department stores, the ancestors of today's shopping center, temple of the current consumer society of the 21st century. Today, both shopping centers and specialized trade fairs (aimed at individual industry sectors) are the key players in the distribution system of innovations introduced by the large market, they propose new ideas and new models of behavior and consumption and, also facilitating of the same, respond to the new dynamics of globalization. If they proliferate and fill the urban fabric, central or peripheral, in villages and towns, These small events preserve a local culture and tradition, sometimes still an expression of artisan life, mitigating the phenomenon of globalization. In particular, the market (business agency) can be structured as a periodic event or with its own fixed location. It remains the place where particular objects can be found, evidence of the past (more or less recent) and not of industrial innovations."
     },
     {
       "title": "Initiative",
+      "titleColor": "#FFC000",
       "text": "If it is true that today both the large shopping centers and these small events are cultural phenomena (the first concerning current, global, mass culture, the second that of the past), they are places of entertainment and leisure, both have the character of emotional involvement and great variety and assortment of goods, it is also true that they are organized by exhibiting the goods at most by genres, sectors. The owners of the markets, attentive above all to the economic value of the used goods, can limit themselves to providing visitors with basic information on them, never completely satisfying a hypothetical cultural enrichment of their customers. Here is the hypothesis of a new online showcase formula that aspires to be a themed exhibition (such as the fair and the themed exhibition) and at the same time have a great variety and assortment of cultures and genres, all ordered in a design that arouses emotions and provides the visitor with the maximum cultural transmission that can arise from observation of used products; give new life to goods, remembering local cultures and traditions (today more than ever in danger) and be attentive to the urgent requests for ecology, reuse and sustainability. Safara is an innovative space that exhibits dated products like a normal market, but reinserts them in their original \"frame\", alongside objects and symbols from the same historical period. It consists of a route branching out into several \"stops\", each of which represents a decade of the 1900s. Even every single object will briefly tell its story. If what has always been the basis of the progress of human civilization is the exchange, it is still through it that Safara provides an element of diversification with respect to the other second-hand players. Reusing the ancestral vision of barter-based commerce, and adapting it in a modern way, together with other unique services, Safara is truly a one-of-a-kind showcase. We also think that the idea could be a useful support to complete another local event."
     },
     {
       "title": "Who We Are",
+      "titleColor": "#FFD966",
       "text": "Safara is an online showcase (similar to a business agency, better known with the term flea market), which, unlike its competitors, combines the commercial offer with a cultural offer, trying in parallel to enhance its region of origin and to provide it with a useful service, especially in a very delicate historical period for the entire planet."
     },
     {
       "title": "History",
+      "titleColor": "#92D050",
       "text": "Born in 2022 (but it is as if it has been for some time, for what it offers), Safara is the first showcase to fully enhance the history of the used object and to make it relive or get to know its visitors. More dated instead, the experience and competence of its creators."
     },
     {
       "title": "Skills",
+      "titleColor": "#00B0F0",
       "text": "It is a project conceived by a small group of friends, each with experience and expertise in a specific area of the project, all belonging to the Abruzzo region."
     },
     {
       "title": "Quality and Savings",
+      "titleColor": "#0070C0",
       "text": "Vast assortment of used objects that have been given new life, in a unique setting that recalls their original historical \"background\"; all at an advantageous price."
     },
     {
       "title": "Services and Uniqueness",
+      "titleColor": "#7030A0",
       "text": "Not a mere display of used products. Our exclusive products and services, perfectly combined with your used products, found directly from us at your home, organize a permanent exhibition with a historical theme... and more!"
     },
     {
       "title": "Target",
+      "titleColor": "#FF66FF",
       "text": "Visitor eager for a common used object, a particular used object and of course... all those interested in history, culture, entertainment."
     },
     {
       "title": "Eco-Sustainability",
+      "titleColor": "#FF0000",
       "text": "Through the policy of reuse of objects, the use of recycled material to create sales supports, pre-established paths in the procurement and delivery of products, in order to avoid waste and excessive pollution, the culture of sustainability is an integral part of Safara's policy . All at zero kilometer for those who contact us."
     }
   ]
diff --git a/site/static_data/news.json b/site/static_data/news.json
index cc2d50c03..f8035f152 100644
--- a/site/static_data/news.json
+++ b/site/static_data/news.json
@@ -2,28 +2,34 @@
   "it": [
     {
       "title": "Come Funziona",
+      "titleColor": "#FF0000",
       "text": "-Chiunque può contattarci se necessita di un particolare prodotto usato, attraverso la sezione Contattaci, Prenotazioni, oppure scrivendoci nella chat del sito. Appena lo avremo trovato, lo contatteremo una prima volta per fornirgli un preventivo e, qualora venga accettato, lo ricontatteremo appena l’oggetto sarà disponibile.<br/>-Chiunque può contattarci se necessita di vendere un prodotto. Se questo interessa ad un altro utente che lo abbia prenotato in Contattaci, Prenotazioni o scrivendoci in chat, lo acquisteremo subito. Altrimenti lo reperiremo, esporremo gratuitamente per il proprietario e proveremo a venderlo per lui, sottraendo al prezzo di vendita, le normali commissioni del conto-vendita. Chiunque ci abbia affidato dei prodotti da vendere, può ricontattarci in qualsiasi momento, se desidera riappropriarsene.<br/>-Chiunque può segnalare la preferenza di un prodotto in Contattaci, Preferiti. Così lo considereremo prenotato, fino a quando un altro utente desideri acquistarlo. In quest’ultimo caso, ricontatteremo il primo utente, domandandogli se ancora interessato, prima di procedere con la vendita al secondo. Nella stessa sezione valutiamo proposte di scambio di un oggetto aggiunto ai preferiti. Descriveteci cosa proponete da scambiare in Contattaci, Preferiti. E vi faremo sapere.<br/>-Il percorso fisico attuato giornalmente da Safara nel reperimento e la consegna dei prodotti, nei territori in cui opera, è fisso e prestabilito; e viene gestito in modo da evitare sprechi di carburante e conseguente maggior inquinamento."
     },
     {
       "title": "Per Voi",
+      "titleColor": "#FFC000",
       "text": "-Chiunque voglia contribuire all’arricchimento culturale offerto da Safara, può inviare proprie foto datate e/o recenti inerenti posti tipici o panorami dell’Abruzzo. Esse andranno a contornare, con la loro unicità, gli sfondi delle stanze dei vari decenni. Lo stesso invito può ampliarsi ad altri generi di file, quali audio di canzoni ascoltate in Abruzzo negli anni passati e/o attuali, sia locali che di cultura pop, video ecc. I più significativi verranno pubblicati subito e ne verrà specificata la fonte o l’autore.<br/>-Chiunque voglia fornirci dei consigli utili a migliorare il nostro servizio online e fisico, può scriverci in Contattaci, Consigli o nella chat del sito. Siate certi che li valuteremo con attenzione."
     },
     {
       "title": "Aggiornamenti",
+      "titleColor": "#FFD966",
       "text": "-Safara è un’attività ancora prevalentemente ludica, basata sullo scambio tra privati, che parte dal nostro territorio e tenta di valorizzarlo. Perciò prende inizialmente forma nella mera formula dell’esposizione privata, una semplice vetrina, ma con elementi innovativi nell’ambito dell’esposizione di prodotti usati. Ci auguriamo che, grazie anche al vostro aiuto, diverrà presto e- commerce (è già preparata e strutturata per esserlo); ma totalmente diverso da ciò che attualmente offre tale settore. Ci piace affermare che in Safara, la dicitura e-commerce, sta più per “ecological commerce”, vale a dire un commercio incentrato, incentivato e promosso soprattutto per il mercato locale, al fine di movimentarlo, agevolarlo e valorizzarlo; pur non mancando quei servizi indispensabili ad ogni e-commerce, quali la possibilità di spedizione a distanza, l’assistenza e l’attenzione verso il cliente ecc. Per questi motivi, non è possibile, al momento, acquistare direttamente in Safara, ma si può acquistare, vendere o scambiare, contattandoci. -Scopo di Safara è garantirsi un’autosussistenza, fornendo un servizio utile al suo territorio. La nostra visione futura vede un utilizzo esclusivo di mezzi elettrici per gli spostamenti locali a reperimento e consegna dei prodotti; un potenziale culturale da poter implementare in varie manifestazioni locali; un mezzo per far conoscere la nostra regione e la sua storia ai visitatori del sito residenti in altre zone dell’Italia; aggiornamenti sull’intrattenimento offerto dal sito (magari prendendo spunto dai consigli, che ognuno può lasciare nella sezione Contattaci, Consigli), ecc.<br/>-Il percorso storico è visitabile a partire dagli anni ’60, ma verranno presto implementati tutti i decenni mancanti del secolo 900, e la sezione riguardante ciò che è antecedente a tale secolo, costituita dal primo cerchio della spirale."
     }
   ],
   "en": [
     {
       "title": "How It Works",
+      "titleColor": "#FF0000",
       "text": "-Anyone can contact us if they need a particular used product, through the section Contact us, Reservations, or by writing to us in the chat of the site. As soon as we find it, we will contact it a first time to provide a quote and, if it is accepted, we will contact it as soon as the item is available.<br/>-Anyone can contact us if they need to sell a product. If this interests another user who has booked it in Contact Us, Reservations or by writing us in chat, we will purchase it immediately. Otherwise we will find it, we will expose it for free for the owner and we will try to sell it for him, subtracting from the sale price, the normal commission of the account-sale. Anyone who has entrusted us with products to sell, can contact us at any time, if you wish to repossess them.<br/>-Anyone can report a product preference in Contact Us, Favorites. So we will consider it booked, until another user wishes to purchase it. In the latter case, we will contact the first user, asking him if still interested, before proceeding with the sale to the second. In the same section we evaluate proposals for exchange of an object added to favorites. Describe what you propose to exchange in Contact Us, Favorites. And we will let you know.<br/>-The physical path implemented daily by Safara in the procurement and delivery of products, in the territories in which it operates, is fixed and pre-established; and is managed so as to avoid fuel waste and consequent greater pollution."
     },
     {
       "title": "For You",
+      "titleColor": "#FFC000",
       "text": "-Anyone wishing to contribute to the cultural enrichment offered by Safara, can send their own dated and/or recent photos of typical places or landscapes of Abruzzo. They will surround, with their uniqueness, the backgrounds of the rooms of the various decades. The same invitation can be extended to other types of files, such as audio of songs heard in Abruzzo in past and/or current years, both local and pop culture, video etc. The most significant will be published immediately and will specify the source or the author.<br/>-Anyone who wants to give us useful advice to improve our online and physical service, can write us in Contact us, Advice or in the chat of the site. Be assured that we will evaluate them carefully."
     },
     {
       "title": "Updates",
+      "titleColor": "#FFD966",
       "text": "-Safara is still a mainly recreational activity, based on the exchange between individuals, which starts from our territory and tries to enhance it. So it takes shape initially in the simple formula of the private exhibition, a simple showcase, but with innovative elements in the context of the display of used products. We hope that, thanks to your help, it will soon become e- commerce (it is already prepared and structured to be so); but totally different from what currently offers this sector. We like to say that in Safara, the word e-commerce, is more for 'ecological commerce', that is to say a trade focused, encouraged and promoted especially for the local market, in order to enliven, facilitate and enhance it; while not missing those services essential to every e-commerce, such as the possibility of remote shipping, assistance and attention to the customer etc. For these reasons, it is not possible, at the moment, to buy directly in Safara, but you can buy, sell or exchange, by contacting us.<br/>-Safara’s aim is to ensure self-sufficiency by providing a useful service to its territory. Our future vision sees an exclusive use of electric means for the local movements to procurement and delivery of products; a cultural potential to be implemented in various local events; a means to make our region and its history known to visitors of the site residing in other areas of Italy; updates on the entertainment offered by the site (perhaps taking inspiration from the advice, that everyone can leave in the section Contact us, Advice), etc.<br/>-The historical route can be visited from the 1960s, but all the missing decades of the 20th century will soon be implemented, and the section on what predates that century, the first circle of the spiral."
     }
   ]
diff --git a/site/tsconfig.json b/site/tsconfig.json
index 2de809a44..529871efc 100644
--- a/site/tsconfig.json
+++ b/site/tsconfig.json
@@ -23,8 +23,8 @@
       "@components/*": ["components/*"],
       "@commerce": ["../packages/commerce/src"],
       "@commerce/*": ["../packages/commerce/src/*"],
-      "@framework": ["../packages/shopify/src"],
-      "@framework/*": ["../packages/shopify/src/*"]
+      "@framework": ["..\\packages\\shopify\\src"],
+      "@framework/*": ["..\\packages\\shopify\\src/*"]
     }
   },
   "include": ["next-env.d.ts", "**/*.d.ts", "**/*.ts", "**/*.tsx", "**/*.js"],