+
+ {/* Main Content */}
+
+
+ {/* Slider Section */}
+
+
-Alert!
+ {/* Facebook Page Section */}
+
+
-
+
+
+ {/* Hours Card Section */}
+
+
-
+ {/* Uncomment if needed */}
+
-
-
- )
-}
+ );
+};
-export default Home
\ No newline at end of file
+export default Home;
diff --git a/src/components/ui/FacebookPage.tsx b/src/components/ui/FacebookPage.tsx
index 9d10b3e..0b56e13 100644
--- a/src/components/ui/FacebookPage.tsx
+++ b/src/components/ui/FacebookPage.tsx
@@ -1,8 +1,19 @@
'use client';
import { useEffect } from 'react';
+import OurFacebookNewsData from '@/contexts/OurFacebookNewsData';
+import readio_icon from '@/assets/icons/readio_icon.png';
+import Image from 'next/image';
-const RadioChilmariFacebookPage = () => {
+interface RadioChilmariFacebookPageProps {
+ pageHref: string;
+ width?: number | string;
+ height?: number | string;
+}
+
+const RadioChilmariFacebookPage = ({
+
+}: RadioChilmariFacebookPageProps) => {
useEffect(() => {
// Load the Facebook SDK
if (!document.getElementById('facebook-jssdk')) {
@@ -15,19 +26,23 @@ const RadioChilmariFacebookPage = () => {
document.body.appendChild(script);
}
}, []);
-
return (
- -
- {/* Left Side: Text Content */}
-
);
};
diff --git a/src/components/ui/FacebookVideoEmbed.tsx b/src/components/ui/FacebookVideoEmbed.tsx
index 3b2c1e8..93c7aed 100644
--- a/src/components/ui/FacebookVideoEmbed.tsx
+++ b/src/components/ui/FacebookVideoEmbed.tsx
@@ -2,19 +2,85 @@
const FacebookVideoEmbed = () => {
return (
-
-
- Our Facebook Page
+
+
- Our Facebook Page
+
+
+আমাদের অফিসিয়াল ফেসবুক পেজ l
+
+
+
+ {/* Left Side: Text Content (Bangla) */}
+
+
+ {OurFacebookNewsData.title_1}
-
- Stay updated all the time! Lorem ipsum dolor sit amet consectetur adipisicing elit.
- Perspiciatis incidunt velit asperiores voluptate necessitatibus voluptates harum tempora atque quo.
- Saepe vitae ad dicta neque voluptatibus ut officiis ducimus perspiciatis eos?
+
+ {OurFacebookNewsData.description}
+
{/* Right Side: Facebook Page Embed */}
@@ -54,6 +69,7 @@ const RadioChilmariFacebookPage = () => {
+
+ {/* Left Side: Text Content (Bangla) */}
+
+
{/* Right Side: Facebook Page Embed */}
@@ -54,6 +69,7 @@ const RadioChilmariFacebookPage = () => {
+ {OurFacebookNewsData.title_1}
-- Stay updated all the time! Lorem ipsum dolor sit amet consectetur adipisicing elit. - Perspiciatis incidunt velit asperiores voluptate necessitatibus voluptates harum tempora atque quo. - Saepe vitae ad dicta neque voluptatibus ut officiis ducimus perspiciatis eos? +
+ {OurFacebookNewsData.description}
+
-
-
+
{/* Footer Bottom Section */} -("");
+
+ useEffect(() => {
+ const updateTime = () => {
+ // Format current time in 12-hour format with AM/PM and adjust to Bangladesh timezone
+ setCurrentTime(
+ toBanglaNumber(
+ moment().utcOffset("+06:00").format("dddd, LL, h:mm:ss A")
+ )
+ );
+ };
+
+ updateTime();
+ const interval = setInterval(updateTime, 1000); // Update every second
+
+ return () => clearInterval(interval); // Cleanup
+ }, []);
+
+ const hours = [
+ { day: "সোমবার", time: toBanglaNumber("২:৪৫ PM - ৮:০৫ PM") },
+ { day: "মঙ্গলবার", time: toBanglaNumber("২:৪৫ PM - ৮:০৫ PM") },
+ { day: "বুধবার", time: toBanglaNumber("২:৪৫ PM - ৮:০৫ PM") },
+ { day: "বৃহস্পতিবার", time: toBanglaNumber("২:৪৫ PM - ৮:০৫ PM") },
+ { day: "শুক্রবার", time: toBanglaNumber("২:৪৫ PM - ৮:০৫ PM") },
+ { day: "শনিবার", time: toBanglaNumber("২:৪৫ PM - ৮:০৫ PM") },
+ { day: "রবিবার", time: toBanglaNumber("২:৪৫ PM - ৮:০৫ PM") },
+ ];
+
+ // Assign a background color to each day
+ const dayColors = [
+ "bg-blue-100", "bg-green-100", "bg-yellow-100",
+ "bg-red-100", "bg-purple-100", "bg-pink-100", "bg-indigo-100"
+ ];
+
+ return (
+
+
);
diff --git a/src/components/ui/Footer.tsx b/src/components/ui/Footer.tsx
index a9f4da8..6528e89 100644
--- a/src/components/ui/Footer.tsx
+++ b/src/components/ui/Footer.tsx
@@ -1,3 +1,4 @@
+import Link from 'next/link';
import { FC } from 'react';
const Footer: FC = () => {
@@ -8,30 +9,43 @@ const Footer: FC = () => {
+
+ {/* Video 1 */}
+
+
+
+
+
+ {/* Video 2 */}
+
+
+
+
+ {/* Video 3 */}
+
+
+
+
+ {/* Video 4 */}
+
+
+
+
+ {/* Video 5 */}
+
+
+
+ {/* Footer Bottom Section */} -
-
+
diff --git a/src/components/ui/HoursCard.tsx b/src/components/ui/HoursCard.tsx
new file mode 100644
index 0000000..da31928
--- /dev/null
+++ b/src/components/ui/HoursCard.tsx
@@ -0,0 +1,89 @@
+'use client';
+import React, { useEffect, useState } from "react";
+import moment from "moment";
+import "moment/locale/bn"; // Import Bangla locale
+import { motion } from 'framer-motion'; // Import framer-motion
+
+moment.locale("bn"); // Set moment to Bangla locale
+
+// Function to convert English numbers to Bangla
+const toBanglaNumber = (number: string): string => {
+ const englishToBanglaMap: { [key: string]: string } = {
+ "0": "০",
+ "1": "১",
+ "2": "২",
+ "3": "৩",
+ "4": "৪",
+ "5": "৫",
+ "6": "৬",
+ "7": "৭",
+ "8": "৮",
+ "9": "৯",
+ };
+ return number.replace(/[0-9]/g, (digit) => englishToBanglaMap[digit]);
+};
+
+const HoursCard: React.FC = () => {
+ const [currentTime, setCurrentTime] = useState
+ {/* Left Section - Logos */}
+
+ 
+ 
+
+
+ {/* Center Section - Copyright Text */}
+
© ২০২৪{' '}
-
- Kazi Byte
-
- . . সর্বস্বত্ব সংরক্ষিত।
+
+ সর্বস্বত্ব সংরক্ষিত।
+
- {/* Social Media Icons */}
-
+
-
+
-
-
-
-
+
+
+
+ );
+};
+
+export default HoursCard;
diff --git a/src/components/ui/Navbar.tsx b/src/components/ui/Navbar.tsx
index 528e258..97eb753 100644
--- a/src/components/ui/Navbar.tsx
+++ b/src/components/ui/Navbar.tsx
@@ -1,36 +1,74 @@
-import React from 'react';
+'use client';
+import React, { useState, useEffect } from 'react';
import Image from 'next/image';
import Link from 'next/link';
+import { motion } from 'framer-motion';
const Navbar = () => {
+ const [scrolling, setScrolling] = useState(false);
+
+ // Detect scrolling and apply blur effect
+ useEffect(() => {
+ const handleScroll = () => {
+ if (window.scrollY > 0) {
+ setScrolling(true);
+ } else {
+ setScrolling(false);
+ }
+ };
+
+ window.addEventListener('scroll', handleScroll);
+ return () => window.removeEventListener('scroll', handleScroll);
+ }, []);
+
return (
-
+
+ + অনুষ্ঠানের সময়সূচি +
+
+
+ বর্তমান সময়:
+{currentTime}
+-
+ {hours.map((hour, index) => (
+
+
{/* Centered Logo */}
);
};
diff --git a/src/components/ui/OurFacebookNews.tsx b/src/components/ui/OurFacebookNews.tsx
new file mode 100644
index 0000000..98c11a0
--- /dev/null
+++ b/src/components/ui/OurFacebookNews.tsx
@@ -0,0 +1,64 @@
+'use client';
+import { AwaitedReactNode, JSXElementConstructor, Key, ReactElement, ReactNode, ReactPortal } from 'react';
+import OurFacebookNewsData from '@/contexts/OurFacebookNewsData';
+import { motion } from 'framer-motion'; // Import framer-motion
+
+const OurFacebookNews = () => {
+ return (
+
-
-
{/* Right Side Links */}
-
-
- আমাদের সম্পর্কে
-
-
- আমাদের শো
-
-
- যোগাযোগ করুন
-
+
+
+
+ আমাদের সম্পর্কে
+
+
+ আমাদের শো
+
+
+ যোগাযোগ করুন
+
-
+ {/* Left Side: Text Content (Bangla) */}
+
+ );
+};
+
+export default OurFacebookNews;
diff --git a/src/components/ui/RdrsProgram.tsx b/src/components/ui/RdrsProgram.tsx
new file mode 100644
index 0000000..33ba455
--- /dev/null
+++ b/src/components/ui/RdrsProgram.tsx
@@ -0,0 +1,71 @@
+'use client';
+import React from 'react';
+import Slider from 'react-slick';
+import 'slick-carousel/slick/slick.css';
+import 'slick-carousel/slick/slick-theme.css';
+import { RdrsProgramImages } from '@/contexts/RdrsProgram';
+import Image from 'next/image';
+import { StaticImport } from 'next/dist/shared/lib/get-img-props';
+
+export default function RdrsProgram() {
+ const settings = {
+ dots: true, // Show dots for pagination
+ infinite: true, // Infinite scroll
+ speed: 500, // Transition speed
+ slidesToShow: 1, // Default: Show 1 slide at a time
+ slidesToScroll: 1, // Scroll 1 slide at a time
+ autoplay: true, // Autoplay the carousel
+ autoplaySpeed: 2500, // Autoplay speed (ms)
+ arrows: true, // Show navigation arrows
+ responsive: [ // Responsive settings
+ {
+ breakpoint: 1024, // For tablets and up (large screens)
+ settings: {
+ slidesToShow: 3, // Show 3 slides at a time
+ slidesToScroll: 1,
+ infinite: true,
+ dots: true,
+ },
+ },
+ {
+ breakpoint: 768, // For tablets (medium screens)
+ settings: {
+ slidesToShow: 2, // Show 2 slides at a time
+ slidesToScroll: 1,
+ infinite: true,
+ dots: true,
+ },
+ },
+ {
+ breakpoint: 480, // For mobile (small screens)
+ settings: {
+ slidesToShow: 1, // Show 1 slide at a time
+ slidesToScroll: 1,
+ infinite: true,
+ dots: true,
+ },
+ },
+ ],
+ };
+
+ return (
+
+
+ + {OurFacebookNewsData.title} +
++ {OurFacebookNewsData.description} +
++ {OurFacebookNewsData.programs[0].type} +
+-
+ {OurFacebookNewsData.programs[0].details.map((detail: string | number | bigint | boolean | ReactElement
+ {OurFacebookNewsData.programs[1].type} +
++ {OurFacebookNewsData.programs[1].details} +
++ আমাদের ফেইসবুক পেজে কেন যুক্ত হবেন? +
+-
+ {OurFacebookNewsData.facebookPageReasons.map((reason: string | number | bigint | boolean | ReactElement
+ চোখ রাখুন Radio Chilmary-তে! +
++ {OurFacebookNewsData.closingMessage} +
+
+
+ {RdrsProgramImages.map((image: string | StaticImport, index: React.Key | null | undefined) => (
+
+
+ );
+}
diff --git a/src/components/ui/TopRegularProgramSlider.tsx b/src/components/ui/TopRegularProgramSlider.tsx
index 3d20fee..a8d22a7 100644
--- a/src/components/ui/TopRegularProgramSlider.tsx
+++ b/src/components/ui/TopRegularProgramSlider.tsx
@@ -33,12 +33,13 @@ const TopRegularProgramSlider: React.FC = () => {
};
return (
-
+নারীর অধিকার এবং নারী ও শিশু সম্পর্কিত প্রোগ্রামগুলি সচেতনতা সৃষ্টি, তথ্য প্রদান এবং সমাজে ইতিবাচক পরিবর্তন আনার জন্য প্রচারিত হয়। এসব প্রোগ্রামে নারীদের আইনি অধিকার, গার্হস্থ্য সহিংসতা, শিশুদের শিক্ষা ও সুরক্ষা, স্বাস্থ্য সচেতনতা, এবং নারী উদ্যোক্তাদের সাফল্য তুলে ধরা হয়। এছাড়া, শিশু শ্রম, পাচার ও নির্যাতন রোধে সচেতনতা তৈরি করা হয়, যা নারী ও শিশুদের নিরাপত্তা এবং সমান অধিকার নিশ্চিত করতে সহায়ক।
+
+
+
+ ))}
+
+
{/* Header */}
diff --git a/src/contexts/OurFacebookNewsData.ts b/src/contexts/OurFacebookNewsData.ts
new file mode 100644
index 0000000..c857ece
--- /dev/null
+++ b/src/contexts/OurFacebookNewsData.ts
@@ -0,0 +1,49 @@
+// OurFacebookNewsData
+
+
+export interface RadioChilmariData {
+ title: string;
+ title_1: string;
+
+ description: string;
+ programs: {
+ type: string;
+ details: string[];
+ }[];
+ facebookPageReasons: string[];
+ closingMessage: string;
+ }
+
+ const OurFacebookNewsData: RadioChilmariData = {
+ title: "রেডিও চিলমারি : আপনার প্রিয় অনুষ্ঠানগুলোর সকল আপডেটের কেন্দ্রবিন্দু!",
+ title_1: "আপনার প্রিয় অনুষ্ঠানগুলোর সকল আপডেটের কেন্দ্রবিন্দু!",
+ description:
+ "সকল শ্রোতাদের জন্য উন্মুক্ত রেডিও চিলমারি, যেখানে আপনি পাবেন আপনার প্রিয় অনুষ্ঠানগুলোর সেরা আপডেট এবং তথ্য। আমাদের রেডিও চ্যানেল আপনাকে প্রতিদিন বিনোদন, শিক্ষা এবং তথ্যের সঙ্গে যুক্ত রাখে।",
+ programs: [
+ {
+ type: "🎙️ নানা ধরনের অনুষ্ঠান:",
+ details: [
+ "🎵 সঙ্গীতানুষ্ঠান",
+ "📚 শিক্ষামূলক প্রোগ্রাম",
+ "🗞️ সাম্প্রতিক খবর",
+ "👩👩👧👦 কমিউনিটি ভিত্তিক অনুষ্ঠান",
+ ],
+ },
+ {
+ type: "📢 বিশেষ আয়োজনের আপডেট:",
+ details: [
+ "যেকোনো বিশেষ অনুষ্ঠান, সরাসরি সম্প্রচার, অথবা নতুন সেগমেন্টের খবর পেতে Radio Chilmary আপনার প্রথম পছন্দ।",
+ ],
+ },
+ ],
+ facebookPageReasons: [
+ "👉 সকল অনুষ্ঠানের শিডিউল: আপনার প্রিয় অনুষ্ঠানগুলো কখন সম্প্রচারিত হবে তা জানতে আমাদের ফেইসবুক পেজ ফলো করুন।",
+ "👉 বিশেষ ঘোষণার আপডেট: নতুন শো, প্রতিযোগিতা এবং আরও অনেক কিছু।",
+ "👉 শ্রোতাদের মতামত ও প্রশ্নের উত্তর: আপনার মূল্যবান মতামত আমাদের কাছে গুরুত্বপূর্ণ।",
+ ],
+ closingMessage:
+ "আপনার প্রতিদিনের সঙ্গী, Radio Chilmary, সব খবর ও আপডেটের জন্য!",
+ };
+
+ export default OurFacebookNewsData;
+
\ No newline at end of file
diff --git a/src/contexts/RdrsProgram.ts b/src/contexts/RdrsProgram.ts
new file mode 100644
index 0000000..3940d21
--- /dev/null
+++ b/src/contexts/RdrsProgram.ts
@@ -0,0 +1,12 @@
+import im1 from "@/assets/images/RDRS/রেডিও_চিলমারি_RDRS_1.png"
+import im2 from "@/assets/images/RDRS/রেডিও_চিলমারি_RDRS_2.png"
+import im3 from "@/assets/images/RDRS/রেডিও_চিলমারি_RDRS_3.png"
+import im4 from "@/assets/images/RDRS/রেডিও_চিলমারি_RDRS_4.png"
+import im5 from "@/assets/images/RDRS/রেডিও_চিলমারি_RDRS_5.png"
+import im6 from "@/assets/images/RDRS/রেডিও_চিলমারি_RDRS_6.png"
+import im7 from "@/assets/images/RDRS/রেডিও_চিলমারি_RDRS_7.png"
+
+
+
+
+export const RdrsProgramImages = [im1,im2,im3,im4,im5,im6,im7]
\ No newline at end of file
diff --git a/src/contexts/aboutUsData.ts b/src/contexts/aboutUsData.ts
new file mode 100644
index 0000000..9e43c8a
--- /dev/null
+++ b/src/contexts/aboutUsData.ts
@@ -0,0 +1,39 @@
+export const aboutUsData = {
+ title: "রেডিও চিলমারী",
+ address: [
+ "আরডিআরএস চিলমারী ক্যাম্পাস",
+ "চিলমারী, কুড়িগ্রাম",
+ "রামনা মিস্ত্রী পাড়া, চিলমারী, বাংলাদেশ, ৫৬৩০",
+ ],
+ contact: {
+ phone: ["+৮৮০১৭১৯৪৬৪৯৮১", "০১৯৬৯-৯০৬০০৮"],
+ email: "radiochilmari@gmail.com",
+ facebook: "ফেসবুক পেজ",
+ },
+ broadcast: {
+ frequency: "৯৯.২০ এফএম",
+ yearStarted: {
+ test: "২রা নভেম্বর, ২০১১",
+ official: "৩রা জুন, ২০১২",
+ },
+ country: "বাংলাদেশ",
+ ownership: "বেসরকারি",
+ owner: "আরডিআরএস বাংলাদেশ",
+ },
+ description: `রেডিও চিলমারী ৩রা জুন, ২০১২ তারিখে আনুষ্ঠানিকভাবে উদ্বোধন করা হয়।
+ ১৯৭২ সাল থেকে আরডিআরএস বাংলাদেশ রংপুর-দিনাজপুর অঞ্চলের দরিদ্র জনগণের সামাজিক,
+ অর্থনৈতিক এবং সাংস্কৃতিক উন্নয়নের জন্য কাজ করে আসছে। এর ধারাবাহিকতায়, একটি
+ কমিউনিটি রেডিও প্রতিষ্ঠার উদ্যোগ গ্রহণ করা হয়। "শোনো বাহে, জাগো বাহে" স্লোগান নিয়ে
+ রেডিও চালু হওয়ার পর থেকে শ্রোতার সংখ্যা ক্রমাগত বৃদ্ধি পাচ্ছে।`,
+ audienceAndCoverage: {
+ audience: ["কৃষক", "জেলে", "ছাত্র", "নারী", "ব্যবসায়ী"],
+ languages: "বাংলা",
+ coverage: [
+ "সুন্দরগঞ্জ উপজেলা (গাইবান্ধা জেলা)",
+ "রৌমারী, রাজীবপুর, চিলমারী এবং উলিপুর উপজেলা (কুড়িগ্রাম জেলা)",
+ ],
+ contentType: "নারীর অধিকার",
+ coverageType: "স্থানীয়",
+ },
+ };
+
\ No newline at end of file
diff --git a/src/layouts/RootLayout.tsx b/src/layouts/RootLayout.tsx
index aa26a40..04e86de 100644
--- a/src/layouts/RootLayout.tsx
+++ b/src/layouts/RootLayout.tsx
@@ -19,9 +19,13 @@ export default async function RootLayout({
}>) {
return (
+
+
+
+
-
+
{/* Swiper Slider */}
@@ -92,8 +93,8 @@ const TopRegularProgramSlider: React.FC = () => {
{/* Current Slide Indicator */}
+
নিয়মিত প্রোগ্রাম সমূহ
+
-
- Item {currentSlide}
+
+ তালিকাভুক্ত {currentSlide}
+
{children}
diff --git a/src/styles/RdrsPro.css b/src/styles/RdrsPro.css
new file mode 100644
index 0000000..3592955
--- /dev/null
+++ b/src/styles/RdrsPro.css
@@ -0,0 +1,23 @@
+
+.swiper {
+ width: 100%;
+ height: 100%;
+}
+
+.swiper-slide {
+ text-align: center;
+ font-size: 18px;
+ background: #fff;
+
+ /* Center slide text vertically */
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.swiper-slide img {
+ display: block;
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+}
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 6b80606..07e5618 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -15,6 +15,9 @@ const config: Config = {
background: "var(--background)",
foreground: "var(--foreground)",
},
+ fontFamily: {
+ bengali: ['"Noto Sans Bengali"', 'sans-serif'], // Replace with your preferred font
+ },
},
},
plugins: [