Faithyyyyy · adexcel171 · Sep 7, 2023 · Sep 7, 2023 · Sep 7, 2023 · Sep 7, 2023
diff --git a/index.html b/index.html
@@ -2,14 +2,14 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link
       href="https://fonts.googleapis.com/css2?family=Eagle+Lake&display=swap"
       rel="stylesheet"
     />
     <link href="https://fonts.cdnfonts.com/css/gilroy-bold" rel="stylesheet" />
-    <title>Xoxo</title>
+    <title>excel shop</title>
   </head>
   <body>
     <div id="root"></div>

diff --git a/package-lock.json b/package-lock.json
diff --git a/public/vite.svg b/public/vite.svg
diff --git a/src/Auth/Firebase.jsx b/src/Auth/Firebase.jsx
@@ -1,14 +1,13 @@
 import { initializeApp } from "firebase/app";
 import { getAuth } from "firebase/auth";
 const firebaseConfig = {
-  apiKey: "AIzaSyDIsoRKkgaKbBaaW9m_IP-8ipxF-19m0uk",
-  authDomain: "xoxo-db.firebaseapp.com",
-  projectId: "xoxo-db",
-  storageBucket: "xoxo-db.appspot.com",
-  messagingSenderId: "648019716902",
-  appId: "1:648019716902:web:bf83448bf3f9b3e689afe7",
-  measurementId: "G-XZH40XX5RY",
+  apiKey: "AIzaSyAiroY6DYVwp2jjiUXN4_2XWocoRTcfQdU",
+  authDomain: "xoxo-ff56e.firebaseapp.com",
+  projectId: "xoxo-ff56e",
+  storageBucket: "xoxo-ff56e.appspot.com",
+  messagingSenderId: "833114438740",
+  appId: "1:833114438740:web:8a80d64bfc973c4b2a41c1",
+  measurementId: "G-SEHMTLMEYV"
 };
-
 export const app = initializeApp(firebaseConfig);
 export const auth = getAuth(app);
diff --git a/src/assets/AllImages.jsx b/src/assets/AllImages.jsx
@@ -1,4 +1,4 @@
-import HeroImg from "./Faith-1.png";
+import HeroImg from "./burna.jpg";
 import FakeAvatar from "./fakeAvatar.webp";
 import spiralArrow from "./spiralArrow.png";
 import about_xoxo from "./about_xoxo.jpg";

diff --git a/src/assets/burna.jpg b/src/assets/burna.jpg
diff --git a/src/assets/react.svg b/src/assets/react.svg
diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
@@ -4,7 +4,7 @@ import { AiFillFacebook } from "react-icons/ai";
 
 function Footer() {
   return (
-    <footer className="relative bg-[#f289ff] bg-opacity-10 mt-20 w-full pt-8 pb-6 font-gilroyRegular">
+    <footer className="relative bg-[#27326d] bg-opacity-10 mt-20 w-full pt-8 pb-6 font-gilroyRegular">
       <div className="max-w-7xl mx-auto px-4">
         <div className="flex flex-wrap text-left lg:text-left">
           <div className="w-full lg:w-6/12 px-4">
@@ -83,14 +83,13 @@ function Footer() {
                 target="_blank"
               >
                 {" "}
-                Xoxo by
+              excel-tech
               </a>
               <a
-                href="https://www.creative-tim.com?ref=njs-profile"
-                className="text-blueGray-500 hover:text-blueGray-800"
+
               >
                 {" "}
-                Faith❤️
+                Godswill 
               </a>
               .
             </div>

diff --git a/src/components/Hero.jsx b/src/components/Hero.jsx
@@ -18,7 +18,7 @@ function Hero() {
           data-aos="fade-in"
         >
           <p className="text-gray-400 text-left">
-            Absolutely Hot Collections🔥
+            Absolutely Hot Collections
           </p>
           <div className="flex flex-col gap-6 relative">
             <h1 className="text-3xl sm:text-5xl xl:text-7xl leading-[1.2] my-6 font-gilroyBold text-left ">

diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx
@@ -31,13 +31,13 @@ function Navbar() {
     }
   };
   return (
-    <header className="pt-10 px-5 max-w-7xl xl:px-0 mx-auto z-50">
+    <header className="pt-7 px-5 max-w-7xl xl:px-0 mx-auto z-50">
       {/* <!-- component --> */}
-      <nav className=" items-center relative justify-between bg-white  py-6 w-full hidden md:flex">
+      <nav className=" items-center relative justify-between bg-white  py-3 w-full hidden md:flex">
         <div className="flex gap-28 items-center">
           <div>
-            <span className="font-eagle text-black cursor-pointer text-2xl">
-              Xoxo.
+            <span className="font-poppins font-bold text-black hover:border-l-slate-500 translate-x-1 transition cursor-pointer text-2xl">
+              Excel
             </span>
           </div>
           <ul
@@ -103,7 +103,7 @@ function Navbar() {
       <div className="flex justify-between items-center px-4 md:hidden mb-16 delay-150 ">
         <div>
           <span className="font-eagle text-black cursor-pointer text-2xl">
-            Xoxo.
+           Excel
           </span>
         </div>
         <div className="flex gap-9 items-center justify-center">

diff --git a/src/components/products.jsx b/src/components/products.jsx
@@ -56,7 +56,7 @@ function Products() {
       </div>
       <div className="grid px-5 mt-32 lg:mt-20 ">
         {isLoading &&
-          [1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map((n) => (
+          [1, 2, 3, 4, 5, 6, 7, 8, 9, 10,11,12,13].map((n) => (
             <div className="animate-pulse rounded-md p-4" key={n}>
               <div className="rounded-md bg-slate-200 h-72 w-full "></div>
               <div className="mt-4 flex justify-between">

diff --git a/src/index.css b/src/index.css
@@ -3,7 +3,7 @@
 @tailwind utilities;
 
 .span {
-  background: linear-gradient(to right, #ffbdf0, #f289ff, #ce7aff);
+  background: linear-gradient(to right, #4b72ac, #141314, #222024);
   background-clip: text;
   -webkit-text-fill-color: transparent;
 }
@@ -16,7 +16,7 @@
   padding: 15px;
 }
 nav .active {
-  text-decoration: underline;
+  text-decoration: none;
 }
 .mobilNav {
   z-index: 9999;
@@ -28,5 +28,5 @@ nav .active {
   grid-row-gap: 50px;
 }
 .btn {
-  background: linear-gradient(to bottom, #f0daef, #eff3ff);
+  background: linear-gradient(to bottom, #5cf82d, #eff3ff);
 }
diff --git a/src/pages/About.jsx b/src/pages/About.jsx
@@ -16,7 +16,7 @@ function AboutUs() {
           className="font-gilroyRegular  md:text-xl mt-9 text-center"
           data-aos="fade"
         >
-          XOXO IS… WHERE FUN MEETS FASHION & CLASS AT AFFORDABLE PRICES!
+          EXCEL SHOP IS… WHERE FUN MEETS FASHION & CLASS AT AFFORDABLE PRICES!
         </p>
         <div className="mt-20 flex flex-col lg:flex-row bg-[#f289ff] bg-opacity-10 w-full rounded px-9 py-2 gap-10 items-center">
           <img
@@ -30,7 +30,7 @@ function AboutUs() {
               OUR LITTLE <br /> N I C H E
             </h5>
             <p className="font-gilroyRegular lg:text-left">
-              Welcome to Xoxo, where fashion meets quality and affordability.
+              Welcome to Excel shop, where fashion meets quality and affordability.
               Our brand was founded in 2020 with the aim of providing our
               customers with the latest fashion trends at accessible prices.
               <br />

diff --git a/src/pages/SignUp.jsx b/src/pages/SignUp.jsx
@@ -62,7 +62,7 @@ function Signup() {
           <input
             type="text"
             name="name"
-            className="w-full h-14 mt-2 focus:border-[#f289ff] focus:outline-none focus:ring-0 rounded pl-4 border border-gray-300"
+            className="w-full h-14 mt-2 focus:border-[#908e91] focus:outline-none focus:ring-0 rounded pl-4 border border-gray-300"
             value={values.name}
             onChange={handleChange}
           />

diff --git a/src/useQuery.jsx b/src/useQuery.jsx
@@ -2,7 +2,7 @@ import { useQuery } from "react-query";
 import axios from "axios";
 
 const fetchData = () => {
-  return axios.get("https://fakestoreapiserver.reactbd.com/products");
+  return axios.get("https://fakestoreapi.com/products");
 };
 
 export const useAsync = () => {