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