'use client' import { useState, useEffect } from 'react' import { motion, AnimatePresence } from 'framer-motion' import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card" import { Input } from "@/components/ui/input" import { Button } from "@/components/ui/button" import { CheckCircle } from 'lucide-react' import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar' import { RainbowButton } from "@/components/magicui/rainbow-button" import Link from 'next/link' export default function CombinedQuestionCards() { const [showAll, setShowAll] = useState(false) const [showQuestionForm, setShowQuestionForm] = useState(false) const [question, setQuestion] = useState('') const [showConfirmation, setShowConfirmation] = useState(false) const [placeholderIndex, setPlaceholderIndex] = useState(0) const [cards, setCards] = useState([ { id: 1, question: "What's been your favorite trip of 2024 so far? ✈️", | A shadcn/ui and v0 generation - v0