@@ -57,6 +58,10 @@ export default function Hero() {
{t('hero.subtitle')}
+
+
+
+
@@ -84,6 +89,10 @@ export default function Hero() {
+
+
+
+
diff --git a/src/components/home/HomeView.tsx b/src/components/home/HomeView.tsx
index 85bba46..38c48c5 100644
--- a/src/components/home/HomeView.tsx
+++ b/src/components/home/HomeView.tsx
@@ -1,27 +1,17 @@
import Hero from '@/components/home/Hero';
-import TrustBadges from '@/components/home/TrustBadges';
-import AboutPreview from '@/components/home/AboutPreview';
import CategoryGrid from '@/components/home/CategoryGrid';
import FeaturedProducts from '@/components/home/FeaturedProducts';
import HowItWorks from '@/components/home/HowItWorks';
import WeeklyOffers from '@/components/home/WeeklyOffers';
-import SocialFollow from '@/components/home/SocialFollow';
-import ContactPreview from '@/components/home/ContactPreview';
-import CTA from '@/components/home/CTA';
export default function HomeView() {
return (
<>
-
-
-
-
-
);
}
\ No newline at end of file
diff --git a/src/components/home/TrustBadges.tsx b/src/components/home/TrustBadges.tsx
index 3ac95f4..4af5b53 100644
--- a/src/components/home/TrustBadges.tsx
+++ b/src/components/home/TrustBadges.tsx
@@ -1,13 +1,46 @@
'use client';
import Link from 'next/link';
-import { ShieldCheck, Leaf, Award } from 'lucide-react';
+import { ShieldCheck, Leaf, Award, type LucideIcon } from 'lucide-react';
import { useTranslation } from '@/hooks/useTranslation';
+import { isRtl } from '@/i18n';
+import { cn } from '@/lib/utils';
+
+interface BadgeItem {
+ icon: LucideIcon;
+ title: string;
+ description: string;
+ href: string;
+}
+
+function BadgeCard({ badge }: { badge: BadgeItem }) {
+ const Icon = badge.icon;
+
+ return (
+
+
+
+
+
+
+ {badge.title}
+
+
+ {badge.description}
+
+
+
+ );
+}
export default function TrustBadges() {
- const { t } = useTranslation();
+ const { t, locale } = useTranslation();
+ const rtl = isRtl(locale);
- const badges = [
+ const badges: BadgeItem[] = [
{
icon: ShieldCheck,
title: t('trust.halal'),
@@ -28,27 +61,25 @@ export default function TrustBadges() {
},
];
+ const loop = [...badges, ...badges];
+
return (
-
-
-
- {badges.map((badge) => (
-
-
-
-
-
- {badge.title}
-
-
{badge.description}
-
+
+
+
+
+
+
+ {loop.map((badge, i) => (
+
))}
-
+
);
}
\ No newline at end of file
diff --git a/src/components/home/WeeklyOffers.tsx b/src/components/home/WeeklyOffers.tsx
index b38bdc3..434766d 100644
--- a/src/components/home/WeeklyOffers.tsx
+++ b/src/components/home/WeeklyOffers.tsx
@@ -14,9 +14,9 @@ export default function WeeklyOffers() {
const fmt = (n: number) => formatPrice(n, getFormatLocale(locale));
return (
-
+
-
+
{t('offers.label')}
@@ -112,7 +112,7 @@ export default function WeeklyOffers() {