v.korobtsev/next-enterprise
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: Scroll Animations

Browse source
This commit is contained in:
Dex404 2024-04-18 08:53:36 +00:00
parent 84c14cec5a
commit ff7bbd72a4
16 changed files with 769 additions and 319 deletions
Download patch file Download diff file Expand all files Collapse all files

52
app/page.tsx
View file

@ -1,66 +1,36 @@
"use client"
import { useRef, useState } from "react"
import "../styles/custom.css"
import AboutUs from "components/aboutUs/AboutUs"
import Hero01 from "components/Hero01/Hero01"
import OurServices from "components/OurServices/OurServices"
import Portfolio from "components/Portfolio/Portfolio"
import ContactUs from "components/ContactUs/ContactUs"
import { motion, useScroll } from "framer-motion"
export default function Web() {
const [init, setInit] = useState(false)
const [hovered, setHovered] = useState(false)
const imgStyle = {
transform: hovered ? "translateX(3px)" : "none",
transition: "transform .2s", // Optional: Smooth transition
}
const wordVariants = {
hidden: { opacity: 0, y: 20 },
visible: { opacity: 1, y: 0, transition: { duration: 0.9, staggerChildren: 0.1 } },
}
const ref = useRef<HTMLDivElement>(null)
const { scrollYProgress } = useScroll({
target: ref,
offset: ["0 1", "0.9 1.9"],
})
return (
<div>
<section className="bg-[#0f172a] md:pl-0 md:pr-0 lg:pl-[15%] lg:pr-[15%]">
<section id="Home" className="bg-[#0f172a] md:pl-0 md:pr-0 lg:pl-[2%] lg:pr-[2%]">
<Hero01 />
</section>
<section className="bg-[#0f172a] md:pl-0 md:pr-0 lg:pl-[15%] lg:pr-[15%]">
<section id="aboutUs" className="bg-[#0f172a] md:pl-0 md:pr-0 ">
<AboutUs />
</section>
<motion.div
initial={{ opacity: 0.5, scale: 0.8 }}
whileInView={{ opacity: 1, scale: 1 }}
transition={{ duration: 0.7 }}
>
<section className="mt-[3%] bg-[#0f172a] max-md:p-4 md:pl-0 md:pr-0 lg:pl-[10%] lg:pr-[10%]">
<div>
<section id="services" className="mt-[3%] bg-[#0f172a] max-md:p-4 md:pl-0 md:pr-0 lg:pl-[10%] lg:pr-[10%]">
<OurServices />
</section>
</motion.div>
<motion.div
initial={{ opacity: 0.5, scale: 0.8 }}
whileInView={{ opacity: 1, scale: 1 }}
transition={{ duration: 0.7 }}
>
<section className="mb-10 h-[20%] bg-[#0f172a] pl-[10%] pr-[10%] pt-40">
</div>
<div>
<section id="portfolio" className="mb-10 h-[20%] bg-[#0f172a] pl-[10%] pr-[10%] pt-40">
<Portfolio />
</section>
</motion.div>
<motion.div
initial={{ opacity: 0.5, scale: 0.8 }}
whileInView={{ opacity: 1, scale: 1 }}
transition={{ duration: 0.7 }}
>
<section className="bg-[#0f172a] max-md:p-4 md:pl-0 md:pr-0 lg:pl-[10%] lg:pr-[10%]">
</div>
<div>
<section id="contactUs" className="bg-[#0f172a] max-md:p-4 md:pl-0 md:pr-0 lg:pl-[10%] lg:pr-[10%]">
<ContactUs />
</section>
</motion.div>
</div>
</div>
)
}

110
components/ContactUs/ContactUs.tsx
View file

@ -1,59 +1,65 @@
import { Button } from "components/Button/Button"
import MoveUpWhenVisible from "utils/ScrollAnimations/MoveUpOnScroll"
export default function ContactUs() {
return (
<div className="mx-auto max-w-screen-md px-4 py-8 lg:py-16">
<h2 className="mb-4 text-center text-4xl font-extrabold capitalize leading-none tracking-tight text-white md:text-4xl xl:text-5xl">
Contact Us
</h2>
<p className="mb-8 text-center font-light text-slate-200 dark:text-gray-400 sm:text-xl lg:mb-16">
Got a technical issue? Want to send feedback about a beta feature? Need details about our Business plan? Let us
know.
</p>
<form action="#" className="space-y-8">
<div>
<label htmlFor="email" className="mb-2 block text-sm font-medium text-white dark:text-gray-300">
Your email
</label>
<input
type="email"
id="email"
className="dark:shadow-sm-light block w-full rounded-lg border border-gray-300 bg-homeBg2 p-2.5 text-sm text-white shadow-sm focus:border-primary-500 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400 dark:focus:border-primary-500 dark:focus:ring-primary-500"
placeholder="name@gmail.com"
required
/>
</div>
<div>
<label htmlFor="subject" className="mb-2 block text-sm font-medium text-white dark:text-gray-300">
Subject
</label>
<input
type="text"
id="subject"
className="dark:shadow-sm-light block w-full rounded-lg border border-gray-300 bg-homeBg2 p-3 text-sm text-white shadow-sm focus:border-primary-500 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400 dark:focus:border-primary-500 dark:focus:ring-primary-500"
placeholder="Let us know how we can help you"
required
/>
</div>
<div className="sm:col-span-2">
<label htmlFor="message" className="mb-2 block text-sm font-medium text-white dark:text-gray-400">
Your message
</label>
<textarea
id="message"
rows={6}
className="block w-full rounded-lg border border-gray-300 bg-homeBg2 p-2.5 text-sm text-white shadow-sm focus:border-primary-500 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400 dark:focus:border-primary-500 dark:focus:ring-primary-500"
placeholder="Leave a comment..."
></textarea>
</div>
<Button
type="submit"
href="#"
className="rounded-lg bg-gradient-to-r from-vizoleG1 via-vizoleG2 to-vizoleG3 px-5 py-3 text-center text-sm font-medium text-white hover:bg-primary-800 focus:outline-none focus:ring-4 focus:ring-primary-300 dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800 sm:w-fit"
>
Send message
</Button>
</form>
<MoveUpWhenVisible>
<h2 className="mb-4 text-center text-4xl font-extrabold capitalize leading-none tracking-tight text-white md:text-4xl xl:text-5xl">
Contact Us
</h2>
</MoveUpWhenVisible>
<MoveUpWhenVisible>
<p className="mb-8 text-center font-light text-slate-200 dark:text-gray-400 sm:text-xl lg:mb-16">
Got a technical issue? Want to send feedback about a beta feature? Need details about our Business plan? Let
us know.
</p>
</MoveUpWhenVisible>
<MoveUpWhenVisible>
<form action="#" className="space-y-8">
<div>
<label htmlFor="email" className="mb-2 block text-sm font-medium text-white dark:text-gray-300">
Your email
</label>
<input
type="email"
id="email"
className="dark:shadow-sm-light block w-full rounded-lg border border-gray-300 bg-homeBg2 p-2.5 text-sm text-white shadow-sm focus:border-primary-500 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400 dark:focus:border-primary-500 dark:focus:ring-primary-500"
placeholder="name@gmail.com"
required
/>
</div>
<div>
<label htmlFor="subject" className="mb-2 block text-sm font-medium text-white dark:text-gray-300">
Subject
</label>
<input
type="text"
id="subject"
className="dark:shadow-sm-light block w-full rounded-lg border border-gray-300 bg-homeBg2 p-3 text-sm text-white shadow-sm focus:border-primary-500 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400 dark:focus:border-primary-500 dark:focus:ring-primary-500"
placeholder="Let us know how we can help you"
required
/>
</div>
<div className="sm:col-span-2">
<label htmlFor="message" className="mb-2 block text-sm font-medium text-white dark:text-gray-400">
Your message
</label>
<textarea
id="message"
rows={6}
className="block w-full rounded-lg border border-gray-300 bg-homeBg2 p-2.5 text-sm text-white shadow-sm focus:border-primary-500 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400 dark:focus:border-primary-500 dark:focus:ring-primary-500"
placeholder="Leave a comment..."
></textarea>
</div>
<Button
type="submit"
href="#"
className="rounded-lg bg-gradient-to-r from-vizoleG1 via-vizoleG2 to-vizoleG3 px-5 py-3 text-center text-sm font-medium text-white hover:bg-primary-800 focus:outline-none focus:ring-4 focus:ring-primary-300 dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800 sm:w-fit"
>
Send message
</Button>
</form>
</MoveUpWhenVisible>
</div>
)
}

1
components/Footer/Footer.tsx
View file

@ -22,7 +22,6 @@ function Footer() {
<div className="p-5">
<ul>
<p className="pb-4 text-2xl font-bold text-white">Services</p>
<li className="text-md cursor-pointer pb-2 font-semibold text-gray-500 hover:text-vizoleG2">Stocks</li>
<li className="text-md cursor-pointer pb-2 font-semibold text-gray-500 hover:text-vizoleG2">
Web Development
</li>

1
components/ImageFilter/ImageFilter.tsx
View file

@ -33,7 +33,6 @@ const ImageFilter = () => {
))}
{/* filtered cards display */}
</div>
{/* <main className="grid w-full gap-x-5 gap-y-8 md:mt-8 md:grid-cols-2 lg:grid-cols-3"> */}
<main className="grid max-w-full grid-cols-1 place-items-center gap-3 p-4 md:max-w-full md:grid-cols-3">
{FilterableData.map((item, index) => (
<motion.div

8
components/Navbar/Navbar.tsx
View file

@ -156,7 +156,7 @@ const Navbar: React.FC<NavbarProps> = ({ logoSrc }) => {
<div className="mt-2 flex flex-col rounded-lg border border-gray-100 bg-transparent font-medium rtl:space-x-reverse dark:border-gray-700 dark:bg-gray-800 md:mt-2 md:flex-row md:space-x-8 md:border-0 md:bg-transparent md:p-0 md:dark:bg-gray-900">
<li>
<a
href="#"
href="#home"
className="block rounded px-3 py-2 text-white hover:text-vizoleG2 md:p-0"
aria-current="page"
>
@ -165,7 +165,7 @@ const Navbar: React.FC<NavbarProps> = ({ logoSrc }) => {
</li>
<li>
<a
href="#"
href="#services"
className="block rounded px-3 py-2 text-white hover:bg-gray-100 hover:text-vizoleG2 dark:border-gray-700 dark:text-white dark:hover:bg-gray-700 dark:hover:text-white md:p-0 md:hover:bg-transparent md:hover:text-blue-700 md:dark:hover:bg-transparent md:dark:hover:text-blue-500"
>
Services
@ -173,7 +173,7 @@ const Navbar: React.FC<NavbarProps> = ({ logoSrc }) => {
</li>
<li>
<a
href="#"
href="#portfolio"
className="block rounded px-3 py-2 text-white hover:bg-gray-100 hover:text-vizoleG2 dark:border-gray-700 dark:text-white dark:hover:bg-gray-700 dark:hover:text-white md:p-0 md:hover:bg-transparent md:hover:text-blue-700 md:dark:hover:bg-transparent md:dark:hover:text-blue-500"
>
Portfolio
@ -181,7 +181,7 @@ const Navbar: React.FC<NavbarProps> = ({ logoSrc }) => {
</li>
<li>
<a
href="#"
href="#aboutUs"
className="block rounded px-3 py-2 text-white hover:bg-gray-100 hover:text-vizoleG2 dark:border-gray-700 dark:text-white dark:hover:bg-gray-700 dark:hover:text-white md:p-0 md:hover:bg-transparent md:hover:text-blue-700 md:dark:hover:bg-transparent md:dark:hover:text-blue-500"
>
About

290
components/OurServices/OurServices.tsx
View file

@ -1,175 +1,189 @@
import { Glow, GlowCapture } from "@codaworks/react-glow"
import { BsAndroid, BsApple, BsGlobe2, BsHeadsetVr } from "react-icons/bs"
import MoveLeftWhenVisible from "utils/ScrollAnimations/MoveLeftOnScroll"
import MoveUpWhenVisible from "utils/ScrollAnimations/MoveUpOnScroll"
export default function OurServices() {
return (
<div>
<GlowCapture>
<div className="z_fold:w-[100%] flex flex-col items-center justify-around">
<div className="mb-4 max-w-3xl text-center text-4xl font-extrabold capitalize leading-none tracking-tight text-white md:text-4xl xl:text-5xl">
<h2 className="bg-gradient-to-r from-slate-400 via-white to-slate-400 bg-clip-text text-transparent">
Our Services
</h2>
<MoveLeftWhenVisible>
<h2 className="bg-gradient-to-r from-slate-400 via-white to-slate-400 bg-clip-text text-transparent">
Our Services
</h2>
</MoveLeftWhenVisible>
</div>
<p className="mb-6 max-w-2xl text-center font-light text-[#94a3b8] md:text-lg lg:mb-8 lg:text-xl">
Let us transform your vision into reality with cutting-edge VR/AR experiences and custom software solutions
powered by AI.
</p>
<MoveLeftWhenVisible>
<p className="mb-6 max-w-2xl text-center font-light text-[#94a3b8] md:text-lg lg:mb-8 lg:text-xl">
Let us transform your vision into reality with cutting-edge VR/AR experiences and custom software
solutions powered by AI.
</p>
</MoveLeftWhenVisible>
</div>
<div className=" mt-10 grid max-w-full grid-cols-1 gap-4 sm:grid-cols-1 md:grid-cols-2">
<Glow color="#F0B37D">
<div className="glowable-text flex max-w-[100%] items-center rounded-[20px] border p-4 glow:border-glow glow:bg-glow/[.50] glow:ring-2 glow:ring-glow max-md:flex-wrap max-md:items-center max-md:justify-center">
<div className=" text-center">
<div className="mr-3 inline-flex flex-shrink-0 items-center justify-center rounded-full px-5 ">
<BsGlobe2 className="h-[50px] w-[50px] text-white" />
<MoveUpWhenVisible>
<div className="glowable-text flex max-w-[100%] items-center rounded-[20px] border p-4 glow:border-glow glow:bg-glow/[.50] glow:ring-2 glow:ring-glow max-md:flex-wrap max-md:items-center max-md:justify-center">
<div className=" text-center">
<div className="mr-3 inline-flex flex-shrink-0 items-center justify-center rounded-full px-5 ">
<BsGlobe2 className="h-[50px] w-[50px] text-white" />
</div>
</div>
</div>
<div className="z_fold:w-[100%] flex h-full flex-col rounded-lg max-md:items-center max-md:justify-center">
<div className="mb-3 flex items-center ">
<h2 className="mb-4 max-w-3xl text-4xl font-extrabold capitalize leading-none tracking-tight text-white max-md:text-center md:text-4xl xl:text-3xl">
Web Devlopment
</h2>
</div>
<div className="flex flex-grow flex-col justify-between">
<p className="text-justify text-base leading-relaxed text-gray-300">
We craft engaging and responsive websites that captivate users and drive business growth.
</p>
<a
href="#"
className="mt-3 inline-flex items-center text-gray-300 hover:text-white dark:text-white max-md:text-center"
>
Learn More
<svg
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
strokeWidth="2"
className="ml-2 h-4 w-4"
viewBox="0 0 24 24"
<div className="z_fold:w-[100%] flex h-full flex-col rounded-lg max-md:items-center max-md:justify-center">
<div className="mb-3 flex items-center ">
<h2 className="mb-4 max-w-3xl text-4xl font-extrabold capitalize leading-none tracking-tight text-white max-md:text-center md:text-4xl xl:text-3xl">
Web Devlopment
</h2>
</div>
<div className="flex flex-grow flex-col justify-between">
<p className="text-justify text-base leading-relaxed text-gray-300">
We craft engaging and responsive websites that captivate users and drive business growth.
</p>
<a
href="#"
className="mt-3 inline-flex items-center text-gray-300 hover:text-white dark:text-white max-md:text-center"
>
<path d="M5 12h14M12 5l7 7-7 7"></path>
</svg>
</a>
Learn More
<svg
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
strokeWidth="2"
className="ml-2 h-4 w-4"
viewBox="0 0 24 24"
>
<path d="M5 12h14M12 5l7 7-7 7"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
</MoveUpWhenVisible>
</Glow>
<Glow color="#F0B37D">
<div className="glowable-text flex max-w-[100%] items-center rounded-[20px] border p-4 glow:border-glow glow:bg-glow/[.50] glow:ring-2 glow:ring-glow max-md:flex-wrap max-md:items-center max-md:justify-center">
<div className=" text-center">
<div className="mr-3 inline-flex flex-shrink-0 items-center justify-center rounded-full px-5 ">
<BsApple className="h-[50px] w-[50px] text-white" />
<MoveUpWhenVisible>
<div className="glowable-text flex max-w-[100%] items-center rounded-[20px] border p-4 glow:border-glow glow:bg-glow/[.50] glow:ring-2 glow:ring-glow max-md:flex-wrap max-md:items-center max-md:justify-center">
<div className=" text-center">
<div className="mr-3 inline-flex flex-shrink-0 items-center justify-center rounded-full px-5 ">
<BsApple className="h-[50px] w-[50px] text-white" />
</div>
</div>
</div>
<div className="flex h-full flex-col rounded-lg max-md:flex-wrap max-md:items-center max-md:justify-center">
<div className="mb-3 flex items-center ">
<h2 className="mb-4 max-w-3xl text-4xl font-extrabold capitalize leading-none tracking-tight text-white max-md:text-center md:text-4xl xl:text-3xl">
IOS Application Development
</h2>
</div>
<div className="flex flex-grow flex-col justify-between">
<p className="text-base leading-relaxed text-gray-300">
Our skilled team designs and develops intuitive iOS apps that seamlessly integrate with Apple
devices.
</p>
<a
href="#"
className="mt-3 inline-flex items-center text-gray-300 hover:text-white dark:text-white max-md:text-center"
>
Learn More
<svg
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
strokeWidth="2"
className="ml-2 h-4 w-4"
viewBox="0 0 24 24"
<div className="flex h-full flex-col rounded-lg max-md:flex-wrap max-md:items-center max-md:justify-center">
<div className="mb-3 flex items-center ">
<h2 className="mb-4 max-w-3xl text-4xl font-extrabold capitalize leading-none tracking-tight text-white max-md:text-center md:text-4xl xl:text-3xl">
IOS Application Development
</h2>
</div>
<div className="flex flex-grow flex-col justify-between">
<p className="text-base leading-relaxed text-gray-300">
Our skilled team designs and develops intuitive iOS apps that seamlessly integrate with Apple
devices.
</p>
<a
href="#"
className="mt-3 inline-flex items-center text-gray-300 hover:text-white dark:text-white max-md:text-center"
>
<path d="M5 12h14M12 5l7 7-7 7"></path>
</svg>
</a>
Learn More
<svg
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
strokeWidth="2"
className="ml-2 h-4 w-4"
viewBox="0 0 24 24"
>
<path d="M5 12h14M12 5l7 7-7 7"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
</MoveUpWhenVisible>
</Glow>
<Glow color="#F0B37D">
<div className=" glowable-text flex max-w-[100%] items-center rounded-[20px] border p-4 glow:border-glow glow:bg-glow/[.50] glow:ring-2 glow:ring-glow max-md:flex-wrap max-md:items-center max-md:justify-center">
<div className=" text-center">
<div className="mr-3 inline-flex flex-shrink-0 items-center justify-center rounded-full px-5 ">
<BsAndroid className="h-[50px] w-[50px] text-white" />
<MoveUpWhenVisible>
<div className=" glowable-text flex max-w-[100%] items-center rounded-[20px] border p-4 glow:border-glow glow:bg-glow/[.50] glow:ring-2 glow:ring-glow max-md:flex-wrap max-md:items-center max-md:justify-center">
<div className=" text-center">
<div className="mr-3 inline-flex flex-shrink-0 items-center justify-center rounded-full px-5 ">
<BsAndroid className="h-[50px] w-[50px] text-white" />
</div>
</div>
</div>
<div className="flex h-full flex-col rounded-lg max-md:flex-wrap max-md:items-center max-md:justify-center ">
<div className="mb-3 flex items-center ">
<h2 className="mb-4 max-w-3xl text-4xl font-extrabold capitalize leading-none tracking-tight text-white max-md:text-center md:text-4xl xl:text-3xl">
Android Application Development
</h2>
</div>
<div className="flex flex-grow flex-col justify-between">
<p className="text-base leading-relaxed text-gray-300">
From concept to deployment, we create robust Android apps that cater to a diverse user base.
</p>
<a
href="#"
className="mt-3 inline-flex items-center text-gray-300 hover:text-white dark:text-white max-md:text-center"
>
Learn More
<svg
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
strokeWidth="2"
className="ml-2 h-4 w-4"
viewBox="0 0 24 24"
<div className="flex h-full flex-col rounded-lg max-md:flex-wrap max-md:items-center max-md:justify-center ">
<div className="mb-3 flex items-center ">
<h2 className="mb-4 max-w-3xl text-4xl font-extrabold capitalize leading-none tracking-tight text-white max-md:text-center md:text-4xl xl:text-3xl">
Android Application Development
</h2>
</div>
<div className="flex flex-grow flex-col justify-between">
<p className="text-base leading-relaxed text-gray-300">
From concept to deployment, we create robust Android apps that cater to a diverse user base.
</p>
<a
href="#"
className="mt-3 inline-flex items-center text-gray-300 hover:text-white dark:text-white max-md:text-center"
>
<path d="M5 12h14M12 5l7 7-7 7"></path>
</svg>
</a>
Learn More
<svg
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
strokeWidth="2"
className="ml-2 h-4 w-4"
viewBox="0 0 24 24"
>
<path d="M5 12h14M12 5l7 7-7 7"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
</MoveUpWhenVisible>
</Glow>
<Glow color="#F0B37D">
<div className=" glowable-text flex max-w-[100%] items-center rounded-[20px] border p-4 glow:border-glow glow:bg-glow/[.50] glow:ring-2 glow:ring-glow max-md:flex-wrap max-md:items-center max-md:justify-center">
<div className=" text-center">
<div className="mr-3 inline-flex flex-shrink-0 items-center justify-center rounded-full px-5 ">
<BsHeadsetVr className="h-[50px] w-[50px] text-white" />
<MoveUpWhenVisible>
<div className=" glowable-text flex max-w-[100%] items-center rounded-[20px] border p-4 glow:border-glow glow:bg-glow/[.50] glow:ring-2 glow:ring-glow max-md:flex-wrap max-md:items-center max-md:justify-center">
<div className=" text-center">
<div className="mr-3 inline-flex flex-shrink-0 items-center justify-center rounded-full px-5 ">
<BsHeadsetVr className="h-[50px] w-[50px] text-white" />
</div>
</div>
</div>
<div className="flex h-full flex-col rounded-lg max-md:flex-wrap max-md:items-center max-md:justify-center">
<div className="mb-3 flex items-center ">
<h2 className="mb-4 max-w-3xl text-4xl font-extrabold capitalize leading-none tracking-tight text-white max-md:text-center md:text-4xl xl:text-3xl">
Apps for AR Devices
</h2>
</div>
<div className="flex flex-grow flex-col justify-between">
<p className="text-base leading-relaxed text-gray-300">
Immerse users in augmented reality experiences with our cutting-edge applications for MetaQuest and
Apple Vision Pro.
</p>
<a
href="#"
className="mt-3 inline-flex items-center text-gray-300 hover:text-white dark:text-white max-md:text-center"
>
Learn More
<svg
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
strokeWidth="2"
className="ml-2 h-4 w-4"
viewBox="0 0 24 24"
<div className="flex h-full flex-col rounded-lg max-md:flex-wrap max-md:items-center max-md:justify-center">
<div className="mb-3 flex items-center ">
<h2 className="mb-4 max-w-3xl text-4xl font-extrabold capitalize leading-none tracking-tight text-white max-md:text-center md:text-4xl xl:text-3xl">
Apps for AR Devices
</h2>
</div>
<div className="flex flex-grow flex-col justify-between">
<p className="text-base leading-relaxed text-gray-300">
Immerse users in augmented reality experiences with our cutting-edge applications for MetaQuest
and Apple Vision Pro.
</p>
<a
href="#"
className="mt-3 inline-flex items-center text-gray-300 hover:text-white dark:text-white max-md:text-center"
>
<path d="M5 12h14M12 5l7 7-7 7"></path>
</svg>
</a>
Learn More
<svg
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
strokeWidth="2"
className="ml-2 h-4 w-4"
viewBox="0 0 24 24"
>
<path d="M5 12h14M12 5l7 7-7 7"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
</MoveUpWhenVisible>
</Glow>
</div>
</GlowCapture>

29
components/Portfolio/Portfolio.tsx
View file

@ -1,22 +1,29 @@
import ImageFilter from "components/ImageFilter/ImageFilter"
import MoveDownWhenVisible from "utils/ScrollAnimations/MoveDownOnScroll"
import MoveRightWhenVisible from "utils/ScrollAnimations/MoveRightOnScroll"
export default function Portfolio() {
return (
<>
<div className="mx-auto place-self-center text-center">
<div className="mb-4 text-center text-4xl font-extrabold capitalize leading-none tracking-tight text-white md:text-4xl xl:text-5xl">
<h1 className="bg-gradient-to-r from-slate-400 via-white to-slate-400 bg-clip-text text-transparent">
Our Portfolio
</h1>
<MoveDownWhenVisible>
<h1 className="bg-gradient-to-r from-slate-400 via-white to-slate-400 bg-clip-text text-transparent">
Our Portfolio
</h1>
</MoveDownWhenVisible>
</div>
<p className="pl-5 pr-5 text-2xl text-white">
The showcase of our innovations. Dive in to explore our diverse range of projects and see how we’re driving
digital transformation across industries.”
</p>
</div>
<div>
<ImageFilter />
<MoveDownWhenVisible>
<p className="pl-5 pr-5 text-2xl text-white">
The showcase of our innovations. Dive in to explore our diverse range of projects and see how we’re driving
digital transformation across industries.”
</p>
</MoveDownWhenVisible>
</div>
<MoveRightWhenVisible>
<div>
<ImageFilter />
</div>
</MoveRightWhenVisible>
</>
)
}

137
components/aboutUs/AboutUs.tsx
View file

@ -3,7 +3,10 @@ import { TiTick } from "react-icons/ti"
import { BsPlayCircle } from "react-icons/bs"
import { Modal } from "components/Modal/Modal"
import { useState } from "react"
import { motion } from "framer-motion"
import MoveUpWhenVisible from "utils/ScrollAnimations/MoveUpOnScroll"
import MoveTopLeftWhenVisible from "utils/ScrollAnimations/MoveTopLeftOnScroll"
import MoveRightWhenVisible from "utils/ScrollAnimations/MoveRightOnScroll"
import { Move } from "@tsparticles/engine"
export default function AboutUs() {
const [isModalOpen, setIsModalOpen] = useState(false)
@ -18,74 +21,84 @@ export default function AboutUs() {
backgroundRepeat: "no-repeat",
}}
>
<div className="flex w-[100%] justify-around pb-[10vh] pt-[5vh] max-md:flex-wrap">
<div className="mx-auto max-w-screen-xl px-4 py-8 lg:py-16">
<div className="mr-[15%] flex w-[100%] justify-center pb-[10vh] pt-[5vh] max-md:flex-wrap">
<div className="ml-[5%] mr-[5%] max-w-screen-xl px-4 py-8 lg:py-16">
<div className="mx-auto text-left text-white">
<h4 className="bg-gradient-to-r from-vizoleG1 via-vizoleG2 to-vizoleG3 bg-clip-text pt-20 font-bold text-transparent ">
About Vizole Labs
</h4>
<MoveUpWhenVisible>
<h4 className="bg-gradient-to-r from-vizoleG1 via-vizoleG2 to-vizoleG3 bg-clip-text pt-20 font-bold text-transparent ">
About Vizole Labs
</h4>
</MoveUpWhenVisible>
<div className="mb-4 max-w-2xl text-4xl font-extrabold capitalize leading-none tracking-tight text-white md:text-4xl xl:text-5xl">
<h2 className="bg-gradient-to-r from-slate-400 via-white to-slate-400 bg-clip-text text-transparent">
We are a new digital product development agency
</h2>
<MoveUpWhenVisible>
<h2 className="bg-gradient-to-r from-slate-400 via-white to-slate-400 bg-clip-text text-transparent">
We are a new digital product development agency
</h2>
</MoveUpWhenVisible>
</div>
<h3 className="mr-90 max-w-2xl text-slate-300">
we&apos; re dedicated to bringing your ideas to life with innovative solutions tailored to your unique
needs.
</h3>
</div>
<div className=" mt-3 flex flex-col justify-around text-left text-white">
<Button
href="https://vercel.com/new/git/external?repository-url=https://github.com/Blazity/next-enterprise"
intent="aboutUs"
size="hero1"
>
<TiTick className="mr-2 h-5 w-5" />
Expertise and Experience
</Button>
<Button
href="https://vercel.com/new/git/external?repository-url=https://github.com/Blazity/next-enterprise"
intent="aboutUs"
size="hero1"
>
<TiTick className="mr-2 h-5 w-5" />
Client-Centric Approach
</Button>
<Button
href="https://vercel.com/new/git/external?repository-url=https://github.com/Blazity/next-enterprise"
intent="aboutUs"
size="hero1"
>
<TiTick className="mr-2 h-5 w-5" />
Innovation at the Core
</Button>
<MoveUpWhenVisible>
<h3 className="mr-90 max-w-2xl text-slate-300">
we&apos; re dedicated to bringing your ideas to life with innovative solutions tailored to your unique
needs.
</h3>
</MoveUpWhenVisible>
</div>
<MoveTopLeftWhenVisible>
<div className="mt-3 flex flex-col justify-around text-left text-white">
<Button
href="https://vercel.com/new/git/external?repository-url=https://github.com/Blazity/next-enterprise"
intent="aboutUs"
size="hero1"
>
<TiTick className="mr-2 h-5 w-5" />
Expertise and Experience
</Button>
<Button
href="https://vercel.com/new/git/external?repository-url=https://github.com/Blazity/next-enterprise"
intent="aboutUs"
size="hero1"
>
<TiTick className="mr-2 h-5 w-5" />
Client-Centric Approach
</Button>
<Button
href="https://vercel.com/new/git/external?repository-url=https://github.com/Blazity/next-enterprise"
intent="aboutUs"
size="hero1"
>
<TiTick className="mr-2 h-5 w-5" />
Innovation at the Core
</Button>
</div>
</MoveTopLeftWhenVisible>
</div>
<div className="flex flex-col justify-around">
<div
className="flex h-[315px] w-[560px] items-center justify-center bg-white max-md:h-[250px] max-md:w-[375px]"
style={{
backgroundImage: `url('/images/player_background.png')`,
backgroundSize: "cover",
backgroundPosition: "center",
backgroundRepeat: "no-repeat",
}}
>
<div className="z-50 flex h-full w-full items-center justify-center">
<BsPlayCircle
className="fold:h-[20%] fold:w-[20%] h-[20%] w-[20%] cursor-pointer self-center text-vizoleG2"
onClick={() => setIsModalOpen(true)}
/>
<Modal isOpen={isModalOpen} onClose={() => setIsModalOpen(false)}>
<iframe
className="z_fold:w-[280px] z_fold:h-[170px] h-[315px] w-[560px] max-md:h-[250px] max-md:w-[375px]"
src="https://www.youtube.com/embed/SKIXCPn2xB0?si=tQOw37hJEEzbFKFn"
title="YouTube video player"
></iframe>
</Modal>
<MoveRightWhenVisible>
<div
className="flex h-[315px] w-[560px] items-center justify-center bg-white max-md:h-[250px] max-md:w-[375px]"
style={{
backgroundImage: `url('/images/player_background.png')`,
backgroundSize: "cover",
backgroundPosition: "center",
backgroundRepeat: "no-repeat",
}}
>
<div className="z-50 flex h-full w-full items-center justify-center">
<BsPlayCircle
className="fold:h-[20%] fold:w-[20%] h-[20%] w-[20%] cursor-pointer self-center text-vizoleG2"
onClick={() => setIsModalOpen(true)}
/>
<Modal isOpen={isModalOpen} onClose={() => setIsModalOpen(false)}>
<iframe
className="z_fold:w-[280px] z_fold:h-[170px] h-[315px] w-[560px] max-md:h-[250px] max-md:w-[375px]"
src="https://www.youtube.com/embed/SKIXCPn2xB0?si=tQOw37hJEEzbFKFn"
title="YouTube video player"
></iframe>
</Modal>
</div>
</div>
</div>
</MoveRightWhenVisible>
</div>
</div>
</div>

5
package.json
View file

@ -60,6 +60,7 @@
"clsx": "^2.1.0",
"flowbite-react": "^0.9.0",
"framer-motion": "^11.0.25",
"gsap": "^3.12.5",
"lodash": "^4.17.21",
"next": "^14.0.3",
"next-compose-plugins": "^2.2.1",
@ -71,9 +72,13 @@
"react-scroll-motion": "^0.3.3",
"react-starfield-animation": "^1.0.1",
"react-tsparticles": "^2.12.2",
"react-use": "^17.5.0",
"react-wow": "^1.0.0",
"tailwind-merge": "^2.2.2",
"tailwind-variants": "^0.2.1",
"tsparticles": "^3.3.0",
"wow.js": "^1.2.2",
"wowjs": "^1.1.3",
"zod": "^3.22.4"
},
"devDependencies": {

4
styles/tailwind.css
View file

@ -1,3 +1,5 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
@tailwind utilities;
@import "~animate.css/animate.css";

20
utils/ScrollAnimations/MoveDownOnScroll.tsx Normal file
View file

@ -0,0 +1,20 @@
import React from "react"
import { motion } from "framer-motion"
function MoveDownWhenVisible({ children }: { children: React.ReactNode }) {
return (
<motion.div
initial="hidden"
whileInView="visible"
viewport={{ once: true }}
transition={{ duration: 0.7 }}
variants={{
visible: { opacity: 1, translateY: 0 },
hidden: { translateY: -100, opacity: 0 },
}}
>
{children}
</motion.div>
)
}
export default MoveDownWhenVisible

20
utils/ScrollAnimations/MoveLeftOnScroll.tsx Normal file
View file

@ -0,0 +1,20 @@
import React from "react"
import { motion } from "framer-motion"
function MoveLeftWhenVisible({ children }: { children: React.ReactNode }) {
return (
<motion.div
initial="hidden"
whileInView="visible"
viewport={{ once: true }}
transition={{ duration: 0.7 }}
variants={{
visible: { opacity: 1, translateX: 0 },
hidden: { translateX: 100, opacity: 0 },
}}
>
{children}
</motion.div>
)
}
export default MoveLeftWhenVisible

20
utils/ScrollAnimations/MoveRightOnScroll.tsx Normal file
View file

@ -0,0 +1,20 @@
import React from "react"
import { motion } from "framer-motion"
function MoveRightWhenVisible({ children }: { children: React.ReactNode }) {
return (
<motion.div
initial="hidden"
whileInView="visible"
viewport={{ once: true }}
transition={{ duration: 0.7 }}
variants={{
visible: { opacity: 1, translateX: 0 },
hidden: { translateX: -100, opacity: 0 },
}}
>
{children}
</motion.div>
)
}
export default MoveRightWhenVisible

20
utils/ScrollAnimations/MoveTopLeftOnScroll.tsx Normal file
View file

@ -0,0 +1,20 @@
import React from "react"
import { motion } from "framer-motion"
function MoveTopLeftWhenVisible({ children }: { children: React.ReactNode }) {
return (
<motion.div
initial="hidden"
whileInView="visible"
viewport={{ once: true }}
transition={{ duration: 0.7 }}
variants={{
visible: { opacity: 1, translateX: 0, translateY: 0 },
hidden: { translateX: 20, translateY: 5, opacity: 0 },
}}
>
{children}
</motion.div>
)
}
export default MoveTopLeftWhenVisible

20
utils/ScrollAnimations/MoveUpOnScroll.tsx Normal file
View file

@ -0,0 +1,20 @@
import React from "react"
import { motion } from "framer-motion"
function MoveUpWhenVisible({ children }: { children: React.ReactNode }) {
return (
<motion.div
initial="hidden"
whileInView="visible"
viewport={{ once: true }}
transition={{ duration: 0.7 }}
variants={{
visible: { opacity: 1, translateY: 0 },
hidden: { translateY: 100, opacity: 0 },
}}
>
{children}
</motion.div>
)
}
export default MoveUpWhenVisible

351
yarn.lock
View file

@ -1751,7 +1751,7 @@
dependencies:
regenerator-runtime "^0.14.0"
"@babel/runtime@^7.20.13", "@babel/runtime@^7.24.0":
"@babel/runtime@^7.1.2", "@babel/runtime@^7.20.13", "@babel/runtime@^7.24.0":
version "7.24.4"
resolved "https://registry.npmjs.org/@babel/runtime/-/runtime-7.24.4.tgz"
integrity sha512-dkxf7+hn8mFBwKjs9bvBlArzLVxVbS8usaPUDd5p2a9JCL9tB8OaOVN1isD4+Xyk4ns89/xeOmbQvgdK7IIVdA==
@ -2440,7 +2440,7 @@
"@jridgewell/gen-mapping" "^0.3.0"
"@jridgewell/trace-mapping" "^0.3.9"
"@jridgewell/sourcemap-codec@^1.4.10", "@jridgewell/sourcemap-codec@^1.4.14":
"@jridgewell/sourcemap-codec@^1.4.10", "@jridgewell/sourcemap-codec@^1.4.14", "@jridgewell/sourcemap-codec@^1.4.15":
version "1.4.15"
resolved "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz"
integrity sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==
@ -7525,6 +7525,11 @@
expect "^29.0.0"
pretty-format "^29.0.0"
"@types/js-cookie@^2.2.6":
version "2.2.7"
resolved "https://registry.yarnpkg.com/@types/js-cookie/-/js-cookie-2.2.7.tgz#226a9e31680835a6188e887f3988e60c04d3f6a3"
integrity sha512-aLkWa0C0vO5b4Sr798E26QgOkss68Un0bLjs7u9qxzPT5CG+8DuNTffWES58YzJs3hrVAOs1wonycqEBqNJubA==
"@types/jsdom@^20.0.0":
version "20.0.1"
resolved "https://registry.npmjs.org/@types/jsdom/-/jsdom-20.0.1.tgz"
@ -8024,6 +8029,11 @@
"@webassemblyjs/ast" "1.11.6"
"@xtuc/long" "4.2.2"
"@xobotyi/scrollbar-width@^1.9.5":
version "1.9.5"
resolved "https://registry.yarnpkg.com/@xobotyi/scrollbar-width/-/scrollbar-width-1.9.5.tgz#80224a6919272f405b87913ca13b92929bdf3c4d"
integrity sha512-N8tkAACJx2ww8vFMneJmaAgmjAG1tnVBZJRLRcx061tmsLRZHSEZSLuGWnwPtunsSLvSqXQ2wfp7Mgqg1I+2dQ==
"@xtuc/ieee754@^1.2.0":
version "1.2.0"
resolved "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz"
@ -8265,6 +8275,11 @@ all-contributors-cli@^6.26.1:
optionalDependencies:
prettier "^2"
animate.css@latest:
version "4.1.1"
resolved "https://registry.yarnpkg.com/animate.css/-/animate.css-4.1.1.tgz#614ec5a81131d7e4dc362a58143f7406abd68075"
integrity sha512-+mRmCTv6SbCmtYJCN4faJMNFVNN5EuCTTprDTAo7YzIGji2KADmakjVA3+8mVDkZ2Bf09vayB35lSQIex2+QaQ==
ansi-color@^0.2.1:
version "0.2.1"
resolved "https://registry.npmjs.org/ansi-color/-/ansi-color-0.2.1.tgz"
@ -9233,6 +9248,11 @@ case-sensitive-paths-webpack-plugin@^2.4.0:
resolved "https://registry.npmjs.org/case-sensitive-paths-webpack-plugin/-/case-sensitive-paths-webpack-plugin-2.4.0.tgz"
integrity sha512-roIFONhcxog0JSSWbvVAh3OocukmSgpqOH6YpMkCvav/ySIV3JKg4Dc8vYtQjYi/UxpNE36r/9v+VqTQqgkYmw==
chain-function@^1.0.0:
version "1.0.1"
resolved "https://registry.yarnpkg.com/chain-function/-/chain-function-1.0.1.tgz#c63045e5b4b663fb86f1c6e186adaf1de402a1cc"
integrity sha512-SxltgMwL9uCko5/ZCLiyG2B7R9fY4pDZUw7hJ4MhirdjBLosoDqkWABi3XMucddHdLiFJMb7PD2MZifZriuMTg==
chalk@^2.3.2, chalk@^2.4.2:
version "2.4.2"
resolved "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz"
@ -9350,7 +9370,7 @@ classnames@2.3.2:
resolved "https://registry.npmjs.org/classnames/-/classnames-2.3.2.tgz"
integrity sha512-CSbhY4cFEJRe6/GQzIk5qXZ4Jeg5pcsP7b5peFSDpffpe1cqjASH/n9UTjBwOp6XpMSTwQ8Za2K5V02ueA7Tmw==
classnames@2.5.1:
classnames@2.5.1, classnames@^2.2.5:
version "2.5.1"
resolved "https://registry.yarnpkg.com/classnames/-/classnames-2.5.1.tgz#ba774c614be0f016da105c858e7159eae8e7687b"
integrity sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==
@ -9773,6 +9793,13 @@ cookie@0.6.0:
resolved "https://registry.npmjs.org/cookie/-/cookie-0.6.0.tgz"
integrity sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==
copy-to-clipboard@^3.3.1:
version "3.3.3"
resolved "https://registry.yarnpkg.com/copy-to-clipboard/-/copy-to-clipboard-3.3.3.tgz#55ac43a1db8ae639a4bd99511c148cdd1b83a1b0"
integrity sha512-2KV8NhB5JqC3ky0r9PMCAZKbUHSwtEo4CwCs0KXgruG43gX5PMqDEBbVU4OUzw2MuAWUfsuFmWvEKG5QRfSnJA==
dependencies:
toggle-selection "^1.0.6"
core-js-compat@^3.31.0, core-js-compat@^3.32.2:
version "3.33.0"
resolved "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.33.0.tgz"
@ -9867,6 +9894,14 @@ create-jest@^29.7.0:
jest-util "^29.7.0"
prompts "^2.0.1"
create-react-class@^15.5.1:
version "15.7.0"
resolved "https://registry.yarnpkg.com/create-react-class/-/create-react-class-15.7.0.tgz#7499d7ca2e69bb51d13faf59bd04f0c65a1d6c1e"
integrity sha512-QZv4sFWG9S5RUvkTYWbflxeZX+JG7Cz0Tn33rQBJ+WFQTqTfUTjMjiv9tnfXazjsO5r0KhPs+AqCjyrQX6h2ng==
dependencies:
loose-envify "^1.3.1"
object-assign "^4.1.1"
cross-env@^7.0.3:
version "7.0.3"
resolved "https://registry.npmjs.org/cross-env/-/cross-env-7.0.3.tgz"
@ -9912,6 +9947,13 @@ crypto-random-string@^4.0.0:
dependencies:
type-fest "^1.0.1"
css-in-js-utils@^3.1.0:
version "3.1.0"
resolved "https://registry.yarnpkg.com/css-in-js-utils/-/css-in-js-utils-3.1.0.tgz#640ae6a33646d401fc720c54fc61c42cd76ae2bb"
integrity sha512-fJAcud6B3rRu+KHYk+Bwf+WFL2MDCJJ1XG9x137tJQ0xYxor7XziQtuGFbWNdqrvF4Tk26O3H73nfVqXt/fW1A==
dependencies:
hyphenate-style-name "^1.0.3"
css-loader@^6.7.1, css-loader@^6.7.3:
version "6.8.1"
resolved "https://registry.npmjs.org/css-loader/-/css-loader-6.8.1.tgz"
@ -9948,6 +9990,14 @@ css-select@^5.1.0:
domutils "^3.0.1"
nth-check "^2.0.1"
css-tree@^1.1.2:
version "1.1.3"
resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.1.3.tgz#eb4870fb6fd7707327ec95c2ff2ab09b5e8db91d"
integrity sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==
dependencies:
mdn-data "2.0.14"
source-map "^0.6.1"
css-tree@^2.3.1:
version "2.3.1"
resolved "https://registry.npmjs.org/css-tree/-/css-tree-2.3.1.tgz"
@ -10008,6 +10058,11 @@ csstype@^3.0.2:
resolved "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz"
integrity sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==
csstype@^3.1.2:
version "3.1.3"
resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.3.tgz#d80ff294d114fb0e6ac500fbf85b60137d7eff81"
integrity sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==
cwd@^0.10.0:
version "0.10.0"
resolved "https://registry.npmjs.org/cwd/-/cwd-0.10.0.tgz"
@ -10328,6 +10383,13 @@ dom-converter@^0.2.0:
dependencies:
utila "~0.4"
dom-helpers@^3.2.0:
version "3.4.0"
resolved "https://registry.yarnpkg.com/dom-helpers/-/dom-helpers-3.4.0.tgz#e9b369700f959f62ecde5a6babde4bccd9169af8"
integrity sha512-LnuPJ+dwqKDIyotW1VzmOZ5TONUN7CwkCR5hrgawTUbkBGYdeoNLZo6nNfGkCrjtE1nXXaj7iMMpDa8/d9WoIA==
dependencies:
"@babel/runtime" "^7.1.2"
dom-serializer@0:
version "0.2.2"
resolved "https://registry.npmjs.org/dom-serializer/-/dom-serializer-0.2.2.tgz"
@ -11328,11 +11390,26 @@ fast-levenshtein@^2.0.6:
resolved "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz"
integrity sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==
fast-loops@^1.1.3:
version "1.1.3"
resolved "https://registry.yarnpkg.com/fast-loops/-/fast-loops-1.1.3.tgz#ce96adb86d07e7bf9b4822ab9c6fac9964981f75"
integrity sha512-8EZzEP0eKkEEVX+drtd9mtuQ+/QrlfW/5MlwcwK5Nds6EkZ/tRzEexkzUY2mIssnAyVLT+TKHuRXmFNNXYUd6g==
fast-shallow-equal@^1.0.0:
version "1.0.0"
resolved "https://registry.yarnpkg.com/fast-shallow-equal/-/fast-shallow-equal-1.0.0.tgz#d4dcaf6472440dcefa6f88b98e3251e27f25628b"
integrity sha512-HPtaa38cPgWvaCFmRNhlc6NG7pv6NUHqjPgVAkWGoB9mQMwYB27/K0CvOM5Czy+qpT3e8XJ6Q4aPAnzpNpzNaw==
fastest-levenshtein@^1.0.16:
version "1.0.16"
resolved "https://registry.npmjs.org/fastest-levenshtein/-/fastest-levenshtein-1.0.16.tgz"
integrity sha512-eRnCtTTtGZFpQCwhJiUOuxPQWRXVKYDn0b2PeHfXL6/Zi53SLAzAHfVhVWK2AryC/WH05kGfxhFIPvTF0SXQzg==
fastest-stable-stringify@^2.0.2:
version "2.0.2"
resolved "https://registry.yarnpkg.com/fastest-stable-stringify/-/fastest-stable-stringify-2.0.2.tgz#3757a6774f6ec8de40c4e86ec28ea02417214c76"
integrity sha512-bijHueCGd0LqqNK9b5oCMHc0MluJAx0cwqASgbWMvkO01lCYgIhacVRLcaDz3QnyYIRNJRDwMb41VuT6pHJ91Q==
fastq@^1.6.0:
version "1.15.0"
resolved "https://registry.npmjs.org/fastq/-/fastq-1.15.0.tgz"
@ -12075,6 +12152,11 @@ graphemer@^1.4.0:
resolved "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz"
integrity sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==
gsap@^3.12.5:
version "3.12.5"
resolved "https://registry.yarnpkg.com/gsap/-/gsap-3.12.5.tgz#136c02dad4c673b441bdb1ca00104bfcb4eae7f4"
integrity sha512-srBfnk4n+Oe/ZnMIOXt3gT605BX9x5+rh/prT2F1SsNJsU1XuMiP0E2aptW481OnonOGACZWBqseH5Z7csHxhQ==
gunzip-maybe@^1.4.2:
version "1.4.2"
resolved "https://registry.npmjs.org/gunzip-maybe/-/gunzip-maybe-1.4.2.tgz"
@ -12215,6 +12297,16 @@ hey-listen@^1.0.8:
resolved "https://registry.npmjs.org/hey-listen/-/hey-listen-1.0.8.tgz"
integrity sha512-COpmrF2NOg4TBWUJ5UVyaCU2A88wEMkUPK4hNqyCkqHbxT92BbvfjoSozkAIIm6XhicGlJHhFdullInrdhwU8Q==
history@^3.0.0:
version "3.3.0"
resolved "https://registry.yarnpkg.com/history/-/history-3.3.0.tgz#fcedcce8f12975371545d735461033579a6dae9c"
integrity sha512-ABLnJwKEZGXGqWsXaKYD8NNle49ZbKs1WEBlxrFsQ8dIudZpO5NJaH8WJOqh5lXVhAq7bHksfirrobBmrT7qBw==
dependencies:
invariant "^2.2.1"
loose-envify "^1.2.0"
query-string "^4.2.2"
warning "^3.0.0"
hmac-drbg@^1.0.1:
version "1.0.1"
resolved "https://registry.npmjs.org/hmac-drbg/-/hmac-drbg-1.0.1.tgz"
@ -12224,6 +12316,13 @@ hmac-drbg@^1.0.1:
minimalistic-assert "^1.0.0"
minimalistic-crypto-utils "^1.0.1"
hoist-non-react-statics@^3.3.2:
version "3.3.2"
resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz#ece0acaf71d62c2969c2ec59feff42a4b1a85b45"
integrity sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==
dependencies:
react-is "^16.7.0"
homedir-polyfill@^1.0.0:
version "1.0.3"
resolved "https://registry.npmjs.org/homedir-polyfill/-/homedir-polyfill-1.0.3.tgz"
@ -12403,6 +12502,11 @@ humanize-ms@^1.2.1:
dependencies:
ms "^2.0.0"
hyphenate-style-name@^1.0.3:
version "1.0.4"
resolved "https://registry.yarnpkg.com/hyphenate-style-name/-/hyphenate-style-name-1.0.4.tgz#691879af8e220aea5750e8827db4ef62a54e361d"
integrity sha512-ygGZLjmXfPHj+ZWh6LwbC37l43MhfztxetbFCoYTM2VjkIUpeHgSNn7QIyVFj7YQ1Wl9Cbw5sholVJPzWvC2MQ==
iconv-lite@0.4.24, iconv-lite@^0.4.24:
version "0.4.24"
resolved "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz"
@ -12541,6 +12645,14 @@ init-package-json@^6.0.0:
validate-npm-package-license "^3.0.4"
validate-npm-package-name "^5.0.0"
inline-style-prefixer@^7.0.0:
version "7.0.0"
resolved "https://registry.yarnpkg.com/inline-style-prefixer/-/inline-style-prefixer-7.0.0.tgz#991d550735d42069f528ac1bcdacd378d1305442"
integrity sha512-I7GEdScunP1dQ6IM2mQWh6v0mOYdYmH3Bp31UecKdrcUgcURTcctSe1IECdUznSHKSmsHtjrT3CwCPI1pyxfUQ==
dependencies:
css-in-js-utils "^3.1.0"
fast-loops "^1.1.3"
inquirer@^7.3.3:
version "7.3.3"
resolved "https://registry.npmjs.org/inquirer/-/inquirer-7.3.3.tgz"
@ -12587,7 +12699,7 @@ into-stream@^7.0.0:
from2 "^2.3.0"
p-is-promise "^3.0.0"
invariant@^2.2.4:
invariant@^2.2.1, invariant@^2.2.4:
version "2.2.4"
resolved "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz"
integrity sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==
@ -13568,6 +13680,11 @@ joi@^17.3.0:
"@sideway/formula" "^3.0.1"
"@sideway/pinpoint" "^2.0.0"
js-cookie@^2.2.1:
version "2.2.1"
resolved "https://registry.yarnpkg.com/js-cookie/-/js-cookie-2.2.1.tgz#69e106dc5d5806894562902aa5baec3744e9b2b8"
integrity sha512-HvdH2LzI/EAZcUwA8+0nKNtWHqS+ZmijLA30RwZA0bo7ToCckjK5MkGhjED9KoRcXO6BaGI3I9UIzSA1FKFPOQ==
"js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
version "4.0.0"
resolved "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz"
@ -14154,7 +14271,7 @@ long@^5.0.0:
resolved "https://registry.npmjs.org/long/-/long-5.2.3.tgz"
integrity sha512-lcHwpNoggQTObv5apGNCTdJrO69eHOZMi4BNC+rTLER8iHAqGrUVeLh/irVIM7zTw2bOXA8T6uNPeujwOLg/2Q==
loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.4.0:
loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.2.0, loose-envify@^1.3.1, loose-envify@^1.4.0:
version "1.4.0"
resolved "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz"
integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==
@ -14322,6 +14439,11 @@ mdast-util-to-string@^1.0.0:
resolved "https://registry.npmjs.org/mdast-util-to-string/-/mdast-util-to-string-1.1.0.tgz"
integrity sha512-jVU0Nr2B9X3MU4tSK7JP1CMkSvOj7X5l/GboG1tKRw52lLF1x2Ju92Ms9tNetCcbfX3hzlM73zYo2NKkWSfF/A==
mdn-data@2.0.14:
version "2.0.14"
resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.14.tgz#7113fc4281917d63ce29b43446f701e68c25ba50"
integrity sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==
mdn-data@2.0.28:
version "2.0.28"
resolved "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.28.tgz"
@ -14618,6 +14740,20 @@ mz@^2.7.0:
object-assign "^4.0.1"
thenify-all "^1.0.0"
nano-css@^5.6.1:
version "5.6.1"
resolved "https://registry.yarnpkg.com/nano-css/-/nano-css-5.6.1.tgz#964120cb1af6cccaa6d0717a473ccd876b34c197"
integrity sha512-T2Mhc//CepkTa3X4pUhKgbEheJHYAxD0VptuqFhDbGMUWVV2m+lkNiW/Ieuj35wrfC8Zm0l7HvssQh7zcEttSw==
dependencies:
"@jridgewell/sourcemap-codec" "^1.4.15"
css-tree "^1.1.2"
csstype "^3.1.2"
fastest-stable-stringify "^2.0.2"
inline-style-prefixer "^7.0.0"
rtl-css-js "^1.16.1"
stacktrace-js "^2.0.2"
stylis "^4.3.0"
nanoid@^3.3.6:
version "3.3.6"
resolved "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz"
@ -15078,7 +15214,7 @@ nyc@^15.1.0:
test-exclude "^6.0.0"
yargs "^15.0.2"
object-assign@^4.0.1, object-assign@^4.1.1:
object-assign@^4.0.1, object-assign@^4.1.0, object-assign@^4.1.1:
version "4.1.1"
resolved "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz"
integrity sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==
@ -15983,7 +16119,7 @@ promzard@^1.0.0:
dependencies:
read "^2.0.0"
prop-types@15.8.1, prop-types@^15.5.10, prop-types@^15.7.2, prop-types@^15.8.1:
prop-types@15.8.1, prop-types@^15.5.10, prop-types@^15.5.6, prop-types@^15.6.2, prop-types@^15.7.2, prop-types@^15.8.1:
version "15.8.1"
resolved "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz"
integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==
@ -16120,6 +16256,14 @@ qs@^6.10.0, qs@^6.11.2:
dependencies:
side-channel "^1.0.4"
query-string@^4.2.2:
version "4.3.4"
resolved "https://registry.yarnpkg.com/query-string/-/query-string-4.3.4.tgz#bbb693b9ca915c232515b228b1a02b609043dbeb"
integrity sha512-O2XLNDBIg1DnTOa+2XrIwSiXEV8h2KImXUnjhhn2+UsvZ+Es2uyd5CCRTNQlDGbzUQOW3aYCBx9rVA6dzsiY7Q==
dependencies:
object-assign "^4.1.0"
strict-uri-encode "^1.0.0"
querystring-es3@^0.2.1:
version "0.2.1"
resolved "https://registry.npmjs.org/querystring-es3/-/querystring-es3-0.2.1.tgz"
@ -16199,6 +16343,13 @@ rc@^1.2.8:
minimist "^1.2.0"
strip-json-comments "~2.0.1"
react-addons-css-transition-group@^15.5.2:
version "15.6.2"
resolved "https://registry.yarnpkg.com/react-addons-css-transition-group/-/react-addons-css-transition-group-15.6.2.tgz#9e4376bcf40b5217d14ec68553081cee4b08a6d6"
integrity sha512-M5AJydHOUGq+YujoQLL8f9mQ0QLqxjqHUpWyvUmWVCYi93iGz53HwNBwzHbr0u21KABoPzyLYZZgMk974uPovw==
dependencies:
react-transition-group "^1.2.0"
react-colorful@^5.1.2:
version "5.6.1"
resolved "https://registry.npmjs.org/react-colorful/-/react-colorful-5.6.1.tgz"
@ -16233,6 +16384,16 @@ react-dom@18.2.0, react-dom@^18.2.0:
loose-envify "^1.1.0"
scheduler "^0.23.0"
react-dom@^16.0.0:
version "16.14.0"
resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-16.14.0.tgz#7ad838ec29a777fb3c75c3a190f661cf92ab8b89"
integrity sha512-1gCeQXDLoIqMgqD3IO2Ah9bnf0w9kzhwN5q4FGnHZ67hBm9yePzB5JJAIQCc8x3pFnNlwFq4RidZggNAAkzWWw==
dependencies:
loose-envify "^1.1.0"
object-assign "^4.1.1"
prop-types "^15.6.2"
scheduler "^0.19.1"
react-element-to-jsx-string@^15.0.0:
version "15.0.0"
resolved "https://registry.npmjs.org/react-element-to-jsx-string/-/react-element-to-jsx-string-15.0.0.tgz"
@ -16262,7 +16423,7 @@ react-is@18.1.0:
resolved "https://registry.npmjs.org/react-is/-/react-is-18.1.0.tgz"
integrity sha512-Fl7FuabXsJnV5Q1qIOQwx/sagGF18kogb4gpfcG4gjLBWO0WDiiz1ko/ExayuxE7InyQkBLkxRFG5oxY6Uu3Kg==
react-is@^16.13.1:
react-is@^16.13.0, react-is@^16.13.1, react-is@^16.7.0:
version "16.13.1"
resolved "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz"
integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
@ -16327,6 +16488,20 @@ react-reveal@^1.2.2:
dependencies:
prop-types "^15.5.10"
react-router@^3.0.5:
version "3.2.6"
resolved "https://registry.yarnpkg.com/react-router/-/react-router-3.2.6.tgz#cad202796a7bba3efc2100da453b3379c9d4aeb4"
integrity sha512-nlxtQE8B22hb/JxdaslI1tfZacxFU8x8BJryXOnR2RxB4vc01zuHYAHAIgmBkdk1kzXaA25hZxK6KAH/+CXArw==
dependencies:
create-react-class "^15.5.1"
history "^3.0.0"
hoist-non-react-statics "^3.3.2"
invariant "^2.2.1"
loose-envify "^1.2.0"
prop-types "^15.7.2"
react-is "^16.13.0"
warning "^3.0.0"
react-scroll-motion@^0.3.3:
version "0.3.3"
resolved "https://registry.yarnpkg.com/react-scroll-motion/-/react-scroll-motion-0.3.3.tgz#8d9a562f98b7b59f05079ac95510f141fa6718f8"
@ -16368,6 +16543,17 @@ react-textarea-autosize@^8.5.2:
use-composed-ref "^1.3.0"
use-latest "^1.2.1"
react-transition-group@^1.2.0:
version "1.2.1"
resolved "https://registry.yarnpkg.com/react-transition-group/-/react-transition-group-1.2.1.tgz#e11f72b257f921b213229a774df46612346c7ca6"
integrity sha512-CWaL3laCmgAFdxdKbhhps+c0HRGF4c+hdM4H23+FI1QBNUyx/AMeIJGWorehPNSaKnQNOAxL7PQmqMu78CDj3Q==
dependencies:
chain-function "^1.0.0"
dom-helpers "^3.2.0"
loose-envify "^1.3.1"
prop-types "^15.5.6"
warning "^3.0.0"
react-tsparticles@^2.12.2:
version "2.12.2"
resolved "https://registry.npmjs.org/react-tsparticles/-/react-tsparticles-2.12.2.tgz"
@ -16375,6 +16561,43 @@ react-tsparticles@^2.12.2:
dependencies:
tsparticles-engine "^2.12.0"
react-universal-interface@^0.6.2:
version "0.6.2"
resolved "https://registry.yarnpkg.com/react-universal-interface/-/react-universal-interface-0.6.2.tgz#5e8d438a01729a4dbbcbeeceb0b86be146fe2b3b"
integrity sha512-dg8yXdcQmvgR13RIlZbTRQOoUrDciFVoSBZILwjE2LFISxZZ8loVJKAkuzswl5js8BHda79bIb2b84ehU8IjXw==
react-use@^17.5.0:
version "17.5.0"
resolved "https://registry.yarnpkg.com/react-use/-/react-use-17.5.0.tgz#1fae45638828a338291efa0f0c61862db7ee6442"
integrity sha512-PbfwSPMwp/hoL847rLnm/qkjg3sTRCvn6YhUZiHaUa3FA6/aNoFX79ul5Xt70O1rK+9GxSVqkY0eTwMdsR/bWg==
dependencies:
"@types/js-cookie" "^2.2.6"
"@xobotyi/scrollbar-width" "^1.9.5"
copy-to-clipboard "^3.3.1"
fast-deep-equal "^3.1.3"
fast-shallow-equal "^1.0.0"
js-cookie "^2.2.1"
nano-css "^5.6.1"
react-universal-interface "^0.6.2"
resize-observer-polyfill "^1.5.1"
screenfull "^5.1.0"
set-harmonic-interval "^1.0.1"
throttle-debounce "^3.0.1"
ts-easing "^0.2.0"
tslib "^2.1.0"
react-wow@^1.0.0:
version "1.0.0"
resolved "https://registry.yarnpkg.com/react-wow/-/react-wow-1.0.0.tgz#78b786d08e2f6b6256b01af1941beace5fc738cc"
integrity sha512-8U2VpbTauW+B5dyNXDiMHRJ7z1QRTyJGFILfoWSWZWtcEA6MGH6PmBihYFmMwmLfuGiy5xvSlIPpyTO0dbZRmw==
dependencies:
classnames "^2.2.5"
prop-types "^15.5.10"
react "^16.0.0"
react-addons-css-transition-group "^15.5.2"
react-dom "^16.0.0"
react-router "^3.0.5"
react@18.2.0, react@^18.2.0:
version "18.2.0"
resolved "https://registry.npmjs.org/react/-/react-18.2.0.tgz"
@ -16382,6 +16605,15 @@ react@18.2.0, react@^18.2.0:
dependencies:
loose-envify "^1.1.0"
react@^16.0.0:
version "16.14.0"
resolved "https://registry.yarnpkg.com/react/-/react-16.14.0.tgz#94d776ddd0aaa37da3eda8fc5b6b18a4c9a3114d"
integrity sha512-0X2CImDkJGApiAlcf0ODKIneSwBPhqJawOa5wCtKbu7ZECrmS26NvtSILynQ66cgkT/RJ4LidJOc3bUESwmU8g==
dependencies:
loose-envify "^1.1.0"
object-assign "^4.1.1"
prop-types "^15.6.2"
read-cache@^1.0.0:
version "1.0.0"
resolved "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz"
@ -16696,6 +16928,11 @@ requires-port@^1.0.0:
resolved "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz"
integrity sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==
resize-observer-polyfill@^1.5.1:
version "1.5.1"
resolved "https://registry.yarnpkg.com/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz#0e9020dd3d21024458d4ebd27e23e40269810464"
integrity sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==
resolve-cwd@^3.0.0:
version "3.0.0"
resolved "https://registry.npmjs.org/resolve-cwd/-/resolve-cwd-3.0.0.tgz"
@ -16807,6 +17044,13 @@ ripemd160@^2.0.0, ripemd160@^2.0.1:
hash-base "^3.0.0"
inherits "^2.0.1"
rtl-css-js@^1.16.1:
version "1.16.1"
resolved "https://registry.yarnpkg.com/rtl-css-js/-/rtl-css-js-1.16.1.tgz#4b48b4354b0ff917a30488d95100fbf7219a3e80"
integrity sha512-lRQgou1mu19e+Ya0LsTvKrVJ5TYUbqCVPAiImX3UfLTenarvPUl1QFdvu5Z3PYmHT9RCcwIfbjRQBntExyj3Zg==
dependencies:
"@babel/runtime" "^7.1.2"
run-async@^2.4.0:
version "2.4.1"
resolved "https://registry.npmjs.org/run-async/-/run-async-2.4.1.tgz"
@ -16882,6 +17126,14 @@ saxes@^6.0.0:
dependencies:
xmlchars "^2.2.0"
scheduler@^0.19.1:
version "0.19.1"
resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.19.1.tgz#4f3e2ed2c1a7d65681f4c854fa8c5a1ccb40f196"
integrity sha512-n/zwRWRYSUj0/3g/otKDRPMh6qv2SYMWNq85IEa8iZyAv8od9zDYpGSnpBEjNgcMNq6Scbu5KfIPxNF72R/2EA==
dependencies:
loose-envify "^1.1.0"
object-assign "^4.1.1"
scheduler@^0.23.0:
version "0.23.0"
resolved "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz"
@ -16908,6 +17160,11 @@ schema-utils@^4.0.0:
ajv-formats "^2.1.1"
ajv-keywords "^5.1.0"
screenfull@^5.1.0:
version "5.2.0"
resolved "https://registry.yarnpkg.com/screenfull/-/screenfull-5.2.0.tgz#6533d524d30621fc1283b9692146f3f13a93d1ba"
integrity sha512-9BakfsO2aUQN2K9Fdbj87RJIEZ82Q9IGim7FqM5OsebfoFC6ZHXgDq/KvniuLTPdeM8wY2o6Dj3WQ7KeQCj3cA==
scroll-into-view-if-needed@3.0.10:
version "3.0.10"
resolved "https://registry.npmjs.org/scroll-into-view-if-needed/-/scroll-into-view-if-needed-3.0.10.tgz"
@ -17029,6 +17286,11 @@ set-function-name@^2.0.0, set-function-name@^2.0.1:
functions-have-names "^1.2.3"
has-property-descriptors "^1.0.0"
set-harmonic-interval@^1.0.1:
version "1.0.1"
resolved "https://registry.yarnpkg.com/set-harmonic-interval/-/set-harmonic-interval-1.0.1.tgz#e1773705539cdfb80ce1c3d99e7f298bb3995249"
integrity sha512-AhICkFV84tBP1aWqPwLZqFvAwqEoVA9kxNMniGEUvzOlm4vLmOFLiTT3UZ6bziJTy4bOVpzWGTfSCbmaayGx8g==
setimmediate@^1.0.4:
version "1.0.5"
resolved "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz"
@ -17229,6 +17491,11 @@ source-map-support@^0.5.16, source-map-support@~0.5.20:
buffer-from "^1.0.0"
source-map "^0.6.0"
source-map@0.5.6:
version "0.5.6"
resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.6.tgz#75ce38f52bf0733c5a7f0c118d81334a2bb5f412"
integrity sha512-MjZkVp0NHr5+TPihLcadqnlVoGIoWo4IBHptutGh9wI3ttUYvCG26HkSuDi+K6lsZ25syXJXcctwgyVCt//xqA==
source-map@0.6.1, source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.0, source-map@~0.6.1:
version "0.6.1"
resolved "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz"
@ -17326,6 +17593,13 @@ ssri@^10.0.0, ssri@^10.0.5:
dependencies:
minipass "^7.0.3"
stack-generator@^2.0.5:
version "2.0.10"
resolved "https://registry.yarnpkg.com/stack-generator/-/stack-generator-2.0.10.tgz#8ae171e985ed62287d4f1ed55a1633b3fb53bb4d"
integrity sha512-mwnua/hkqM6pF4k8SnmZ2zfETsRUpWXREfA/goT8SLCV4iOFa4bzOX2nDipWAZFPTjLvQB82f5yaodMVhK0yJQ==
dependencies:
stackframe "^1.3.4"
stack-utils@^2.0.3:
version "2.0.6"
resolved "https://registry.npmjs.org/stack-utils/-/stack-utils-2.0.6.tgz"
@ -17338,6 +17612,23 @@ stackframe@^1.3.4:
resolved "https://registry.npmjs.org/stackframe/-/stackframe-1.3.4.tgz"
integrity sha512-oeVtt7eWQS+Na6F//S4kJ2K2VbRlS9D43mAlMyVpVWovy9o+jfgH8O9agzANzaiLjclA0oYzUXEM4PurhSUChw==
stacktrace-gps@^3.0.4:
version "3.1.2"
resolved "https://registry.yarnpkg.com/stacktrace-gps/-/stacktrace-gps-3.1.2.tgz#0c40b24a9b119b20da4525c398795338966a2fb0"
integrity sha512-GcUgbO4Jsqqg6RxfyTHFiPxdPqF+3LFmQhm7MgCuYQOYuWyqxo5pwRPz5d/u6/WYJdEnWfK4r+jGbyD8TSggXQ==
dependencies:
source-map "0.5.6"
stackframe "^1.3.4"
stacktrace-js@^2.0.2:
version "2.0.2"
resolved "https://registry.yarnpkg.com/stacktrace-js/-/stacktrace-js-2.0.2.tgz#4ca93ea9f494752d55709a081d400fdaebee897b"
integrity sha512-Je5vBeY4S1r/RnLydLl0TBTi3F2qdfWmYsGvtfZgEI+SCprPppaIhQf5nGcal4gI4cGpCV/duLcAzT1np6sQqg==
dependencies:
error-stack-parser "^2.0.6"
stack-generator "^2.0.5"
stacktrace-gps "^3.0.4"
statuses@2.0.1:
version "2.0.1"
resolved "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz"
@ -17398,6 +17689,11 @@ streamsearch@^1.1.0:
resolved "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz"
integrity sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==
strict-uri-encode@^1.0.0:
version "1.1.0"
resolved "https://registry.yarnpkg.com/strict-uri-encode/-/strict-uri-encode-1.1.0.tgz#279b225df1d582b1f54e65addd4352e18faa0713"
integrity sha512-R3f198pcvnB+5IpnBlRkphuE9n46WyVl8I39W/ZUTZLz4nqSP/oLYUrcnJrw462Ds8he4YKMov2efsTIw1BDGQ==
string-length@^4.0.1:
version "4.0.2"
resolved "https://registry.npmjs.org/string-length/-/string-length-4.0.2.tgz"
@ -17569,6 +17865,11 @@ styled-jsx@5.1.1:
dependencies:
client-only "0.0.1"
stylis@^4.3.0:
version "4.3.1"
resolved "https://registry.yarnpkg.com/stylis/-/stylis-4.3.1.tgz#ed8a9ebf9f76fe1e12d462f5cc3c4c980b23a7eb"
integrity sha512-EQepAV+wMsIaGVGX1RECzgrcqRRU/0sYOHkeLsZ3fzHaHXZy4DaOOX0vOlGQdlsjkh3mFHAIlVimpwAs4dslyQ==
sucrase@^3.32.0:
version "3.34.0"
resolved "https://registry.npmjs.org/sucrase/-/sucrase-3.34.0.tgz"
@ -17869,6 +18170,11 @@ throttle-debounce@^2.1.0:
resolved "https://registry.yarnpkg.com/throttle-debounce/-/throttle-debounce-2.3.0.tgz#fd31865e66502071e411817e241465b3e9c372e2"
integrity sha512-H7oLPV0P7+jgvrk+6mwwwBDmxTaxnu9HMXmloNLXwnNO0ZxZ31Orah2n8lU1eMPvsaowP2CX+USCgyovXfdOFQ==
throttle-debounce@^3.0.1:
version "3.0.1"
resolved "https://registry.yarnpkg.com/throttle-debounce/-/throttle-debounce-3.0.1.tgz#32f94d84dfa894f786c9a1f290e7a645b6a19abb"
integrity sha512-dTEWWNu6JmeVXY0ZYoPuH5cRIwc0MeGbJwah9KUNYSJwommQpCzTySTpEe8Gs1J23aeWEuAobe4Ag7EHVt/LOg==
through2@^2.0.3, through2@~2.0.0:
version "2.0.5"
resolved "https://registry.npmjs.org/through2/-/through2-2.0.5.tgz"
@ -17928,6 +18234,11 @@ tocbot@^4.20.1:
resolved "https://registry.npmjs.org/tocbot/-/tocbot-4.21.2.tgz"
integrity sha512-R5Muhi/TUu4i4snWVrMgNoXyJm2f8sJfdgIkQvqb+cuIXQEIMAiWGWgCgYXHqX4+XiS/Bnm7IYZ9Zy6NVe6lhw==
toggle-selection@^1.0.6:
version "1.0.6"
resolved "https://registry.yarnpkg.com/toggle-selection/-/toggle-selection-1.0.6.tgz#6e45b1263f2017fa0acc7d89d78b15b8bf77da32"
integrity sha512-BiZS+C1OS8g/q2RRbJmy59xpyghNBqrr6k5L/uKBGRsTfxmu3ffiRnd8mlGPUVayg8pvfi5urfnu8TU7DVOkLQ==
toidentifier@1.0.1:
version "1.0.1"
resolved "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz"
@ -17992,6 +18303,11 @@ ts-dedent@^2.0.0, ts-dedent@^2.2.0:
resolved "https://registry.npmjs.org/ts-dedent/-/ts-dedent-2.2.0.tgz"
integrity sha512-q5W7tVM71e2xjHZTlgfTDoPF/SmqKG5hddq9SzR49CH2hayqRKJtQ4mtRlSxKaJlR/+9rEM+mnBHf7I2/BQcpQ==
ts-easing@^0.2.0:
version "0.2.0"
resolved "https://registry.yarnpkg.com/ts-easing/-/ts-easing-0.2.0.tgz#c8a8a35025105566588d87dbda05dd7fbfa5a4ec"
integrity sha512-Z86EW+fFFh/IFB1fqQ3/+7Zpf9t2ebOAxNI/V6Wo7r5gqiqtxmgTlQ1qbqQcjLKYeSHPTsEmvlJUDg/EuL0uHQ==
ts-interface-checker@^0.1.9:
version "0.1.13"
resolved "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz"
@ -18547,6 +18863,13 @@ walker@^1.0.8:
dependencies:
makeerror "1.0.12"
warning@^3.0.0:
version "3.0.0"
resolved "https://registry.yarnpkg.com/warning/-/warning-3.0.0.tgz#32e5377cb572de4ab04753bdf8821c01ed605b7c"
integrity sha512-jMBt6pUrKn5I+OGgtQ4YZLdhIeJmObddh6CsibPxyQ5yPZm1XExSyzC1LCNX7BzhxWgiHmizBWJTHJIjMjTQYQ==
dependencies:
loose-envify "^1.0.0"
watchpack@2.4.0, watchpack@^2.2.0, watchpack@^2.4.0:
version "2.4.0"
resolved "https://registry.npmjs.org/watchpack/-/watchpack-2.4.0.tgz"
@ -18782,6 +19105,18 @@ wordwrap@^1.0.0:
resolved "https://registry.npmjs.org/wordwrap/-/wordwrap-1.0.0.tgz"
integrity sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q==
wow.js@^1.2.2:
version "1.2.2"
resolved "https://registry.yarnpkg.com/wow.js/-/wow.js-1.2.2.tgz#247519b0a342319b1a63e22aea9acec1a9ea57f5"
integrity sha512-YTW9eiZimHCJDWofsiz2507txaPteUiQD461I/D8533AiRAn3+Y68/1LDuQ3OTgPjagGZLPYKrpoSgjzeQrO6A==
wowjs@^1.1.3:
version "1.1.3"
resolved "https://registry.yarnpkg.com/wowjs/-/wowjs-1.1.3.tgz#440fc1bb4c7e896840ee47972296a2b59075acbd"
integrity sha512-HQp1gi56wYmjOYYOMZ08TnDGpT+AO21RJVa0t1NJ3jU8l3dMyP+sY7TO/lilzVp4JFjW88bBY87RnpxdpSKofA==
dependencies:
animate.css latest
"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0", wrap-ansi@^7.0.0:
name wrap-ansi-cjs
version "7.0.0"