Move gradients to verb

Author: WilliamRagstad

src/components/FAQ.jsx

@@ -135,8 +135,7 @@ const FAQBox = ({ defaultOpen, title, content, links }) => {
 					viewBox="0 0 20 20"
 					fill="none"
 					xmlns="http://www.w3.org/2000/svg"
-					className={`transition-all duration-500  ${isOpen ? "rotate-[180deg]" : "rotate-[270deg]"
-						}`}
+					className={`transition-all duration-500 ${isOpen ? "rotate-[180deg]" : "rotate-[270deg]"}`}
 				>
 					<path
 						d="M4.16732 12.5L10.0007 6.66667L15.834 12.5"

src/components/Features1.jsx

@@ -23,7 +23,7 @@ export const Features1 = () => {
 						<div className="mx-auto lg:mx-auto w-11/12 sm:w-4/5 md:w-3/4 lg:w-unset">
 							<span className="block-subtitle">Embrace Innovation</span>
 							<h2 className="mt-6 mb-8 text-4xl lg:text-5xl block-big-title">
-								Discover <span className="rainbow-text-gradient font-extrabold">Web X</span>
+								<span className="rainbow-text-gradient font-extrabold">Discover</span> Web X
 							</h2>
 							<p className="mb-10 text-secondaryText leading-loose">
 								Web X is a minimal and powerful framework designed for developers who need high-performance and scalable web backends, REST APIs, and hypermedia systems.

src/components/Features2.jsx

@@ -43,7 +43,7 @@ export const Features2 = () => (
 							Join the Movement
 						</span>
 						<h2 className="mt-6 mb-8 text-4xl lg:text-5xl block-big-title">
-							Awesome <span className="rainbow-text-gradient font-extrabold">Open-Source</span> Community
+							<span className="rainbow-text-gradient font-extrabold">Awesome</span> Community
 						</h2>
 						<p className="mb-6 text-secondaryText leading-loose">
 							Developers from all over the world contribute to our open-source
@@ -60,5 +60,5 @@ export const Features2 = () => (
 				</div>
 			</div>
 		</motion.div>
-	</section>
+	</section >
 );