erik/octto-engenharia
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: corrigir erros de tipagem TypeScript nos maps da página home

Browse Source
This commit is contained in:
Erik
2025-12-03 18:29:50 -03:00
parent 92f3798808
commit 2c76d7af8d
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/app/(public)/page.tsx
View File

@@ -195,7 +195,7 @@ export default function Home() {
<h3 className="text-4xl font-bold font-headline text-secondary dark:text-white">{features.title}</h3> <h3 className="text-4xl font-bold font-headline text-secondary dark:text-white">{features.title}</h3>
</div> </div>
<div className="grid grid-cols-1 md:grid-cols-3 gap-8"> <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
{features.items.map((feature, index) => ( {features.items.map((feature: { icon: string; title: string; description: string }, index: number) => (
<div key={index} className="p-8 bg-gray-50 dark:bg-white/5 rounded-xl hover:shadow-lg transition-shadow border border-gray-100 dark:border-white/10 group"> <div key={index} className="p-8 bg-gray-50 dark:bg-white/5 rounded-xl hover:shadow-lg transition-shadow border border-gray-100 dark:border-white/10 group">
<div className="w-14 h-14 bg-primary/10 rounded-lg flex items-center justify-center text-primary mb-6 group-hover:bg-primary group-hover:text-white transition-colors"> <div className="w-14 h-14 bg-primary/10 rounded-lg flex items-center justify-center text-primary mb-6 group-hover:bg-primary group-hover:text-white transition-colors">
<i className={`${feature.icon} text-3xl`}></i> <i className={`${feature.icon} text-3xl`}></i>
@@ -218,7 +218,7 @@ export default function Home() {
<h3 className="text-4xl font-bold font-headline text-secondary dark:text-white">{services.title}</h3> <h3 className="text-4xl font-bold font-headline text-secondary dark:text-white">{services.title}</h3>
</div> </div>
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6"> <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
{services.items.map((service, index) => ( {services.items.map((service: { icon: string; title: string; description: string }, index: number) => (
<div key={index} className="bg-white dark:bg-secondary p-6 rounded-xl shadow-sm hover:shadow-md transition-shadow border-b-4 border-transparent hover:border-primary"> <div key={index} className="bg-white dark:bg-secondary p-6 rounded-xl shadow-sm hover:shadow-md transition-shadow border-b-4 border-transparent hover:border-primary">
<i className={`${service.icon} text-4xl text-primary mb-4 block`}></i> <i className={`${service.icon} text-4xl text-primary mb-4 block`}></i>
<h4 className="text-xl font-bold font-headline mb-2 text-secondary dark:text-white">{service.title}</h4> <h4 className="text-xl font-bold font-headline mb-2 text-secondary dark:text-white">{service.title}</h4>
@@ -250,7 +250,7 @@ export default function Home() {
{about.description} {about.description}
</p> </p>
<ul className="space-y-4 mb-8"> <ul className="space-y-4 mb-8">
{about.highlights.map((highlight, index) => ( {about.highlights.map((highlight: string, index: number) => (
<li key={index} className="flex items-center gap-3"> <li key={index} className="flex items-center gap-3">
<i className="ri-check-double-line text-primary text-xl"></i> <i className="ri-check-double-line text-primary text-xl"></i>
<span>{highlight}</span> <span>{highlight}</span>
@@ -314,7 +314,7 @@ export default function Home() {
</div> </div>
<div className="grid grid-cols-1 md:grid-cols-3 gap-8"> <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
{testimonials.items.map((testimonial, index) => ( {testimonials.items.map((testimonial: { text: string; name: string; role: string }, index: number) => (
<div key={index} className="bg-white dark:bg-secondary p-8 rounded-xl shadow-sm border border-gray-100 dark:border-white/10 relative"> <div key={index} className="bg-white dark:bg-secondary p-8 rounded-xl shadow-sm border border-gray-100 dark:border-white/10 relative">
<i className="ri-double-quotes-l text-4xl text-primary/20 absolute top-6 left-6"></i> <i className="ri-double-quotes-l text-4xl text-primary/20 absolute top-6 left-6"></i>
<p className="text-gray-600 dark:text-gray-300 mb-6 relative z-10 pt-6 italic">"{testimonial.text}"</p> <p className="text-gray-600 dark:text-gray-300 mb-6 relative z-10 pt-6 italic">"{testimonial.text}"</p>