@OSUblake
"use client";
import styles from "./page.module.css";
import { useRef, useState, useEffect } from "react";
import { gsap } from "gsap";
import { ScrollTrigger } from "gsap/ScrollTrigger";
import ScrollToPlugin from "gsap/ScrollToPlugin";
gsap.registerPlugin(ScrollTrigger);
import Character from "../components/Model/Character";
export default function aquatica() {
const slide1 = useRef(null);
const slide2 = useRef(null);
const slide3 = useRef(null);
const slide4 =
@OSUblake
"use client";
import styles from "./page.module.css";
import { useRef, useState, useEffect } from "react";
import { gsap } from "gsap";
import { ScrollTrigger } from "gsap/ScrollTrigger";
import ScrollToPlugin from "gsap/ScrollToPlugin";
gsap.registerPlugin(ScrollTrigger);
import Character from "../components/Model/Character";
export default function aquatica() {
const slide1 = useRef(null);
const slide2 = useRef(null);
const slide3 = useRef(null);
const slide4 =