diff --git a/app/[locale]/fleet/[slug]/page.tsx b/app/[locale]/fleet/[slug]/page.tsx index e7e83a0..ad51524 100644 --- a/app/[locale]/fleet/[slug]/page.tsx +++ b/app/[locale]/fleet/[slug]/page.tsx @@ -12,6 +12,16 @@ interface PageProps { params: Promise<{ locale: string; slug: string }>; } +const fadeInUp: Variants = { + hidden: { opacity: 0, y: 40 }, + visible: { opacity: 1, y: 0, transition: { duration: 0.8, ease: "easeOut" } } +}; + +const staggerContainer: Variants = { + hidden: { opacity: 0 }, + visible: { opacity: 1, transition: { staggerChildren: 0.15 } } +}; + export default function YachtPage({ params }: PageProps) { const { slug, locale: _locale } = use(params); const yacht = yachts.find((y) => y.slug === slug); @@ -50,23 +60,13 @@ export default function YachtPage({ params }: PageProps) { return null; } - const fadeInUp: Variants = { - hidden: { opacity: 0, y: 40 }, - visible: { opacity: 1, y: 0, transition: { duration: 0.8, ease: "easeOut" } } - }; - - const staggerContainer: Variants = { - hidden: { opacity: 0 }, - visible: { opacity: 1, transition: { staggerChildren: 0.15 } } - }; - return ( -
+
{/* Editorial Hero Section */} -
+
@@ -89,7 +89,7 @@ export default function YachtPage({ params }: PageProps) { className="flex flex-col items-center" > - The Fleet Collection + {"The Fleet Collection"} {yacht.name}