import React from "react";import AnimatedScrollSection from "@/components/foliokit/animated-scroll-section";const AnimatedScrollSectionDemo = () => {  return (    <div className="w-full h-[80vh] flex flex-col items-center justify-start">      <h1 className="text-5xl font-bold text-center text-white">        Animated Scroll Section      </h1>      <AnimatedScrollSection videoSrc="https://pub-7e33da773f24477fad91084ffacf40cb.r2.dev/templates/notion-theme/preview/vid.mp4" />    </div>  );};export default AnimatedScrollSectionDemo;

import React from "react";import AnimatedScrollSection from "@/components/foliokit/animated-scroll-section";const AnimatedScrollSectionDemo = () => {  return (    <div className="w-full h-[80vh] flex flex-col items-center justify-start">      <h1 className="text-5xl font-bold text-center text-white">        Animated Scroll Section with Image      </h1>      <AnimatedScrollSection imgSrc="https://gitfolio.in/assets/og.png" />    </div>  );};export default AnimatedScrollSectionDemo;

import AnimatedScrollSection from "@/components/foliokit/animated-scroll-section";const AnimatedScrollSectionDemo = () => {  return (    <div className="w-full h-[80vh] flex flex-col items-center justify-start">      <h1 className="text-5xl font-bold text-center text-white">        Animated Scroll Section with Mode & URL      </h1>      <AnimatedScrollSection        url="https://gitfolio.in/"        browserMode="default"        videoSrc="https://pub-7e33da773f24477fad91084ffacf40cb.r2.dev/templates/notion-theme/preview/vid.mp4"      />    </div>  );};export default AnimatedScrollSectionDemo;

import AnimatedScrollSection from "@/components/foliokit/animated-scroll-section";const AnimatedScrollSectionDemo = () => {  return (    <div className="w-full h-[80vh] flex flex-col items-center justify-start">      <h1 className="text-5xl font-bold text-center text-white">        Animated Scroll Section with Transform Factors      </h1>      <AnimatedScrollSection        url="https://gitfolio.in/"        videoSrc="https://pub-7e33da773f24477fad91084ffacf40cb.r2.dev/templates/notion-theme/preview/vid.mp4"        scaleRange={[0.5, 1]}        rotateXRange={[20, 1]}        translateYRange={[0, 200]}      />    </div>  );};export default AnimatedScrollSectionDemo;