notkshitij/CropCompass
1
1
Fork 0
Code Issues 8 Pull Requests Projects 1 Releases Activity

Glassmorphism added to all parts of landing page

Browse Source
This commit is contained in:
Bhakti
2025-02-22 19:25:24 +05:30
parent d5086e21ae
commit 58cd02b3a5
4 changed files with 39 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Frontend/src/pages/Home/Footer.jsx
+13 -13
View File
@@ -3,18 +3,18 @@ import React from "react";
const Footer = () => {
return (
<>
<footer className=" dark:bg-gray-900">
<footer className=" text-gray-500">
<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">
<a href="https://flowbite.com/" class="flex items-center gap-2">
<a href="/" class="flex items-center gap-2">
<img
src="/images/logo.jpg"
src="/images/logo.png"
className="h-9 rounded-full"
alt="Flowbite Logo"
alt="Logo"
/>
<span className="self-center text-xl font-bold whitespace-nowrap dark:text-white">
MentorFlux
Crop Compass
</span>
</a>
</div>
@@ -80,17 +80,17 @@ const Footer = () => {
</div>
<hr className="my-6 border-gray-200 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-500 sm:text-center dark:text-gray-400">
<span className="text-sm text-gray-50 sm:text-center dark:text-gray-400">
© 2024{" "}
<a href="https://flowbite.com/" class="hover:underline">
MentorFlux™
<a href="/" class="hover:underline">
Crop Compass™
</a>
. All Rights Reserved.
</span>
<div className="flex mt-4 sm:justify-center sm:mt-0">
<a
href="#"
className="text-gray-500 hover:text-gray-900 dark:hover:text-white"
className="text-gray-50 hover:text-gray-900 dark:hover:text-white"
>
<svg
className="w-4 h-4"
@@ -109,7 +109,7 @@ const Footer = () => {
</a>
<a
href="#"
className="text-gray-500 hover:text-gray-900 dark:hover:text-white ms-5"
className="text-gray-50 hover:text-gray-900 dark:hover:text-white ms-5"
>
<svg
className="w-4 h-4"
@@ -124,7 +124,7 @@ const Footer = () => {
</a>
<a
href="#"
className="text-gray-500 hover:text-gray-900 dark:hover:text-white ms-5"
className="text-gray-50 hover:text-gray-900 dark:hover:text-white ms-5"
>
<svg
className="w-4 h-4"
@@ -143,7 +143,7 @@ const Footer = () => {
</a>
<a
href="#"
className="text-gray-500 hover:text-gray-900 dark:hover:text-white ms-5"
className="text-gray-50 hover:text-gray-900 dark:hover:text-white ms-5"
>
<svg
className="w-4 h-4"
@@ -162,7 +162,7 @@ const Footer = () => {
</a>
<a
href="#"
className="text-gray-500 hover:text-gray-900 dark:hover:text-white ms-5"
className="text-gray-50 hover:text-gray-900 dark:hover:text-white ms-5"
>
<svg
className="w-4 h-4"