diff options
author | Jeff Kleinaitis <jeffkleinaitis@gmail.com> | 2024-04-09 12:16:47 -0700 |
---|---|---|
committer | GitHub <noreply@github.com> | 2024-04-09 12:16:47 -0700 |
commit | 88a12c89a3a58dc2f9780da64964b107bcafc62e (patch) | |
tree | 0e46eef49b12dcf07c3611cdcf018134724fc86d /components/benefits.js | |
parent | 2374eae054935dd49adf3f0e29e8bea0876288f4 (diff) | |
parent | 85daf2a12a714dc51fb4c320bf508daf8127c125 (diff) |
Merge pull request #20 from digadoo/develop
remove NextJS from project
Diffstat (limited to 'components/benefits.js')
-rw-r--r-- | components/benefits.js | 78 |
1 files changed, 0 insertions, 78 deletions
diff --git a/components/benefits.js b/components/benefits.js deleted file mode 100644 index b68bd3b..0000000 --- a/components/benefits.js +++ /dev/null @@ -1,78 +0,0 @@ -import Image from "next/image"; -import React from "react"; -import Container from "./container"; - -const Benefits = (props) => { - const { data } = props; - return ( - <> - <Container className="flex flex-wrap mb-20 lg:gap-10 lg:flex-nowrap "> - <div - className={`flex items-center justify-center w-full lg:w-1/2 ${ - props.imgPos === "right" ? "lg:order-1" : "" - }`}> - <div> - <Image - src={data.image} - width="521" - height="auto" - alt="Benefits" - className={"object-cover"} - placeholder="blur" - blurDataURL={data.image.src} - /> - </div> - </div> - - <div - className={`flex flex-wrap items-center w-full lg:w-1/2 ${ - data.imgPos === "right" ? "lg:justify-end" : "" - }`}> - <div> - <div className="flex flex-col w-full mt-4"> - <h3 className="max-w-2xl mt-3 text-3xl font-bold leading-snug tracking-tight text-gray-800 lg:leading-tight lg:text-4xl dark:text-white"> - {data.title} - </h3> - - <p className="max-w-2xl py-4 text-lg leading-normal text-gray-500 lg:text-xl xl:text-xl dark:text-gray-300"> - {data.desc} - </p> - </div> - - <div className="w-full mt-5"> - {data.bullets.map((item, index) => ( - <Benefit key={index} title={item.title} icon={item.icon}> - {item.desc} - </Benefit> - ))} - </div> - </div> - </div> - </Container> - </> - ); -}; - -function Benefit(props) { - return ( - <> - <div className="flex items-start mt-8 space-x-3"> - <div className="flex items-center justify-center flex-shrink-0 mt-1 bg-indigo-500 rounded-md w-11 h-11 "> - {React.cloneElement(props.icon, { - className: "w-7 h-7 text-indigo-50", - })} - </div> - <div> - <h4 className="text-xl font-medium text-gray-800 dark:text-gray-200"> - {props.title} - </h4> - <p className="mt-1 text-gray-500 dark:text-gray-400"> - {props.children} - </p> - </div> - </div> - </> - ); -} - -export default Benefits; |