adjusted layout and added seo button

Frontend/components/PriceCard.tsx

@@ -66,13 +66,14 @@ export default function PriceCard({
     >
       <div className="flex flex-col h-full">
         <div className="mb-12 relative">
-          {true && (
+          {!loading && (
-            <p className="absolute top-[-10px] left-[50%] -translate-x-1/2 font-architects-daughter text-xl text-primary text-center">
+            <p className="absolute top-[-10px] left-[50%] -translate-x-1/2 font-architects-daughter text-sm text-primary text-center">
-              Popular
+              $30 off for the first 5 customers{" "}
+              <span className="text-secondary">(4 left)</span>
             </p>
           )}
 
-          <h1 className="text-center text-3xl font-inter font-bold pt-6 text-base-content ">
+          <h1 className="text-center text-3xl font-inter font-bold pt-12 text-base-content ">
             {product?.name}
           </h1>
           <h3 className="text-center pt-4 text-base-content ">

Frontend/sections/BlogContent.tsx

@@ -3,7 +3,7 @@ import Image from "next/image";
 
 function BlogContent({ post }: { post: any }) {
   return (
-    <div className="bg-base-200 mx-4 lg:mx-0 px-8 py-12 rounded-lg shadow-lg">
+    <div className="lg:mx-0 px-4 lg:px-8 py-12 lg:rounded-lg lg:shadow-lg lg:bg-base-200">
       <h1 className="font-heading text-4xl font-bold text-base-content">
         {post.title}
       </h1>
@@ -36,7 +36,7 @@ function BlogContent({ post }: { post: any }) {
           />
         </div>
         <div
-          className="w-full max-w-[74vw]"
+          className="w-full max-w-[92vw] overflow-hidden"
           dangerouslySetInnerHTML={{ __html: post.content }}
         ></div>
       </article>