diff --git a/src/pages/pricing.html b/src/pages/pricing.html index 1680e100..db4d0124 100644 --- a/src/pages/pricing.html +++ b/src/pages/pricing.html @@ -427,208 +427,49 @@ } /* Footer (modernized) */ - .footer { - background: #f4f7fb; - color: #111827; - margin-top: 0; - } - .dark-theme .footer{ - background: #0b1220; - color:#cbd5e1; - margin-top: 0; - } - - .footer .container { - max-width: 1200px; - margin: 0 auto; - padding: 48px 20px; - } - - .footer-top { - display: grid; - grid-template-columns: 1fr 1fr 1fr 1fr; /* equal columns */ - gap: 40px; - align-items: start; - justify-content: center; - } - - .footer-brand .logo img { - height: 42px; - } - - .footer-text { - margin-top: 12px; - line-height: 1.7; - color: #475569; - max-width: 250px; - } - .dark-theme .footer-text{ - color:#94a3b8 ; - } - - .footer-list { - list-style: none; - padding: 0; - margin: 0; - } - - .footer-list-title { - color: black; - font-weight: 700; - margin-bottom: 10px; - } - .dark-theme .footer-list-title{ - color: #e2e8f0;; - } - - .footer-list li { - margin: 0; - padding: 0; - } - - .footer-link { - display: block; - color: #cbd5e1; - text-decoration: none; - margin: 0; - padding: 4px 0; /* small consistent spacing */ - line-height: 1.3; /* tighter lines */ - white-space: nowrap; /* keeps "About us" in one line */ - transition: color 0.2s, transform 0.2s; - } - - .footer-link:hover { - color: #60a5fa; - transform: translateX(2px); - } - - /* Newsletter */ - .newsletter { - background: #ffffff; - border: 1px solid #e5e7eb; - border-radius: 16px; - padding: 16px; - } - .dark-theme .newsletter { - background: rgba(255, 255, 255, 0.04); - border: 1px solid rgba(148, 163, 184, 0.15); - padding: 14px; - border-radius: 12px; - max-width: 260px; - margin-left: auto; - } - - .newsletter p { - color: #475569; - margin: 0 0 10px; - } - - .dark-theme .newsletter p{ - color: #94a3b8; - } - - .newsletter-form { - display: flex; - gap: 8px; - } - - .newsletter-form input { - flex: 1; - padding: 10px 12px; - border-radius: 10px; - border: 1px solid #e5e7eb - - } - - .dark-theme .newsletter-form input{ - border: 1px solid rgba(148, 163, 184, 0.25); - background: rgba(15, 23, 42, 0.6); - color: #e2e8f0; - - } - - .newsletter-form button { - padding: 10px 14px; - border-radius: 10px; - border: 1px solid #2563eb; - background: #2563eb; - color: #fff; - cursor: pointer; - font-weight: 600; - } - - .newsletter-form button:hover { - background: #1d4ed8; - } - - /* Bottom Section */ - .footer-bottom { - display: flex; - flex-wrap: wrap; - align-items: center; - justify-content: space-between; - gap: 12px; - margin-top: 28px; - padding-top: 18px; - border-top: 1px solid #e5e7eb - } - .dark-theme .footer-bottom{ - border-top: 1px solid rgba(148, 163, 184, 0.15); - - } - - .social-list { - list-style: none; - display: flex; - gap: 10px; - padding: 0; - margin: 0; - } - - .social-link { - display: grid; - place-items: center; - width: 40px; - height: 40px; - border-radius: 50%; - background: rgba(255, 255, 255, 0.06); - color: #cbd5e1; - text-decoration: none; - transition: background 0.2s, transform 0.2s; - } - - .social-link:hover { - background: rgba(37, 99, 235, 0.25); - transform: translateY(-2px); - } - - .copyright { - color: var(--vehigo-gray); - } - .dark-theme .copyright{ - color: #94a3b8; - - } - - .payments { - display: flex; - gap: 8px; - align-items: center; - } - - .badge { - color: #475569; - border: 1px solid rgba(100, 102, 107, 0.2); - padding: 6px 10px; - border-radius: 10px; - font-size: 12px; - } - .dark-theme.badge{ - color: #cbd5e1; - background: rgba(255, 255, 255, 0.06); - border: 1px solid rgba(148, 163, 184, 0.2); - - } + .footer { background: #f4f7fb; color: #111827; } + .dark-theme .footer { background: #0b0f14; color: #e5e7eb; } + .dark-theme .footer .footer-link { color: #cbd5e1; } + .dark-theme .footer .footer-link:hover { color: #60a5fa; } + .dark-theme .social-link { color: #cbd5e1; } + + /* New Footer UI */ + .footer { + padding: 60px 0 20px; + } + .footer .container { max-width: 1200px; margin-inline: auto; } + .footer-grid { + display: flex; + gap: 32px; + align-items: start; + } + .footer-brand .logo { display: inline-flex; align-items: center; gap: 8px; } + .footer-brand .logo img { height: 44px; } + .footer-text { margin-top: 12px; color: #475569; } + .dark-theme .footer-text { color: #94a3b8; } + .footer .social-list { display: flex; gap: 12px; margin-top: 14px; } + .footer .social-link { font-size: 22px; color: #1f2937; } + .footer .social-link:hover { color: #2563eb; } + .dark-theme .footer .social-link { color: #cbd5e1; } + .footer-list-title { font-weight: 800; margin-bottom: 10px; color: #0f172a; } + .dark-theme .footer-list-title { color: #e2e8f0; } + .footer-link { color: #374151; font-weight: 500; text-decoration: none; } + .footer-link:hover { color: #2563eb; transform: translateX(2px); } + .newsletter { background: #ffffff; border: 1px solid #e5e7eb; border-radius: 16px; padding: 16px; } + .dark-theme .newsletter { background: #111827; border-color: #263241; } + .newsletter h4 { margin-bottom: 8px; font-weight: 800; } + .newsletter p { font-size: 0.95rem; color: #475569; margin-bottom: 12px; } + .dark-theme .newsletter p { color: #94a3b8; } + .newsletter .form { display: flex; gap: 8px; } + .newsletter input { flex: 1; padding: 10px 12px; border-radius: 10px; border: 1px solid #e5e7eb; outline: none; } + .dark-theme .newsletter input { background: #0f1218; color: #e5e7eb; border-color: #263241; } + .newsletter button { padding: 10px 14px; border-radius: 10px; background: #2563eb; color: #fff; border: none; font-weight: 700; } + .newsletter button:hover { background: #1e40af; } + .footer-bottom { margin-top: 32px; border-top: 1px solid #e5e7eb; padding-top: 16px; display: flex; justify-content: space-between; } + .dark-theme .footer-bottom { border-color: #263241; } + .footer-bottom .mini-links { display: flex; gap: 12px; } + .footer-bottom .mini-links a { color: #475569; font-size: 0.95rem; } + .footer-bottom .mini-links a:hover { color: #2563eb; } /* Responsive */ @media (max-width: 900px) { @@ -1053,132 +894,62 @@