"use client";

  import React, { useState, useEffect } from "react";
  import { motion, useAnimation, Variants } from "framer-motion";
  import Link from "next/link";
  
  interface Leaf {
    x: number;
    y: number;
    rotation: number;
    scale: number;
  }
  
  const leafVariants: Variants = {
    animate: (custom: number) => ({
      y: [0, custom, 0],
      rotate: [0, 360],
      transition: {
        duration: 3 + Math.random() * 2,
        repeat: Infinity,
        ease: "easeInOut",...