From f25b369b605b4680ca8366662aae04421454a296 Mon Sep 17 00:00:00 2001 From: Raushan Ryan <83304272+iryanraushan@users.noreply.github.com> Date: Wed, 29 Nov 2023 17:52:07 +0530 Subject: [PATCH] feat: designed new Features section (#355) * updated features section * fix: Fixed invalid Display icon in `Features` section --------- Co-authored-by: Saptarshi Sarkar --- Website/app/Features.js | 74 +++++++++++++++++++++++------------------ 1 file changed, 42 insertions(+), 32 deletions(-) diff --git a/Website/app/Features.js b/Website/app/Features.js index 9a10879b5..1ab12db01 100644 --- a/Website/app/Features.js +++ b/Website/app/Features.js @@ -1,60 +1,70 @@ import React from "react"; -function Features() { + +const Features = () => { const features = [ { title: "It's Free and Open-Source", description: - "Drifty is both free and open-source, so, you can bring new features that you wish to have 🎉", - icon: "fa-brands fa-osi", + "Drifty — a free and Open-Source tool, is open for suggestions. Share the features you want to have and help us improve", + icon: "fa-brands fa-osi fa-xl", color: "text-lime-600", + colorHex: "#65a30d", }, { title: "Faster Downloading of files", description: - "Drifty supports parallel downloading using multiple threads", - icon: "fa fa-download", + "Drifty is designed to leverage concurrent threads for efficient parallel downloading with accelerated speeds", + icon: "fa-solid fa-download fa-xl", color: "text-sky-400", + colorHex: "#38bdf8", }, { title: "Support for downloading videos from YouTube, Instagram, etc.", description: - "Drifty allows downloading videos from popular platforms like YouTube and Instagram with ease.", - icon: "fa fa-youtube-play", - color: "text-red-600", + "Drifty provides an efficient solution to effortlessly download videos from leading platforms, such as YouTube and Instagram", + icon: "fa-brands fa-youtube fa-xl", + colorHex: "#dc2626", }, { title: "Available both in GUI and CLI mode", description: - "Drifty has both CLI and GUI mode. So, it can be used anywhere as CLI or as GUI according to the requirements of the user.", - icon: "fa fa-desktop", - color: "text-gray-700", + "Drifty's CLI and GUI modes provide adaptable, streamlined user experiences across diverse scenarios", + icon: "fa-solid fa-display fa-xl", + colorHex: "#374151", }, ]; + return ( -
-

- Features -

-
- {features.map((feature, index) => ( -
+
+
Features
+
+ {features.map((feature, index) => ( +
+
+

+ {feature.title} +

+ +
+

{feature.description}

+
-

{feature.title}

-

{feature.description}

- ))} -
-
- ....and many more! -
+
+
+ ))}
+ ); -} +}; + export default Features;