From dea40bed926cefb67b3e90f6841cc3495e7d9fe8 Mon Sep 17 00:00:00 2001
From: roshansuthar1105 <roshansuthar2023@gmail.com>
Date: Tue, 7 Jan 2025 20:19:26 +0530
Subject: [PATCH 1/2] Refactor CSS in Home.js for better alignment and styling

---
 src/Pages/Home.js | 31 ++++++++++++++-----------------
 1 file changed, 14 insertions(+), 17 deletions(-)

diff --git a/src/Pages/Home.js b/src/Pages/Home.js
index 64fb576..7b093e7 100644
--- a/src/Pages/Home.js
+++ b/src/Pages/Home.js
@@ -19,9 +19,9 @@ const HomeContainer = styled.div`
 
 const HeroSection = styled.section`
   display: flex;
-  padding:0;
-  margin:0;
-  top:-2rem;
+  padding: 0;
+  margin: 0;
+  top: -2rem;
   flex-direction: column;
   align-items: center;
   justify-content: center;
@@ -30,7 +30,7 @@ const HeroSection = styled.section`
 
   width: 100%;
 
-  gap:-0.5rem;
+  gap: -0.5rem;
 
   background-image: linear-gradient(
       rgba(44, 19, 11, 0.7),
@@ -56,8 +56,7 @@ const HeroSection = styled.section`
 
 const Title = styled(motion.h1)`
   font-size: 5rem;
-  
-  
+
   font-family: "Playfair Display", serif;
   color: #ffe4b5;
 
@@ -68,22 +67,20 @@ const Title = styled(motion.h1)`
 
 const Subtitle = styled(motion.p)`
   font-size: 1.8rem;
-  
+
   font-family: "Poppins", sans-serif;
   color: #deb887;
   max-width: 600px;
-  
 
   @media (max-width: 768px) {
     font-size: 1.4rem;
-    
   }
 `;
 
 const StyledButton = styled(Button)`
   background: #d2691e;
   color: #ffe4b5;
-  padding:0.8rem;
+  padding: 0.8rem;
   font-size: 1.2rem;
   border-radius: 30px;
   border: 2px solid #8b4513;
@@ -99,8 +96,9 @@ const StyledButton = styled(Button)`
   }
 
   @media (min-width: 783px) {
-  font-size:0.8rem;
-  padding: 0.5rem}
+    font-size: 0.8rem;
+    padding: 0.5rem;
+  }
 `;
 
 const FeaturesSection = styled.section`
@@ -112,8 +110,6 @@ const FeaturesSection = styled.section`
   position: relative;
   overflow: visible;
 
-  
-
   @media (max-width: 768px) {
     padding: 4rem 2rem;
     gap: 2rem;
@@ -168,9 +164,9 @@ const SpecialtySection = styled.section`
   background: #2c130b;
   position: relative;
 
-  &::before {
-    content: "Our Specialties";
-    position: absolute;
+  & h1 {
+    width: 100%;
+    text-align: center;
     top: 2rem;
     left: 50%;
     transform: translateX(-50%);
@@ -339,6 +335,7 @@ function Home() {
         </FeatureCard>
       </FeaturesSection>
       <SpecialtySection ref={specialtyRef}>
+        <h1>Our Specialities</h1>
         <SpecialtyImage
           src="https://img.freepik.com/free-photo/brown-coffee-beans-seed_74190-6651.jpg?ga=GA1.1.1542821208.1727756299&semt=ais_hybrid "
           alt="Specialty Coffee 1"

From a1df8719045b9fc57ae2a2bdfb55150a4f15a5e5 Mon Sep 17 00:00:00 2001
From: roshansuthar1105 <roshansuthar2023@gmail.com>
Date: Thu, 9 Jan 2025 21:29:43 +0530
Subject: [PATCH 2/2] Enhance footer component with quick links and update
 social media icons

---
 src/componets/footer.js | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/componets/footer.js b/src/componets/footer.js
index 030b7a7..739e573 100644
--- a/src/componets/footer.js
+++ b/src/componets/footer.js
@@ -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;
@@ -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"
@@ -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>