From a496f4b19e6f9f53ccc679be19e6616bc56599be Mon Sep 17 00:00:00 2001
From: Ayush <ayushratan082@gmail.com>
Date: Sat, 9 Nov 2024 16:47:41 +0530
Subject: [PATCH] updates

---
 components/ThankYouPopup.tsx | 18 +++++++++---------
 pages/index.tsx              |  3 +--
 2 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/components/ThankYouPopup.tsx b/components/ThankYouPopup.tsx
index 4f4b576..660120e 100644
--- a/components/ThankYouPopup.tsx
+++ b/components/ThankYouPopup.tsx
@@ -10,8 +10,8 @@ const ThankYouPopup: FC<ThankYouPopupProps> = ({ isOpen, onClose }) => {
   if (!isOpen) return null
 
   return (
-    <div className="fixed inset-0 z-50 flex items-center justify-center bg-gray-900 bg-opacity-70 transition-opacity duration-300 ease-in-out">
-      <div className="relative w-full max-w-lg scale-105 transform rounded-xl bg-blue-50 p-8 shadow-2xl transition-all duration-500 ease-out">
+    <div className="fixed inset-0 z-50 flex items-center justify-center bg-gray-900 bg-opacity-50 transition-opacity duration-300 ease-in-out">
+      <div className="relative w-full max-w-sm scale-105 transform rounded-xl bg-blue-50 bg-opacity-90 p-4 shadow-2xl transition-all duration-500 ease-out sm:max-w-md sm:p-6 md:max-w-lg lg:max-w-xl">
         <button
           onClick={onClose}
           className="absolute top-3 right-3 text-2xl text-gray-500 hover:text-gray-700 focus:outline-none"
@@ -20,15 +20,15 @@ const ThankYouPopup: FC<ThankYouPopupProps> = ({ isOpen, onClose }) => {
           &times;
         </button>
 
-        <h2 className="text-gradient mb-4 bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-center text-3xl font-bold text-transparent">
+        <h2 className="text-gradient mb-4 bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-center text-xl font-bold text-transparent sm:text-2xl">
           Thank You
         </h2>
 
-        <p className="text-center text-lg font-semibold text-gray-800">
+        <p className="text-center text-sm font-semibold text-gray-800 sm:text-lg">
           Dear Authors, Reviewers, Attendees, and Session Chairs,
         </p>
 
-        <p className="mt-4 leading-relaxed text-gray-700">
+        <p className="mt-4 text-sm leading-relaxed text-gray-700 sm:text-base">
           We are delighted to announce the successful conclusion of the{' '}
           <span className="font-semibold text-blue-600">
             8th IEEE International Conference on Computational Systems and
@@ -41,17 +41,17 @@ const ThankYouPopup: FC<ThankYouPopupProps> = ({ isOpen, onClose }) => {
           .
         </p>
 
-        <p className="mt-4 leading-relaxed text-gray-700">
+        <p className="mt-4 text-sm leading-relaxed text-gray-700 sm:text-base">
           Thank you all for your active participation and invaluable
           contributions. E-certificates will be sent to your registered email
           addresses shortly.
         </p>
 
-        <p className="mt-6 text-lg font-semibold text-gray-800">
+        <p className="mt-6 text-sm font-semibold text-gray-800 sm:text-lg">
           Warm regards,
         </p>
 
-        <p className="mt-2 leading-relaxed text-gray-700">
+        <p className="mt-2 text-sm leading-relaxed text-gray-700 sm:text-base">
           General Chair
           <br />
           <span className="font-semibold text-blue-600">Dr. B M Sagar</span>,
@@ -65,7 +65,7 @@ const ThankYouPopup: FC<ThankYouPopupProps> = ({ isOpen, onClose }) => {
 
         <button
           onClick={onClose}
-          className="mt-8 w-full rounded-md bg-gradient-to-r from-blue-500 to-purple-500 py-3 font-semibold text-white transition-colors duration-300 hover:bg-gradient-to-r hover:from-blue-600 hover:to-purple-600 focus:outline-none"
+          className="mt-8 w-full rounded-md bg-gradient-to-r from-blue-500 to-purple-500 py-2 font-semibold text-white transition-colors duration-300 hover:bg-gradient-to-r hover:from-blue-600 hover:to-purple-600 focus:outline-none sm:py-3"
         >
           Close
         </button>
diff --git a/pages/index.tsx b/pages/index.tsx
index 309fbbb..fd85e8b 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -6,7 +6,7 @@ import HeaderImages from '../components/HeaderImages'
 import { useState } from 'react'
 import Timeline from '../components/TimeLine'
 import Gallery from '../components/Gallery'
-import CountdownTimer from '../components/CountdownTimer'
+
 import ThankYouPopup from '../components/ThankYouPopup'
 
 // const image = {
@@ -93,7 +93,6 @@ export default function Index() {
               </div>
             </div>
           </div>
-          <CountdownTimer />
         </header>
         <div className="mt-4 w-full rounded-lg bg-blue-200 bg-opacity-50 py-4 px-6 text-center text-black shadow-lg">
           <p className="text-lg font-semibold">