import { Card, CardContent } from "@/components/ui/card"; import { Button } from "@/components/ui/button"; import { Input } from "@/components/ui/input"; import { Tabs, TabsList, TabsTrigger, TabsContent } from "@/components/ui/tabs"; import { motion } from "framer-motion";
export default function Dashboard() { return (
Contentia AI
Crea contenido que vende en minutos 💻✨
<Tabs defaultValue="articulos"> <TabsList className="mb-4"> <TabsTrigger value="articulos">Artículos SEO</TabsTrigger> <TabsTrigger value="ideas">Ideas Virales</TabsTrigger> <TabsTrigger value="ebooks">Ebooks</TabsTrigger> </TabsList> <TabsContent value="articulos"> <Card className="rounded-2xl shadow-md"> <CardContent className="p-4 space-y-4"> <h2 className="text-xl font-semibold">Generador de Artículos</h2> <Input placeholder="Ej: Cómo ganar dinero con un blog" /> <Button className="bg-pink-500 text-white">Generar</Button> </CardContent> </Card> </TabsContent> <TabsContent value="ideas"> <Card className="rounded-2xl shadow-md"> <CardContent className="p-4 space-y-4"> <h2 className="text-xl font-semibold">Ideas de Contenido</h2> <Input placeholder="Ej: nicho emprendimiento" /> <Button className="bg-pink-500 text-white">Generar Ideas</Button> </CardContent> </Card> </TabsContent> <TabsContent value="ebooks"> <Card className="rounded-2xl shadow-md"> <CardContent className="p-4 space-y-4"> <h2 className="text-xl font-semibold">Creador de Ebook</h2> <Input placeholder="Tema del ebook" /> <Button className="bg-pink-500 text-white">Crear Ebook</Button> </CardContent> </Card> </TabsContent> </Tabs> <motion.div className="mt-10 p-6 bg-pink-50 rounded-2xl text-center" initial={{ opacity: 0, y: 20 }} animate={{ opacity: 1, y: 0 }} > <h3 className="text-lg font-bold">Tu contenido listo en segundos 🚀</h3> <p className="text-gray-600">Empieza a crear y vender hoy mismo</p> </motion.div> </div>
); }