From bf4dc70e31a8324c3de6be4ce465eb84430f3d94 Mon Sep 17 00:00:00 2001
From: senthil-k8s <senthilathiban0@gmail.com>
Date: Mon, 7 Aug 2023 21:54:00 +0530
Subject: [PATCH] feat(helpcenter): added featured cards

---
 src/assets/image/email.png         | Bin 0 -> 13640 bytes
 src/assets/index.js                |   2 +
 src/components/Needhelp/index.jsx  |  79 ++++++++++++++++++++++++++++-
 src/views/app/Helpcentre/index.jsx |   1 +
 4 files changed, 81 insertions(+), 1 deletion(-)
 create mode 100644 src/assets/image/email.png

diff --git a/src/assets/image/email.png b/src/assets/image/email.png
new file mode 100644
index 0000000000000000000000000000000000000000..38d6538aad06678cf3646625f7c1f5089d3590e4
GIT binary patch
literal 13640
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
KdSsnj|NcKXMr}0!

literal 0
HcmV?d00001

diff --git a/src/assets/index.js b/src/assets/index.js
index d6a7fed..1d5462e 100644
--- a/src/assets/index.js
+++ b/src/assets/index.js
@@ -39,7 +39,9 @@ import creative from "../assets/image/creative.png";
 import troubleshooting from "../assets/image/troubleshooting.png";
 import started from "../assets/image/started.png";
 import setting from "../assets/image/setting.png";
+import email from "../assets/image/email.png";
 export {
+  email,
   tutorial,
   bill,
   creative,
diff --git a/src/components/Needhelp/index.jsx b/src/components/Needhelp/index.jsx
index c2a27fe..fea1230 100644
--- a/src/components/Needhelp/index.jsx
+++ b/src/components/Needhelp/index.jsx
@@ -1,7 +1,84 @@
 import React from "react";
+import {
+  bill,
+  blog,
+  creative,
+  query,
+  setting,
+  started,
+  support,
+  troubleshooting,
+  tutorial,
+} from "../../assets";
 
 const Needhelp = () => {
-  return <div>index</div>;
+  return (
+    <div className="w-full h-[150vh]">
+      <div className="flex flex-col justify-center items-center">
+        <h1 className="text-4xl text-violet-400">Need help ?</h1>
+        <p className="text-lg mt-5">Check out our serivces to get started</p>
+      </div>
+
+      <div className="grid grid-cols-3 gap-20 ml-20 mr-20 mt-10">
+        <div className="border p-5 pb-20 pt-20 rounded-lg blogtitle helpbox">
+          <div className="flex flex-col justify-center items-center">
+            <img src={started} alt="" className="w-24 h-24" />
+            <h1 className="text-xl mt-5 text-violet-300">Getting Started</h1>
+            <p className="text-center mt-5 leading-relaxed text-gray-300">
+              Set up your Fahsion Froze account and start to customize your t-shirt
+            </p>
+          </div>
+        </div>
+        <div className="border p-5 pb-20 pt-20 rounded-lg blogtitle helpbox">
+          <div className="flex flex-col justify-center items-center">
+            <img src={creative} alt="" className="w-24 h-24" />
+            <h1 className="text-xl mt-5 text-violet-300">Design tips to start</h1>
+            <p className="text-center mt-5 leading-relaxed text-gray-300">
+              "Design an intuitive Help Center for seamless user assistance and
+              engagement."
+            </p>
+          </div>
+        </div>
+        <div className="border p-5 pb-20 pt-20 rounded-lg blogtitle helpbox">
+          <div className="flex flex-col justify-center items-center">
+            <img src={setting} alt="" className="w-24 h-24" />
+            <h1 className="text-xl mt-5 text-violet-300">Settings & Preferences</h1>
+            <p className="text-center mt-5 leading-relaxed text-gray-300">
+              Adjust notification, set up signatures, and manage aliases
+            </p>
+          </div>
+        </div>
+        <div className="border p-5 pb-20 pt-20 rounded-lg blogtitle helpbox">
+          <div className="flex flex-col justify-center items-center">
+            <img src={bill} alt="" className="w-24 h-24" />
+            <h1 className="text-xl mt-5 text-violet-300">Teams & Billings</h1>
+            <p className="text-center mt-5 leading-relaxed text-gray-300">
+              Manage your workspace settings and members
+            </p>
+          </div>
+        </div>
+        <div className="border p-5 pb-20 pt-20 rounded-lg blogtitle helpbox">
+          <div className="flex flex-col justify-center items-center">
+            <img src={tutorial} alt="" className="w-24 h-24" />
+            <h1 className="text-xl mt-5 text-violet-300">Step-by-Step Tutorial</h1>
+            <p className="text-center mt-5 leading-relaxed text-gray-300">
+              Join our interactive sessions, enriching the t-shirt customization
+              journey with clear visuals and user-friendly guidance
+            </p>
+          </div>
+        </div>
+        <div className="border p-5 pb-20 pt-20 rounded-lg blogtitle helpbox">
+          <div className="flex flex-col justify-center items-center">
+            <img src={troubleshooting} alt="" className="w-24 h-24" />
+            <h1 className="text-xl mt-5 text-violet-300">TroubleShooting</h1>
+            <p className="text-center mt-5 leading-relaxed text-gray-300">
+              Find answers to common issues and questions
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
 };
 
 export default Needhelp;
diff --git a/src/views/app/Helpcentre/index.jsx b/src/views/app/Helpcentre/index.jsx
index 21eb1bc..9b8d582 100644
--- a/src/views/app/Helpcentre/index.jsx
+++ b/src/views/app/Helpcentre/index.jsx
@@ -8,6 +8,7 @@ function HelpCentrePage() {
   return (
     <HomeLayout>
       <HelpCentre />
+      <Needhelp />
     </HomeLayout>
   );
 }