Fix: Image loading issues on landing page

Corrected image paths and added error handling to prevent broken images in the "How it works" section of the landing page.
This commit is contained in:
gpt-engineer-app[bot] 2025-06-23 19:13:23 +00:00
parent dd8881da28
commit f01ed29305

View File

@ -61,19 +61,19 @@ const Landing = () => {
icon: <MessageCircle className="h-6 w-6" />,
title: "Texto",
description: "Digite: 'Comprei pão R$ 5,50'",
image: "./whatsapp-text-message.png"
image: "/whatsapp-text-message.png"
},
{
icon: <Mic className="h-6 w-6" />,
title: "Áudio",
description: "Grave um áudio contando o gasto",
image: "./whatsapp-audio-message.png"
image: "/whatsapp-audio-message.png"
},
{
icon: <Receipt className="h-6 w-6" />,
title: "Comprovante",
description: "Tire foto do recibo ou nota fiscal",
image: "./whatsapp-receipt-message.png"
image: "/whatsapp-receipt-message.png"
}
]
},
@ -82,14 +82,14 @@ const Landing = () => {
title: "Visualize no Dashboard",
description: "Acompanhe seus gastos em tempo real com gráficos e relatórios automáticos",
icon: <BarChart3 className="h-8 w-8" />,
image: "./dashboard-screenshot.png"
image: "/dashboard-screenshot.png"
},
{
step: "3",
title: "Organize no Calendário",
description: "Veja todas suas transações organizadas por data e periodo",
icon: <Calendar className="h-8 w-8" />,
image: "./calendar-screenshot.png"
image: "/calendar-screenshot.png"
}
];