[#361,art/impermanence][s]: various minor fixes.

- fix incorrect video link for paz
- add link in hero to see exhibition
- improve layout of videos in exhibition section (moved to 1/3 vs 2/3 layout, put headings and text at top of box)

components/ImpermanenceArtVideo.js

@@ -3,15 +3,14 @@ import React from "react";
 const ImpermanenceArtVideo = ({ heading, description, video }) => {
   return (
     <div className="container mx-auto mt-20 mb-20">
-      <div className="flex flex-col md:flex-row items-center justify-between gap-6">
-        <div className="md:w-6/12 mb-10">
-          <h2 className="font-bold font-inter text-[22px]">{heading}</h2>
+      <div className="flex flex-col md:flex-row justify-between gap-6">
+        <div className="md:w-4/12 mb-10">
+          <h2 className="font-bold font-inter text-3xl mb-2 md:mb-6">{heading}</h2>
           <p className="text-xl leading-8 mt-2">{description}</p>
         </div>
-        <div className="md:w-6/12 flex flex-col items-center">
+        <div className="md:w-8/12 flex flex-col items-center md:pl-8">
           <iframe
-            width="100%"
-            height="315"
+            className="aspect-video w-full"
             src={
               "https://www.youtube.com/embed/" + video + "?si=vc8BvW2ZaEUSaP-h"
             }

pages/art/impermanence.jsx

@@ -43,6 +43,9 @@ const Hero = () => (
               <a href={magazineLink} className="btnsq btn-black text-3xl">
                 Download our magazine
               </a>
+              <a href="#exhibition" className="btnsq btn-black text-3xl ml-2">
+                View exhition videos
+              </a>
             </p>
           </div>
         </div>
@@ -129,15 +132,15 @@ const Hero = () => (
         </div>
       </div>
     </div>
-    <div className="container mx-auto mt-20 mb-20">
+    <section id="exhibition" className="container mx-auto mt-20 mb-20">
       <div className="block">
         <div className="w-full">
           <h2 className="text-center text-2xl md:text-7xl h-[84.72px] text-bold font-inter font-normal">
             View the Impermanence Exhibition
           </h2>
         </div>
       </div>
-    </div>
+    </section>
     <ImpermanenceArtVideo
       heading=" The art of impermanence"
       description={
@@ -155,9 +158,9 @@ const Hero = () => (
     <ImpermanenceArtVideo
       heading="I give you my word - with Paz Perlman"
       description={
-        'Paz Perlman share the story and meaning behind the art work " I give you my word" which was part of the Art of impermanence exhibition.'
+        'Paz Perlman share the story and meaning behind the art work "I give you my word" which was part of the Art of impermanence exhibition.'
       }
-      video={"ttY24srAYI0"}
+      video={"yXtU-Yp4yA0"}
     />
     <ImpermanenceArtVideo
       heading="I'm of the nature to die - with Sylvie Barbier"
@@ -194,19 +197,21 @@ const Hero = () => (
       }
       video={"QNIMVEdTEEg"}
     />
+    {/*
     <ImpermanenceArtVideo
-      heading="Ashes to ashes- By Sylvie Barbier (short)"
+      heading="Ashes to ashes - By Sylvie Barbier (short)"
       description={
         "The artist performs a ritual in a cave along the Dordogne river (home of many prehistoric cave painting sites) to honour the life and death of her father."
       }
       video={"Llon-fUFNtU"}
     />
     <ImpermanenceArtVideo
-      heading="Ashes to ashes- By Sylvie Barbier (long)"
+      heading="Ashes to ashes - By Sylvie Barbier (full version)"
       description={
         "The artist performs a ritual in a cave along the Dordogne river (home of many prehistoric cave painting sites) to honour the life and death of her father."
       }
       video={"obD1Jj80ajw"}
     />
+    */}
   </div>
 );