import { useEffect, useState } from "react";
import { Button } from "@/components/ui/button";
// Contador regressivo
function Countdown() {
const [timeLeft, setTimeLeft] = useState({
days: 3,
hours: 12,
minutes: 25,
seconds: 0,
});
useEffect(() => {
const interval = setInterval(() => {
setTimeLeft((prev) => {
let { days, hours, minutes, seconds } = prev;
if (seconds > 0) {
seconds--;
} else if (minutes > 0) {
minutes--;
seconds = 59;
} else if (hours > 0) {
hours--;
minutes = 59;
seconds = 59;
} else if (days > 0) {
days--;
hours = 23;
minutes = 59;
seconds = 59;
}
return { days, hours, minutes, seconds };
});
}, 1000);
return () => clearInterval(interval);
}, []);
return (
⏳ Oferta expira em: {timeLeft.days}d {timeLeft.hours}h {timeLeft.minutes}m {timeLeft.seconds}s
);
import React from "react";
import { motion } from "framer-motion";
import { CheckCircle2, Sparkles, ShieldCheck, Clock, Heart, Dumbbell, Salad, Flame, Star, Zap } from "lucide-react";
import { Button } from "@/components/ui/button";
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion";
const Container: React.FC<{ className?: string; children: React.ReactNode }> = ({ className = "", children }) => (
{children}
);
const SectionTitle: React.FC<{ eyebrow?: string; title: string; subtitle?: string }>
= ({ eyebrow, title, subtitle }) => (
{eyebrow && (
{eyebrow}
)}
{title}
{subtitle && (
{subtitle}
)}