Skip to content

Commit

Permalink
Enhance footer component with quick links and update social media icons
Browse files Browse the repository at this point in the history
  • Loading branch information
Roshansuthar1105 committed Jan 9, 2025
1 parent 0a6bcc3 commit a1df871
Showing 1 changed file with 11 additions and 3 deletions.
14 changes: 11 additions & 3 deletions src/componets/footer.js
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import React from 'react';
import styled from 'styled-components';
import { motion } from 'framer-motion';

import { Link } from 'react-router-dom';
// Styled components for the footer
const FooterContainer = styled.footer`
background-color: #78350f;
Expand Down Expand Up @@ -134,10 +134,10 @@ function Footer() {
target="_blank"
rel="noopener noreferrer"
whileHover={{ scale: 1.2 }}
aria-label="Twitter"
aria-label="twitter"
role="link"
>
<i class="fa-brands fa-x-twitter"></i>
<i className="fab fa-twitter"></i>
</SocialIcon>
<SocialIcon
href="https://instagram.com"
Expand All @@ -157,6 +157,14 @@ function Footer() {
<h3>About Us</h3>
<p>Founded in 2010, MsCafe is dedicated to serving the finest coffee with passion and expertise. We source our beans from sustainable farms across the globe.</p>
</InfoColumn>
<InfoColumn >
<h3>Quick Links</h3>
<Link to="/">Home</Link>
<Link to="/shop">Shop</Link>
<Link to="/about">About</Link>
<Link to="/contact">Contact</Link>
<Link to="/testimonial">Testimonial</Link>
</InfoColumn>

<InfoColumn>
<h3>Contact Us</h3>
Expand Down

0 comments on commit a1df871

Please sign in to comment.