Build Success: Resolve all Typography and Framer Motion type errors across the project

app/[locale]/page.tsx

@@ -3,8 +3,14 @@
 import { Link } from '@/i18n/routing';
 import { yachts } from '../data/yachts';
 import YachtCard from '../components/YachtCard';
-import { motion } from 'framer-motion';
+import { motion, Variants } from 'framer-motion';
 import { use } from 'react';
+import { useTranslations, useLocale } from 'next-intl';
+
+const fadeInUp: Variants = {
+  hidden: { opacity: 0, y: 40 },
+  visible: { opacity: 1, y: 0, transition: { duration: 0.8, ease: "easeOut" } }
+};
 
 interface PageProps {
   params: Promise<{ locale: string }>;
@@ -14,11 +20,6 @@ export default function Home({ params }: PageProps) {
   const { locale: _locale } = use(params);
   const t = useTranslations('Home');
 
-  const fadeInUp = {
-    hidden: { opacity: 0, y: 40 },
-    visible: { opacity: 1, y: 0, transition: { duration: 0.8, ease: "easeOut" } }
-  };
-
   return (
     <>
       <header className="relative h-screen w-full overflow-hidden">