updated pages

components/blogs/BlogsItem.js

@@ -319,7 +319,7 @@ const BlogsItem = () => {
                           <div className="title">{data.title}</div>
                           <div className="discription">{data.discription}</div>
                           <div className="read-more">
-                            <Button href="/listing" variant="primary">
+                            <Button href="/blog-details" variant="primary">
                               Read More
                             </Button>
                           </div>

components/layout/Footer.js

@@ -37,7 +37,10 @@ const Footer = () => {
               <h3>QUICK LINKS</h3>
               <ul>
                 <li>
-                  <a href="">About Us</a>
+                  <a href="/about-us">About Us</a>
+                </li>
+                <li>
+                  <a href="/contact-us">Contact Us</a>
                 </li>
                 <li>
                   <a href="">Corporate Programs</a>

components/layout/Header.js

@@ -41,8 +41,8 @@ const Header = () => {
           <Navbar.Toggle aria-controls="navbarScroll" />
           <Navbar.Collapse id="navbarScroll">
             <Nav className=" my-2 my-lg-0" style={{ maxHeight: "100px" }} navbarScroll>
-              <Nav.Link href="#action1">Blogs</Nav.Link>
-              <Nav.Link href="#action2" className="gift-card">
+              <Nav.Link href="/blog">Blogs</Nav.Link>
+              <Nav.Link href="/gift-card" className="gift-card">
                 Gift Card
                 <span className="image-container">
                   <Image layout="fill" className="image img-fluid" src="/images/icons/gift-card-icon.svg" alt="" />

styles/globals.css

@@ -1714,6 +1714,9 @@ span.form-error,
   color: #000;
   text-align: center;
 }
+.let-discover-carousal a .image{
+  padding: 0.2rem !important;
+}
 
 .let-discover-carousal a .title {
   padding: 1rem;
@@ -1859,7 +1862,12 @@ span.form-error,
   object-fit: cover;
   padding: 4rem;
 }
-
+.gift-an-experience-inner .img .image{
+  display: block;
+  animation: scale2 4s infinite;
+  transition: all .6s ease-out;
+  overflow: hidden;
+}
 .gift-an-experience-inner .content .title {
   font-size: 40px;
   line-height: 40px;
@@ -1879,6 +1887,9 @@ span.form-error,
   text-align: center;
   padding: 0 15rem;
 }
+.testimonial-item .image{
+  padding: 0.2rem !important;
+}
 
 .testimonial-item .img {
   width: 144px;
@@ -2341,7 +2352,13 @@ footer hr {
   color: #808080;
   font-size: 16px;
 }
+.btn:hover {
+  box-shadow: -1px 6px 10px 0 rgba(120, 60, 20, .2);
+  transform: scale(1.05);
+  /* background-color: transparent; */
+  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
 
+}
 .btn-row {
   padding: 2rem 0;
 }
@@ -3132,6 +3149,61 @@ input:disabled {
   color: -internal-light-dark(rgb(84, 84, 84), rgb(170, 170, 170)) !important;
   border-color: rgba(118, 118, 118, 0.3) !important;
 }
+img {
+  transition: all .6s ease-out;
+}
+
+img:hover {
+  transform: scale(1.02);
+  transition: all .6s ease-out;
+}
+.navbar-expand-lg .navbar-nav .nav-link.gift-card .image{
+  display: block;
+  animation: scale1 4s infinite;
+  transition: all .6s ease-out;
+  overflow: hidden;
+  padding: 0.1rem !important;
+}
+@keyframes scale1 {
+  0% {
+      transform: scale(0.9);
+  }
+
+  50% {
+      transform: scale(1.1);
+  }
+
+  100% {
+      transform: scale(0.9);
+  }
+}
+
+@keyframes scale2 {
+  0% {
+      transform: scale(1);
+  }
+
+  50% {
+      transform: scale(1.07);
+  }
+
+  100% {
+      transform: scale(1);
+  }
+}
+.get-in-touch-session .rt-banner .image{
+  display: block;
+  animation: scale2 4s infinite;
+  transition: all .6s ease-out;
+  overflow: hidden;
+  padding: 1.5rem !important;
+}
+.founder-session .f-img .image{
+  display: block;
+  animation: scale2 4s infinite;
+  transition: all .6s ease-out;
+  overflow: hidden;
+}
 
 @media (min-width: 992px) {
   .navbar-expand-lg .navbar-nav .nav-link {
@@ -3242,6 +3314,7 @@ input:disabled {
   .get-in-touch-session .rt-banner {
     padding-left: 0;
   }
+
   .founder-session .f-img {
     margin: 0rem 0rem 0 0rem;
   }