feat: Mudando nome do app de Histórias Mágicas para Leiturama

This commit is contained in:
Lucas Santana 2025-01-16 04:40:37 -03:00
parent 2852b889b2
commit 546690fbc8
22 changed files with 70 additions and 70 deletions

View File

@ -1,10 +1,10 @@
# Histórias Mágicas 🌟
# Leiturama 🌟
Uma plataforma educacional interativa que oferece histórias personalizadas para crianças entre 6 e 12 anos, com foco na cultura brasileira e educação.
## 🎯 Sobre o Projeto
Histórias Mágicas é uma aplicação web desenvolvida em React que permite que crianças explorem histórias educativas de forma interativa e personalizada. O projeto tem como objetivo:
Leiturama é uma aplicação web desenvolvida em React que permite que crianças explorem histórias educativas de forma interativa e personalizada. O projeto tem como objetivo:
- Promover a educação através de narrativas envolventes
- Valorizar a diversidade cultural brasileira

View File

@ -4,8 +4,8 @@
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/book.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="Histórias Mágicas - Plataforma educacional de histórias interativas para escolas" />
<title>Histórias Mágicas | Educação através de histórias interativas</title>
<meta name="description" content="Leiturama - Plataforma educacional de histórias interativas para escolas" />
<title>Leiturama | Educação através de histórias interativas</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">

View File

@ -6,7 +6,7 @@
NODE_VERSION = "18"
VITE_SUPABASE_URL = "https://bsjlbnyslxzsdwxvkaap.supabase.co"
VITE_RESEND_API_KEY = "GEoM_cVt4qyBFVkngJWi8wBrMWOiPMUAuxuFGykcP0A"
VITE_APP_URL = "https://historiasmagicas.netlify.app/"
VITE_APP_URL = "https://leiturama.ai/"
SECRETS_SCAN_OMIT_KEYS = "SUPABASE_ANON_KEY"
[[redirects]]

View File

@ -4,7 +4,7 @@ const nextConfig = {
images: {
domains: [
'oaidalleapiprodscus.blob.core.windows.net',
'historiasmagicas.netlify.app',
'leiturama.ai',
'localhost',
],
formats: ['image/avif', 'image/webp'],

View File

@ -18,7 +18,7 @@ export function StoryViewer({ theme, user, demo = false }: Props) {
title: "Uma Aventura Educacional",
pages: [
{
text: "Bem-vindo à demonstração do Histórias Mágicas! Aqui você pode ver como funciona nossa plataforma...",
text: "Bem-vindo à demonstração do Leiturama! Aqui você pode ver como funciona nossa plataforma...",
image: "https://images.unsplash.com/photo-1472162072942-cd5147eb3902?auto=format&fit=crop&q=80&w=800&h=600",
},
{

View File

@ -12,7 +12,7 @@ export function WelcomePage({ onLoginClick, onRegisterClick }: Props) {
<div className="max-w-6xl mx-auto px-6 py-16">
<div className="text-center mb-16">
<h1 className="text-5xl font-bold text-purple-600 mb-4">
Histórias Mágicas
Leiturama
</h1>
<p className="text-xl text-gray-600">
Embarque em uma jornada de aprendizado e diversão!

View File

@ -12,7 +12,7 @@ export function Header() {
<div className="flex justify-between items-center h-16">
<Link to="/" className="flex items-center gap-2">
<img src="/logo.svg" alt="Logo" className="h-8 w-8" />
<span className="font-semibold text-gray-900">Histórias Mágicas</span>
<span className="font-semibold text-gray-900">Leiturama</span>
</Link>
<div className="flex items-center gap-4">

View File

@ -46,7 +46,7 @@ export function HomePage() {
<div className="flex justify-between items-center h-16">
<div className="flex items-center">
<BookOpen className="h-8 w-8 text-purple-600" />
<span className="ml-2 text-xl font-bold text-gray-900">Histórias Mágicas</span>
<span className="ml-2 text-xl font-bold text-gray-900">Leiturama</span>
</div>
<div className="flex items-center gap-4">
<div className="relative">
@ -417,10 +417,10 @@ export function HomePage() {
<div className="mt-24">
<FAQ
title="Dúvidas Frequentes"
description="Tire suas dúvidas sobre a implementação do Histórias Mágicas em sua escola"
description="Tire suas dúvidas sobre a implementação do Leiturama em sua escola"
items={[
{
question: "Como o Histórias Mágicas se integra ao currículo escolar?",
question: "Como o Leiturama se integra ao currículo escolar?",
answer: "Nossa plataforma foi desenvolvida para complementar e enriquecer o currículo existente. Oferecemos conteúdo alinhado à BNCC e ferramentas de personalização que permitem adaptar as atividades aos objetivos pedagógicos específicos de cada escola."
},
{

View File

@ -30,7 +30,7 @@ export function DashboardLayout({ children }: DashboardLayoutProps): JSX.Element
<div className="flex items-center pb-4 mb-4 border-b border-gray-200 dark:border-gray-700">
<img src="/logo.svg" className="h-8 me-3" alt="Logo" />
<span className="self-center text-xl font-semibold whitespace-nowrap dark:text-white">
Histórias Mágicas
Leiturama
</span>
</div>
<DashboardSidebar />

View File

@ -21,14 +21,14 @@ export function ComparisonSection({ title, items }: ComparisonSectionProps) {
</h2>
<div className="grid md:grid-cols-2 gap-8">
{/* Sem Histórias Mágicas */}
{/* Sem Leiturama */}
<div className="p-8 bg-gray-50 rounded-xl border border-gray-200">
<div className="flex items-center gap-3 mb-8">
<div className="w-12 h-12 bg-red-100 rounded-full flex items-center justify-center">
<X className="h-6 w-6 text-red-500" />
</div>
<h3 className="text-xl font-bold text-gray-900">
Sem Histórias Mágicas
Sem Leiturama
</h3>
</div>
@ -47,7 +47,7 @@ export function ComparisonSection({ title, items }: ComparisonSectionProps) {
))}
</div>
{/* Com Histórias Mágicas */}
{/* Com Leiturama */}
<div className="p-8 bg-gradient-to-br from-purple-50 to-blue-50 rounded-xl
border-2 border-purple-200 transform hover:scale-[1.02] transition-transform">
<div className="flex items-center gap-3 mb-8">
@ -56,7 +56,7 @@ export function ComparisonSection({ title, items }: ComparisonSectionProps) {
<CheckCircle className="h-6 w-6 text-white" />
</div>
<h3 className="text-xl font-bold text-gray-900">
Com Histórias Mágicas
Com Leiturama
</h3>
</div>

View File

@ -80,18 +80,18 @@ const defaultColumns: FooterColumn[] = [
];
const defaultSocialLinks: SocialLink[] = [
{ icon: Facebook, href: 'https://facebook.com/historiasmagicas', label: 'Facebook' },
{ icon: Instagram, href: 'https://instagram.com/historiasmagicas', label: 'Instagram' },
{ icon: Twitter, href: 'https://twitter.com/historiasmagicas', label: 'Twitter' },
{ icon: Youtube, href: 'https://youtube.com/historiasmagicas', label: 'Youtube' }
{ icon: Facebook, href: 'https://facebook.com/laiturama.ai', label: 'Facebook' },
{ icon: Instagram, href: 'https://instagram.com/laiturama.ai', label: 'Instagram' },
{ icon: Twitter, href: 'https://twitter.com/laiturama.ai', label: 'Twitter' },
{ icon: Youtube, href: 'https://youtube.com/laiturama.ai', label: 'Youtube' }
];
export function Footer({
columns = defaultColumns,
socialLinks = defaultSocialLinks,
copyrightText = '© 2024 Histórias Mágicas. Todos os direitos reservados.',
copyrightText = '© 2024 Leiturama. Todos os direitos reservados.',
address = 'Rua das Histórias, 123 - São Paulo, SP',
email = 'contato@historiasmagicas.com.br',
email = 'contato@laiturama.ai',
phone = '(11) 4002-8922'
}: FooterProps) {
return (
@ -103,7 +103,7 @@ export function Footer({
<div className="lg:col-span-1 space-y-4">
<div className="flex items-center gap-2">
<BookOpen className="h-8 w-8 text-purple-500" />
<span className="text-xl font-bold text-white">Histórias Mágicas</span>
<span className="text-xl font-bold text-white">Leiturama</span>
</div>
<p className="text-sm">
Transformando a educação através de histórias interativas e métodos cientificamente comprovados

View File

@ -26,7 +26,7 @@ Sentry.init({
tracesSampleRate: import.meta.env.DEV ? 1.0 : 0.2,
tracePropagationTargets: [
"localhost",
"historiasmagicas.netlify.app",
"leiturama.ai",
"bsjlbnyslxzsdwxvkaap.supabase.co"
],
replaysSessionSampleRate: import.meta.env.DEV ? 1.0 : 0.1,

View File

@ -157,7 +157,7 @@ export function DashboardLayout() {
<div className="flex items-center gap-2 p-6 border-b border-gray-200">
<School className="h-8 w-8 text-purple-600" />
{!isCollapsed && (
<span className="font-semibold text-gray-900">Histórias Mágicas</span>
<span className="font-semibold text-gray-900">Leiturama</span>
)}
</div>
@ -185,7 +185,7 @@ export function DashboardLayout() {
<div className="flex items-center gap-2">
<School className="h-8 w-8 text-purple-600" />
<span className="font-semibold text-gray-900">
Histórias Mágicas
Leiturama
</span>
</div>
<button

View File

@ -36,7 +36,7 @@ const DEMO_DATA = {
content: {
pages: [
{
text: 'Bem-vindo à demonstração do Histórias Mágicas! Aqui você pode ver como funciona nossa plataforma de leitura interativa...',
text: 'Bem-vindo à demonstração do Leiturama! Aqui você pode ver como funciona nossa plataforma de leitura interativa...',
image: 'https://images.unsplash.com/photo-1472162072942-cd5147eb3902?auto=format&fit=crop&q=80&w=800&h=600',
},
{

View File

@ -67,7 +67,7 @@ export function EducationalForParents() {
<div className="mt-10 flex items-center gap-x-8 text-sm text-gray-600">
<div className="flex items-center gap-x-2">
<BookOpen className="w-5 h-5 text-purple-600" />
<span>Mais de 10.000 histórias mágicas criadas</span>
<span>Mais de 10.000 Leiturama criadas</span>
</div>
<div className="flex items-center gap-x-2">
<Target className="w-5 h-5 text-purple-600" />
@ -169,7 +169,7 @@ export function EducationalForParents() {
Resultados Comprovados
</h2>
<p className="mt-4 text-lg leading-8 text-gray-600">
Números que demonstram o impacto do Histórias Mágicas no aprendizado.
Números que demonstram o impacto do Leiturama no aprendizado.
</p>
</div>
<div className="mt-16 grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-4">
@ -207,7 +207,7 @@ export function EducationalForParents() {
Histórias de Transformação
</h2>
<p className="mt-4 text-lg leading-8 text-gray-600">
Veja como o Histórias Mágicas está transformando a vida de famílias por todo o Brasil.
Veja como o Leiturama está transformando a vida de famílias por todo o Brasil.
</p>
</div>
<div className="mt-16 grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3">
@ -335,7 +335,7 @@ const comparisonData = [
'Dificuldade em acompanhar o progresso'
],
with: [
'Histórias mágicas personalizadas em minutos',
'Leiturama personalizadas em minutos',
'Crianças fascinadas por aventuras únicas',
'Mundos mágicos que educam e encantam',
'Portal mágico de acompanhamento do progresso'
@ -408,7 +408,7 @@ const detailedBenefits = [
const testimonials = [
{
text: "Minha filha sempre teve dificuldade com leitura, mas desde que começamos a usar o Histórias Mágicas, ela não para de pedir para ler mais uma história!",
text: "Minha filha sempre teve dificuldade com leitura, mas desde que começamos a usar o Leiturama, ela não para de pedir para ler mais uma história!",
name: "Ana Clara Silva",
role: "Mãe da Sofia, 8 anos",
image: "/images/testimonial-1.webp",
@ -433,7 +433,7 @@ const testimonials = [
const faqItems = [
{
question: "Como a plataforma auxilia no trabalho do professor?",
answer: "O Histórias Mágicas oferece ferramentas que automatizam a avaliação da leitura, gerando relatórios detalhados sobre o progresso de cada aluno. Isso permite que você foque seu tempo no que mais importa: o desenvolvimento personalizado de cada estudante."
answer: "O Leiturama oferece ferramentas que automatizam a avaliação da leitura, gerando relatórios detalhados sobre o progresso de cada aluno. Isso permite que você foque seu tempo no que mais importa: o desenvolvimento personalizado de cada estudante."
},
{
question: "A plataforma se integra ao currículo escolar?",

View File

@ -28,7 +28,7 @@ import { FAQ } from '@/components/ui/faq';
// Meta tags e SEO
const meta = {
title: 'Histórias Mágicas | Alfabetização Baseada em Evidências',
title: 'Leiturama | Alfabetização Baseada em Evidências',
description: 'Plataforma educacional que utiliza métodos cientificamente comprovados para alfabetização, combinando tecnologia e pedagogia baseada em evidências para resultados reais.',
keywords: 'alfabetização, evidências científicas, educação baseada em ciência, phonics, consciência fonológica, literatura infantil',
security: {

View File

@ -68,7 +68,7 @@ export function ParentsLandingPage(): JSX.Element {
<div className="absolute inset-0 bg-[url('/patterns/dots.svg')] opacity-5" />
<div className="mx-auto max-w-7xl relative">
<h2 className="text-3xl font-bold text-center text-gray-900 mb-16">
Por que escolher o Histórias Mágicas?
Por que escolher o Leiturama?
</h2>
<div className="grid md:grid-cols-3 gap-8">
@ -288,11 +288,11 @@ export function ParentsLandingPage(): JSX.Element {
</h2>
<div className="grid md:grid-cols-2 gap-8">
{/* Sem o Histórias Mágicas */}
{/* Sem o Leiturama */}
<div className="p-8 bg-gray-50 rounded-xl">
<h3 className="text-xl font-bold text-gray-900 mb-6 flex items-center gap-2">
<X className="text-red-500" />
Sem o Histórias Mágicas
Sem o Leiturama
</h3>
<ul className="space-y-4">
@ -329,11 +329,11 @@ export function ParentsLandingPage(): JSX.Element {
</ul>
</div>
{/* Com o Histórias Mágicas */}
{/* Com o Leiturama */}
<div className="p-8 bg-purple-50 rounded-xl">
<h3 className="text-xl font-bold text-gray-900 mb-6 flex items-center gap-2">
<Check className="text-green-500" />
Com o Histórias Mágicas
Com o Leiturama
</h3>
<ul className="space-y-4">
@ -407,11 +407,11 @@ export function ParentsLandingPage(): JSX.Element {
{/* 6. FAQ */}
<FAQ
title="Dúvidas Frequentes"
description="Tire suas dúvidas sobre o Histórias Mágicas"
description="Tire suas dúvidas sobre o Leiturama"
items={[
{
question: "Como funciona o Histórias Mágicas?",
answer: "O Histórias Mágicas é uma plataforma interativa que combina tecnologia e pedagogia para desenvolver habilidades de leitura. Seu filho terá acesso a histórias personalizadas, feedback em tempo real e exercícios adaptados ao seu nível de leitura."
question: "Como funciona o Leiturama?",
answer: "O Leiturama é uma plataforma interativa que combina tecnologia e pedagogia para desenvolver habilidades de leitura. Seu filho terá acesso a histórias personalizadas, feedback em tempo real e exercícios adaptados ao seu nível de leitura."
},
{
question: "Qual é a idade recomendada?",
@ -427,7 +427,7 @@ export function ParentsLandingPage(): JSX.Element {
},
{
question: "Quais dispositivos são compatíveis?",
answer: "O Histórias Mágicas funciona em qualquer navegador moderno, seja no computador, tablet ou smartphone. Recomendamos o uso de fones de ouvido para melhor experiência com os exercícios de pronúncia."
answer: "O Leiturama funciona em qualquer navegador moderno, seja no computador, tablet ou smartphone. Recomendamos o uso de fones de ouvido para melhor experiência com os exercícios de pronúncia."
},
{
question: "Como é feita a avaliação da leitura?",
@ -449,7 +449,7 @@ export function ParentsLandingPage(): JSX.Element {
<p className="text-xl text-gray-600 mb-12 leading-relaxed">
Junte-se a milhares de pais que transformaram a experiência
de leitura de seus filhos com o Histórias Mágicas.
de leitura de seus filhos com o Leiturama.
</p>
<button

View File

@ -11,7 +11,7 @@ export function TextSalesLetter() {
{/* Hero Section */}
<div className="max-w-3xl mx-auto px-4 py-12 sm:py-16 lg:py-20">
<h1 className="text-4xl font-bold text-gray-900 mb-8 text-center">
A Revolução da Alfabetização: Como a Ciência e a Tecnologia Estão Transformando o Aprendizado da Leitura
Leiturama e A Revolução da Alfabetização: Como a Ciência e a Tecnologia Estão Transformando o Aprendizado da Leitura
</h1>
<div className="prose prose-lg max-w-none text-gray-600 space-y-6">
@ -142,7 +142,7 @@ export function TextSalesLetter() {
</div>
<h2 className="text-2xl font-bold text-gray-900 mt-12">
Como a Histórias Mágicas Revoluciona a Alfabetização
Como a Leiturama Revoluciona a Alfabetização
</h2>
<p>
@ -231,7 +231,7 @@ export function TextSalesLetter() {
</h2>
<p>
Implementar a Histórias Mágicas em sua escola é um processo simples e estruturado:
Implementar a Leiturama em sua escola é um processo simples e estruturado:
</p>
<div className="space-y-6 mt-6">
@ -313,7 +313,7 @@ export function TextSalesLetter() {
</h2>
<p>
Escolas que implementaram a Histórias Mágicas relatam:
Escolas que implementaram a Leiturama relatam:
</p>
<div className="grid grid-cols-1 sm:grid-cols-2 gap-6 mt-6">
@ -370,7 +370,7 @@ export function TextSalesLetter() {
<p className="text-purple-800 italic">
"A transformação que vimos em nossa escola foi incrível. Alunos que mal conseguiam
juntar letras agora estão lendo com fluência e, mais importante, com prazer. A
Histórias Mágicas não é apenas uma plataforma, é uma revolução na alfabetização."
Leiturama não é apenas uma plataforma, é uma revolução na alfabetização."
</p>
<p className="text-purple-600 mt-2 font-semibold">
- Maria Silva, Diretora Pedagógica
@ -391,7 +391,7 @@ export function TextSalesLetter() {
<div className="border-l-4 border-purple-600 pl-4">
<p className="text-purple-800 italic">
"Meu filho sempre teve dificuldade com leitura e isso afetava sua autoestima.
Desde que começamos a usar a Histórias Mágicas, ele não melhorou na leitura,
Desde que começamos a usar a Leiturama, ele não melhorou na leitura,
mas recuperou a confiança e o prazer de aprender."
</p>
<p className="text-purple-600 mt-2 font-semibold">
@ -406,7 +406,7 @@ export function TextSalesLetter() {
</h2>
<p>
Quando você investe na Histórias Mágicas, está investindo em:
Quando você investe na Leiturama, está investindo em:
</p>
<ul className="list-disc pl-6 space-y-2 mt-2">
@ -452,7 +452,7 @@ export function TextSalesLetter() {
<p className="text-sm text-gray-500 mt-8">
P.S.: A revolução na alfabetização está acontecendo agora. Não deixe sua escola
para trás. Junte-se às milhares de instituições que descobriram o poder da
educação baseada em evidências com a Histórias Mágicas.
educação baseada em evidências com a Leiturama.
</p>
</div>
</div>

View File

@ -141,7 +141,7 @@ export function StudentDashboardLayout() {
<div className="flex items-center gap-2 p-6 border-b border-gray-200">
<School className="h-8 w-8 text-purple-600" />
{!isCollapsed && (
<span className="font-semibold text-gray-900">Histórias Mágicas</span>
<span className="font-semibold text-gray-900">Leiturama</span>
)}
</div>
@ -169,7 +169,7 @@ export function StudentDashboardLayout() {
<div className="flex items-center gap-2">
<School className="h-8 w-8 text-purple-600" />
<span className="font-semibold text-gray-900">
Histórias Mágicas
Leiturama
</span>
</div>
<button

View File

@ -20,13 +20,13 @@ export async function sendStudentCredentialsEmail({
try {
// Email para o aluno
await resend.emails.send({
from: 'Histórias Mágicas <noreply@historias-magicas.com.br>',
from: 'Leiturama <noreply@historias-magicas.com.br>',
to: studentEmail,
subject: 'Bem-vindo ao Histórias Mágicas!',
subject: 'Bem-vindo ao Leiturama!',
html: `
<div style="font-family: sans-serif; max-width: 600px; margin: 0 auto;">
<h1 style="color: #7C3AED;">Olá ${studentName}!</h1>
<p>Bem-vindo ao Histórias Mágicas! Sua conta foi criada com sucesso.</p>
<p>Bem-vindo ao Leiturama! Sua conta foi criada com sucesso.</p>
<p>Use as credenciais abaixo para acessar sua conta:</p>
<div style="background-color: #F3F4F6; padding: 16px; border-radius: 8px; margin: 16px 0;">
<p style="margin: 0;"><strong>Email:</strong> ${studentEmail}</p>
@ -47,14 +47,14 @@ export async function sendStudentCredentialsEmail({
// Email para o responsável
await resend.emails.send({
from: 'Histórias Mágicas <noreply@historias-magicas.com.br>',
from: 'Leiturama <noreply@historias-magicas.com.br>',
to: guardianEmail,
subject: `Conta do ${studentName} criada no Histórias Mágicas`,
subject: `Conta do ${studentName} criada no Leiturama`,
html: `
<div style="font-family: sans-serif; max-width: 600px; margin: 0 auto;">
<h1 style="color: #7C3AED;">Olá ${guardianName}!</h1>
<p>
Uma conta foi criada para ${studentName} na plataforma Histórias Mágicas.
Uma conta foi criada para ${studentName} na plataforma Leiturama.
Como responsável, você receberá atualizações sobre o progresso e atividades.
</p>
<p>As credenciais de acesso foram enviadas para o email do aluno:</p>
@ -67,7 +67,7 @@ export async function sendStudentCredentialsEmail({
</p>
<div style="font-size: 14px; color: #6B7280; margin-top: 24px;">
<p>
O Histórias Mágicas é uma plataforma educacional que permite aos alunos
O Leiturama é uma plataforma educacional que permite aos alunos
criarem e compartilharem histórias interativas, incentivando a criatividade
e o aprendizado.
</p>

View File

@ -1,12 +1,12 @@
[project]
id = "bsjlbnyslxzsdwxvkaap"
name = "Histórias Mágicas"
name = "Leiturama"
[auth]
enabled = true
site_url = "https://historiasmagicas.netlify.app"
site_url = "https://leiturama.ai"
additional_redirect_urls = [
"https://historiasmagicas.netlify.app/*",
"https://leiturama.ai/*",
"http://localhost:5173/*",
"http://localhost:3000/*"
]
@ -35,7 +35,7 @@ providers = ["google"]
enabled = true
client_id = "your-client-id"
secret = "your-client-secret"
redirect_uri = "https://historiasmagicas.netlify.app/auth/callback"
redirect_uri = "https://leiturama.ai/auth/callback"
[storage]
enabled = true
@ -43,7 +43,7 @@ file_size_limit = "50MB"
[storage.cors]
allowed_origins = [
"https://historiasmagicas.netlify.app",
"https://leiturama.ai",
"http://localhost:5173",
"http://localhost:3000"
]
@ -74,7 +74,7 @@ max_rows = 1000
[api.cors]
enabled = true
allowed_origins = [
"https://historiasmagicas.netlify.app",
"https://leiturama.ai",
"http://localhost:5173",
"http://localhost:3000"
]
@ -110,7 +110,7 @@ max_client_conn = 100
[studio]
enabled = true
port = 54323
api_url = "https://historiasmagicas.netlify.app"
api_url = "https://leiturama.ai"
[inbucket]
enabled = true

View File

@ -18,7 +18,7 @@ interface StoryPrompt {
const ALLOWED_ORIGINS = [
'http://localhost:5173', // Vite dev server
'http://localhost:3000', // Caso use outro port
'https://historiasmagicas.netlify.app' // Produção
'https://leiturama.ai' // Produção
];
// Função para otimizar URL da imagem