Merge pull request #22 from soloman-err/development

Development
solaimanb · Aug 10, 2023 · a083200 · a083200
2 parents cab7e83 + 82ff96e
commit a083200
Show file tree

Hide file tree

Showing 8 changed files with 102 additions and 9 deletions.
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
@@ -1,6 +1,6 @@
 module.exports = {
   root: true,
-  env: { browser: true, es2020: true, node: true },
+  env: { browser: true, es2020: true, Node: true },
   extends: [
     'eslint:recommended',
     'plugin:react/recommended',

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -14,6 +14,7 @@
     "match-sorter": "^6.3.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-icons": "^4.10.1",
     "react-router-dom": "^6.14.2",
     "sort-by": "^1.2.0",
     "vite": "^4.4.9"

diff --git a/src/components/container/Container.jsx b/src/components/container/Container.jsx
@@ -1,6 +1,6 @@
 const Container = ({children}) => {
     return (
-        <div className="max-w-[2520px]">
+        <div className="max-w-[2520px] bg-gradient-to-r from-purple-500 to-pink-500">
             {children}
         </div>
     );

diff --git a/src/main.jsx b/src/main.jsx
@@ -8,10 +8,10 @@ import router from './routes/Routes';
 
 ReactDOM.createRoot(document.getElementById('root')).render(
   <React.StrictMode>
-    <AuthProvider>
+    {/* <AuthProvider> */}
       <Container>
         <RouterProvider router={router} />
       </Container>
-    </AuthProvider>
+    {/* </AuthProvider> */}
   </React.StrictMode>
 );
diff --git a/src/pages/Home/Home/Home.jsx b/src/pages/Home/Home/Home.jsx
@@ -2,7 +2,7 @@
 
 const Home = () => {
     return (
-        <div className="bg-white h-screen">
+        <div className="">
             <h1>Comming Soon</h1>
         </div>
     );

diff --git a/src/pages/Home/shared/Footer/Footer.jsx b/src/pages/Home/shared/Footer/Footer.jsx
@@ -1,9 +1,62 @@
 import React from 'react'
-
+import { FaGenderless,FaFacebook,FaTelegram,FaSpotify } from 'react-icons/Fa';
+import { Link } from 'react-router-dom';
 const Footer = () => {
   return (
+    <div className='bg-gradient-to-r from-purple-500 to-pink-500 '>
+      <footer className="footer p-10 font-serif text-white">
+  <div className=''>
+    <h2 className='text-3xl'>CyCo</h2>
+    <p>ACME Industries Ltd.<br/>Providing reliable tech since 1992</p>
+    <p>Questions?<span className=' text-cyan-400 font-mono'> Call 1800-040-1234</span> </p>
     <div>
-      <h3>Footer</h3>
+      <h4>FOLLOW US:-</h4>
+      <div className='flex gap-2'>
+       <Link><FaFacebook className='text-3xl my-2 hover:text-cyan-400'/></Link>  
+       <Link><FaTelegram className='text-3xl my-2 hover:text-cyan-400'/></Link>  
+       <Link><FaSpotify className='text-3xl my-2 hover:text-cyan-400'/></Link>  
+      </div>
+    </div>
+  </div> 
+  <div>
+    <span className="footer-title">Services</span> 
+    <a className="link link-hover hover:text-red-600 flex items-center"><FaGenderless className=' text-red-700 mr-2 hover:text-white'/> Branding</a> 
+    <a className="link link-hover hover:text-red-600 flex items-center"><FaGenderless className=' text-red-700 mr-2 hover:text-white'/> Design</a> 
+    <a className="link link-hover hover:text-red-600 flex items-center "><FaGenderless className=' text-red-700 mr-2 hover:text-white'/> Marketing</a> 
+    <a className="link link-hover hover:text-red-600 flex items-center"> <FaGenderless className=' text-red-700 mr-2 hover:text-white'/> Advertisement</a>
+  </div> 
+  <div>
+    <span className="footer-title">Company</span> 
+    <a className="link link-hover hover:text-red-600 flex items-center"> <FaGenderless className=' text-red-700 mr-2 hover:text-white'/> About us</a> 
+    <a className="link link-hover hover:text-red-600 flex items-center"> <FaGenderless className=' text-red-700 mr-2 hover:text-white'/> Contact</a> 
+    <a className="link link-hover hover:text-red-600 flex items-center"> <FaGenderless className=' text-red-700 mr-2 hover:text-white'/> Jobs</a> 
+    <a className="link link-hover hover:text-red-600 flex items-center"> <FaGenderless className=' text-red-700 mr-2 hover:text-white'/> Press kit</a>
+  </div> 
+  <div>
+    <span className="footer-title hover:text-red-600">  Legal</span> 
+    <a className="link link-hover hover:text-red-600 flex items-center"> <FaGenderless className=' text-red-700 mr-2 hover:text-white'/> Terms of use</a> 
+    <a className="link link-hover hover:text-red-600 flex items-center"> <FaGenderless className=' text-red-700 mr-2 hover:text-white'/> Privacy policy</a> 
+    <a className="link link-hover hover:text-red-600 flex items-center"> <FaGenderless className=' text-red-700 mr-2 hover:text-white'/> Cookie policy</a>
+  </div>
+  <div>
+    <span className="footer-title ">Newsletter</span> 
+    <p>Subscribe to our newsletter and <br/> never miss Our Latest movie,<br/> Web series, TV Show etc.</p>
+    <div className="form-control w-80">
+      <label className="label">
+        <span className="label-text">Enter your email address</span>
+      </label> 
+      <div className="relative hover:shadow-xl">
+        <input type="text" placeholder="username@site.com" className=" bg-white input input-bordered w-full pr-16 text-black" /> 
+        <button className="btn btn-primary absolute top-0 right-0 rounded-l-none">Subscribe</button>
+      </div>
+    </div>
+  </div>
+</footer>
+<footer className="footer footer-center p-4 bg-gradient-to-r from-violet-500 to-fuchsia-500 text-white">
+  <div>
+    <p>Copyright © 2023 - All right reserved by CyCo Industries Ltd</p>
+  </div>
+</footer>
     </div>
   )
 }

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -7,5 +7,5 @@ module.exports = {
   daisyui: {
     themes: ['light', 'black', 'night', 'forest', 'retro', 'acid', 'dark'],
   },
-  plugins: [require('daisyui')],
+  plugins: [require("daisyui")],
 };