Merge pull request #90 from rupeshv2121/main

Fix the css of Card
Mujtabaa07 · Jan 2, 2025 · acbe8e7 · acbe8e7
2 parents 03c9414 + 0344967
commit acbe8e7
Show file tree

Hide file tree

Showing 4 changed files with 454 additions and 74 deletions.
diff --git a/src/Pages/Home.css b/src/Pages/Home.css
@@ -1,12 +1,12 @@
 /* CafeHome.css */
-@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Poppins:wght@300;400;500;600&display=swap');
+@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Poppins:wght@300;400;500;600&display=swap");
 
 :root {
-  --primary-coffee: #8B4513;
-  --secondary-coffee: #D2691E;
-  --cream: #FFE4B5;
-  --light-cream: #FDF5E6;
-  --dark-coffee: #2C130B;
+  --primary-coffee: #8b4513;
+  --secondary-coffee: #d2691e;
+  --cream: #ffe4b5;
+  --light-cream: #fdf5e6;
+  --dark-coffee: #2c130b;
 }
 
 /* Custom Scrollbar */
@@ -79,11 +79,11 @@ html {
   .hero-section {
     background-attachment: scroll;
   }
-  
+
   .feature-card {
     margin: 1rem;
   }
-  
+
   .specialty-image {
     width: 250px;
     height: 250px;
@@ -95,4 +95,4 @@ html {
 ::selection {
   background: var(--secondary-coffee);
   color: var(--cream);
-}
+}
diff --git a/src/Pages/Home.js b/src/Pages/Home.js
@@ -1,9 +1,9 @@
-import React, { useEffect, useRef } from 'react';
-import { Link } from 'react-router-dom';
+import { motion } from 'framer-motion';
 import { gsap } from 'gsap';
 import { ScrollTrigger } from 'gsap/ScrollTrigger';
+import React, { useEffect, useRef } from 'react';
+import { Link } from 'react-router-dom';
 import styled from 'styled-components';
-import { motion } from 'framer-motion';
 import Button from '../componets/Button';
 import './Home.css';
 
@@ -222,7 +222,7 @@ function Home() {
   useEffect(() => {
     const features = featuresRef.current.children;
     const specialties = specialtyRef.current.children;
-    
+
     gsap.fromTo(
       features,
       { y: 50, opacity: 0 },
@@ -280,8 +280,8 @@ function Home() {
         </Link>
         <ScrollIndicator>↓</ScrollIndicator>
       </HeroSection>
-      <FeaturesSection ref={featuresRef}>
-        <FeatureCard>
+      <FeaturesSection ref={featuresRef} className="hover:cursor-pointer">
+        <FeatureCard >
           <FeatureIcon src="https://img.freepik.com/free-photo/side-view-fresh-coffee-beans-falling-out-black-basket-red-background_141793-27586.jpg?t=st=1727759694~exp=1727763294~hmac=661c2c2b8c561df98b21f74effb9bb02a0875b0584c062f076bceafa5d6f7eda&w=1380" alt="Quality Beans" />
           <FeatureTitle>Premium Beans</FeatureTitle>
           <FeatureDescription>We source the finest coffee beans from around the world.</FeatureDescription>