From 7b2abd29b9af63b049f937b2f0839951652301cd Mon Sep 17 00:00:00 2001 From: Atharva Date: Sun, 23 Feb 2025 07:29:30 +0530 Subject: [PATCH] Fix:Replace class with className --- Frontend/src/pages/Home/Cards.jsx | 263 +++++++++++++++++++----------- 1 file changed, 170 insertions(+), 93 deletions(-) diff --git a/Frontend/src/pages/Home/Cards.jsx b/Frontend/src/pages/Home/Cards.jsx index c37104b..2ea0007 100644 --- a/Frontend/src/pages/Home/Cards.jsx +++ b/Frontend/src/pages/Home/Cards.jsx @@ -1,112 +1,189 @@ - import React from "react"; -export const HeroSecn = () =>{ - return( -
-
-
-
-

- Anything and Everything you Need to know About -

-

- Your crops and their Health! -

-
-
-
- plant +export const HeroSecn = () => { + return ( +
+
+
+
+

+ Anything and Everything you Need to know About +

+

+ Your crops and their Health! +

-
- ) -} +
+ plant +
+
+
+ ); +}; export const CardWithImage = () => { - return ( -
- - plant - -
- -
High tech, high yields?
- -

The Kenyan farmers deploying AI to increase productivity -This article is more than 4 months old. AI apps are increasingly popular among small-scale farmers seeking to improve the quality and quantity of their crop.

- - Read more - - -
-
- ) -} + return ( +
+ + plant + +
+ +
+ High tech, high yields? +
+ +

+ The Kenyan farmers deploying AI to increase productivity This article + is more than 4 months old. AI apps are increasingly popular among + small-scale farmers seeking to improve the quality and quantity of + their crop. +

+ + Read more + + +
+
+ ); +}; export const CardOnlyText = (props) => { - return( -
- -
{props.headingText}
-

{props.bodyText}

- -
- ) -} + return ( +
+ +
+ {" "} + {props.headingText}{" "} +
+

+ {" "} + {props.bodyText}{" "} +

+ +
+ ); +}; export const CardWithButton = () => { - return( -
- -
Empowering smallholder farmers with AI tools can bolster global food security
- -

AI-powered weather forecasts help rural Indian farmers make informed planting decisions, reducing debt and boosting savings.

- - Read more - - -
- ) -} + return ( +
+ +
+ Empowering smallholder farmers with AI tools can bolster global food + security +
+ +

+ {" "} + AI-powered weather forecasts help rural Indian farmers make informed + planting decisions, reducing debt and boosting savings. +

+ + Read more + + +
+ ); +}; export const CardWithOnlyImage = () => { - return( -
- - product image - -
- ) -} + return ( +
+ + product image + +
+ ); +}; -const cards = [HeroSecn, CardWithImage, CardOnlyText, CardWithButton, CardWithImage]; +const cards = [ + HeroSecn, + CardWithImage, + CardOnlyText, + CardWithButton, + CardWithImage, +]; export default cards; - export const CardLayout = () => { - return( -
- -
-
- -
- - -
+ return ( +
+ +
+
+ +
+ + +
-
- - -
-
-
+
+ + +
- ) -} \ No newline at end of file +
+
+ ); +};