meshkee.ai10andClaude Sonnet 5
028a91944c
- Homepage faithfully matching dejband.com (hero, services, consulting,
stats, about block, timeline, portfolio, articles) + About/Contact/
Portfolios/Articles pages under source URLs
- Meshkee API integration: live blog content, favicon, user menu,
sitemap/robots proxy, canonical /blog/{id}/{slug}
- SEO pass: one H1 per page, unique metadata + canonicals, alt text
- Contact form wired to /api/contact with toast + reset
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
38 lines
1.2 KiB
JavaScript
38 lines
1.2 KiB
JavaScript
import Image from "next/image";
|
|
import Link from "next/link";
|
|
import { ARTICLES } from "@/lib/site";
|
|
|
|
export default function Articles() {
|
|
return (
|
|
<section id="articles" className="art-section">
|
|
<div className="container art-head">
|
|
<span className="art-kicker">آخرین مقالات</span>
|
|
<Link className="art-more" href="/#articles">
|
|
مشاهده بیشتر
|
|
</Link>
|
|
</div>
|
|
<div className="art-grid-wrap">
|
|
<ul className="art-grid">
|
|
{ARTICLES.map((a) => (
|
|
<li className="art-item" key={a.title}>
|
|
<a href={a.href} target="_blank" rel="noopener noreferrer">
|
|
<div className="art-image">
|
|
<Image src={a.img} alt={a.title} width={600} height={500} />
|
|
<div className="art-image-overlay" />
|
|
</div>
|
|
<div className="art-details">
|
|
<span className="art-category">{a.category}</span>
|
|
<div className="art-bottom">
|
|
<span className="art-date">{a.date}</span>
|
|
<h6>{a.title}</h6>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
))}
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
);
|
|
}
|