saved

src/components/Button.jsx

@@ -12,7 +12,7 @@ const variantStyles = {
   solid: {
     slate:
       'bg-gold-900 text-white hover:bg-gold-800 hover:text-slate-100 active:bg-gold-800 active:text-gold-300 focus-visible:outline-gold-900',
-    blue: 'bg-gold-600 text-white hover:text-slate-100 hover:bg-gold-500 active:bg-gold-800 active:text-slate-100 focus-visible:outline-gold-600',
+    blue: 'bg-[#49784C] text-white hover:text-slate-100 hover:bg-[#3a5f3d] active:bg-[#2d4730] active:text-slate-100 focus-visible:outline-[#49784C]',
     white:
       'bg-white text-slate-100 hover:bg-gold-50 active:bg-gold-200 active:text-slate-100 focus-visible:outline-white',
   },

src/components/CallToAction3.jsx

@@ -3,7 +3,7 @@ import Image from 'next/image'
 import { Button } from '@/components/Button'
 import { Container } from '@/components/Container'
 import backgroundImage from '@/images/background-call-to-action4.png'
-import logoVeda from '@/images/logos/logo_name.svg'  
+import logoVeda from '@/images/logos/veda_logo.svg'  
 
 export function CallToAction3() {
   return (

src/components/Header.jsx

@@ -81,12 +81,12 @@ function MobileNavigation() {
 
 export function Header() {
   return (
-    <header className="py-10">
+    <header className="fixed top-0 left-0 right-0 z-50 bg-black/30 backdrop-blur-sm py-4">
       <Container>
         <nav className="relative z-50 flex justify-between">
           <div className="flex items-center md:gap-x-12">
-            <Link href="#" aria-label="Home">
-              <Logo className="h-10 w-auto" />
+            <Link href="#" aria-label="Home" className="overflow-visible">
+              <Logo className="h-8 w-auto max-w-none sm:h-9 md:h-10 lg:h-11 xl:h-12" />
             </Link>
             <div className="hidden md:flex md:gap-x-6">
               <NavLink href="/">HOME</NavLink>