mpn
/
LLC
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

f

main
Amir Hossein Moghiseh 2025-03-07 02:01:42 +03:30
parent 54ac3ca321
commit 168ec99a7c
1 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/view/Landing/components/Sides.jsx
View File

@ -11,16 +11,16 @@ export default function ExpertiseSection() {
{
key: "fmcg",
icon: ShoppingBag,
color: "bg-blue-50 dark:bg-blue-950",
iconColor: "text-blue-600 dark:text-blue-400",
borderColor: "border-blue-100 dark:border-blue-800",
color: "bg-blue-50 ",
iconColor: "text-blue-600 ",
borderColor: "border-blue-100 ",
},
{
key: "construction",
icon: Construction,
color: "bg-amber-50 dark:bg-amber-950",
iconColor: "text-amber-600 dark:text-amber-400",
borderColor: "border-amber-100 dark:border-amber-800",
color: "bg-amber-50 ",
iconColor: "text-amber-600 ",
borderColor: "border-amber-100 ",
},
]
@ -28,7 +28,7 @@ export default function ExpertiseSection() {
<section className="w-full py-20 bg-gradient-to-b from-slate-50 to-white mx-auto max-w-screen-xl">
<div className="container px-4 md:px-6 mx-auto">
<div className="text-center mb-16">
<h2 className="text-4xl md:text-5xl font-bold tracking-tight mb-4 bg-clip-text text-transparent bg-gradient-to-r from-slate-900 to-slate-700 dark:from-slate-100 dark:to-slate-300">
<h2 className="text-4xl md:text-5xl font-bold tracking-tight mb-4 bg-clip-text text-transparent bg-gradient-to-r from-slate-900 to-slate-700 ">
{t("title")}
</h2>
<div className="w-20 h-1 bg-gradient-to-r from-blue-500 to-amber-500 mx-auto rounded-full"></div>
@ -44,27 +44,27 @@ export default function ExpertiseSection() {
service.color,
)}
>
<div className="absolute -right-16 -top-16 h-40 w-40 rounded-full border border-slate-100 dark:border-slate-800 opacity-50 group-hover:opacity-100 transition-opacity duration-500"></div>
<div className="absolute -right-16 -top-16 h-40 w-40 rounded-full border border-slate-100 0 opacity-50 group-hover:opacity-100 transition-opacity duration-500"></div>
<div className="relative z-10">
<div className={cn("p-3 rounded-xl inline-block mb-4", service.color)}>
<service.icon className={cn("w-8 h-8", service.iconColor)} />
</div>
<h3 className="text-2xl font-bold tracking-tight mb-2 text-slate-900 dark:text-white">
<h3 className="text-2xl font-bold tracking-tight mb-2 text-slate-900 ">
{t(`${service.key}.title`)}
</h3>
<p className="text-sm font-medium text-slate-600 dark:text-slate-400 mb-4">
<p className="text-sm font-medium text-slate-600 mb-4">
{t(`${service.key}.subtitle`)}
</p>
<p className="text-base text-slate-700 dark:text-slate-300 leading-relaxed text-justify">
<p className="text-base text-slate-700 leading-relaxed text-justify">
{t(`${service.key}.description`)}
</p>
<div className="mt-6">
<Link href={`/products/${service.key}`} className="inline-flex items-center text-sm font-medium text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 transition-colors">
<Link href={`/products/${service.key}`} className="inline-flex items-center text-sm font-medium text-blue-600 hover:text-blue-800 transition-colors">
Learn more
<svg
xmlns="http://www.w3.org/2000/svg"