diff --git a/src/app/layout/Footer.tsx b/src/app/layout/Footer.tsx
index 1463ef4..c54b71b 100644
--- a/src/app/layout/Footer.tsx
+++ b/src/app/layout/Footer.tsx
@@ -4,9 +4,7 @@ function SocialIcon({ label }: { label: string }) {
const [hovered, setHovered] = useState(false)
return (
setHovered(true)}
onMouseLeave={() => setHovered(false)}
style={{
@@ -15,67 +13,84 @@ function SocialIcon({ label }: { label: string }) {
display: 'flex', alignItems: 'center', justifyContent: 'center',
fontSize: 10, fontWeight: 700,
color: hovered ? '#fff' : 'rgba(255,255,255,0.4)',
- cursor: 'pointer',
- transition: 'border-color 150ms, color 150ms',
- flexShrink: 0,
+ cursor: 'pointer', transition: 'border-color 150ms, color 150ms', flexShrink: 0,
}}
- >
- {label}
-
+ >{label}
)
}
function FooterLink({ href, label }: { href: string; label: string }) {
const [hovered, setHovered] = useState(false)
return (
- setHovered(true)}
onMouseLeave={() => setHovered(false)}
style={{
- fontSize: 13,
- color: hovered ? '#fff' : 'rgba(255,255,255,0.55)',
- textDecoration: 'none',
- cursor: 'pointer',
- transition: 'color 150ms',
- display: 'inline-block',
- lineHeight: 1.4,
- whiteSpace: 'nowrap',
+ fontSize: 13, color: hovered ? '#fff' : 'rgba(255,255,255,0.55)',
+ textDecoration: 'none', cursor: 'pointer', transition: 'color 150ms',
+ display: 'inline-block', lineHeight: 1.4, whiteSpace: 'nowrap',
}}
- >
- {label}
-
+ >{label}
)
}
const FOOTER_LINKS = [
- { label: 'توضیح اندیشکده', href: '#' },
- { label: 'درباره ما', href: '#' },
- { label: 'همکاری با ما', href: '#' },
- { label: 'تماس با ما', href: '#' },
+ { label: 'درباره ما', href: '#' },
+ { label: 'همکاری با ما', href: '#' },
+ { label: 'تماس با ما', href: '#' },
]
+function NewsletterBox() {
+ const [email, setEmail] = useState('')
+ const [done, setDone] = useState(false)
+ return (
+
+
+ خبرنامه فولاد
+
+
+ setEmail(e.target.value)}
+ placeholder="ایمیل خود را وارد کنید..."
+ disabled={done}
+ style={{
+ flex: 1, border: 'none', padding: '9px 12px', fontSize: 12,
+ fontFamily: 'inherit', background: 'rgba(255,255,255,0.07)',
+ color: '#fff', outline: 'none', direction: 'rtl',
+ }}
+ />
+
+
+