-
{render(blok.text)}
+
+
+ {render(blok.description)}
+
);
diff --git a/components/Services.js b/components/Services.js
new file mode 100644
index 0000000..ed23720
--- /dev/null
+++ b/components/Services.js
@@ -0,0 +1,102 @@
+import React from "react";
+import SbEditable from "storyblok-react";
+import { render } from "storyblok-rich-text-react-renderer";
+import Link from "next/link";
+import Image from "next/image";
+
+import { StarIcon } from "@heroicons/react/solid";
+const features = [
+ {
+ name: "Assessments",
+ description:
+ "Determine the level of care utilizing various assessment tools (tools such as ASSIST, CAGE, DAST etc.)",
+ icon: StarIcon,
+ },
+ {
+ name: "Brief Intervention",
+ description:
+ "Short, focused counseling sessions to address specific issues and promote positive change",
+ icon: StarIcon,
+ },
+ {
+ name: "Counselling",
+ description:
+ "One-on-one or group therapy sessions to support individuals in overcoming challenges and achieving personal growth",
+ icon: StarIcon,
+ },
+ {
+ name: "Referrals to practitioners",
+ description:
+ "psychologists, social workers, psychiatrists, and treatment facilities",
+ icon: StarIcon,
+ },
+ {
+ name: "Functional / Relapse analysis",
+ description:
+ "Identify triggers and develop strategies to prevent relapse and maintain recovery",
+ icon: StarIcon,
+ },
+ {
+ name: "Employee Wellness Practitioner",
+ description:
+ "EAP / HR assistance & development as well as workplace support",
+ icon: StarIcon,
+ },
+ {
+ name: "Workplace policy development",
+ description:
+ "Create and implement comprehensive policies to promote a healthy and supportive work environment",
+ icon: StarIcon,
+ },
+ {
+ name: "Family Support Services",
+ description:
+ "Provide guidance and resources to help families cope with and support loved ones facing challenges",
+ icon: StarIcon,
+ },
+ {
+ name: "Program development for workplace and treatment facilities.",
+ description:
+ "Design and implement tailored programs to address specific needs in various settings",
+ icon: StarIcon,
+ },
+ {
+ name: "Training / Workshops",
+ description:
+ "Workplace support groups, SUD sponsors, health care practitioner & clinic managers, school counselors, etc.",
+ icon: StarIcon,
+ },
+ {
+ name: "Supervised Visitations",
+ description: "Coming soon",
+ icon: StarIcon,
+ },
+];
+export default function Services({ blok }) {
+ return (
+
+
+
+
+ {features.map((feature) => (
+
+
-
+
+
+
+ {feature.name}
+
+
-
+ {feature.description}
+
+
+
+
+ );
+}
diff --git a/components/Testimonial.js b/components/Testimonial.js
index 474635d..5829f2e 100644
--- a/components/Testimonial.js
+++ b/components/Testimonial.js
@@ -1,33 +1,40 @@
import React from "react";
import SbEditable from "storyblok-react";
import { render } from "storyblok-rich-text-react-renderer";
+import { StarIcon } from "@heroicons/react/solid";
+import Image from "next/image";
const Testimonial = ({ blok }) => {
return (
-
-
-
-
-
{render(blok.description)}
+
+
+ 5 out of 5 stars
+
+
+
+
+
+
-
+
);
};
diff --git a/components/TextWithImage.js b/components/TextWithImage.js
index 21a89d6..900222c 100644
--- a/components/TextWithImage.js
+++ b/components/TextWithImage.js
@@ -16,12 +16,12 @@ export default function ImageWithTextOnLeft({ blok }) {
}`}
>
{blok.subtitle && (
-
+
{blok.subtitle}
)}
{blok.title && (
-
+
{blok.title}
)}
@@ -32,7 +32,7 @@ export default function ImageWithTextOnLeft({ blok }) {
{blok.button_text && blok.button_link.cached_url && (
-
+
{blok.button_text}
diff --git a/lib/constant.js b/lib/constant.js
index 26939a1..4dd008f 100644
--- a/lib/constant.js
+++ b/lib/constant.js
@@ -1,3 +1,2 @@
-export const BASE_URL = "https://www.storyblok.com/";
export const HOME_META_IMAGE_URL =
- "https://a.storyblok.com/f/101001/697x886/ef66c7389e/michellesmit.jpg";
+ "https://a.storyblok.com/f/302764/720x720/a99ee15963/36058aef-106b-484d-8863-d8e0d0f44285.png";
diff --git a/package.json b/package.json
index b09a3aa..a636f27 100644
--- a/package.json
+++ b/package.json
@@ -36,4 +36,4 @@
"devDependencies": {
"postcss": "^8.3.6"
}
-}
+}
\ No newline at end of file
diff --git a/public/favicon.ico b/public/favicon.ico
index 834c6cb..1bd841b 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/public/meta/android-chrome-192x192.png b/public/meta/android-chrome-192x192.png
index 43fd472..6e91355 100644
Binary files a/public/meta/android-chrome-192x192.png and b/public/meta/android-chrome-192x192.png differ
diff --git a/public/meta/android-chrome-512x512.png b/public/meta/android-chrome-512x512.png
index 6cb3e23..5fff6fd 100644
Binary files a/public/meta/android-chrome-512x512.png and b/public/meta/android-chrome-512x512.png differ
diff --git a/public/meta/apple-touch-icon.png b/public/meta/apple-touch-icon.png
index 6acfece..9443b67 100644
Binary files a/public/meta/apple-touch-icon.png and b/public/meta/apple-touch-icon.png differ
diff --git a/public/meta/favicon-16x16.png b/public/meta/favicon-16x16.png
index b381491..564612b 100644
Binary files a/public/meta/favicon-16x16.png and b/public/meta/favicon-16x16.png differ
diff --git a/public/meta/favicon-32x32.png b/public/meta/favicon-32x32.png
index f244f98..febf952 100644
Binary files a/public/meta/favicon-32x32.png and b/public/meta/favicon-32x32.png differ
diff --git a/public/meta/favicon.ico b/public/meta/favicon.ico
index 834c6cb..1bd841b 100644
Binary files a/public/meta/favicon.ico and b/public/meta/favicon.ico differ
diff --git a/tailwind.config.js b/tailwind.config.js
index 32c755a..1bb727a 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -4,6 +4,7 @@
** Docs: https://tailwindcss.com/docs/configuration
** Default: https://github.com/tailwindcss/tailwindcss/blob/master/stubs/defaultConfig.stub.js
*/
+const colors = require("tailwindcss/colors");
module.exports = {
darkMode: false,
@@ -13,29 +14,14 @@ module.exports = {
sans: ["Roboto", "sans-serif"],
},
colors: {
+ slate: {
+ ...colors.slate,
+ },
brand: {
- 100: "#FFFFFF",
- 200: "#F8FBFB",
- 300: "#D8E9E9",
- 400: "#B7D7D7",
- 500: "#96C5C5",
- 600: "#75B3B3",
- 700: "#579E9E",
- 800: "#457D7D",
- 900: "#335C5C",
- DEFAULT: "#96C5C5",
+ ...colors.teal,
},
accent: {
- 100: "#A3C4DB",
- 200: "#7EACCD",
- 300: "#5A95BF",
- 400: "#407BA5",
- 500: "#326081",
- 600: "#24445C",
- 700: "#152937",
- 800: "#070E12",
- 900: "#000000",
- DEFAULT: "#326081",
+ ...colors.sky,
},
},
},
diff --git a/utils/storyblok.js b/utils/storyblok.js
index 94a681f..c70887b 100644
--- a/utils/storyblok.js
+++ b/utils/storyblok.js
@@ -2,11 +2,12 @@ import { useEffect, useState } from "react";
import StoryblokClient from "storyblok-js-client";
const Storyblok = new StoryblokClient({
- accessToken: "4ajqyNCQdACZ3f1v9fbOGwtt", // Preview Token
+ accessToken: "yzjr9RzuPYrWfkXCu1PvpAtt", // Preview Token
cache: {
clear: "auto",
type: "memory",
},
+ clearCacheOnEveryRender: true,
});
export function useStoryblok(originalStory, preview, locale) {