Merge pull request #52 from MikeCheek/dev

Dev

locales/en/common.json

@@ -3,7 +3,7 @@
   "ThanksTitle": "HEARTFELT THANKS!",
   "ThanksSubTitle": "SEE YOU IN AUGUST 2024",
   "NavContactUs": "Contact us",
-  "NavCta": "TALKS 2023",
+  "NavCta": "RESERVE",
   "CookiesText": "This site uses technical cookies for its own functioning and the provision of related services; your consent is not required for these cookies. Analytical cookies (both proprietary and third-party) may also be installed to better understand your usage of this site, as well as profiling cookies (both proprietary and third-party) to send you advertising in line with your preferences; to accept the use of these cookies, click on 'Accept All', while clicking the 'X' button will prevent their installation. If you prefer to make specific choices regarding analytical cookies",
   "CookiesTextCta": "customize your preferences",
   "CookiesFunc": "Functional",

locales/en/index.json

@@ -29,7 +29,7 @@
   "HowToReach": "How to reach us",
   "LocationText1": "The festival will take place amidst the clayey hills of Basilicata, located within the territory of the San Giuliano natural oasis, not far from Matera.<br/><br/> It offers a breathtaking view where the eye wanders in every direction, enjoying the spectacle of the surrounding plateaus.",
   "LocationText2": "Located a few kilometers from the village, it is the largest green lung, a natural extension of the aforementioned oasis.<br/><br/> The forest is also of significant environmental importance, a vast wooded area where Mediterranean vegetation and very rare floral and faunal species abound.",
-  "LocationText3": "At Bosco Coste, you'll find one of the fantastic Big Benches scattered across Italy.<br/>Part of the Big Bench Community Project, these enormous benches offer a unique vantage point to enjoy the landscape and feel closer to nature.<br/><br/>The Big Bench in Grottole is perfect for a break and for rediscovering the wonder of feeling like a kid again. As a symbol of community and sharing, it allows you to relax and enjoy the spectacular views of Basilicata. If you're looking for tranquility or breathtaking scenery, the Big Bench at Bosco Coste is a must-see!",
+  "LocationText3": "At Bosco Coste, you'll find one of the fantastic Big Benches scattered across Italy.<br/>Part of the <a href='https://bigbenchcommunityproject.org/' target='_blank' rel='noopener noreferrer' title='Big Bench Project'>Big Bench Community Project</a>, these enormous benches offer a unique vantage point to enjoy the landscape and feel closer to nature.<br/><br/>The Big Bench in Grottole is perfect for a break and for rediscovering the wonder of feeling like a kid again. As a symbol of community and sharing, it allows you to relax and enjoy the spectacular views of Basilicata. If you're looking for tranquility or breathtaking scenery, the Big Bench at Bosco Coste is a must-see!",
   "LocationCta": "Discover the location",
   "WhatHeading": "What we will do",
   "InfoTitle1": "CONCERTS",
@@ -47,5 +47,9 @@
   "LastEditionHeading": "On the last edition...",
   "LastEditionTitle1": "Conferences",
   "LastEditionTitle2": "Participants satisfaction",
-  "ConferencesText": "Inviting guests such as Carlo Boccazzi, Marina Berardi, Emanuele Poki, Giacomo Castana, Paolo Bonelli, Giancarlo Di Mita allowed us to experience co-housing in a rural, magical, and surreal environment."
+  "ConferencesText": "Inviting guests such as Carlo Boccazzi, Marina Berardi, Emanuele Poki, Giacomo Castana, Paolo Bonelli, Giancarlo Di Mita allowed us to experience co-housing in a rural, magical, and surreal environment.",
+  "TicketsTitle": "RESERVE YOUR PASS <br/>FOR THE EVENT",
+  "FaqCtaDesc": "Any doubts?<br/>Check out our FAQ or contact us!",
+  "FaqCta": "Visit the FAQs",
+  "Offer": "Hurry up!<br/>The early bird expires in"
 }

locales/en/info.json

@@ -9,9 +9,9 @@
   "HowToReachName2": "Bus",
   "HowToReachName3": "Plane",
   "HowToReachInfo1": "If you're coming by car, you can reach us in a short time from the nearest cities.<br/>The festival location is:<ul> <li>Grottole -> 15 minutes away</li> <li>Matera -> 25 minutes away</li> <li>Grassano -> 25 minutes away</li> <li>Altamura -> 40 minutes away</li> <li>Potenza -> 1 hour away</li></ul>The festival area has parking facilities",
-  "HowToReachInfo2": "If you're coming by bus, we recommend getting off at Grassano Scalo (MT) and reaching the town of Grassano using the available urban lines (take a look at the urban lines on <a title=\"Look at the routes\" target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.grassani.it/linee/?t=grassano-scalo&a=grassano\">www.grassani.it</a>).<br/><br/> To reach Grassano Scalo (MT), you can book a seat on the MARINOBUS bus service.<br/>MARINOBUS is a Mobility Partner of Naturalmente Tecnologici, and by purchasing a ticket for the festival, you are entitled to a 10% discount on the round trip.<br/>Enter the code found in the guide below during the purchase process.<br/><br/> From Matera, it is possible to reach Grottole via the bus service <a title=\"Vedi gli orari\" target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.sitasudtrasporti.it/archivio/Download/corse/sitasud/Basilicata/Matera/ccebfbb7-4c10-41b5-b2ab-98144d50356e_Linea_352_Salandra_Grottole_Miglionico_Matera.pdf/0\">SITA SUD</a>.<br/><br/>",
+  "HowToReachInfo2": "If you're coming by bus, we recommend getting off at Grassano Scalo (MT) and reaching the town of Grassano using the available urban lines (take a look at the urban lines on <a title=\"Look at the routes\" target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.grassani.it/linee/?t=grassano-scalo&a=grassano\">www.grassani.it</a>).<br/><br/> To reach Grassano Scalo (MT), you can book a seat on the <a href='https://marinobus.it/' target='_blank' rel='noopener noreferrer' title='Marinobus'>MARINOBUS</a> bus service.<br/><br/> From Matera, it is possible to reach Grottole via the bus service <a title=\"Vedi gli orari\" target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.sitasudtrasporti.it/archivio/Download/corse/sitasud/Basilicata/Matera/ccebfbb7-4c10-41b5-b2ab-98144d50356e_Linea_352_Salandra_Grottole_Miglionico_Matera.pdf/0\">SITA SUD</a>.<br/><br/>",
   "HowToReachInfo3": "`The nearest airport is Bari Airport.<br/><br/> From Bari Airport, you can reach Matera in two ways:<br/><ul><li>Take a bus operated by Pugliairbus.<br/>The bus departs from the area in front of the ARRIVALS entrance of Bari International Airport and makes the only stop in Matera at Piazza Giacomo Matteotti. The buses are recognizable by the sign on the windshield indicating 'Navetta Bari Aeroporto - Matera'.<br/> Tickets for the COTRAP and COTRAB buses can be purchased online on <a title=\"Navetta Bari-Matera\" href=\"https://bari.airports.aeroportidipuglia.it/puglia-airbus/\" rel=\"noopener noreferrer\" target=\"_blank\">their website</a> or directly from the driver on board the bus (cash payments) subject to seat availability.<br/><br/></li><li>Take a  taxi or NCC (car hire with driver) that will comfortably take you to Matera.</li></ul>",
-  "ContactsHeading1": "Contact us",
+  "ContactsHeading1": "Any doubts?",
   "ContactsLetUsKnow": " Didn't find what you were looking for?<br />Let us hear your voice!",
   "ContactsHeading2": "Newsletter",
   "ContactsNewsletter": "Have you subscribed to our newsletter?<br /><br />Subscribe to stay updated on the latest event news!",

locales/it/common.json

@@ -3,7 +3,7 @@
   "ThanksTitle": "GRAZIE DI CUORE!",
   "ThanksSubTitle": "CI VEDIAMO AD AGOSTO 2024",
   "NavContactUs": "Contattaci",
-  "NavCta": "TALKS 2023",
+  "NavCta": "RISERVA",
   "CookiesText": "Questo sito utilizza cookie tecnici per il proprio funzionamento e per l'erogazione dei relativi servizi; per tali cookie non è richiesto il tuo consenso. Potrebbero, inoltre, essere installati cookie analitici (propri e di terza parte) per comprendere meglio il tuo utilizzo di questo sito e cookie di profilazione (propri e di terze parti) per inviarti pubblicità in linea con le tue preferenze; per accettare l'utilizzo di questi cookie clicca su “Accetta tutti”, mentre cliccando sul tasto “X” precludi la loro installazione; se, invece, vuoi operare una scelta analitica su specifici cookie",
   "CookiesTextCta": "personalizza le tue preferenze",
   "CookiesFunc": "Funzionale",

locales/it/index.json

@@ -29,7 +29,7 @@
   "HowToReach": "Come raggiungerci",
   "LocationText1": "Il festival avrà luogo tra le argillose colline lucane.<br/>Rientra nel territorio dell'oasi naturale di San Giuliano, non lontano da Matera.<br/><br/> Si gode di una vista mozzafiato, in cui l'occhio spazia in ogni direzione, godendo lo spettacolo degli altopiani circostanti.",
   "LocationText2": "Situato a pochi chilometri dall'abitato, è il più grosso polmone verde, appendice naturale dell'oasi predetta.<br/><br/> La foresta è di notevole importanza ambientale, un vasto territorio boschivo dove abbonda anche la presenza di macchia mediterranea e di specie floristiche e faunistiche molto rare.",
-  "LocationText3": "A Bosco Coste, trovi una delle fantastiche Panchine Giganti sparse per tutta Italia.<br/>Parte del Big Bench Community Project, queste enormi panchine offrono un punto di vista speciale sul paesaggio e ti fanno sentire più vicino alla natura.<br/><br/>La Panchina Gigante di Grottole è perfetta per una pausa e per riscoprire la meraviglia di sentirsi un po’ bambini. Simbolo di comunità e condivisione, ti permette di rilassarti e goderti le viste spettacolari della Basilicata. Se cerchi tranquillità o panorami mozzafiato, la Panchina Gigante a Bosco Coste è da non perdere!",
+  "LocationText3": "A Bosco Coste, trovi una delle fantastiche Panchine Giganti sparse per tutta Italia.<br/>Parte del <a href='https://bigbenchcommunityproject.org/' target='_blank' rel='noopener noreferrer' title='Big Bench Project'>Big Bench Community Project</a>, queste enormi panchine offrono un punto di vista speciale sul paesaggio e ti fanno sentire più vicino alla natura.<br/><br/>La Panchina Gigante di Grottole è perfetta per una pausa e per riscoprire la meraviglia di sentirsi un po’ bambini. Simbolo di comunità e condivisione, ti permette di rilassarti e goderti le viste spettacolari della Basilicata. Se cerchi tranquillità o panorami mozzafiato, la Panchina Gigante a Bosco Coste è da non perdere!",
   "LocationCta": "Scopri la location",
   "WhatHeading": "Cosa faremo",
   "InfoTitle1": "CONCERTI",
@@ -47,5 +47,9 @@
   "LastEditionHeading": "Sulla scorsa edizione...",
   "LastEditionTitle1": "Conferenze",
   "LastEditionTitle2": "Gradimento dei partecipanti",
-  "ConferencesText": "Aver invitato ospiti come Carlo Boccazzi, Marina Berardi, Emanuele Poki, Giacomo Castana, Paolo Bonelli, Giancarlo Di Mita ci ha permesso di vivere un'esperienza di co-housing in un ambiente rurale, magico e surreale."
+  "ConferencesText": "Aver invitato ospiti come Carlo Boccazzi, Marina Berardi, Emanuele Poki, Giacomo Castana, Paolo Bonelli, Giancarlo Di Mita ci ha permesso di vivere un'esperienza di co-housing in un ambiente rurale, magico e surreale.",
+  "TicketsTitle": "RISERVA IL TUO PASS <br/>PER L'EVENTO",
+  "FaqCtaDesc": "Hai qualche dubbio?<br />Dai un'occhiata alle nostre FAQ o contattaci!",
+  "FaqCta": "Vai alle FAQ",
+  "Offer": "Affrettati!<br/>L'early bird scade tra"
 }

locales/it/info.json

@@ -9,9 +9,9 @@
   "HowToReachName2": "Autobus",
   "HowToReachName3": "Aereo",
   "HowToReachInfo1": "Se vieni in auto puoi raggiungerci in poco tempo dalle città più vicine.<br/>La location del festival dista da:<ul> <li>Grottole -> 15 minuti</li> <li>Matera -> 25 minuti</li> <li>Grassano -> 25 minuti</li> <li>Altamura -> 40 minuti</li> <li>Potenza -> 1 ora</li></ul>La zona del festival è fornita di parcheggio",
-  "HowToReachInfo2": "Se vieni in pullman ti consigiamo di scendere a Grassano Scalo (MT) e di raggiungere il paese di Grassano tramite le linee urbane presenti (dai un'occhiata alle linee urbane su <a title=\"Vedi le linee\" target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.grassani.it/linee/?t=grassano-scalo&a=grassano\">www.grassani.it</a>).<br/><br/> Per raggiungere Grassano Scalo (MT) puoi prenotare un posto in autobus con MARINOBUS.<br/>MARINOBUS è Mobility Partner di Naturalmente Tecnologici e acquistando un biglietto per il festival hai diritto a uno sconto del 10% sulla tratta di andata e ritorno.<br/>Inserisci il codice che trovi nella guida qui sotto in fase di acquisto.<br/><br/> Da Matera è possibile raggiungere Grottole tramite il servizio pullman di <a title=\"Vedi gli orari\" target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.sitasudtrasporti.it/archivio/Download/corse/sitasud/Basilicata/Matera/ccebfbb7-4c10-41b5-b2ab-98144d50356e_Linea_352_Salandra_Grottole_Miglionico_Matera.pdf/0\">SITA SUD</a>.<br/><br/>",
+  "HowToReachInfo2": "Se vieni in pullman ti consigiamo di scendere a Grassano Scalo (MT) e di raggiungere il paese di Grassano tramite le linee urbane presenti (dai un'occhiata alle linee urbane su <a title=\"Vedi le linee\" target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.grassani.it/linee/?t=grassano-scalo&a=grassano\">www.grassani.it</a>).<br/><br/> Per raggiungere Grassano Scalo (MT) puoi prenotare un posto in autobus con <a href='https://marinobus.it/' target='_blank' rel='noopener noreferrer' title='Marinobus'>MARINOBUS</a>.<br/><br/> Da Matera è possibile raggiungere Grottole tramite il servizio pullman di <a title=\"Vedi gli orari\" target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.sitasudtrasporti.it/archivio/Download/corse/sitasud/Basilicata/Matera/ccebfbb7-4c10-41b5-b2ab-98144d50356e_Linea_352_Salandra_Grottole_Miglionico_Matera.pdf/0\">SITA SUD</a>.<br/><br/>",
   "HowToReachInfo3": "`L'aeroporto più vicino è quello di Bari.<br/><br/> Dall'aeroporto di Bari puoi raggiungere Matera in due modi:<br/><ul><li>Prendere un bus navetta gestito da Pugliairbus.<br/>La navetta parte dalla zona antistante l'ingresso ARRIVI dell' aeroporto internazionale di Bari e effettua l'unica fermata a Matera in Piazza Giacomo Matteotti. I bus sono riconoscibili dalla tabella sul parabrezza con la dicitura “Navetta Bari Aeroporto - Matera“.<br/> L' acquisto del biglietto del bus navetta COTRAP e COTRAB può essere effettuato online sul <a title=\"Navetta Bari-Matera\" href=\"https://bari.airports.aeroportidipuglia.it/puglia-airbus/\" rel=\"noopener noreferrer\" target=\"_blank\">loro sito</a> o direttamente dall'autista a bordo della navetta (pagamenti in contanti) previa disponibilità dei posti.<br/><br/></li><li>Prendere un classico TAXI o NCC che vi porterà comodamente a Matera.</li></ul>",
-  "ContactsHeading1": "Contattaci",
+  "ContactsHeading1": "Ancora dubbi?",
   "ContactsLetUsKnow": " Non hai trovato quello che cercavi?<br />Facci sentire la tua voce!",
   "ContactsHeading2": "Newsletter",
   "ContactsNewsletter": "Ti sei iscritto alla nostra newsletter?<br /><br />Iscriviti per restare sempre aggiornato sulle novità dell'evento!",

src/components/atoms/CardAction/index.module.scss

@@ -1,14 +1,21 @@
 @use 'src/styles/styled';
 
 .wrap {
-  border-radius: 10px;
-  border: 2px solid var(--nt-orange);
-  box-sizing: border-box;
   display: flex;
+  position: relative;
   flex-direction: column;
+  border: solid 2px var(--nt-orange);
+  border-radius: 20px;
+  padding: 10px 20px;
+  background: linear-gradient(
+    -30deg,
+    var(--nt-orange) -10%,
+    var(--nt-transparent-orange) 20%,
+    var(--nt-light-green) 60%
+  );
+
+  box-sizing: border-box;
   padding: 30px 10px;
-  display: flex;
-  flex-direction: column;
   align-items: center;
   justify-content: space-between;
   width: 30vw;
@@ -19,7 +26,6 @@
   margin: 10px;
   transition: transform 0.3s ease-in, opacity 0.3s ease-in;
   will-change: transform, opacity;
-  position: relative;
   opacity: 1;
   transform: scale(1);
 
@@ -139,3 +145,34 @@
     }
   }
 }
+
+.special {
+  display: flex;
+  flex-direction: column;
+  gap: 0px;
+  margin-top: 10px;
+  p {
+    margin: 5px;
+  }
+}
+
+.cutted {
+  position: relative;
+  &::before {
+    content: '';
+    background-color: var(--nt-orange);
+    width: 100%;
+    height: 4px;
+    opacity: 0.7;
+    position: absolute;
+    left: 0;
+    top: 50%;
+    transform: rotate(-25deg) translateY(-50%);
+  }
+}
+
+.primary {
+  color: var(--nt-orange);
+  transform: scale(1.8);
+  font-weight: bolder;
+}

src/components/atoms/CardAction/index.tsx

@@ -15,6 +15,7 @@ const Index = ({
   Info,
   infoClick,
   glowing,
+  special,
   primary,
 }: FastActionProps) => {
   const [ref, inView, _entry] = useInView({
@@ -41,6 +42,20 @@ const Index = ({
       {icon}
       {/* <p className={styles.bigText} dangerouslySetInnerHTML={{ __html: text }}></p> */}
       <p className={styles.name}>{text}</p>
+      {special ? (
+        <div className={styles.special}>
+          {special[1] ? (
+            <>
+              <p className={styles.cutted}>{special[0]}</p>
+              <p className={styles.primary}>{special[1]}</p>
+            </>
+          ) : (
+            <p className={styles.primary}>{special[0]}</p>
+          )}
+        </div>
+      ) : (
+        <></>
+      )}
       {description ? <p dangerouslySetInnerHTML={{ __html: description }}></p> : <></>}
       <Button text={buttonText} title={buttonText} href={buttonHref} internal={linkType == 'internal'} />
     </div>

src/components/atoms/CardAction/index.types.ts

@@ -10,4 +10,5 @@ export interface FastActionProps {
   infoClick?: () => void;
   glowing?: boolean;
   primary?: boolean;
+  special?: [string, string | undefined];
 }

src/components/atoms/Heading/index.tsx

@@ -11,7 +11,7 @@ const Index = ({
   main = false,
   textWhite = false,
   showOnView = true,
-  simple = false,
+  simple = true,
   id,
 }: HeadingProps) => {
   const style = { color: simple ? 'var(--nt-orange)' : textWhite ? 'var(--nt-white)' : 'var(--nt-green)' };

src/components/atoms/HowToReach/index.tsx

@@ -10,6 +10,9 @@ import { ReactComponent as Car } from '../../../assets/infoUtili/car.svg';
 import { ReactComponent as Bus } from '../../../assets/infoUtili/bus.svg';
 import { ReactComponent as Plane } from '../../../assets/infoUtili/plane.svg';
 
+// <br/>MARINOBUS è Mobility Partner di Naturalmente Tecnologici e acquistando un biglietto per il festival hai diritto a uno sconto del 10% sulla tratta di andata e ritorno.<br/>Inserisci il codice che trovi nella guida qui sotto in fase di acquisto.
+// <br/>MARINOBUS is a Mobility Partner of Naturalmente Tecnologici, and by purchasing a ticket for the festival, you are entitled to a 10% discount on the round trip.<br/>Enter the code found in the guide below during the purchase process.
+
 const Index = () => {
   // const { setText } = useModalContext();
   const { t } = useTranslation();
@@ -25,7 +28,7 @@ const Index = () => {
       name: t('HowToReachName2'),
       svg: Bus,
       info: t('HowToReachInfo2'),
-      infoMarinoBus: true,
+      infoMarinoBus: false,
     },
     {
       name: t('HowToReachName3'),

src/components/atoms/Modal/index.module.scss

@@ -81,6 +81,9 @@
 
 .price {
   color: var(--nt-orange);
+  transform: scale(1.2);
+  transform-origin: center left;
+  font-weight: bold;
 }
 
 .content {

src/components/atoms/Modal/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import ModalProps from './index.types';
 import { ReactComponent as X } from '../../../assets/x.svg';
 import * as styles from './index.module.scss';
-import { Eventbrite, allBadges } from '../../../utilities/tickets';
+import { PassUrl, allBadges } from '../../../utilities/tickets';
 import Button from '../Button';
 import Badge from '../Badge';
 import { useTranslation } from 'react-i18next';
@@ -40,11 +40,7 @@ const Index = ({ title, description, opened, close, price, badges }: ModalProps)
       <p className={styles.content} dangerouslySetInnerHTML={{ __html: desc }}></p>
       <div className={styles.shadow}></div>
       <div className={styles.buttonWrap}>
-        {isForATicket ? (
-          <Button text={t('ModalCta')} title={t('ModalCta')} href={Eventbrite} internal={false} />
-        ) : (
-          <></>
-        )}
+        {isForATicket ? <Button text={t('ModalCta')} title={t('ModalCta')} href={PassUrl} internal={false} /> : <></>}
       </div>
     </div>
   );

src/components/atoms/Partners/index.module.scss

@@ -51,9 +51,17 @@
 
 .logoLong {
   @extend .logo;
-  width: 150px;
+  width: 200px;
   @media screen and (min-width: 768px) {
-    width: 200px;
+    width: 350px;
+  }
+}
+
+.logoLongBig {
+  @extend .logo;
+  width: 300px;
+  @media screen and (min-width: 768px) {
+    width: 450px;
   }
 }