diff --git a/package.json b/package.json
index 715411ca..cb88b015 100644
--- a/package.json
+++ b/package.json
@@ -69,6 +69,7 @@
     "date-fns": "^4.1.0",
     "embla-carousel-react": "^8.5.2",
     "emoji-picker-react": "^4.12.2",
+    "framer-motion": "^12.23.26",
     "geist": "^1.3.0",
     "jimp": "0.22.12",
     "leaflet": "^1.9.4",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ac63a672..3c6ebeec 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -137,6 +137,9 @@ importers:
       emoji-picker-react:
         specifier: ^4.12.2
         version: 4.16.1(react@19.2.1)
+      framer-motion:
+        specifier: ^12.23.26
+        version: 12.23.26(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
       geist:
         specifier: ^1.3.0
         version: 1.5.1(next@15.5.7(@opentelemetry/api@1.9.0)(react-dom@19.2.1(react@19.2.1))(react@19.2.1))
@@ -2949,6 +2952,20 @@ packages:
     resolution: {integrity: sha512-w/XBfkibaTl3YDqASwfDUqkna4Z2p9cFSr1aHDt0WoMTECnRfBOv2WArlZILlqgWlmdIlALXGpM2AOhEk5W3IA==}
     engines: {node: '>=0.8'}
 
+  framer-motion@12.23.26:
+    resolution: {integrity: sha512-cPcIhgR42xBn1Uj+PzOyheMtZ73H927+uWPDVhUMqxy8UHt6Okavb6xIz9J/phFUHUj0OncR6UvMfJTXoc/LKA==}
+    peerDependencies:
+      '@emotion/is-prop-valid': '*'
+      react: ^18.0.0 || ^19.0.0
+      react-dom: ^18.0.0 || ^19.0.0
+    peerDependenciesMeta:
+      '@emotion/is-prop-valid':
+        optional: true
+      react:
+        optional: true
+      react-dom:
+        optional: true
+
   fs.realpath@1.0.0:
     resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==}
 
@@ -3542,6 +3559,12 @@ packages:
   monaco-editor@0.55.1:
     resolution: {integrity: sha512-jz4x+TJNFHwHtwuV9vA9rMujcZRb0CEilTEwG2rRSpe/A7Jdkuj8xPKttCgOh+v/lkHy7HsZ64oj+q3xoAFl9A==}
 
+  motion-dom@12.23.23:
+    resolution: {integrity: sha512-n5yolOs0TQQBRUFImrRfs/+6X4p3Q4n1dUEqt/H58Vx7OW6RF+foWEgmTVDhIWJIMXOuNNL0apKH2S16en9eiA==}
+
+  motion-utils@12.23.6:
+    resolution: {integrity: sha512-eAWoPgr4eFEOFfg2WjIsMoqJTW6Z8MTUCgn/GZ3VRpClWBdnbjryiA3ZSNLyxCTmCQx4RmYX6jX1iWHbenUPNQ==}
+
   ms@2.1.3:
     resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
 
@@ -7798,6 +7821,15 @@ snapshots:
 
   frac@1.1.2: {}
 
+  framer-motion@12.23.26(react-dom@19.2.1(react@19.2.1))(react@19.2.1):
+    dependencies:
+      motion-dom: 12.23.23
+      motion-utils: 12.23.6
+      tslib: 2.8.1
+    optionalDependencies:
+      react: 19.2.1
+      react-dom: 19.2.1(react@19.2.1)
+
   fs.realpath@1.0.0: {}
 
   fsevents@2.3.3:
@@ -8629,6 +8661,12 @@ snapshots:
       dompurify: 3.2.7
       marked: 14.0.0
 
+  motion-dom@12.23.23:
+    dependencies:
+      motion-utils: 12.23.6
+
+  motion-utils@12.23.6: {}
+
   ms@2.1.3: {}
 
   msgpackr-extract@3.0.3:
diff --git a/src/app/(authenticated)/dashboard/page.tsx b/src/app/(authenticated)/dashboard/page.tsx
index ea809662..c159b6d6 100644
--- a/src/app/(authenticated)/dashboard/page.tsx
+++ b/src/app/(authenticated)/dashboard/page.tsx
@@ -4,7 +4,8 @@ import { MainCarousel } from "@/components/dashboard/main-carousel"
 import { BirthdaysCarousel } from "@/components/dashboard/birthdays-carousel"
 import { api } from "@/trpc/react"
 import { cn } from "@/lib/utils"
-import { LinkIcon, LucideGraduationCap } from "lucide-react"
+import { LinkIcon, LucideGraduationCap, Coffee, Sparkles } from "lucide-react"
+import { motion } from "framer-motion"
 import { VideosCarousel } from "@/components/dashboard/videos-carousel"
 import Link from "next/link"
 import { NewsDisplay } from "@/components/dashboard/news-displ"
@@ -19,6 +20,17 @@ import { CompleteProfileModal } from "@/components/complete-profile-modal"
 import { WelcomeCard } from "@/components/dashboard/welcome-card"
 import { useState, useEffect, useMemo } from "react"
 
+// Variantes de animação para o footer
+const fadeInUp = {
+  hidden: { opacity: 0, y: 20 },
+  visible: { opacity: 1, y: 0 }
+}
+
+const transitionDefault = {
+  duration: 0.5,
+  ease: [0.4, 0, 0.2, 1] as const
+}
+
 export default function DashboardPage() {
   const [showProfileModal, setShowProfileModal] = useState(false)
 
@@ -354,8 +366,8 @@ export default function DashboardPage() {
     </div>
       {/* Footer com Redes Sociais */}
       <div className="mt-8 lg:mt-12 bg-muted/50 border-t">
-        <div className="max-w-6xl mx-auto px-4 md:px-2 py-8">
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+        <div className="max-w-7xl mx-auto px-4 md:px-6 lg:px-8 py-8 md:py-10">
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-6 md:gap-8 lg:gap-10">
             {/* Redes Sociais */}
             <div className="space-y-3">
               <h3 className="font-semibold text-sm text-muted-foreground uppercase tracking-wide">
@@ -401,23 +413,52 @@ export default function DashboardPage() {
               </div>
             </div>
 
-            {/* Créditos */}
-            <div className="flex items-end justify-center md:justify-end">
-              <div className="text-center md:text-right">
-                <div className="text-sm text-muted-foreground mb-2">
-                  Elo &copy; 2025
-                </div>
-                <div className="flex items-center justify-center md:justify-end gap-2 text-sm">
-                  <span>Built with ❤️ by</span>
-                  <Link
-                    href={'https://allpines.com.br'}
-                    className="flex items-center gap-1 font-bold text-primary hover:underline"
+            {/* Copyright e desenvolvedor */}
+            <div className="flex flex-col items-center md:items-end justify-end space-y-3">
+              <motion.div
+                variants={fadeInUp}
+                transition={transitionDefault}
+                initial="hidden"
+                animate="visible"
+                className="flex flex-col items-center md:items-end gap-2"
+              >
+                <p className="text-muted-foreground text-sm md:text-base text-center md:text-right">
+                  ©️ {new Date().getFullYear()} Elo | Intranet
+                </p>
+
+                {/* Link criativo para a empresa desenvolvedora */}
+                <motion.a
+                  href="https://www.allpines.com.br"
+                  target="_blank"
+                  rel="noreferrer"
+                  className="group flex items-center gap-1.5 rounded-full bg-gradient-to-r from-primary/10 via-primary/5 to-primary/10 dark:from-primary/20 dark:via-primary/10 dark:to-primary/20 border border-primary/20 dark:border-primary/30 px-3 py-1.5 text-foreground text-xs transition-all hover:from-primary/20 hover:via-primary/10 hover:to-primary/20 dark:hover:from-primary/30 dark:hover:via-primary/20 dark:hover:to-primary/30 hover:shadow-md hover:border-primary/30 dark:hover:border-primary/40"
+                  whileHover={{ scale: 1.05 }}
+                  whileTap={{ scale: 0.95 }}
+                >
+                  <span className="text-muted-foreground text-xs">Feito com</span>
+                  <motion.span
+                    animate={{
+                      rotate: [0, -5, 5, -5, 0],
+                      y: [0, -2, 0],
+                    }}
+                    transition={{
+                      duration: 2,
+                      repeat: Number.POSITIVE_INFINITY,
+                      ease: [0.4, 0, 0.6, 1] as const,
+                    }}
+                  >
+                    <Coffee className="h-3 w-3 text-amber-500 dark:text-amber-400" />
+                  </motion.span>
+                  <span className="text-muted-foreground text-xs">por</span>
+                  <motion.span
+                    className="font-semibold text-primary text-xs"
+                    whileHover={{ x: 2 }}
                   >
-                    <Image src="/logoAllpines.webp" height={16} width={16} alt="Allpines" className="rounded"/>
                     Allpines
-                  </Link>
-                </div>
-              </div>
+                  </motion.span>
+                  <Sparkles className="h-3 w-3 text-primary/70 dark:text-primary/80 transition-transform group-hover:rotate-12" />
+                </motion.a>
+              </motion.div>
             </div>
           </div>
         </div>
diff --git a/src/components/dashboard/news-displ.tsx b/src/components/dashboard/news-displ.tsx
index 525fbb89..4ae7ee25 100644
--- a/src/components/dashboard/news-displ.tsx
+++ b/src/components/dashboard/news-displ.tsx
@@ -63,14 +63,13 @@ function PostItemCompact({ post }: PostItemProps) {
       <CardContent className="p-0 flex flex-col h-full">
         {/* Imagem no topo */}
         {imageUrls.length > 0 && (
-          <div className="relative h-48 md:h-56 overflow-hidden bg-muted">
+          <div className="relative h-56 md:h-56 overflow-hidden">
             <ImageCarousel
               images={imageUrls}
               alt={post.title}
               aspectRatio="auto"
               showArrows={imageUrls.length > 1}
               showDots={imageUrls.length > 1}
-              className="h-full w-full"
               imageFit="cover"
             />
           </div>
diff --git a/src/components/ui/image-carousel.tsx b/src/components/ui/image-carousel.tsx
index 888b2419..53a39502 100644
--- a/src/components/ui/image-carousel.tsx
+++ b/src/components/ui/image-carousel.tsx
@@ -51,12 +51,25 @@ export function ImageCarousel({
 
     setCurrent(carouselApi.selectedScrollSnap())
 
-    carouselApi.on("select", () => {
+    const onSelect = () => {
       setCurrent(carouselApi.selectedScrollSnap())
-    })
+    }
+
+    carouselApi.on("select", onSelect)
+    carouselApi.on("reInit", onSelect)
+
+    return () => {
+      carouselApi.off("select", onSelect)
+      carouselApi.off("reInit", onSelect)
+    }
   }, [carouselApi])
 
-  // Auto play functionality
+  useEffect(() => {
+    if (carouselApi && validImages.length > 0) {
+      carouselApi.reInit()
+    }
+  }, [carouselApi, validImages.length])
+
   useEffect(() => {
     if (!autoPlay || validImages.length <= 1 || isHovered) return
 
@@ -67,7 +80,6 @@ export function ImageCarousel({
     return () => clearInterval(interval)
   }, [autoPlay, validImages.length, autoPlayInterval, isHovered, carouselApi])
 
-
   const allowedAspects = useMemo(() => ([
     { value: 1, className: "aspect-square" },
     { value: 4 / 3, className: "aspect-[4/3]" },
@@ -127,31 +139,41 @@ export function ImageCarousel({
     })
   }, [allowedAspects, aspectRatio])
 
-  // Verificar se deve usar altura total (quando className contém h-full)
+  // CORREÇÃO: Detectar se h-full ou w-full está no className
   const shouldUseFullHeight = className?.includes('h-full') ?? false
+  const shouldUseFullWidth = className?.includes('w-full') ?? false
 
-  const renderImage = (image: string, index: number) => (
-    <div className={cn(
-      "relative w-full overflow-hidden",
-      shouldUseFullHeight ? "h-full" : resolveAspectClass(index),
-    )}>
-      <OptimizedImage
-        src={image}
-        alt={`${alt} ${index + 1}`}
-        fill
+  const renderImage = (image: string, index: number) => {
+    // CORREÇÃO: Se h-full está presente, NÃO usar aspect-ratio
+    // Deixar o container pai controlar a altura
+    const aspectClass = shouldUseFullHeight ? "" : resolveAspectClass(index)
+    
+    return (
+      <div 
         className={cn(
-          imageFit === "contain"
-            ? "object-contain object-center"
-            : shouldUseFullHeight 
-              ? "object-cover object-top"
-              : "object-cover"
+          "relative w-full overflow-hidden bg-muted",
+          // CORREÇÃO: Aplicar aspect-ratio APENAS se não for h-full
+          aspectClass,
+          // Se h-full, forçar altura 100%
+          shouldUseFullHeight && "h-full"
         )}
-        priority={index === current}
-        onLoadingComplete={(img) => handleImageLoad(index, img.target as HTMLImageElement)}
-        imageFit={imageFit}
-      />
-    </div>
-  )
+      >
+        <OptimizedImage
+          src={image}
+          alt={`${alt} ${index + 1}`}
+          fill
+          className={cn(
+            imageFit === "contain"
+              ? "object-contain"
+              : "object-cover"
+          )}
+          priority={index === 0}
+          onLoadingComplete={(img) => handleImageLoad(index, img.target as HTMLImageElement)}
+          imageFit={imageFit}
+        />
+      </div>
+    )
+  }
 
   if (!images || images.length === 0) {
     console.warn('ImageCarousel: No images provided')
@@ -163,7 +185,6 @@ export function ImageCarousel({
     return null
   }
 
-  // Se há apenas uma imagem, não mostra o carrossel
   if (validImages.length === 1) {
     return (
       <div
@@ -182,8 +203,10 @@ export function ImageCarousel({
     <div
       className={cn(
         "relative w-full overflow-hidden rounded-lg border max-w-[100vw] md:max-w-none",
+        // CORREÇÃO: Remover h-full e w-full do className antes de aplicar
+        // Eles serão aplicados internamente conforme necessário
         shouldUseFullHeight && "h-full",
-        className
+        shouldUseFullWidth && "w-full",
       )}
       onMouseEnter={() => setIsHovered(true)}
       onMouseLeave={() => setIsHovered(false)}
@@ -194,24 +217,32 @@ export function ImageCarousel({
         opts={{
           loop: true,
           align: "center",
+          slidesToScroll: 1,
         }}
       >
-        <CarouselContent className={shouldUseFullHeight ? "h-full" : ""}>
+        <CarouselContent 
+          className={cn(shouldUseFullHeight && "h-full", "-ml-0")}
+        >
           {validImages.map((image, index) => (
-            <CarouselItem key={index} className={cn("w-full", shouldUseFullHeight && "h-full")}>
+            <CarouselItem 
+              key={`${image}-${index}`} 
+              className={cn(
+                "w-full pl-0 basis-full",
+                shouldUseFullHeight && "h-full"
+              )}
+            >
               {renderImage(image, index)}
             </CarouselItem>
           ))}
         </CarouselContent>
       </Carousel>
 
-      {/* Setas de navegação - apenas em desktop */}
       {showArrows && (
         <>
           <Button
             variant="ghost"
             size="sm"
-            className="absolute left-2 top-1/2 -translate-y-1/2 h-8 w-8 p-0 bg-black/20 hover:bg-black/40 text-white hidden md:flex"
+            className="absolute left-2 top-1/2 -translate-y-1/2 h-8 w-8 p-0 bg-black/20 hover:bg-black/40 text-white hidden md:flex z-10"
             onClick={() => carouselApi?.scrollPrev()}
             disabled={validImages.length <= 1}
           >
@@ -220,7 +251,7 @@ export function ImageCarousel({
           <Button
             variant="ghost"
             size="sm"
-            className="absolute right-2 top-1/2 -translate-y-1/2 h-8 w-8 p-0 bg-black/20 hover:bg-black/40 text-white hidden md:flex"
+            className="absolute right-2 top-1/2 -translate-y-1/2 h-8 w-8 p-0 bg-black/20 hover:bg-black/40 text-white hidden md:flex z-10"
             onClick={() => carouselApi?.scrollNext()}
             disabled={validImages.length <= 1}
           >
@@ -229,9 +260,8 @@ export function ImageCarousel({
         </>
       )}
 
-      {/* Indicadores de posição (bolinhas)  */}
       {showDots && validImages.length > 1 && (
-        <div className="absolute bottom-3 left-1/2 -translate-x-1/2 flex space-x-1">
+        <div className="absolute bottom-3 left-1/2 -translate-x-1/2 flex space-x-1 z-10">
           {validImages.map((_, index) => (
             <button
               key={index}
@@ -248,12 +278,11 @@ export function ImageCarousel({
         </div>
       )}
 
-      {/* Contador de imagens */}
       {validImages.length > 1 && (
-        <div className="absolute top-3 right-3 bg-black/50 text-white text-xs px-2 py-1 rounded-full">
+        <div className="absolute top-3 right-3 bg-black/50 text-white text-xs px-2 py-1 rounded-full z-10">
           {current + 1} / {validImages.length}
         </div>
       )}
     </div>
   )
-}
+}
\ No newline at end of file
diff --git a/src/components/ui/optimized-image.tsx b/src/components/ui/optimized-image.tsx
index 6d738121..e08a2dc6 100644
--- a/src/components/ui/optimized-image.tsx
+++ b/src/components/ui/optimized-image.tsx
@@ -1,7 +1,7 @@
 "use client"
 
 import Image, { type ImageProps } from "next/image"
-import { useState, useCallback } from "react"
+import { useState, useCallback, useMemo } from "react"
 import { cn } from "@/lib/utils"
 
 interface OptimizedImageProps {
@@ -30,32 +30,46 @@ export function OptimizedImage({
   imageFit = "cover"
 }: OptimizedImageProps) {
   const [isLoaded, setIsLoaded] = useState(false)
+  const [hasError, setHasError] = useState(false)
 
   const handleLoadingComplete = useCallback<NonNullable<ImageProps["onLoad"]>>((img) => {
     setIsLoaded(true)
     onLoadingComplete?.(img)
-  }, [onLoadingComplete])
+  }, [onLoadingComplete, src])
 
-  return (
-    <div className="relative overflow-hidden w-full h-full">
-      {/* Imagem de fundo borrada - sempre preenche todo o espaço */}
-      <Image
-        src={src}
-        alt=""
-        fill={fill}
-        width={!fill ? width : undefined}
-        height={!fill ? height : undefined}
-        className={cn(
-          "absolute inset-0 scale-110",
-          `blur-[${blurIntensity}px]`,
-        "object-cover",
-          "transition-opacity duration-500",
-          isLoaded ? "opacity-100" : "opacity-0"
-        )}
-        priority={priority}
-        sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw"
-      />
+  const handleError = useCallback(() => {
+    setHasError(true)
+  }, [src])
+
+  // Se houver erro, mostrar placeholder
+  if (hasError) {
+    return (
+      <div className={cn("relative w-full h-full bg-red-500/20 flex items-center justify-center", className)}>
+        <div className="text-xs text-red-500 text-center p-4">
+          ❌ Erro ao carregar<br />{src}
+        </div>
+      </div>
+    )
+  }
 
+  return (
+    <div 
+      className="relative w-full h-full" 
+      style={{ 
+        minHeight: fill ? '200px' : undefined,
+        position: 'relative',
+        overflow: 'hidden'
+      }}
+    >
+      {/* Placeholder visível enquanto carrega */}
+      {!isLoaded && (
+        <div className="absolute inset-0 flex items-center justify-center z-10">
+          <div className="text-xs text-muted-foreground">
+            Carregando...
+          </div>
+        </div>
+      )}
+      
       {/* Imagem principal */}
       <Image
         src={src}
@@ -64,17 +78,24 @@ export function OptimizedImage({
         width={!fill ? width : undefined}
         height={!fill ? height : undefined}
         className={cn(
-          "relative z-10",
-          imageFit === "contain" ? "object-contain object-center" : "object-cover",
+          imageFit === "contain" 
+            ? "object-contain" 
+            : "object-cover",
           "transition-opacity duration-300",
           isLoaded ? "opacity-100" : "opacity-0",
           className
         )}
+        style={{
+          objectPosition: 'center center'
+        }}
         priority={priority}
         onLoad={handleLoadingComplete}
+        onError={handleError}
         sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw"
+        loading={priority ? "eager" : "lazy"}
+        // IMPORTANTE: desabilitar otimização se for URL externa
+        unoptimized={src.startsWith('http')}
       />
     </div>
   )
-}
-
+}
\ No newline at end of file
diff --git a/src/server/api/routers/birthday.ts b/src/server/api/routers/birthday.ts
index c86ddaab..9add5f7c 100644
--- a/src/server/api/routers/birthday.ts
+++ b/src/server/api/routers/birthday.ts
@@ -23,7 +23,8 @@ const normalizeBirthdayDate = (date: Date | string): string => {
   if (typeof date === 'string') {
     // Se for string, pode ser ISO 8601 ou formato YYYY-MM-DD
     // Tenta extrair diretamente do formato YYYY-MM-DD primeiro (mais seguro)
-    const dateMatch = date.match(/^(\d{4})-(\d{2})-(\d{2})/)
+    const dateRegex = /^(\d{4})-(\d{2})-(\d{2})/
+    const dateMatch = dateRegex.exec(date)
     if (dateMatch) {
       // Formato YYYY-MM-DD - extrair diretamente sem conversão de timezone
       year = parseInt(dateMatch[1]!, 10)
@@ -32,7 +33,8 @@ const normalizeBirthdayDate = (date: Date | string): string => {
     } else {
       // String ISO 8601 completa (ex: "2025-12-15T03:00:00.000Z")
       // Extrair a parte da data (YYYY-MM-DD) da string ISO
-      const isoDateMatch = date.match(/^(\d{4})-(\d{2})-(\d{2})T/)
+      const isoDateRegex = /^(\d{4})-(\d{2})-(\d{2})T/
+      const isoDateMatch = isoDateRegex.exec(date)
       if (isoDateMatch) {
         // Extrair diretamente da string ISO sem parsear como Date
         year = parseInt(isoDateMatch[1]!, 10)