aboutsummaryrefslogtreecommitdiffstats
path: root/components/testimonials.js
diff options
context:
space:
mode:
authorJeff Kleinaitis <jeffkleinaitis@gmail.com>2024-03-29 14:51:17 -0400
committerGitHub <noreply@github.com>2024-03-29 14:51:17 -0400
commit9df0e1b528cc369ad99e2c46c6eba5e12a3f524f (patch)
treec25cd68ccc0feb278e6ce6c69ff15968f0ab51ce /components/testimonials.js
parentadf26e588e5917d6ac4f522aeca8d7e6523ada7e (diff)
parent8ca7091f6055c8fb3e63c1ba9e4a788776e6ec07 (diff)
Merge pull request #6 from digadoo/develop
Updates to Helping Hands landing page completed - all sections should now have current text, data, styling. The only outstanding item on the landing page is the three larger SVGs illustrations. Need to update these at some point to create a more cohesive landing page, but for now they'll work.
Diffstat (limited to 'components/testimonials.js')
-rw-r--r--components/testimonials.js91
1 files changed, 0 insertions, 91 deletions
diff --git a/components/testimonials.js b/components/testimonials.js
deleted file mode 100644
index cde6ea1..0000000
--- a/components/testimonials.js
+++ /dev/null
@@ -1,91 +0,0 @@
-import Image from "next/image";
-import React from "react";
-import Container from "./container";
-
-import userOneImg from "../public/img/user1.jpg";
-import userTwoImg from "../public/img/user2.jpg";
-import userThreeImg from "../public/img/user3.jpg";
-
-const Testimonials = () => {
- return (
- <Container>
- <div className="grid gap-10 lg:grid-cols-2 xl:grid-cols-3">
- <div className="lg:col-span-2 xl:col-auto">
- <div className="flex flex-col justify-between w-full h-full bg-gray-100 px-14 rounded-2xl py-14 dark:bg-trueGray-800">
- <p className="text-2xl leading-normal ">
- Share a real <Mark>testimonial</Mark>
- that hits some of your benefits from one of your popular customer.
- </p>
-
- <Avatar
- image={userOneImg}
- name="Sarah Steiner"
- title="VP Sales at Google"
- />
- </div>
- </div>
- <div className="">
- <div className="flex flex-col justify-between w-full h-full bg-gray-100 px-14 rounded-2xl py-14 dark:bg-trueGray-800">
- <p className="text-2xl leading-normal ">
- Make sure you only pick the <Mark>right sentence</Mark>
- to keep it short and simple.
- </p>
-
- <Avatar
- image={userTwoImg}
- name="Dylan Ambrose"
- title="Lead marketer at Netflix"
- />
- </div>
- </div>
- <div className="">
- <div className="flex flex-col justify-between w-full h-full bg-gray-100 px-14 rounded-2xl py-14 dark:bg-trueGray-800">
- <p className="text-2xl leading-normal ">
- This is an <Mark>awesome</Mark> landing page template I&apos;ve seen. I
- would use this for anything.
- </p>
-
- <Avatar
- image={userThreeImg}
- name="Gabrielle Winn"
- title="Co-founder of Acme Inc"
- />
- </div>
- </div>
- </div>
- </Container>
- );
-}
-
-function Avatar(props) {
- return (
- <div className="flex items-center mt-8 space-x-3">
- <div className="flex-shrink-0 overflow-hidden rounded-full w-14 h-14">
- <Image
- src={props.image}
- width="40"
- height="40"
- alt="Avatar"
- placeholder="blur"
- />
- </div>
- <div>
- <div className="text-lg font-medium">{props.name}</div>
- <div className="text-gray-600 dark:text-gray-400">{props.title}</div>
- </div>
- </div>
- );
-}
-
-function Mark(props) {
- return (
- <>
- {" "}
- <mark className="text-indigo-800 bg-indigo-100 rounded-md ring-indigo-100 ring-4 dark:ring-indigo-900 dark:bg-indigo-900 dark:text-indigo-200">
- {props.children}
- </mark>{" "}
- </>
- );
-}
-
-export default Testimonials; \ No newline at end of file