Merge branch 'landingpage-product-section' of https://github.com/Srinu346/docs into landingpage-product-section

Signed-off-by: Akella Srinivas <[email protected]>

Author: Srinu346

src/components/Product.js

@@ -238,13 +238,14 @@ function UTG() {
 
 export const Products = () => {
   return (
-    <section className="mt-12 text-bold w-full">
-      <div className="text-start mb-8">
-        <h2 className="mb-4 text-2xl font-semibold tracking-wide md:text-3xl">
+    <section className="mb-4 mt-12 w-full">
+      <div className="text-center mb-8 md:mb-12">
+        <h2 className="mb-4 text-2xl md:text-3xl lg:text-4xl font-bold tracking-wide">
           Products 🛠️
         </h2>
-        <p className="text-l mb-8 max-w-4xl">
-          Keploy provides three key products that help you streamline your testing workflow:
+        <p className="text-base md:text-lg max-w-3xl mx-auto leading-relaxed text-[color:var(--ifm-color-emphasis-700)]">
+          Keploy provides three key products that help you streamline your testing
+          workflow and ensure comprehensive test coverage.
         </p>
       </div>
         <UTG />