aboutsummaryrefslogtreecommitdiffstats
path: root/components/benefits.js
diff options
context:
space:
mode:
authorJeff Kleinaitis <jeffkleinaitis@gmail.com>2024-04-09 12:16:47 -0700
committerGitHub <noreply@github.com>2024-04-09 12:16:47 -0700
commit88a12c89a3a58dc2f9780da64964b107bcafc62e (patch)
tree0e46eef49b12dcf07c3611cdcf018134724fc86d /components/benefits.js
parent2374eae054935dd49adf3f0e29e8bea0876288f4 (diff)
parent85daf2a12a714dc51fb4c320bf508daf8127c125 (diff)
Merge pull request #20 from digadoo/develop
remove NextJS from project
Diffstat (limited to 'components/benefits.js')
-rw-r--r--components/benefits.js78
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;