Footer - Copy this React, Tailwind Component to your project
Overall-Layout:-Background:-The-footer-background-is-predominantly-white,-creating-a-clean-and-professional-look.-Subtle-shadowing-or-gradients-at-the-top-of-the-footer-transition-it-smoothly-from-the-darker-section-above.-Typography:-Fonts-are-sans-serif,-clean,-and-consistent,-contributing-to-a-modern-and-trustworthy-appearance.-The-text-uses-dark-blue-for-headings-and-navigation-links,-which-matches-the-primary-brand-color,-ensuring-readability-and-a-cohesive-design.-Contact-details-and-location-descriptions-use-light-gray-for-secondary-emphasis.-Top-Section:-Tagline:-Positioned-at-the-top-left,-the-tagline-reads,-"Your-trusted-software-&-blockchain-team"-in-a-bold,-large,-dark-blue-font.-It-emphasizes-trust-and-expertise-while-standing-out-clearly-against-the-background.-Icons:-A-row-of-tech-related-icons-(e.g.,-Blockchain,-Meon,-Adobe-Experience-Cloud,-etc.)-showcases-partnerships-or-expertise.-Each-icon-is-displayed-in-either-white-or-its-respective-brand-color,-aligning-with-the-header's-overall-theme.-Call-to-Action-(CTA):-A-pill-shaped-button-labeled-"Get-a-free-Quote"-is-on-the-right-side.-The-button-has-a-white-fill-with-a-blue-outline-and-blue-text,-reinforcing-the-brand’s-color-palette.-This-makes-it-visually-appealing-and-encourages-interaction.-Middle-Section:-Logo-&-Navigation:-The-centered-logo-features-the-company-name-"LOTUS-SOFT"-and-a-lotus-like-icon-in-blue-gradients-and-white.-The-modern-logo-aligns-with-the-company’s-branding.-Below-the-logo,-a-horizontal-navigation-bar-includes-links:-Home,-Our-Tech-Leader,-Our-Mission,-Our-Work,-and-Contact.-Each-link-is-written-in-blue-text,-maintaining-consistency.-Bottom-Section:-Contact-Information:-Located-in-the-bottom-left,-the-Contact-Us-section-includes:-Email-Address:-"david.nguyen@lotussoft.vn"-in-blue,-easily-distinguishable.-Social-Media-Icons:-Circular,-color-coded-icons-for-WhatsApp,-Skype,-and-others-for-quick-access.-The-icons-blend-seamlessly-with-the-footer-theme.-Locations:-Two-locations-are-displayed-side-by-side:-Australia:-"720-Collins-St,-Docklands,-Melbourne,-VIC-3008."-Vietnam:-"Laval-1,-Thuy-Loi-Building,-268-268B-Nguyen-Xi-St,-Ward-3,-Binh-Thanh-Dist.,-HCM-City."-The-addresses-are-written-in-light-gray,-contrasting-with-the-background-but-still-easily-readable.-Copyright-Information:-Centered-at-the-very-bottom,-the-text-"©-2024-LOTUS-SOFT."-is-in-light-gray,-subtly-indicating-ownership-without-distracting-from-the-main-content.-Styling-Notes:-Brand-Colors:-Primary-color:-Blue-(used-across-the-logo,-text,-and-button-borders).-Secondary-color:-White-(used-for-text-and-the-background).-Accent-color:-Light-gray-(for-secondary-information).-Spacing:-Generous-padding-ensures-each-component-is-clearly-separated.-Consistent-alignment-provides-a-well-structured-appearance.-Visual-Hierarchy:-Key-sections-(CTA,-logo,-and-tagline)-are-more-prominent-due-to-their-size,-bold-font,-or-strategic-placement.
