import React, { useState } from 'react';
import {
ChevronRight,
Eye,
BookOpen,
Briefcase,
Users,
Activity,
MessageCircle,
Send
} from 'lucide-react';
// Global Statistics Component
const GlobalStatistics = () => {
const statistics = [
{
title: "Deficiência Visual Global",
value: "2,2 bilhões de pessoas",
description: "Aproximadamente 1 bilhão de casos são evitáveis ou não tratados"
},
{
title: "Miopia Mundial",
value: "2 bilhões de pessoas",
description: "Projeção de quase 5 bilhões até 2050"
},
{
title: "Impacto no Brasil",
value: "35 milhões de pessoas",
description: "Com 6 milhões tendo deficiência visual severa"
}
];
return (
Números Importantes
{statistics.map((stat, index) => (
{stat.title}
{stat.value}
{stat.description}
))}
);
};
// Benefits Component
const Benefits = () => {
const benefits = [
{
icon:
,
title: "Melhora Educacional",
description: "Crianças com visão corrigida têm melhor desempenho acadêmico"
},
{
icon:
,
title: "Produtividade",
description: "Aumento de até 32% na produtividade no trabalho"
},
{
icon:
,
title: "Inclusão Social",
description: "Acesso à visão correta promove participação plena na sociedade"
}
];
return (
Benefícios do Programa
{benefits.map((benefit, index) => (
{benefit.icon}
{benefit.title}
{benefit.description}
))}
);
};
// Chat Component
const ChatSupport = () => {
const [messages, setMessages] = useState([
{
id: 1,
text: "Bem-vindo ao Programa Ótica Pública! Como podemos ajudar você hoje?",
sender: 'support'
}
]);
const [newMessage, setNewMessage] = useState('');
const handleSendMessage = () => {
if (newMessage.trim() === '') return;
const userMessage = {
id: messages.length + 1,
text: newMessage,
sender: 'user'
};
setMessages([...messages, userMessage]);
setNewMessage('');
// Simulated auto-response
setTimeout(() => {
const responses = [
"Para conseguir seus óculos, primeiro faça um exame oftalmológico na rede pública.",
"Precisamos de documentos para comprovar sua situação socioeconômica.",
"Nosso programa atende pessoas em vulnerabilidade social.",
"Os óculos são completamente gratuitos para quem se enquadra nos critérios."
];
const supportResponse = {
id: messages.length + 2,
text: responses[Math.floor(Math.random() * responses.length)],
sender: 'support'
};
setMessages(prev => [...prev, supportResponse]);
}, 1000);
};
return (
Suporte Ótica Pública
{messages.map((msg) => (
{msg.text}
))}
setNewMessage(e.target.value)}
className="flex-grow p-2 border rounded-l-lg"
onKeyPress={(e) => e.key === 'Enter' && handleSendMessage()}
/>
);
};
// Main App Component
const OticaPublicaWebsite = () => {
return (
);
};
export default OticaPublicaWebsite;
