hello and footer

elheit · Oct 6, 2023 · cb621e5 · cb621e5
1 parent c9dbc20
commit cb621e5
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 18 deletions.
diff --git a/src/components/Hello.jsx b/src/components/Hello.jsx
@@ -0,0 +1,9 @@
+
+
+const Hello = () => {
+  return (
+    <div>Hello</div>
+  )
+}
+
+export default Hello
diff --git a/src/sections/Footer.jsx b/src/sections/Footer.jsx
@@ -3,27 +3,28 @@ import { footerLogo } from "../assets/images";
 import { footerLinks, socialMedia } from "../constants";
 
 const Footer = () => {
+  console.log("hello");
   return (
-    <footer className='max-container'>
-      <div className='flex justify-between items-start gap-20 flex-wrap max-lg:flex-col'>
-        <div className='flex flex-col items-start'>
-          <a href='/'>
+    <footer className="max-container">
+      <div className="flex justify-between items-start gap-20 flex-wrap max-lg:flex-col">
+        <div className="flex flex-col items-start">
+          <a href="/">
             <img
               src={footerLogo}
-              alt='logo'
+              alt="logo"
               width={150}
               height={46}
-              className='m-0'
+              className="m-0"
             />
           </a>
-          <p className='mt-6 text-base leading-7 font-montserrat text-white-400 sm:max-w-sm'>
+          <p className="mt-6 text-base leading-7 font-montserrat text-white-400 sm:max-w-sm">
             Get shoes ready for the new term at your nearest Nike store. Find
             Your perfect Size In Store. Get Rewards
           </p>
-          <div className='flex items-center gap-5 mt-8'>
+          <div className="flex items-center gap-5 mt-8">
             {socialMedia.map((icon) => (
               <div
-                className='flex justify-center items-center w-12 h-12 bg-white rounded-full'
+                className="flex justify-center items-center w-12 h-12 bg-white rounded-full"
                 key={icon.alt}
               >
                 <img src={icon.src} alt={icon.alt} width={24} height={24} />
@@ -32,16 +33,16 @@ const Footer = () => {
           </div>
         </div>
 
-        <div className='flex flex-1 justify-between lg:gap-10 gap-20 flex-wrap'>
+        <div className="flex flex-1 justify-between lg:gap-10 gap-20 flex-wrap">
           {footerLinks.map((section) => (
             <div key={section.title}>
-              <h4 className='font-montserrat text-2xl leading-normal font-medium mb-6 text-white'>
+              <h4 className="font-montserrat text-2xl leading-normal font-medium mb-6 text-white">
                 {section.title}
               </h4>
               <ul>
                 {section.links.map((link) => (
                   <li
-                    className='mt-3 font-montserrat text-base leading-normal text-white-400 hover:text-slate-gray'
+                    className="mt-3 font-montserrat text-base leading-normal text-white-400 hover:text-slate-gray"
                     key={link.name}
                   >
                     <a href={link.link}>{link.name}</a>
@@ -53,21 +54,21 @@ const Footer = () => {
         </div>
       </div>
 
-      <div className='flex justify-between text-white-400 mt-24 max-sm:flex-col max-sm:items-center'>
-        <div className='flex flex-1 justify-start items-center gap-2 font-montserrat cursor-pointer'>
+      <div className="flex justify-between text-white-400 mt-24 max-sm:flex-col max-sm:items-center">
+        <div className="flex flex-1 justify-start items-center gap-2 font-montserrat cursor-pointer">
           <img
             src={copyrightSign}
-            alt='copyright sign'
+            alt="copyright sign"
             width={20}
             height={20}
-            className='rounded-full m-0'
+            className="rounded-full m-0"
           />
           <p>Copyright. All rights reserved.</p>
         </div>
-        <p className='font-montserrat cursor-pointer'>Terms & Conditions</p>
+        <p className="font-montserrat cursor-pointer">Terms & Conditions</p>
       </div>
     </footer>
   );
 };
 
-export default Footer;
+export default Footer;