Merge pull request #394 from SrijaVuppala295/logof

Footer Update: Logo and Title Integration for Enhanced Branding
Jaishree2310 · Nov 1, 2024 · d2423f6 · d2423f6
2 parents 49070ac + 6f1c954
commit d2423f6
Show file tree

Hide file tree

Showing 5 changed files with 26 additions and 3 deletions.
diff --git a/Images/glassy logo.jpeg b/Images/glassy logo.jpeg
diff --git a/glassy logo.jpeg b/glassy logo.jpeg
diff --git a/public/glassy logo.jpeg b/public/glassy logo.jpeg
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
@@ -7,6 +7,16 @@ const Footer: React.FC = () => {
     <>
       <footer className='glass-footer'>
         <div className='footer-content'>
+          <div className='flex items-center space-x-2'>
+            <img
+              src='../glassy logo.jpeg'
+              alt='Glass UI Logo'
+              className='h-8 w-8' // Adjust size as needed
+            />
+            <h1 className='text-white text-[20px] font-bold'>
+              <span className='text-blue-400'>Glass</span>UI
+            </h1>
+          </div>
           <p className='footer-description'>
             Elevate your UI with beautifully crafted, glassmorphic components.
             Perfect for creating modern, sleek interfaces.
@@ -105,6 +115,11 @@ const Footer: React.FC = () => {
             gap: 20px;
           }
 
+          .footer-logo {
+            height: 50px; /* Adjust size as needed */
+            margin-bottom: 10px;
+          }
+
           .footer-description {
             color: #fff;
             font-size: 16px;

diff --git a/src/components/Header.tsx b/src/components/Header.tsx
@@ -29,9 +29,17 @@ const Header: React.FC = () => {
 
   return (
     <nav style={navStyle}>
-      <h1 className='text-white text-[20px] font-bold'>
-        <span className='text-blue-400'>Glass</span>UI
-      </h1>
+      <div className='flex items-center space-x-2'>
+        <img
+          src='../glassy logo.jpeg'
+          alt='Glass UI Logo'
+          className='h-8 w-8' // Adjust size as needed
+        />
+        <h1 className='text-white text-[20px] font-bold'>
+          <span className='text-blue-400'>Glass</span>UI
+        </h1>
+      </div>
+
       <ul style={ulStyle}>
         <li style={liStyle} className='navbar-item'>
           <Link