import { ArrowLeft, PenTool, Layout, Image, FileImage, Layers, Monitor, Plus, Minus } from "lucide-react"; import { Link } from "react-router-dom"; import { Button } from "@/components/ui/button"; import { Card, CardContent, CardHeader, CardTitle, } from "@/components/ui/card"; import { useState, useEffect } from "react"; import { Accordion, AccordionContent, AccordionItem, AccordionTrigger, } from "@/components/ui/accordion"; import { useToast } from "@/hooks/use-toast"; const GraphicDesignPage = () => { const { toast } = useToast(); const [selectedServices, setSelectedServices] = useState([]); const [isPageLoaded, setIsPageLoaded] = useState(false); useEffect(() => { setIsPageLoaded(true); }, []); const designFeatures = [ { icon: , title: "Diseño Editorial", description: "Creación de libros, revistas, catálogos y publicaciones impresas con diseños atractivos y funcionales." }, { icon: , title: "Diseño Publicitario", description: "Desarrollo de materiales publicitarios impactantes para campañas offline y online." }, { icon: , title: "Diseño de Packaging", description: "Creación de envases y embalajes que destacan tu producto en el punto de venta." }, { icon: , title: "Ilustración", description: "Ilustraciones personalizadas para diversos proyectos y aplicaciones." }, { icon: , title: "Diseño de Infografías", description: "Visualización de datos e información compleja de manera clara y atractiva." }, { icon: , title: "Diseño Digital", description: "Creación de contenido visual para redes sociales, web y plataformas digitales." } ]; const handleServiceSelect = (title: string) => { setSelectedServices(prev => { const isSelected = prev.includes(title); if (isSelected) { return prev.filter(service => service !== title); } else { return [...prev, title]; } }); toast({ title: "Servicio seleccionado", description: `Has ${selectedServices.includes(title) ? 'deseleccionado' : 'seleccionado'} ${title}`, }); }; return (
{/* Back Button */} {/* Hero Section */}

Diseño Gráfico Profesional

Transformamos ideas en diseños impactantes que comunican tu mensaje de manera efectiva. Nuestro equipo de diseñadores expertos crea soluciones visuales únicas para cada proyecto.

{/* Features Grid */}
{designFeatures.map((feature, index) => ( handleServiceSelect(feature.title)} style={{ animationDelay: `${index * 0.1}s` }} >
{feature.icon}
{selectedServices.includes(feature.title) ? ( ) : ( )}
{feature.title}

{feature.description}

 ))}
{/* Services Details Accordion */}

Detalles de Servicios

Diseño Editorial
  • Maquetación de libros y revistas
  • Diseño de catálogos
  • Informes anuales
  • Newsletters y publicaciones periódicas
 Diseño Publicitario
  • Carteles y folletos
  • Banners y displays
  • Materiales promocionales
  • Campañas publicitarias
 Diseño Digital
  • Diseño para redes sociales
  • Newsletters digitales
  • Banners web
  • Presentaciones digitales
{/* CTA Section */}

¿Tienes un proyecto en mente?

{selectedServices.length > 0 ? ( <> Has seleccionado {selectedServices.length} servicio(s). ¡Hagamos realidad tu proyecto! > ) : ( "Contáctanos para discutir tus necesidades de diseño y crear algo extraordinario juntos." )}

); }; export default GraphicDesignPage;