অনুষ্ঠান

src/components/ui/FacebookPage.tsx

@@ -28,15 +28,15 @@ const RadioChilmariFacebookPage = ({
   }, []);
   return (
    <div className='my-8 text-center'>
-<span className='text-5xl  text-blue-600 dark:text-gray-100 text-center font-extrabold'>
+<span className='text-sm sm:text-lg md:text-xl lg:text-xl  text-blue-600 dark:text-gray-100 text-center font-extrabold'>
 আমাদের অফিসিয়াল ফেসবুক পেজ l
 </span>
      <div className="flex flex-col lg:flex-row items-center justify-between bg-gray-100 dark:bg-gray-900 p-6 gap-6">
 
       {/* Left Side: Text Content (Bangla) */}
       <div className="max-w-lg text-center lg:text-left">
         <Image src={readio_icon} alt="Image" width={100} height={100} />
-        <h1 className="text-3xl font-bold text-purple-800 dark:text-gray-100">
+        <h1 className="text-sm sm:text-lg md:text-xl lg:text-2xl font-bold text-purple-800 dark:text-gray-100">
           {OurFacebookNewsData.title_1}
         </h1>
         <p className="mt-4 text-gray-900 dark:text-gray-300">

src/components/ui/FacebookVideoEmbed.tsx

@@ -2,7 +2,13 @@
 
 const FacebookVideoEmbed = () => {
   return (
-    <div className="flex items-center justify-center min-h-screen bg-gray-100 dark:bg-gray-900 p-4">
+   <div>
+  <div>
+  <span className='text-sm sm:text-lg md:text-xl lg:text-xl  text-blue-600 dark:text-gray-100 text-center font-extrabold'>
+  আমাদের ভিডিও অনুষ্ঠান l
+</span>
+  </div>
+     <div className="flex items-center justify-center bg-gray-100 dark:bg-gray-900 p-4">
       <div className="w-full bg-white dark:bg-gray-800 rounded-lg shadow-lg">
         <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-2">
           {/* Video 1 */}
@@ -83,6 +89,7 @@ const FacebookVideoEmbed = () => {
         </div>
       </div>
     </div>
+   </div>
   );
 };
 

src/components/ui/Navbar.tsx

@@ -57,7 +57,7 @@ const Navbar = () => {
           animate={{ opacity: 1 }}
           transition={{ duration: 0.3, delay: 0.4 }}
         >
-          <Link href="/our-show">আমাদের শো</Link>
+          <Link href="/our-show">আমাদের অনুষ্ঠান সমূহ</Link>
         </motion.div>
         <motion.div
           className="hover:underline"

src/components/ui/OurFacebookNews.tsx

@@ -35,7 +35,7 @@ const OurFacebookNews = () => {
         <p className="mt-2 text-gray-600 dark:text-gray-300 font-bengali">
           {OurFacebookNewsData.programs[1].details}
         </p>
-        <h2 className="text-2xl font-semibold mt-6 text-red-600 dark:text-red-400 font-bengali">
+        <h2 className="text-sm sm:text-lg md:text-2xl lg:text-5xl font-semibold mt-6 text-red-600 dark:text-red-400 font-bengali">
           আমাদের ফেইসবুক পেজে কেন যুক্ত হবেন?
         </h2>
         <ul className="list-disc list-inside text-gray-600 dark:text-gray-300 mt-4 font-bengali">

src/components/ui/RdrsProgram.tsx

@@ -50,7 +50,7 @@ export default function RdrsProgram() {
 
   return (
     <div className="slider-container">
-<div className='text-center text-2xl font-bold mb-4 text-purple-600'>
+<div className='p-2 text-sm sm:text-sm md:text-xl lg:text-2xl font-bold mb-4 text-purple-600'>
 নারীর অধিকার এবং নারী ও শিশু সম্পর্কিত প্রোগ্রামগুলি সচেতনতা সৃষ্টি, তথ্য প্রদান এবং সমাজে ইতিবাচক পরিবর্তন আনার জন্য প্রচারিত হয়। এসব প্রোগ্রামে নারীদের আইনি অধিকার, গার্হস্থ্য সহিংসতা, শিশুদের শিক্ষা ও সুরক্ষা, স্বাস্থ্য সচেতনতা, এবং নারী উদ্যোক্তাদের সাফল্য তুলে ধরা হয়। এছাড়া, শিশু শ্রম, পাচার ও নির্যাতন রোধে সচেতনতা তৈরি করা হয়, যা নারী ও শিশুদের নিরাপত্তা এবং সমান অধিকার নিশ্চিত করতে সহায়ক।
 </div>
       <Slider {...settings}>

src/components/ui/TopRegularProgramSlider.tsx

@@ -36,7 +36,7 @@ const TopRegularProgramSlider: React.FC = () => {
     <div className={`relative ${bgColor} py-8 px-4 mt-10`}>
       {/* Header */}
       <div className="text-center mb-6">
-        <h1 className="text-7xl font-bold text-purple-500">
+        <h1 className="text-sm sm:text-lg md:text-2xl lg:text-5xl font-bold text-purple-500">
           নিয়মিত প্রোগ্রাম সমূহ
         </h1>
         <hr className="my-4 border-t-2 border-gray-300" />