From 146e57590a909537e3018d32ef713b5e7ecb74da Mon Sep 17 00:00:00 2001 From: Yassa Taiseer Date: Sat, 9 Mar 2024 04:39:28 -0500 Subject: [PATCH 1/8] developed testamonial component for website --- components/Testamonials.js | 74 +++++++++++++++++++++++++ components/Testamonials.module.css | 89 ++++++++++++++++++++++++++++++ pages/index.js | 3 +- public/images/quote-left-solid.svg | 1 + 4 files changed, 166 insertions(+), 1 deletion(-) create mode 100644 components/Testamonials.js create mode 100644 components/Testamonials.module.css create mode 100644 public/images/quote-left-solid.svg diff --git a/components/Testamonials.js b/components/Testamonials.js new file mode 100644 index 0000000..386fe6c --- /dev/null +++ b/components/Testamonials.js @@ -0,0 +1,74 @@ +import React, { useRef, useState } from 'react'; +import Image from 'next/image'; +import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' +import { faScrewdriverWrench } from '@fortawesome/free-solid-svg-icons' +import { faWindows, faApple} from '@fortawesome/free-brands-svg-icons'; + +import styles from './Testamonials.module.css'; + + + + +export default function Developers() { + const TestimonyData = [ + { + text: `My hospital had under-billed $75K worth of procedural RVUs which took me 20 + hours of manual chart review over the course of 6 months to recover. OpenAdapt + was able to do this job automatically with just a few clicks. The personalized + service and support were phenomenal. I will definitely be using OpenAdapt to audit + my procedures every month from now on. `, + author: `Victor Abrich, MD, FHRS; Electrophysiologist at MercyOne Waterloo Heart Care` + }, + /*{ + text: `Great AI Work. Fixed the issues in my ship and now me and Chewbacca can race the galaxy! Vroom 🚀`, + author: `Han Solo, space person` + }, + { + text: `As a small business owner, managing billing discrepancies was an ongoing challenge until I found OpenAdapt. Unbeknownst to us, we were missing out on $40K in procedural RVUs. The manual effort to recover it was daunting. OpenAdapt simplified the entire process with its automated solution, saving me valuable time and resources. The team's personalized assistance made the transition seamless. I highly recommend OpenAdapt for anyone seeking efficiency in revenue recovery.`, + author: `Emily Thompson` + }, + { + text: `OpenAdapt revolutionized the way we approach procedural audits. Before using their platform, identifying $60K in under-billed RVUs was a tedious task. With OpenAdapt, it became an effortless journey, completed in a fraction of the time. The user-friendly interface and exceptional customer support exceeded my expectations. I'm now a loyal advocate, incorporating OpenAdapt into our monthly auditing routine for sustained financial accuracy.`, + author: `Robert Davis` + },{ + text: `Managing procedural RVUs had become a headache until OpenAdapt came to the rescue. Our oversight led to $55K in lost revenue, and manual recovery efforts were eating into our time. OpenAdapt's automated solution streamlined the process, recovering the under-billed amount with ease. The personalized support provided by the OpenAdapt team ensured a smooth transition. I'm impressed with the results and will continue relying on OpenAdapt for our monthly audits.`, + author: `Robert Davis` + }, */ + ] + return( +
+

Some Testimonies

+ + + + {TestimonyData.map((curr_testimony) => ( +
+ Photo of quote +

+ + {curr_testimony.text} + +

+ +

-- {curr_testimony.author}

+ + +
+ + ))} + + + + + +
+ + ) +} \ No newline at end of file diff --git a/components/Testamonials.module.css b/components/Testamonials.module.css new file mode 100644 index 0000000..55e14c1 --- /dev/null +++ b/components/Testamonials.module.css @@ -0,0 +1,89 @@ +.header{ + font-size: 30px; + text-align: center; + color: whitesmoke; +} + +.card_box{ + background-color: rgb(0, 0, 28); + + overflow-x: auto; + overflow-y: hidden; + + white-space: nowrap; + +} + + .card { + position: relative; + + display: inline-block; + text-overflow: ellipsis; + vertical-align: top; /* Align cards at the top */ + + font-size: medium; + width: 350px; + height: 400px; + margin: 20px; + padding: 20px; + border-radius: 30px; + background: rgba(107, 84, 176, 0.6); + flex-direction: column; + align: self-align; + align-items: center; + justify-content: center; + } + + + + .card:hover { + + outline: 2px solid rgba(122, 105, 175, 0.6); + background: rgba(107, 84, 176, 0.6); + transition: background-color 0.5s, color 0.5s; + } + .title { + position: absolute; + bottom: 0; + + max-width: 300px; + margin: 5px; + color: whitesmoke; + font-size: 18px; + font-weight: bold; + text-align: center; + padding-bottom: 20px; + + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } + .card .button:hover { + color: white; + border: 2px solid transparent; + } + .description { + text-align: left; + margin-bottom: 10px; + padding: 0; + font-size: 15px; + + max-height: 270px; + color: whitesmoke; + white-space: initial; + overflow: hidden; + text-overflow: ellipsis; + + + } + .heading { + font-size: 30px; + text-align: center; + color: whitesmoke; + } + .p { + padding:20px; + font-size: 18px; + text-align: center; + color: rgb(204, 194, 194); + } diff --git a/pages/index.js b/pages/index.js index ed38f2b..316f4f4 100644 --- a/pages/index.js +++ b/pages/index.js @@ -5,7 +5,7 @@ import FeedbackForm from '@components/FeedbackForm'; import Footer from "@components/Footer"; import IndustriesGrid from '@components/IndustriesGrid'; import MastHead from '@components/MastHead'; - +import Testamonials from '@components/Testamonials'; export default function Home() { const [feedbackData, setFeedbackData] = useState({ email: '', @@ -18,6 +18,7 @@ export default function Home() {
+
diff --git a/public/images/quote-left-solid.svg b/public/images/quote-left-solid.svg new file mode 100644 index 0000000..c3974bc --- /dev/null +++ b/public/images/quote-left-solid.svg @@ -0,0 +1 @@ + \ No newline at end of file From c3ef5976be30e0720e61afca28213b323c72917a Mon Sep 17 00:00:00 2001 From: Yassa Taiseer Date: Sat, 9 Mar 2024 12:06:56 -0500 Subject: [PATCH 2/8] developed mock data for testamonial component --- components/Testamonials.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/components/Testamonials.js b/components/Testamonials.js index 386fe6c..c9658cf 100644 --- a/components/Testamonials.js +++ b/components/Testamonials.js @@ -19,7 +19,7 @@ export default function Developers() { my procedures every month from now on. `, author: `Victor Abrich, MD, FHRS; Electrophysiologist at MercyOne Waterloo Heart Care` }, - /*{ + /* some test data: { text: `Great AI Work. Fixed the issues in my ship and now me and Chewbacca can race the galaxy! Vroom 🚀`, author: `Han Solo, space person` }, From e59288d423d042ab34850217132460ac5fd4f678 Mon Sep 17 00:00:00 2001 From: Yassa Taiseer Date: Sat, 9 Mar 2024 12:17:25 -0500 Subject: [PATCH 3/8] fix formatting --- components/Testamonials.js | 61 +++++++++++++------------------------- 1 file changed, 21 insertions(+), 40 deletions(-) diff --git a/components/Testamonials.js b/components/Testamonials.js index c9658cf..027ec62 100644 --- a/components/Testamonials.js +++ b/components/Testamonials.js @@ -2,13 +2,9 @@ import React, { useRef, useState } from 'react'; import Image from 'next/image'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' import { faScrewdriverWrench } from '@fortawesome/free-solid-svg-icons' -import { faWindows, faApple} from '@fortawesome/free-brands-svg-icons'; - +import { faWindows, faApple } from '@fortawesome/free-brands-svg-icons'; import styles from './Testamonials.module.css'; - - - export default function Developers() { const TestimonyData = [ { @@ -19,7 +15,7 @@ export default function Developers() { my procedures every month from now on. `, author: `Victor Abrich, MD, FHRS; Electrophysiologist at MercyOne Waterloo Heart Care` }, - /* some test data: { + { text: `Great AI Work. Fixed the issues in my ship and now me and Chewbacca can race the galaxy! Vroom 🚀`, author: `Han Solo, space person` }, @@ -30,45 +26,30 @@ export default function Developers() { { text: `OpenAdapt revolutionized the way we approach procedural audits. Before using their platform, identifying $60K in under-billed RVUs was a tedious task. With OpenAdapt, it became an effortless journey, completed in a fraction of the time. The user-friendly interface and exceptional customer support exceeded my expectations. I'm now a loyal advocate, incorporating OpenAdapt into our monthly auditing routine for sustained financial accuracy.`, author: `Robert Davis` - },{ + }, { text: `Managing procedural RVUs had become a headache until OpenAdapt came to the rescue. Our oversight led to $55K in lost revenue, and manual recovery efforts were eating into our time. OpenAdapt's automated solution streamlined the process, recovering the under-billed amount with ease. The personalized support provided by the OpenAdapt team ensured a smooth transition. I'm impressed with the results and will continue relying on OpenAdapt for our monthly audits.`, author: `Robert Davis` - }, */ + }, ] - return( + return (

Some Testimonies

- - - {TestimonyData.map((curr_testimony) => ( -
- Photo of quote -

- - {curr_testimony.text} - -

- -

-- {curr_testimony.author}

- - -
- - ))} - - - - - -
- +
+ Photo of quote +

+ {curr_testimony.text} +

+

-- {curr_testimony.author}

+
+ ))} +
) } \ No newline at end of file From badd740e4323d5daa20822536d255b4bfd70ac92 Mon Sep 17 00:00:00 2001 From: Yassa Taiseer Date: Sat, 9 Mar 2024 17:23:51 -0500 Subject: [PATCH 4/8] removed mock data --- components/Testamonials.js | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/components/Testamonials.js b/components/Testamonials.js index 027ec62..6d605af 100644 --- a/components/Testamonials.js +++ b/components/Testamonials.js @@ -15,7 +15,7 @@ export default function Developers() { my procedures every month from now on. `, author: `Victor Abrich, MD, FHRS; Electrophysiologist at MercyOne Waterloo Heart Care` }, - { + /* some test data: { text: `Great AI Work. Fixed the issues in my ship and now me and Chewbacca can race the galaxy! Vroom 🚀`, author: `Han Solo, space person` }, @@ -29,7 +29,7 @@ export default function Developers() { }, { text: `Managing procedural RVUs had become a headache until OpenAdapt came to the rescue. Our oversight led to $55K in lost revenue, and manual recovery efforts were eating into our time. OpenAdapt's automated solution streamlined the process, recovering the under-billed amount with ease. The personalized support provided by the OpenAdapt team ensured a smooth transition. I'm impressed with the results and will continue relying on OpenAdapt for our monthly audits.`, author: `Robert Davis` - }, + },*/ ] return (
@@ -39,7 +39,7 @@ export default function Developers() { Photo of quote Date: Sat, 9 Mar 2024 20:23:01 -0500 Subject: [PATCH 5/8] fixed spelling issues --- components/{Testamonials.js => Testimonies.js} | 4 ++-- .../{Testamonials.module.css => Testimonies.module.css} | 0 pages/index.js | 4 ++-- 3 files changed, 4 insertions(+), 4 deletions(-) rename components/{Testamonials.js => Testimonies.js} (97%) rename components/{Testamonials.module.css => Testimonies.module.css} (100%) diff --git a/components/Testamonials.js b/components/Testimonies.js similarity index 97% rename from components/Testamonials.js rename to components/Testimonies.js index 6d605af..8af8275 100644 --- a/components/Testamonials.js +++ b/components/Testimonies.js @@ -3,9 +3,9 @@ import Image from 'next/image'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' import { faScrewdriverWrench } from '@fortawesome/free-solid-svg-icons' import { faWindows, faApple } from '@fortawesome/free-brands-svg-icons'; -import styles from './Testamonials.module.css'; +import styles from './Testimonies.module.css'; -export default function Developers() { +export default function Testimonies() { const TestimonyData = [ { text: `My hospital had under-billed $75K worth of procedural RVUs which took me 20 diff --git a/components/Testamonials.module.css b/components/Testimonies.module.css similarity index 100% rename from components/Testamonials.module.css rename to components/Testimonies.module.css diff --git a/pages/index.js b/pages/index.js index 316f4f4..49f1885 100644 --- a/pages/index.js +++ b/pages/index.js @@ -5,7 +5,7 @@ import FeedbackForm from '@components/FeedbackForm'; import Footer from "@components/Footer"; import IndustriesGrid from '@components/IndustriesGrid'; import MastHead from '@components/MastHead'; -import Testamonials from '@components/Testamonials'; +import Testimonies from '@components/Testimonies'; export default function Home() { const [feedbackData, setFeedbackData] = useState({ email: '', @@ -18,7 +18,7 @@ export default function Home() {
- +
From 483344c5633db67697cd0f3bd587c87948a6dcc6 Mon Sep 17 00:00:00 2001 From: Yassa Taiseer Date: Thu, 14 Mar 2024 19:31:29 -0400 Subject: [PATCH 6/8] added further changes to card ui and centered it. implemented hover animations --- components/Testimonies.js | 32 ++++++++++++++++++++++--------- components/Testimonies.module.css | 15 ++++++++++----- 2 files changed, 33 insertions(+), 14 deletions(-) diff --git a/components/Testimonies.js b/components/Testimonies.js index 8af8275..cdbfcb2 100644 --- a/components/Testimonies.js +++ b/components/Testimonies.js @@ -8,14 +8,29 @@ import styles from './Testimonies.module.css'; export default function Testimonies() { const TestimonyData = [ { - text: `My hospital had under-billed $75K worth of procedural RVUs which took me 20 + text: `My hospital had under-billed $75K worth of procedural RVUs which took me 20 hours of manual chart review over the course of 6 months to recover. OpenAdapt - was able to do this job automatically with just a few clicks. The personalized + was able to do this job automatically with just a few clicks. The personalized service and support were phenomenal. I will definitely be using OpenAdapt to audit my procedures every month from now on. `, author: `Victor Abrich, MD, FHRS; Electrophysiologist at MercyOne Waterloo Heart Care` }, - /* some test data: { + { + text:`We're trying to make a task miner which shows task flow. I use OpenAdapter to record your + interactions and pm4py to make a task flow. +
I query sqlite3 to make data for pm4py. +
+
+ Now I can make a simply task flow and still there is something to do. +
+
+ Anyway I'm very happy to get here thanks to OpenAdapter! +
+
+ Thank you again for making OpenAdapter`, + author:`Ribeam Kim` + }, + /*{ text: `Great AI Work. Fixed the issues in my ship and now me and Chewbacca can race the galaxy! Vroom 🚀`, author: `Han Solo, space person` }, @@ -40,14 +55,13 @@ export default function Testimonies() { className="invert text-center inline" priority src="/images/quote-left-solid.svg" - height={30} - width={30} + height={40} + width={40} alt="Photo of quote" /> -

- {curr_testimony.text} -

-

-- {curr_testimony.author}

+
+

+

— {curr_testimony.author}

))}
diff --git a/components/Testimonies.module.css b/components/Testimonies.module.css index 55e14c1..3f70273 100644 --- a/components/Testimonies.module.css +++ b/components/Testimonies.module.css @@ -5,6 +5,7 @@ } .card_box{ + text-align: center; background-color: rgb(0, 0, 28); overflow-x: auto; @@ -27,19 +28,23 @@ margin: 20px; padding: 20px; border-radius: 30px; - background: rgba(107, 84, 176, 0.6); + background: #560DF8; flex-direction: column; align: self-align; align-items: center; justify-content: center; } - +.card hr{ + padding: 5px; + width: 300px; +} .card:hover { - outline: 2px solid rgba(122, 105, 175, 0.6); - background: rgba(107, 84, 176, 0.6); + //outline: 2px solid rgba(122, 105, 175, 0.6); + background: #A36BF4; + transform: scale(1.05); transition: background-color 0.5s, color 0.5s; } .title { @@ -68,7 +73,7 @@ padding: 0; font-size: 15px; - max-height: 270px; + max-height: 250px; color: whitesmoke; white-space: initial; overflow: hidden; From df1c8a5989d4d25ce9777a6eccbb74a224af3c70 Mon Sep 17 00:00:00 2001 From: Yassa Taiseer Date: Sun, 17 Mar 2024 17:00:36 -0400 Subject: [PATCH 7/8] implemented smoother animations and now title position is alays centered --- components/Testimonies.js | 20 ++++---------------- components/Testimonies.module.css | 4 +++- 2 files changed, 7 insertions(+), 17 deletions(-) diff --git a/components/Testimonies.js b/components/Testimonies.js index cdbfcb2..46ed9c9 100644 --- a/components/Testimonies.js +++ b/components/Testimonies.js @@ -30,25 +30,12 @@ export default function Testimonies() { Thank you again for making OpenAdapter`, author:`Ribeam Kim` }, - /*{ - text: `Great AI Work. Fixed the issues in my ship and now me and Chewbacca can race the galaxy! Vroom 🚀`, - author: `Han Solo, space person` - }, - { - text: `As a small business owner, managing billing discrepancies was an ongoing challenge until I found OpenAdapt. Unbeknownst to us, we were missing out on $40K in procedural RVUs. The manual effort to recover it was daunting. OpenAdapt simplified the entire process with its automated solution, saving me valuable time and resources. The team's personalized assistance made the transition seamless. I highly recommend OpenAdapt for anyone seeking efficiency in revenue recovery.`, - author: `Emily Thompson` - }, - { - text: `OpenAdapt revolutionized the way we approach procedural audits. Before using their platform, identifying $60K in under-billed RVUs was a tedious task. With OpenAdapt, it became an effortless journey, completed in a fraction of the time. The user-friendly interface and exceptional customer support exceeded my expectations. I'm now a loyal advocate, incorporating OpenAdapt into our monthly auditing routine for sustained financial accuracy.`, - author: `Robert Davis` - }, { - text: `Managing procedural RVUs had become a headache until OpenAdapt came to the rescue. Our oversight led to $55K in lost revenue, and manual recovery efforts were eating into our time. OpenAdapt's automated solution streamlined the process, recovering the under-billed amount with ease. The personalized support provided by the OpenAdapt team ensured a smooth transition. I'm impressed with the results and will continue relying on OpenAdapt for our monthly audits.`, - author: `Robert Davis` - },*/ ] return ( +
+

Some Testimonies

-

Some Testimonies

+ {TestimonyData.map((curr_testimony) => (
))}
+
) } \ No newline at end of file diff --git a/components/Testimonies.module.css b/components/Testimonies.module.css index 3f70273..84f2efe 100644 --- a/components/Testimonies.module.css +++ b/components/Testimonies.module.css @@ -1,5 +1,7 @@ .header{ font-size: 30px; + background-color: rgb(0, 0, 28); + text-align: center; color: whitesmoke; } @@ -45,7 +47,7 @@ //outline: 2px solid rgba(122, 105, 175, 0.6); background: #A36BF4; transform: scale(1.05); - transition: background-color 0.5s, color 0.5s; + transition: background-color 0.5s, color 0.5s, transform 0.5s; } .title { position: absolute; From 9d39685982c0e8e2cbca26cba54a0df1b1ab20de Mon Sep 17 00:00:00 2001 From: Yassa Taiseer Date: Mon, 25 Mar 2024 21:26:17 -0400 Subject: [PATCH 8/8] fixed several bugs such as implementing camelCase, changing author name, css headers and renamed react component --- .../{Testimonies.js => Testimonials.js} | 38 +++++++++---------- ...ies.module.css => Testimonials.module.css} | 7 ++-- pages/index.js | 4 +- 3 files changed, 22 insertions(+), 27 deletions(-) rename components/{Testimonies.js => Testimonials.js} (58%) rename components/{Testimonies.module.css => Testimonials.module.css} (95%) diff --git a/components/Testimonies.js b/components/Testimonials.js similarity index 58% rename from components/Testimonies.js rename to components/Testimonials.js index 46ed9c9..52142b5 100644 --- a/components/Testimonies.js +++ b/components/Testimonials.js @@ -3,40 +3,36 @@ import Image from 'next/image'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' import { faScrewdriverWrench } from '@fortawesome/free-solid-svg-icons' import { faWindows, faApple } from '@fortawesome/free-brands-svg-icons'; -import styles from './Testimonies.module.css'; +import styles from './Testimonials.module.css'; -export default function Testimonies() { - const TestimonyData = [ +export default function Testimonials() { + const testimonialData = [ { - text: `My hospital had under-billed $75K worth of procedural RVUs which took me 20 + text: `

My hospital had under-billed $75K worth of procedural RVUs which took me 20 hours of manual chart review over the course of 6 months to recover. OpenAdapt was able to do this job automatically with just a few clicks. The personalized service and support were phenomenal. I will definitely be using OpenAdapt to audit - my procedures every month from now on. `, + my procedures every month from now on.

`, author: `Victor Abrich, MD, FHRS; Electrophysiologist at MercyOne Waterloo Heart Care` }, { - text:`We're trying to make a task miner which shows task flow. I use OpenAdapter to record your + text:`

We're trying to make a task miner which shows task flow. I use OpenAdapter to record your interactions and pm4py to make a task flow. -
I query sqlite3 to make data for pm4py. -
-
- Now I can make a simply task flow and still there is something to do. -
-
- Anyway I'm very happy to get here thanks to OpenAdapter! -
-
+
I query sqlite3 to make data for pm4py.

+ +

Now I can make a simply task flow and still there is something to do.

+ +

Anyway I'm very happy to get here thanks to OpenAdapter!

Thank you again for making OpenAdapter`, - author:`Ribeam Kim` + author:`Kibeom Kim` }, ] return (
-

Some Testimonies

+

Testimonials

- {TestimonyData.map((curr_testimony) => ( + {testimonialData.map((currTestimony) => (
Photo of quote
-

-

— {curr_testimony.author}

+
+

— {currTestimony.author}

))}
diff --git a/components/Testimonies.module.css b/components/Testimonials.module.css similarity index 95% rename from components/Testimonies.module.css rename to components/Testimonials.module.css index 84f2efe..8adcc53 100644 --- a/components/Testimonies.module.css +++ b/components/Testimonials.module.css @@ -1,4 +1,4 @@ -.header{ +.header { font-size: 30px; background-color: rgb(0, 0, 28); @@ -6,7 +6,7 @@ color: whitesmoke; } -.card_box{ +.card_box { text-align: center; background-color: rgb(0, 0, 28); @@ -61,9 +61,8 @@ text-align: center; padding-bottom: 20px; - white-space: nowrap; overflow: hidden; - text-overflow: ellipsis; + white-space: normal; } .card .button:hover { color: white; diff --git a/pages/index.js b/pages/index.js index 49f1885..f7b92e6 100644 --- a/pages/index.js +++ b/pages/index.js @@ -5,7 +5,7 @@ import FeedbackForm from '@components/FeedbackForm'; import Footer from "@components/Footer"; import IndustriesGrid from '@components/IndustriesGrid'; import MastHead from '@components/MastHead'; -import Testimonies from '@components/Testimonies'; +import Testimonials from '@components/Testimonials'; export default function Home() { const [feedbackData, setFeedbackData] = useState({ email: '', @@ -18,7 +18,7 @@ export default function Home() {
- +