Skip to content

Commit

Permalink
[FEAT]: FAQ feature in helpCenter (#623)
Browse files Browse the repository at this point in the history
closes issue #620 

1. Added FAQ feature card 
2. Designed the image for each card
3. Ensuring the information provided in each card useful for customers
4. Added images for Explore page
  • Loading branch information
amanjaiman1 authored Aug 8, 2023
2 parents bd9d813 + af8e646 commit cd1b975
Show file tree
Hide file tree
Showing 7 changed files with 118 additions and 2 deletions.
Binary file added public/animations/explorebg.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/explorebg.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 0 additions & 1 deletion src/App.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -65,7 +65,6 @@ function App() {
<Route Component={Login} path="/login" />
<Route Component={SignUp} path="/signup" />
<Route Component={CommunityLanding} path="/community" />

<Route Component={ErrorPage} path="/*" />

{/* Pages Routing */}
Expand Down
Binary file added src/assets/image/tshirt.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 2 additions & 0 deletions src/assets/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -40,7 +40,9 @@ 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";
import tshirt from "../assets/image/tshirt.gif";
export {
tshirt,
email,
tutorial,
bill,
Expand Down
116 changes: 115 additions & 1 deletion src/components/Helpfaq/index.jsx
Original file line number Diff line number Diff line change
@@ -1,7 +1,121 @@
import React from "react";
import { blog, email, query, support } from "../../assets";

const Helpfaq = () => {
return <div>index</div>;
return (
<div className="w-full h-[200vh] relative">
<div className="flex flex-col justify-center items-center">
<div class="text-6xl mt-10 text-center font-normal">FAQ</div>
<p class="mt-10 font-normal text-center font-semibold text-5xl text-blue-300">
Ask us Anything
</p>
<p class="mt-10 font-normal text-sm text-center text-white ">
Have any questions ? We're here to assist you
</p>
</div>
<div class="py-20 px-2">
<div class="max-w-md mx-auto rounded-lg overflow-hidden md:max-w-xl">
<div class="md:flex">
<div class="w-full p-3">
<div class="relative">
<i class="absolute fa fa-search text-gray-400 top-5 left-4"></i>
<input
type="text"
class="bg-white h-14 w-full px-12 rounded-lg focus:outline-none "
name=""
/>
<span class="absolute top-4 right-5 border-l pl-4">
<i class="fa fa-microphone text-gray-500 hover:text-green-500 hover:cursor-pointer"></i>
</span>
</div>
</div>
</div>
</div>
</div>
<div className="grid grid-cols-3 gap-20 ml-20 mr-20 mt-20">
<div className="border p-5 pt-10 rounded-lg blogtitle helpbox">
<div className="flex flex-col ">
<img src={email} alt="" className="w-12 h-12 mb-10" />
<h1 className="text-2xl text-left text-violet-300">
What is your return policy?
</h1>
<p className="text-lg mt-5 text-gray-300">
We offer a hassle-free 30-day return policy. If you're not satisfied
with your purchase, you can return it within 30 days for a full refund
or exchange.
</p>
</div>
</div>
<div className="border p-5 pt-10 rounded-lg blogtitle helpbox">
<div className="flex flex-col ">
<img src={email} alt="" className="w-12 h-12 mb-10" />
<h1 className="text-2xl text-left text-violet-300">
How do I track my order?
</h1>
<p className="text-lg mt-5 text-gray-300">
Once your order is shipped, you'll receive a tracking number via email.
You can use this number to track your order's delivery status on our
website.
</p>
</div>
</div>
<div className="border p-5 pt-10 rounded-lg blogtitle helpbox">
<div className="flex flex-col ">
<img src={email} alt="" className="w-12 h-12 mb-10" />
<h1 className="text-2xl text-left text-violet-300">
Are your products environmentally friendly?
</h1>
<p className="text-lg mt-5 text-gray-300">
Yes, we're committed to sustainability. Many of our products are made
from eco-friendly materials, and we strive to minimize our
environmental footprint throughout our production process.
</p>
</div>
</div>
<div className="border p-5 pt-10 rounded-lg blogtitle helpbox">
<div className="flex flex-col ">
<img src={email} alt="" className="w-12 h-12 mb-10" />
<h1 className="text-2xl text-left text-violet-300">
{" "}
What payment methods do you accept?
</h1>
<p className="text-lg mt-5 text-gray-300">
We accept a variety of payment methods, including credit/debit cards,
PayPal, and Apple Pay. All transactions are securely processed to
ensure your financial data is protected.
</p>
</div>
</div>
<div className="border p-5 pt-10 rounded-lg blogtitle helpbox">
<div className="flex flex-col ">
<img src={email} alt="" className="w-12 h-12 mb-10" />
<h1 className="text-2xl text-left text-violet-300">
How can I contact your customer support?
</h1>
<p className="text-lg mt-5 text-gray-300">
You can reach our customer support team through our "Contact Us" page,
where you'll find a form to submit your inquiries. We typically respond
within 24 hours.
</p>
</div>
</div>
<div className="border p-5 pt-10 rounded-lg blogtitle helpbox">
<div className="flex flex-col ">
<img src={email} alt="" className="w-12 h-12 mb-10" />
<h1 className="text-2xl text-left text-violet-300">
Do you offer international shipping?
</h1>
<p className="text-lg mt-5 text-gray-300">
Yes, we offer international shipping to many countries. Shipping rates
and delivery times may vary depending on your location. During the
checkout process, you can select your country to see available shipping
options.
</p>
</div>
</div>
</div>
</div>
);
};

export default Helpfaq;
1 change: 1 addition & 0 deletions src/views/app/Helpcentre/index.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,7 @@ function HelpCentrePage() {
<HomeLayout>
<HelpCentre />
<Needhelp />
<Helpfaq />
</HomeLayout>
);
}
Expand Down

1 comment on commit cd1b975

@vercel
Copy link

@vercel vercel bot commented on cd1b975 Aug 8, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

product-3-d – ./

product-3-d-git-main-amanjaiman1.vercel.app
product-3-d-amanjaiman1.vercel.app
product-3-d.vercel.app

Please sign in to comment.