Elevate Youth Group
'use client'; import React from 'react'; import { motion } from 'framer-motion'; // Main App Component export default function TextReveal() { const textToAnimate = "Did you know? The Name of Yahweh was removed from YOUR Bible over 6,000 times?"; const words = textToAnimate.match(/[\p{L}\p{N}]+[^\s\p{L}\p{N}]?|[^\s]/gu) || []; // Variants for the container to orchestrate the animation const containerVariants = { hidden: { opacity: 0 }, visible: (i = 1) => ({ opacity: 1, transition: { staggerChildren: 0.1, delayChildren: 0.04 * i }, }), }; // Variants for each word to create a smoother smoke effect const childVariants = { hidden: { opacity: 0, y: 20, filter: "blur(10px)", }, visible: { opacity: 1, y: 0, filter: "blur(0px)", }, }; return (
{words.map((word, index) => ( {word} ))}
); }
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum faucibus accumsan nulla, non faucibus velit convallis et. Nulla tempus placerat massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
