AOS

建立Provider

"use client";

import React, { useEffect } from "react";
import AOS from "aos";
import "aos/dist/aos.css";

export default function AOSProvider({
  children,
}: {
  children: React.ReactNode;
}) {
  useEffect(() => {
    AOS.init({
      duration: 500,
    });
  }, []);
  return children;
}

<AOSProvider>{children}</AOSProvider>

<div data-aos="fade-up" />