exp: millionjs on marketing page

This commit is contained in:
Ephraim Atta-Duncan
2024-01-20 14:22:24 +00:00
parent 204388888d
commit a01385b15f
24 changed files with 529 additions and 110 deletions

View File

@ -3,7 +3,8 @@
import Image from 'next/image';
import Link from 'next/link';
import { Variants, motion } from 'framer-motion';
import type { Variants } from 'framer-motion';
import { motion } from 'framer-motion';
import { usePlausible } from 'next-plausible';
import { LuGithub } from 'react-icons/lu';
import { match } from 'ts-pattern';
@ -49,7 +50,7 @@ const HeroTitleVariants: Variants = {
},
};
export const Hero = ({ className, ...props }: HeroProps) => {
export const Hero = ({ className }: HeroProps) => {
const event = usePlausible();
const { getFlag } = useFeatureFlags();
@ -74,7 +75,7 @@ export const Hero = ({ className, ...props }: HeroProps) => {
};
return (
<motion.div className={cn('relative', className)} {...props}>
<motion.div className={cn('relative', className)}>
<div className="absolute -inset-24 -z-10">
<motion.div
className="flex h-full w-full origin-top-right items-center justify-center"