Robot-Market/static-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

chore: format project automatically before starting dev server

Browse Source
This commit is contained in:
Hamed
2026-09-16 14:14:04 +03:30
parent 7c55b3916c
commit 812029fe84
66 changed files with 2088 additions and 1125 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/FeaturesSection.tsx
+27 -32
View File
@@ -2,43 +2,38 @@
// Service benefits: warranty, consultation, installments, and packaging.
import {
SafetyCertificateOutlined,
CustomerServiceOutlined,
CreditCardOutlined,
InboxOutlined,
} from '@ant-design/icons';
import { useLanguage } from '@/app/context/LanguageContext';
import {SafetyCertificateOutlined, CustomerServiceOutlined, CreditCardOutlined, InboxOutlined} from '@ant-design/icons';
import {useLanguage} from '@/app/context/LanguageContext';
const ICONS = {
safety: SafetyCertificateOutlined,
consulting: CustomerServiceOutlined,
installment: CreditCardOutlined,
packaging: InboxOutlined,
safety: SafetyCertificateOutlined,
consulting: CustomerServiceOutlined,
installment: CreditCardOutlined,
packaging: InboxOutlined,
};
export default function FeaturesSection() {
const { t } = useLanguage();
const {t} = useLanguage();
return (
<section className="relative px-6 md:px-16 py-16 md:py-20 bg-surface border-t border-subtle">
<div className="max-w-6xl mx-auto grid sm:grid-cols-2 lg:grid-cols-4 gap-5">
{t.features.map((feature) => {
const Icon = ICONS[feature.icon];
return (
<div
key={feature.id}
className="group bg-surface border border-subtle rounded-2xl p-6 text-center hover:border-brand-500/60 hover:bg-surface-strong transition-colors"
>
<div className="mx-auto mb-4 w-14 h-14 rounded-xl bg-brand/15 border border-subtle flex items-center justify-center text-brand-400 text-2xl group-hover:bg-brand/25 transition-colors">
{Icon && <Icon />}
</div>
<h3 className="text-primary font-bold text-base mb-2">{feature.title}</h3>
<p className="text-secondary text-sm leading-6">{feature.description}</p>
return (
<section className="relative px-6 md:px-16 py-16 md:py-20 bg-surface border-t border-subtle">
<div className="max-w-6xl mx-auto grid sm:grid-cols-2 lg:grid-cols-4 gap-5">
{t.features.map(feature => {
const Icon = ICONS[feature.icon];
return (
<div
key={feature.id}
className="group bg-surface border border-subtle rounded-2xl p-6 text-center hover:border-brand-500/60 hover:bg-surface-strong transition-colors"
>
<div className="mx-auto mb-4 w-14 h-14 rounded-xl bg-brand/15 border border-subtle flex items-center justify-center text-brand-400 text-2xl group-hover:bg-brand/25 transition-colors">
{Icon && <Icon />}
</div>
<h3 className="text-primary font-bold text-base mb-2">{feature.title}</h3>
<p className="text-secondary text-sm leading-6">{feature.description}</p>
</div>
);
})}
</div>
);
})}
</div>
</section>
);
</section>
);
}