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", key: "fmcg",
icon: ShoppingBag, icon: ShoppingBag,
color: "bg-blue-50 dark:bg-blue-950", color: "bg-blue-50 ",
iconColor: "text-blue-600 dark:text-blue-400", iconColor: "text-blue-600 ",
borderColor: "border-blue-100 dark:border-blue-800", borderColor: "border-blue-100 ",
}, },
{ {
key: "construction", key: "construction",
icon: Construction, icon: Construction,
color: "bg-amber-50 dark:bg-amber-950", color: "bg-amber-50 ",
iconColor: "text-amber-600 dark:text-amber-400", iconColor: "text-amber-600 ",
borderColor: "border-amber-100 dark:border-amber-800", 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"> <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="container px-4 md:px-6 mx-auto">
<div className="text-center mb-16"> <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")} {t("title")}
</h2> </h2>
<div className="w-20 h-1 bg-gradient-to-r from-blue-500 to-amber-500 mx-auto rounded-full"></div> <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, 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="relative z-10">
<div className={cn("p-3 rounded-xl inline-block mb-4", service.color)}> <div className={cn("p-3 rounded-xl inline-block mb-4", service.color)}>
<service.icon className={cn("w-8 h-8", service.iconColor)} /> <service.icon className={cn("w-8 h-8", service.iconColor)} />
</div> </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`)} {t(`${service.key}.title`)}
</h3> </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`)} {t(`${service.key}.subtitle`)}
</p> </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`)} {t(`${service.key}.description`)}
</p> </p>
<div className="mt-6"> <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 Learn more
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"