import { useState, useEffect } from "react"; import { Button } from "@/components/ui/button"; import { Input } from "@/components/ui/input"; import { Textarea } from "@/components/ui/textarea"; import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"; import { Skeleton } from "@/components/ui/skeleton"; import { Phone, Mail, MapPin, Clock, Send, MessageCircle, Instagram, Loader2 } from "lucide-react"; import { useToast } from "@/hooks/use-toast"; import { HoverScale, HoverLift, InteractiveCard, InteractiveLink } from "@/components/ui/micro-interactions"; const Contact = () => { const { toast } = useToast(); const [isLoading, setIsLoading] = useState(false); const [isContactInfoLoading, setIsContactInfoLoading] = useState(true); const [formData, setFormData] = useState({ name: '', email: '', phone: '', graduationType: '', university: '', date: '', guestCount: '', services: [], message: '' }); const handleSubmit = async (e: React.FormEvent) => { e.preventDefault(); setIsLoading(true); try { // Simulate form processing delay await new Promise(resolve => setTimeout(resolve, 1500)); // Create WhatsApp message const message = `Olá! Gostaria de solicitar um orçamento para organização completa de formatura: Nome: ${formData.name} Email: ${formData.email} Telefone: ${formData.phone} Tipo de formatura: ${formData.graduationType} Universidade/Escola: ${formData.university} Data da formatura: ${formData.date} Número aproximado de convidados: ${formData.guestCount} Mensagem: ${formData.message}`; const whatsappUrl = `https://wa.me/5549988340246?text=${encodeURIComponent(message)}`; window.open(whatsappUrl, '_blank'); toast({ title: "Redirecionando para WhatsApp", description: "Você será redirecionado para o WhatsApp para finalizar sua solicitação de orçamento.", }); } catch (error) { toast({ title: "Erro", description: "Ocorreu um erro ao processar sua solicitação. Tente novamente.", variant: "destructive" }); } finally { setIsLoading(false); } }; const handleChange = (e: React.ChangeEvent) => { setFormData({ ...formData, [e.target.name]: e.target.value }); }; const handleSelectChange = (name: string, value: string) => { setFormData({ ...formData, [name]: value }); }; const contactInfo = [ { icon: Phone, title: "Telefone", content: "(49) 98834-0246", action: "tel:+5549988340246" }, { icon: MessageCircle, title: "WhatsApp", content: "(49) 98834-0246", action: "https://wa.me/5549988340246" }, { icon: Mail, title: "E-mail", content: "contato@grupomemorizze.com.br", action: "mailto:contato@grupomemorizze.com.br" }, { icon: MapPin, title: "Localização", content: "Florianópolis - SC", action: null }, { icon: Instagram, title: "Instagram", content: "@memorizzeformaturas", action: "https://instagram.com/memorizzeformaturas" } ]; // Simulate loading contact info useEffect(() => { const timer = setTimeout(() => { setIsContactInfoLoading(false); }, 1000); return () => clearTimeout(timer); }, []); const ContactInfoSkeleton = () => (
{[...Array(5)].map((_, index) => (
))}
); return (
{/* Header */}

Entre em Contato

Pronto para organizar sua formatura dos sonhos? Entre em contato conosco e receba um orçamento personalizado completo em até 2 horas.

{/* WhatsApp Button */} Fale Conosco pelo WhatsApp

Clique no botão acima para falar diretamente com nosso time de atendimento.

{/* Contact Information */}

Informações de Contato

{isContactInfoLoading ? ( ) : (
{contactInfo.map((info, index) => { const IconComponent = info.icon; return (

{info.title}

{info.action ? ( {info.content} ) : ( {info.content} )}
); })}
)}
{/* Business Hours */}

Horário de Atendimento

Segunda - Sexta 08:00 - 18:00 Sábado 08:00 - 14:00 Domingo Somente eventos
{/* Quick Response */}

Organização Completa

Orçamento completo incluindo todos os serviços necessários para sua formatura perfeita.

2h
Resposta
24h
Orçamento
100%
Gratuito
Total
Organização
); }; export default Contact;