custom logo styling on index page + adjustments to venue styling and leads

web/src/components/general/Logo.tsx

@@ -1,8 +1,13 @@
+"use client";
 import styles from "./logo.module.scss";
+import { usePathname } from "next/navigation";
 
 export const Logo = () => {
+  // Check if the current page is the index page
+  const isIndexPage = usePathname() === "/";
+
   return (
-    <div className={styles.logo}>
+    <div className={`${styles.logo} ${isIndexPage && styles.index}`}>
       <svg viewBox="0 0 297 112" fill="none" xmlns="http://www.w3.org/2000/svg">
         <title>Chateau Neuf</title>
         <path

web/src/components/general/logo.module.scss

@@ -1,6 +1,10 @@
 .logo {
   color: currentColor;
-  width: 24rem;
+  width: 16rem;
+
+  &.index {
+    width: 24rem;
+  }
 
   svg {
     width: 100%;