Loyaly/loyalyweb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Cleanup old PHP source files and update Next.js pages and components

Browse Source
This commit is contained in:
R-Bharathraj
2026-06-30 17:02:35 +05:30
parent 7175adb0db
commit 7cf5035c89
1223 changed files with 438 additions and 168007 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
src/components/Footer.tsx
View File

@@ -61,7 +61,7 @@ export default function Footer() {
return (
<>
<footer style={{
<footer className="ly-footer" style={{
background: 'linear-gradient(to top, #3a2800 0%, #1e1600 18%, #0e0b04 36%, #07070d 58%)',
color: '#ffffff',
position: 'relative',
@@ -71,7 +71,7 @@ export default function Footer() {
}}>
{/* ── TOP CTA STRIP ── */}
<div style={{
<div className="ly-footer-cta" style={{
padding: '72px 64px 64px',
borderBottom: '1px solid rgba(255,255,255,0.06)',
display: 'flex', alignItems: 'flex-end', justifyContent: 'space-between',
@@ -83,15 +83,15 @@ export default function Footer() {
<div style={{ fontSize: 11, fontWeight: 700, letterSpacing: '0.2em', textTransform: 'uppercase', color: '#f4be28', fontFamily: 'Sora, sans-serif', marginBottom: 20, display: 'flex', alignItems: 'center', gap: 10 }}>
<span style={{ width: 24, height: 1, background: '#f4be28', display: 'block' }} />Let's build together
</div>
<h2 style={{ fontSize: 'clamp(36px, 5vw, 72px)', fontWeight: 900, letterSpacing: '-0.04em', lineHeight: 0.95, color: '#fff', margin: 0, fontFamily: 'Sora, sans-serif' }}>
<h2 className="ly-footer-heading" style={{ fontSize: 'clamp(36px, 5vw, 72px)', fontWeight: 800, letterSpacing: '-0.04em', lineHeight: 0.95, color: '#fff', margin: 0, fontFamily: 'Sora, sans-serif' }}>
Turn every visit<br />
<span style={{ color: '#f4be28' }}>into value.</span>
</h2>
</div>
<div style={{ display: 'flex', flexDirection: 'column', gap: 12, alignItems: 'flex-end' }}>
<Link href="/contacts" style={{
display: 'inline-flex', alignItems: 'center', gap: 10,
<div className="ly-footer-cta-actions" style={{ display: 'flex', flexDirection: 'column', gap: 12, alignItems: 'flex-end' }}>
<Link href="/contacts" className="ly-footer-cta-btn" style={{
display: 'inline-flex', alignItems: 'center', justifyContent: 'center', gap: 10,
padding: '18px 40px', background: '#f4be28', color: '#111',
fontSize: 16, fontWeight: 800, borderRadius: 100, textDecoration: 'none',
fontFamily: 'Sora, sans-serif', boxShadow: '0 16px 48px rgba(244,190,40,0.25)',
@@ -112,14 +112,14 @@ export default function Footer() {
</div>
{/* ── MAIN COLUMNS ── */}
<div style={{
<div className="ly-footer-columns" style={{
display: 'grid',
gridTemplateColumns: '1.6fr 1fr 1fr 1fr',
gap: '48px', padding: '64px 64px 48px',
alignItems: 'start',
}}>
{/* Brand */}
<div>
<div className="ly-footer-brand">
<Link href="/" aria-label="Loyaly.AI home">
<Image src="/images/logo-dark.png" alt="Loyaly.AI" width={560} height={160} style={{ height: 140, width: 'auto', marginBottom: 24, display: 'block' }} />
</Link>
@@ -145,7 +145,7 @@ export default function Footer() {
{/* Nav columns */}
{NAV.map(col => (
<nav key={col.title} aria-label={col.title}>
<nav key={col.title} className="ly-footer-nav" aria-label={col.title}>
<h5 style={{ margin: '0 0 20px', fontSize: 12, fontWeight: 700, color: 'rgba(255,255,255,0.3)', letterSpacing: '0.16em', textTransform: 'uppercase', fontFamily: 'Sora, sans-serif' }}>
{col.title}
</h5>
@@ -164,7 +164,7 @@ export default function Footer() {
</div>
{/* ── BOTTOM BAR ── */}
<div style={{
<div className="ly-footer-bottom" style={{
display: 'flex', alignItems: 'center', justifyContent: 'space-between',
flexWrap: 'wrap', gap: 12,
padding: '20px 64px 36px',
@@ -181,6 +181,25 @@ export default function Footer() {
))}
</div>
</div>
<style>{`
@media (max-width: 900px) {
.ly-footer { margin: 0 12px 12px; border-radius: 0 0 20px 20px; }
.ly-footer-cta { padding: 48px 28px 40px !important; align-items: flex-start !important; }
.ly-footer-cta-actions { align-items: flex-start !important; width: 100%; }
.ly-footer-cta-btn { width: 100%; padding: 16px 28px !important; }
.ly-footer-columns { grid-template-columns: 1fr 1fr !important; gap: 36px 24px !important; padding: 48px 28px 36px !important; }
.ly-footer-brand { grid-column: 1 / -1; }
.ly-footer-bottom { padding: 20px 28px 28px !important; flex-direction: column !important; align-items: flex-start !important; }
}
@media (max-width: 560px) {
.ly-footer-heading { font-size: clamp(30px, 9vw, 44px) !important; }
.ly-footer-columns { grid-template-columns: 1fr !important; gap: 32px !important; }
.ly-footer-brand img { height: 110px !important; }
.ly-footer-bottom { gap: 16px !important; }
.ly-footer-bottom > div { gap: 18px !important; }
}
`}</style>
</footer>
{/* Scroll-to-top */}