ash was here part 4

components/custom/EventDescription.tsx

@@ -37,7 +37,7 @@ const EventDescription: React.FC<EventDescriptionProps> = ({
   };
 
   return (
-    <Card className="pt-10 pb-16 px-6 bg-gradient-to-r from-blue-50 to-gray-50 rounded-xl shadow-lg max-w-4xl mx-auto">
+    <Card className="pt-5 px-6 bg-gradient-to-r from-slate-400 to-slate-200 rounded-xl shadow-lg max-w-4xl mt-20 mx-auto">
       <CardHeader className="flex flex-col items-start space-y-4">
         <h1 className="text-3xl font-semibold text-gray-800">
           {eventDetails.name}

components/custom/header.tsx

@@ -36,7 +36,10 @@ const Header = () => {
       ></div>
       <div className="container mx-auto px-6 py-4 flex justify-between items-center">
         <Link href="/" legacyBehavior>
-          <a className="text-2xl font-semibold text-white hover:text-light-purple hover:text-opacity-75 transition-colors duration-300">
+          <a
+            className="text-2xl font-semibold text-white hover:text-light-purple hover:text-opacity-75 transition-colors duration-300"
+            style={{ textShadow: '1px 1px 2px rgba(0, 0, 0, 0.5)' }}
+          >
             TicketChain
           </a>
         </Link>
@@ -72,7 +75,7 @@ const Header = () => {
                 </a>
               </Link>
             </li>
-            <li>
+            <li className="relative bottom-1">
               <MetaMask />
             </li>
           </ul>

components/scripts/MetaMask.tsx

@@ -97,7 +97,11 @@ function MetaMaskConnect() {
       {isConnected ? (
         <Popover>
           <PopoverTrigger asChild>
-            <Button variant="link" className="text-white">
+            <Button
+              variant="link"
+              className="text-white"
+              style={{ textShadow: '1px 1px 2px rgba(0, 0, 0, 0.5)' }}
+            >
               {account && `${account.slice(0, 6)}...${account.slice(-4)}`}
             </Button>
           </PopoverTrigger>
@@ -116,7 +120,11 @@ function MetaMaskConnect() {
           onClick={connect}
           className="bg-light-purple bg-opacity-75 hover:bg-purple border-0 hover:border-0"
         >
-          <WalletIcon className="mr-2 h-4 w-4" /> Connect Wallet
+          <WalletIcon
+            className="mr-2 h-4 w-4"
+            style={{ textShadow: '1px 1px 2px rgba(0, 0, 0, 0.5)' }}
+          />{' '}
+          Connect Wallet
         </Button>
       )}
     </div>