diff --git a/README.md b/README.md
index 7a0358e..c05a5b9 100644
--- a/README.md
+++ b/README.md
@@ -112,7 +112,7 @@ To deconstruct the above command:
 - -p 8080:80 - This is an optional flag that will map port 8080 on the host to port 80 in the container.
 - <tag> - This is the name and tag of the image that will be run. Make sure to use the same tag that you used when building the image.
 
-## Publishing workflow for GitHub
+## Publishing workflow for GitHub
 
 - Develop your code in branch `develop`
 - Once you're done with your changes, commit them, push them and create a PR to incorporate the changes in `main`.
diff --git a/getting-started-guides/authoring/basics.md b/getting-started-guides/authoring/basics.md
index 343bcdc..6d75114 100644
--- a/getting-started-guides/authoring/basics.md
+++ b/getting-started-guides/authoring/basics.md
@@ -43,6 +43,12 @@ demo-workshop
 * The `content/` folder with our actual, written content in Markdown. It
    may also include more nested directories to structure content further.
 
+Make sure to change your current directory to the new `demo-workshop` directory:
+
+```sh title="Change directory to demo-workshop"
+cd demo-workshop
+```
+
 ## Writing Workshop Content
 
 The contents in `workshop/content/**/*.md` are what's going to get rendered into our workshop
diff --git a/src/components/sections/FeaturedContent.tsx b/src/components/sections/FeaturedContent.tsx
index 34876d0..d97adb9 100644
--- a/src/components/sections/FeaturedContent.tsx
+++ b/src/components/sections/FeaturedContent.tsx
@@ -76,6 +76,11 @@ const FeaturedContent: React.FC<FeaturedContentProps> = ({
                           display: 'flex',
                           flexDirection: 'column',
                           alignItems: 'stretch',
+                          transition: 'all 0.3s ease',
+                          '&:hover': {
+                            transform: 'translateY(-5px)',
+                            boxShadow: 4,
+                         },
                         }}
                       >
                         <CardMedia
diff --git a/src/components/sections/Features.tsx b/src/components/sections/Features.tsx
index 3e78896..d87a80f 100644
--- a/src/components/sections/Features.tsx
+++ b/src/components/sections/Features.tsx
@@ -15,7 +15,7 @@ const Feature: React.FC<FeatureProps> = ({ title, description, icon: Icon }) =>
       bgcolor: 'white',
       borderRadius: 3,
       boxShadow: 1,
-      transition: 'all 0.3s',
+      transition: 'all 0.3s ease',
       width: { xs: '100%' },
       maxWidth: 900,
       m: 0,
diff --git a/src/components/sections/Pricing.tsx b/src/components/sections/Pricing.tsx
index c7a410e..a66da5c 100644
--- a/src/components/sections/Pricing.tsx
+++ b/src/components/sections/Pricing.tsx
@@ -28,6 +28,11 @@ const PriceCard: React.FC<PricingPlan & { githubUrl: string, slackUrl: string }>
       height: '100%',
       display: 'flex',
       flexDirection: 'column',
+      transition: 'all 0.3s ease',
+      '&:hover': {
+       transform: isPopular ? 'translateY(-5px) scale(1.05)' : 'translateY(-5px)',
+       boxShadow: isPopular ? 8 : 4,
+      },
     }}
   >
     {isPopular && (
diff --git a/src/components/sections/References.tsx b/src/components/sections/References.tsx
index bf37c3d..abed970 100644
--- a/src/components/sections/References.tsx
+++ b/src/components/sections/References.tsx
@@ -41,7 +41,7 @@ const References: React.FC<{ sectionType: 'even' | 'odd' }> = ({ sectionType })
                           p: 3,
                           textAlign: 'center',
                           filter: 'grayscale(1)',
-                          transition: 'all 0.3s',
+                          transition: 'all 0.3s ease',
                           '&:hover': { filter: 'grayscale(0)' },
                         }}
                       >
diff --git a/src/components/sections/Team.tsx b/src/components/sections/Team.tsx
index 3935615..19be17a 100644
--- a/src/components/sections/Team.tsx
+++ b/src/components/sections/Team.tsx
@@ -21,7 +21,7 @@ const TeamMemberCard: React.FC<TeamMember> = ({ name, role, image, github, twitt
       p: 3,
       borderRadius: 3,
       boxShadow: 2,
-      transition: 'all 0.3s',
+      transition: 'all 0.3s ease',
       width: { xs: '100%', sm: 400 },
       maxWidth: 400,
       minWidth: 280,
diff --git a/src/components/sections/UseCases.tsx b/src/components/sections/UseCases.tsx
index cb54e95..3b09398 100644
--- a/src/components/sections/UseCases.tsx
+++ b/src/components/sections/UseCases.tsx
@@ -17,7 +17,7 @@ const UseCaseCard: React.FC<UseCase & { onClick: () => void; isSelected: boolean
       borderRadius: 3,
       boxShadow: 2,
       textAlign: 'center',
-      transition: 'all 0.3s',
+      transition: 'all 0.3s ease',
       width: { xs: '100%', sm: 400 },
       maxWidth: 400,
       minWidth: 280,