import React, { useState, useEffect } from 'react';
import { motion, AnimatePresence } from 'framer-motion';
/**
* Nota: Este componente assume que você tem o Framer Motion instalado.
* npm install framer-motion
*/
const phrases = [
"28m2 de conforto",
"cama queen arrumada",
"18c lá fora e aqui dentro quentinho",
"elegância até a última instância"
];
export default function PhraseCarousel() {
const [currentIndex, setCurrentIndex] = useState(0);
useEffect(() => {
const timer = setInterval(() => {
setCurrentIndex((prev) => (prev + 1) % phrases.length);
}, 4000); // Muda a frase a cada 4 segundos
return () => clearInterval(timer);
}, []);
return (
);
}
function AnimatedPhrase({ text }: { text: string }) {
const letters = Array.from(text);
return (
{letters.map((char, i) => (
);
}