পেজে চোখ রাখুন প্রতি দিনের ইভেন্ট সম্পর্কে জানতে

zbjs · Nov 21, 2024 · 51f26cc · 51f26cc
1 parent 25a12f6
commit 51f26cc
Show file tree

Hide file tree

Showing 5 changed files with 59 additions and 14 deletions.
diff --git a/public/site.webmanifest b/public/site.webmanifest
@@ -1 +1,24 @@
-{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
+{
+    "name": "Radio Chilmari",
+    "short_name": "Radio Chilmari",
+    "description": "Radio Chilmari - A Community Radio Station in Kurigram, Bangladesh",
+    "icons": [
+      {
+        "src": "/android-chrome-192x192.png",
+        "sizes": "192x192",
+        "type": "image/png"
+      },
+      {
+        "src": "/android-chrome-512x512.png",
+        "sizes": "512x512",
+        "type": "image/png"
+      }
+    ],
+    "theme_color": "#0084ff", 
+    "background_color": "#ffffff",
+    "display": "standalone",
+    "start_url": "/",
+    "scope": "/",
+    "orientation": "portrait"
+  }
+
diff --git a/src/app/(home)/our-show/page.tsx b/src/app/(home)/our-show/page.tsx
@@ -1,16 +1,36 @@
-import HoursCard from '@/components/ui/HoursCard'
-import RdrsProgram from '@/components/ui/RdrsProgram'
-import React from 'react'
+import HoursCard from '@/components/ui/HoursCard';
+import RdrsProgram from '@/components/ui/RdrsProgram';
+import Link from 'next/link';
+import React from 'react';
+import { FaFacebook } from 'react-icons/fa';
 
-const page = () => {
+const OuerShow = () => {
   return (
-    <div className='bg-gray-100 dark:bg-gray-900'>
-      <main className=''>
+    <div className="mt-20">
+      {/* Header Section */}
+      <div className="text-center mt-30 py-10">
+        <span className=" text-sm sm:text-lg md:text-xl lg:text-xl text-blue-600 dark:text-gray-100 font-extrabold">
+          আমাদের অফিসিয়াল ফেসবুক পেজে চোখ রাখুন, প্রতিদিনের অনুষ্ঠান সূচী দেখতে ক্লিক করুন:
+        </span>
+        <span>
+        <Link
+          href="https://www.facebook.com/radiochilmari"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          <FaFacebook className="inline-block text-3xl ml-5 text-blue-600 dark:text-gray-100" />
+        </Link>
+        </span>
+
+      </div>
+
+      {/* Main Content Section */}
+      <main>
         <HoursCard />
         <RdrsProgram />
       </main>
     </div>
-  )
-}
+  );
+};
 
-export default page
+export default OuerShow;
diff --git a/src/components/ui/FacebookPage.tsx b/src/components/ui/FacebookPage.tsx
@@ -33,7 +33,7 @@ const RadioChilmariFacebookPage = ({}: RadioChilmariFacebookPageProps) => {
       <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} />
+          <Image className="mx-auto mb-4" src={readio_icon} alt="Image" width={100} height={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>

diff --git a/src/components/ui/Navbar.tsx b/src/components/ui/Navbar.tsx
@@ -3,6 +3,7 @@ import React, { useState, useEffect } from "react";
 import Image from "next/image";
 import Link from "next/link";
 import { motion } from "framer-motion";
+import readioIcon from "@/assets/icons/readio_icon.png"
 
 const Navbar = () => {
   const [scrolling, setScrolling] = useState(false);
@@ -34,11 +35,11 @@ const Navbar = () => {
       <div className="flex-1 flex justify-center">
         <Link href="/">
           <Image
-            src="/android-chrome-192x192.png"
-            alt="Logo"
+            src={readioIcon}
+            alt="readioIcon"
             width={50}
             height={50}
-            className="object-contain"
+            className="cursor-pointer rounded-full"
           />
         </Link>
       </div>

diff --git a/src/layouts/RootLayout.tsx b/src/layouts/RootLayout.tsx
@@ -28,6 +28,7 @@ export default async function RootLayout({
   return (
     <html lang="en">
       <head>
+      <link rel="manifest" href="/manifest.json" />
         <meta name="viewport" content={seoMetadata.viewport} />
         <meta name="description" content={seoMetadata.description} />
         <meta name="author" content={seoMetadata.author} />