chore: remove OfferBlock learn more button and change to coming soon

src/components/AdBlock.js

@@ -1,6 +1,10 @@
-import React, { useEffect, useRef } from 'react';
+import React, { useEffect, useRef } from "react";
 
-const AdBlock = ({ className = '', adKey = 'e0ca7c61c83457f093bbc2e261b43d31', adDomain = 'solutionbiologyisle.com' }) => {
+const AdBlock = ({
+  className = "",
+  adKey = "e0ca7c61c83457f093bbc2e261b43d31",
+  adDomain = "www.highperformanceformat.com",
+}) => {
   const iframeRef = useRef(null);
 
   useEffect(() => {
@@ -39,7 +43,7 @@ const AdBlock = ({ className = '', adKey = 'e0ca7c61c83457f093bbc2e261b43d31', a
     <iframe
       ref={iframeRef}
       className={`bg-gray-100 dark:bg-gray-800 rounded-lg overflow-hidden ${className}`}
-      style={{ width: '300px', height: '250px', border: 'none' }}
+      style={{ width: "300px", height: "250px", border: "none" }}
       title="Advertisement"
       sandbox="allow-scripts allow-same-origin"
     />

src/components/MobileAdBanner.js

@@ -1,5 +1,5 @@
-import React, { useEffect, useRef, useState } from 'react';
-import { X } from 'lucide-react';
+import React, { useEffect, useRef, useState } from "react";
+import { X } from "lucide-react";
 
 const MobileAdBanner = () => {
   const [visible, setVisible] = useState(true);
@@ -7,8 +7,8 @@ const MobileAdBanner = () => {
   const iframeRef = useRef(null);
 
   useEffect(() => {
-    const wasClosed = sessionStorage.getItem('mobileAdClosed');
-    if (wasClosed === 'true') {
+    const wasClosed = sessionStorage.getItem("mobileAdClosed");
+    if (wasClosed === "true") {
       setClosed(true);
       setVisible(false);
     }
@@ -42,7 +42,7 @@ const MobileAdBanner = () => {
                 'params' : {}
               };
             </script>
-            <script type="text/javascript" src="https://solutionbiologyisle.com/2965bcf877388cafa84160592c550f5a/invoke.js"></script>
+            <script type="text/javascript" src="https://www.highperformanceformat.com/2965bcf877388cafa84160592c550f5a/invoke.js"></script>
           </body>
         </html>
       `);
@@ -55,7 +55,7 @@ const MobileAdBanner = () => {
   const handleClose = () => {
     setVisible(false);
     setClosed(true);
-    sessionStorage.setItem('mobileAdClosed', 'true');
+    sessionStorage.setItem("mobileAdClosed", "true");
   };
 
   if (!visible || closed) return null;
@@ -72,7 +72,7 @@ const MobileAdBanner = () => {
       <div className="flex justify-center items-center py-2">
         <iframe
           ref={iframeRef}
-          style={{ width: '320px', height: '50px', border: 'none' }}
+          style={{ width: "320px", height: "50px", border: "none" }}
           title="Mobile Advertisement"
           sandbox="allow-scripts allow-same-origin"
         />

src/components/OfferBlock.js

@@ -1,20 +1,16 @@
-import React from 'react';
+import React from "react";
 
 const OfferBlock = () => {
   return (
     <div className="w-[300px] h-[250px] bg-gradient-to-br from-indigo-500 to-purple-600 rounded-lg flex flex-col items-center justify-center text-white p-6 text-center shadow-lg hover:shadow-xl transition-shadow duration-300">
-      <span className="bg-white/20 text-xs font-bold px-2 py-1 rounded mb-4 backdrop-blur-sm">
-        SPECIAL OFFER
+      <span className="bg-white/20 text-xs font-bold px-2 py-1 rounded mb-4 backdrop-blur-sm uppercase tracking-wider">
+        Coming Soon
       </span>
-      <h3 className="text-2xl font-bold mb-2">
-        Upgrade to PRO
-      </h3>
-      <p className="text-indigo-100 text-sm mb-6">
-        Get unlimited access to all developer tools and features.
+      <h3 className="text-2xl font-bold mb-2">Upgrade to PRO</h3>
+      <p className="text-indigo-100 text-sm mb-6 leading-relaxed">
+        We are preparing a premium ad-free experience with exclusive developer
+        tools and features. Stay tuned!
       </p>
-      <button className="bg-white text-indigo-600 font-bold py-2 px-6 rounded-full hover:bg-indigo-50 transition-colors shadow-md">
-        Learn More
-      </button>
     </div>
   );
 };

src/components/TabletAdSection.js

@@ -1,7 +1,7 @@
-import React from 'react';
-import AdBlock from './AdBlock';
-import OfferBlock from './OfferBlock';
-import AffiliateBlock from './AffiliateBlock';
+import React from "react";
+import AdBlock from "./AdBlock";
+import OfferBlock from "./OfferBlock";
+import AffiliateBlock from "./AffiliateBlock";
 
 const TabletAdSection = () => {
   return (
@@ -11,7 +11,10 @@ const TabletAdSection = () => {
       </h3>
       <div className="flex justify-center gap-4 overflow-x-auto pb-4">
         <div className="flex-shrink-0">
-          <AdBlock adKey="7c55aebcdd74f6e9a8dc24bd13e7d949" adDomain="solutionbiologyisle.com" />
+          <AdBlock
+            adKey="7c55aebcdd74f6e9a8dc24bd13e7d949"
+            adDomain="www.highperformanceformat.com"
+          />
         </div>
         <div className="flex-shrink-0">
           <OfferBlock />