added type writer effect and resolved visibility issue

This commit is contained in:
Bhakti
2025-02-22 20:30:28 +05:30
parent 58cd02b3a5
commit 956fb5604a
5 changed files with 3929 additions and 104 deletions
+8 -8
View File
@@ -3,7 +3,7 @@ import React from "react";
const Footer = () => {
return (
<>
<footer className=" text-gray-500">
<footer className=" text-gray-50">
<div className="mx-auto w-full max-w-screen-xl p-4 py-6 lg:py-8">
<div className="md:flex md:justify-between">
<div className="mb-6 md:mb-0">
@@ -20,10 +20,10 @@ const Footer = () => {
</div>
<div className="grid grid-cols-2 gap-8 sm:gap-6 sm:grid-cols-3">
<div>
<h2 className="mb-6 text-sm font-semibold text-gray-900 uppercase dark:text-white">
<h2 className="mb-6 text-sm font-semibold text-gray-50 uppercase dark:text-white">
Resources
</h2>
<ul className="text-gray-500 dark:text-gray-400 font-medium">
<ul className="text-gray-50 dark:text-gray-400 font-medium">
<li className="mb-4">
<a href="https://flowbite.com/" class="hover:underline">
Flowbite
@@ -37,10 +37,10 @@ const Footer = () => {
</ul>
</div>
<div>
<h2 className="mb-6 text-sm font-semibold text-gray-900 uppercase dark:text-white">
<h2 className="mb-6 text-sm font-semibold text-gray-50 uppercase dark:text-white">
Follow us
</h2>
<ul className="text-gray-500 dark:text-gray-400 font-medium">
<ul className="text-gray-50 dark:text-gray-400 font-medium">
<li className="mb-4">
<a
href="https://github.com/themesberg/flowbite"
@@ -60,10 +60,10 @@ const Footer = () => {
</ul>
</div>
<div>
<h2 className="mb-6 text-sm font-semibold text-gray-900 uppercase dark:text-white">
<h2 className="mb-6 text-sm font-semibold text-gray-50 uppercase dark:text-white">
Legal
</h2>
<ul className="text-gray-500 dark:text-gray-400 font-medium">
<ul className="text-gray-50 dark:text-gray-400 font-medium">
<li className="mb-4">
<a href="#" className="hover:underline">
Privacy Policy
@@ -78,7 +78,7 @@ const Footer = () => {
</div>
</div>
</div>
<hr className="my-6 border-gray-200 sm:mx-auto dark:border-gray-700 lg:my-8" />
<hr className="my-6 border-gray-50 sm:mx-auto dark:border-gray-700 lg:my-8" />
<div className="sm:flex sm:items-center sm:justify-between">
<span className="text-sm text-gray-50 sm:text-center dark:text-gray-400">
© 2024{" "}