Merge pull request #256 from sujalcharati/remove_footer

Remove footer from when clicking on the components

README.md

@@ -232,13 +232,12 @@ git push origin my-feature-branch
 
 1. Basic Usage
 2. Props
-3.Customizable component
-4. Theme (of your new component)
-5. Example
-6. Copy code 
-
--for eg: Button component,Progress Bar components 
+   3.Customizable component
+3. Theme (of your new component)
+4. Example
+5. Copy code
 
+-for eg: Button component,Progress Bar components
 
 
 ## Our Contributors

src/App.tsx

@@ -1,7 +1,16 @@
 import React from 'react';
+
+import {
+  BrowserRouter as Router,
+  Route,
+  Routes,
+  useLocation,
+} from 'react-router-dom';
+
 import { BrowserRouter as Router, Route, Routes } from 'react-router-dom';
 import ScrollProgressBar from './components/ScrollProgress'; // Import your ScrollProgressBar component
 import PricingDetailPage from './components/PricingDetailPage';
+
 import GlassyUILandingPage from './components/GlassyUILandingPage';
 import GlassyUIComponentsPage from './components/GlassyUIComponentsPage';
 import ButtonDetailsPage from './components/ButtonDetailsPage';
@@ -73,8 +82,15 @@ const App: React.FC = () => {
 
         <Route path='*' element={<NotFoundPage />} />
       </Routes>
+
+      <ConditionalFooter />
+
     </Router>
   );
 };
+const ConditionalFooter: React.FC = () => {
+  const location = useLocation();
 
+  return location.pathname === '/' ? <Footer /> : null;
+};
 export default App;

src/components/AboutUsPage.tsx

@@ -1,9 +1,10 @@
 import React, { useEffect } from 'react';
 import BackToTopButton from './BackToTop';
-import styled from 'styled-components';
 import { FaGithub } from 'react-icons/fa';
 
 // Styled component for the main container of the About Us page
+import styled from 'styled-components';
+
 const AboutUsContainer = styled.div`
   max-width: 900px; // Maximum width of the container
   margin: 0 auto; // Center the container horizontally

src/components/ContributorsPage.tsx

@@ -3,6 +3,7 @@
 import React, { useEffect, useState } from 'react';
 import { motion, AnimatePresence } from 'framer-motion';
 import BackToTopButton from './BackToTop';
+
 import { HiOutlineChevronDoubleDown } from 'react-icons/hi2';
 
 interface Contributor {

src/components/GlassyUILandingPage.css

@@ -24,7 +24,6 @@
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
-  text-fill-color: transparent;
   display: inline-block;
   text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.3);
   padding-bottom: 10px;

src/components/GlassyUILandingPage.tsx

@@ -40,9 +40,13 @@ const GlassyUILandingPage: React.FC = () => {
       />
 
       <div className='homeGSap relative z-10 w-full max-w-4xl'>
+
+        <header className='w-full flex justify-between items-center mb-19'>
+
         <header className='w-full flex justify-between items-center mb-4'>
           {' '}
           {/* Adjusted mb-8 to mb-4 */}
+
           <div className='text-2xl font-bold text-white'>
             <span className='text-blue-400'>Glassy</span>UI
           </div>