From 16e931e5098e63feaa9f54d36552130ccf35fe80 Mon Sep 17 00:00:00 2001
From: James Wyndham <samwyn@xam.com.au>
Date: Wed, 27 Mar 2024 10:26:25 +0800
Subject: [PATCH] adjusted layout and added seo button

---
 Frontend/components/PriceCard.tsx | 9 +++++----
 Frontend/sections/BlogContent.tsx | 4 ++--
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/Frontend/components/PriceCard.tsx b/Frontend/components/PriceCard.tsx
index ea23175..9726a4c 100644
--- a/Frontend/components/PriceCard.tsx
+++ b/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 && (
-            <p className="absolute top-[-10px] left-[50%] -translate-x-1/2 font-architects-daughter text-xl text-primary text-center">
-              Popular
+          {!loading && (
+            <p className="absolute top-[-10px] left-[50%] -translate-x-1/2 font-architects-daughter text-sm text-primary text-center">
+              $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 ">
diff --git a/Frontend/sections/BlogContent.tsx b/Frontend/sections/BlogContent.tsx
index ee04505..bf67d5b 100644
--- a/Frontend/sections/BlogContent.tsx
+++ b/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>