diff --git a/app/components/Button.tsx b/app/components/Button.tsx index c51a8c1..f55bca7 100644 --- a/app/components/Button.tsx +++ b/app/components/Button.tsx @@ -12,7 +12,7 @@ const Button: FC = ({ variant = "primary", className, children, ...rest } return ( + + + ); +}; + +export default FooterNewsletter; diff --git a/app/shared/components/FooterSocial.tsx b/app/shared/components/FooterSocial.tsx new file mode 100644 index 0000000..f093b10 --- /dev/null +++ b/app/shared/components/FooterSocial.tsx @@ -0,0 +1,78 @@ +import { type FC, type ReactNode } from "react"; + +type SocialLink = { + label: string; + href: string; + bg: string; + icon: ReactNode; +}; + +const socialLinks: SocialLink[] = [ + { + label: "Facebook", + href: "#", + bg: "bg-[#1877F2]", + icon: ( + + + + ), + }, + { + label: "Instagram", + href: "#", + bg: "bg-linear-to-br from-[#F58529] via-[#DD2A7B] to-[#8134AF]", + icon: ( + + + + ), + }, + { + label: "LinkedIn", + href: "#", + bg: "bg-[#0A66C2]", + icon: ( + + + + ), + }, + { + label: "Telegram", + href: "#", + bg: "bg-[#2AABEE]", + icon: ( + + + + ), + }, + { + label: "WhatsApp", + href: "#", + bg: "bg-[#25D366]", + icon: ( + + + + ), + }, +]; + +const FooterSocial: FC = () => { + return ( +
+

ما را در شبکه‌های اجتماعی دنبال کنید

+
+ {socialLinks.map((item) => ( + + {item.icon} + + ))} +
+
+ ); +}; + +export default FooterSocial; diff --git a/app/shared/components/FooterTrustBadges.tsx b/app/shared/components/FooterTrustBadges.tsx new file mode 100644 index 0000000..74cbaca --- /dev/null +++ b/app/shared/components/FooterTrustBadges.tsx @@ -0,0 +1,20 @@ +import { type FC } from "react"; + +const badges = ["اینماد", "ساماندهی", "اتحادیه"]; + +const FooterTrustBadges: FC = () => { + return ( +
+

نماد های اعتماد

+
+ {badges.map((badge) => ( +
+ {badge} +
+ ))} +
+
+ ); +}; + +export default FooterTrustBadges; diff --git a/app/shared/components/FooterTrustValues.tsx b/app/shared/components/FooterTrustValues.tsx new file mode 100644 index 0000000..611337f --- /dev/null +++ b/app/shared/components/FooterTrustValues.tsx @@ -0,0 +1,22 @@ +import { TickCircle } from "iconsax-reactjs"; +import { type FC } from "react"; + +const values = ["تضمین کیفیت چاپ", "طراحی اختصاصی", "تحویل سریع", "پشتیبانی قبل و بعد از خرید", "ارسال به سراسر ایران"]; + +const FooterTrustValues: FC = () => { + return ( +
+

اعتماد شما، سرمایه ما

+ +
+ ); +}; + +export default FooterTrustValues;