Merge version_1 into main #2
@@ -55,78 +55,54 @@ export default function AdminPage() {
|
||||
description="Enterprise-grade moderation and community management tools"
|
||||
tag="Administration"
|
||||
tagIcon={Lock}
|
||||
tagAnimation="entrance-slide"
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "User Management",
|
||||
description:
|
||||
"Ban, kick, and manage members with detailed action logs. Track user history, warnings, and infractions across the platform.",
|
||||
icon: UserX,
|
||||
title: "User Management", description:
|
||||
"Ban, kick, and manage members with detailed action logs. Track user history, warnings, and infractions across the platform.", icon: UserX,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/mobile-security-app_53876-98145.jpg?_wi=2",
|
||||
imageAlt: "User moderation",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/mobile-security-app_53876-98145.jpg", imageAlt: "User moderation"},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg?_wi=3",
|
||||
imageAlt: "User management interface",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg", imageAlt: "User management interface"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Content Moderation",
|
||||
description:
|
||||
"Advanced filtering, auto-moderation, and word filters. Flag inappropriate content and maintain community standards.",
|
||||
icon: Eye,
|
||||
title: "Content Moderation", description:
|
||||
"Advanced filtering, auto-moderation, and word filters. Flag inappropriate content and maintain community standards.", icon: Eye,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/modern-workspace-with-analytical-data-dashboards-displayed-devices_482257-126633.jpg?_wi=2",
|
||||
imageAlt: "Content analysis",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/modern-workspace-with-analytical-data-dashboards-displayed-devices_482257-126633.jpg", imageAlt: "Content analysis"},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/e-mail-global-communications-connection-social-networking-concept_53876-134026.jpg?_wi=2",
|
||||
imageAlt: "Content filtering",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/e-mail-global-communications-connection-social-networking-concept_53876-134026.jpg", imageAlt: "Content filtering"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Audit Logs",
|
||||
description:
|
||||
"Detailed logging of all administrative actions. Track who did what and when for complete transparency and accountability.",
|
||||
icon: FileText,
|
||||
title: "Audit Logs", description:
|
||||
"Detailed logging of all administrative actions. Track who did what and when for complete transparency and accountability.", icon: FileText,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg?_wi=4",
|
||||
imageAlt: "Audit logs",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg", imageAlt: "Audit logs"},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/modern-workspace-with-analytical-data-dashboards-displayed-devices_482257-126633.jpg?_wi=3",
|
||||
imageAlt: "Activity tracking",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/modern-workspace-with-analytical-data-dashboards-displayed-devices_482257-126633.jpg", imageAlt: "Activity tracking"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Channel Control",
|
||||
description:
|
||||
"Create and organize channels by category. Set permissions, manage topics, and configure automated channels.",
|
||||
icon: Layers,
|
||||
title: "Channel Control", description:
|
||||
"Create and organize channels by category. Set permissions, manage topics, and configure automated channels.", icon: Layers,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/image-upload-concept-landing-page_23-2148309692.jpg?_wi=2",
|
||||
imageAlt: "Channel organization",
|
||||
},
|
||||
"http://img.b2bpic.net/free-vector/image-upload-concept-landing-page_23-2148309692.jpg", imageAlt: "Channel organization"},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/flat-organizational-chart-infographic_23-2149016825.jpg?_wi=2",
|
||||
imageAlt: "Permission management",
|
||||
},
|
||||
"http://img.b2bpic.net/free-vector/flat-organizational-chart-infographic_23-2149016825.jpg", imageAlt: "Permission management"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -145,34 +121,16 @@ export default function AdminPage() {
|
||||
tag="Administration"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "2,500+",
|
||||
title: "Moderation Actions This Month",
|
||||
items: [
|
||||
"500+ warnings issued",
|
||||
"150+ members banned",
|
||||
"1,200+ messages flagged",
|
||||
],
|
||||
id: "1", value: "2,500+", title: "Moderation Actions This Month", items: [
|
||||
"500+ warnings issued", "150+ members banned", "1,200+ messages flagged"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "98%",
|
||||
title: "Community Satisfaction Rate",
|
||||
items: [
|
||||
"Positive member feedback",
|
||||
"Safe environment maintained",
|
||||
"Swift response to issues",
|
||||
],
|
||||
id: "2", value: "98%", title: "Community Satisfaction Rate", items: [
|
||||
"Positive member feedback", "Safe environment maintained", "Swift response to issues"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "50+",
|
||||
title: "Active Moderators",
|
||||
items: [
|
||||
"24/7 coverage across time zones",
|
||||
"Dedicated admin team",
|
||||
"Regular training programs",
|
||||
],
|
||||
id: "3", value: "50+", title: "Active Moderators", items: [
|
||||
"24/7 coverage across time zones", "Dedicated admin team", "Regular training programs"],
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -204,19 +162,13 @@ export default function AdminPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: MessageCircle,
|
||||
href: "https://discord.gg/bayatalislamm",
|
||||
ariaLabel: "Discord Community",
|
||||
},
|
||||
href: "https://discord.gg/bayatalislamm", ariaLabel: "Discord Community"},
|
||||
{
|
||||
icon: Globe,
|
||||
href: "https://bayatalislamm.com",
|
||||
ariaLabel: "Official Website",
|
||||
},
|
||||
href: "https://bayatalislamm.com", ariaLabel: "Official Website"},
|
||||
{
|
||||
icon: Mail,
|
||||
href: "mailto:info@bayatalislamm.com",
|
||||
ariaLabel: "Email Contact",
|
||||
},
|
||||
href: "mailto:info@bayatalislamm.com", ariaLabel: "Email Contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -51,34 +51,16 @@ export default function ChatPage() {
|
||||
tag="Communication"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "24/7",
|
||||
title: "Always Available Community Support",
|
||||
items: [
|
||||
"Real-time instant messaging",
|
||||
"24-hour member support",
|
||||
"Multi-language support",
|
||||
],
|
||||
id: "1", value: "24/7", title: "Always Available Community Support", items: [
|
||||
"Real-time instant messaging", "24-hour member support", "Multi-language support"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "100k+",
|
||||
title: "Active Members Connected",
|
||||
items: [
|
||||
"Daily active users",
|
||||
"Organized channel discussions",
|
||||
"Global accessibility",
|
||||
],
|
||||
id: "2", value: "100k+", title: "Active Members Connected", items: [
|
||||
"Daily active users", "Organized channel discussions", "Global accessibility"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "50+",
|
||||
title: "Dedicated Channels",
|
||||
items: [
|
||||
"Topic-specific channels",
|
||||
"Learning & development",
|
||||
"Support & assistance",
|
||||
],
|
||||
id: "3", value: "50+", title: "Dedicated Channels", items: [
|
||||
"Topic-specific channels", "Learning & development", "Support & assistance"],
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -96,57 +78,39 @@ export default function ChatPage() {
|
||||
tag="Features"
|
||||
features={[
|
||||
{
|
||||
title: "Multi-Channel Organization",
|
||||
description:
|
||||
"Organize conversations by topic, allowing members to find and join discussions relevant to their interests. Create dedicated spaces for announcements, learning, support, and socializing.",
|
||||
icon: MessageCircle,
|
||||
title: "Multi-Channel Organization", description:
|
||||
"Organize conversations by topic, allowing members to find and join discussions relevant to their interests. Create dedicated spaces for announcements, learning, support, and socializing.", icon: MessageCircle,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/smiling-woman-using-smartphone-couch_53876-96944.jpg?_wi=2",
|
||||
imageAlt: "Channel organization",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/smiling-woman-using-smartphone-couch_53876-96944.jpg", imageAlt: "Channel organization"},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/front-view-friends-with-smartphones_23-2149458427.jpg?_wi=3",
|
||||
imageAlt: "Mobile messaging",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/front-view-friends-with-smartphones_23-2149458427.jpg", imageAlt: "Mobile messaging"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rich Media Sharing",
|
||||
description:
|
||||
"Share images, videos, documents, and links. Support for various file formats enables rich conversations with images, presentations, and multimedia content.",
|
||||
icon: MessageCircle,
|
||||
title: "Rich Media Sharing", description:
|
||||
"Share images, videos, documents, and links. Support for various file formats enables rich conversations with images, presentations, and multimedia content.", icon: MessageCircle,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/image-upload-concept-landing-page_23-2148309692.jpg?_wi=3",
|
||||
imageAlt: "Media sharing",
|
||||
},
|
||||
"http://img.b2bpic.net/free-vector/image-upload-concept-landing-page_23-2148309692.jpg", imageAlt: "Media sharing"},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/e-mail-global-communications-connection-social-networking-concept_53876-134026.jpg?_wi=3",
|
||||
imageAlt: "File management",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/e-mail-global-communications-connection-social-networking-concept_53876-134026.jpg", imageAlt: "File management"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Threaded Conversations",
|
||||
description:
|
||||
"Keep discussions organized with threaded replies. Prevent chat overflow and maintain context by responding within conversation threads.",
|
||||
icon: MessageCircle,
|
||||
title: "Threaded Conversations", description:
|
||||
"Keep discussions organized with threaded replies. Prevent chat overflow and maintain context by responding within conversation threads.", icon: MessageCircle,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/young-family-enjoying-trips_23-2149176501.jpg?_wi=3",
|
||||
imageAlt: "Conversation threads",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/young-family-enjoying-trips_23-2149176501.jpg", imageAlt: "Conversation threads"},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/cheerful-people-posing-with-hands-stacked_23-2147663733.jpg?_wi=3",
|
||||
imageAlt: "Group discussions",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/cheerful-people-posing-with-hands-stacked_23-2147663733.jpg", imageAlt: "Group discussions"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -179,19 +143,13 @@ export default function ChatPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: MessageCircle,
|
||||
href: "https://discord.gg/bayatalislamm",
|
||||
ariaLabel: "Discord Community",
|
||||
},
|
||||
href: "https://discord.gg/bayatalislamm", ariaLabel: "Discord Community"},
|
||||
{
|
||||
icon: Globe,
|
||||
href: "https://bayatalislamm.com",
|
||||
ariaLabel: "Official Website",
|
||||
},
|
||||
href: "https://bayatalislamm.com", ariaLabel: "Official Website"},
|
||||
{
|
||||
icon: Mail,
|
||||
href: "mailto:info@bayatalislamm.com",
|
||||
ariaLabel: "Email Contact",
|
||||
},
|
||||
href: "mailto:info@bayatalislamm.com", ariaLabel: "Email Contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -67,23 +67,14 @@ export default function ContactPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How quickly will I be approved?",
|
||||
content:
|
||||
"Most signups are approved within 24 hours. Once approved, you'll receive a welcome email with instructions to access the Discord server and get started.",
|
||||
},
|
||||
id: "1", title: "How quickly will I be approved?", content:
|
||||
"Most signups are approved within 24 hours. Once approved, you'll receive a welcome email with instructions to access the Discord server and get started."},
|
||||
{
|
||||
id: "2",
|
||||
title: "What happens after I sign up?",
|
||||
content:
|
||||
"After signing up and being approved, you'll get access to our full community. Start by introducing yourself in the introductions channel, then explore our 50+ channels organized by topic and interest.",
|
||||
},
|
||||
id: "2", title: "What happens after I sign up?", content:
|
||||
"After signing up and being approved, you'll get access to our full community. Start by introducing yourself in the introductions channel, then explore our 50+ channels organized by topic and interest."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is there a membership fee?",
|
||||
content:
|
||||
"No! Bayat Al-Islam is completely free to join and participate. All our features and community access are available at no cost.",
|
||||
},
|
||||
id: "3", title: "Is there a membership fee?", content:
|
||||
"No! Bayat Al-Islam is completely free to join and participate. All our features and community access are available at no cost."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -96,19 +87,13 @@ export default function ContactPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: MessageCircle,
|
||||
href: "https://discord.gg/bayatalislamm",
|
||||
ariaLabel: "Discord Community",
|
||||
},
|
||||
href: "https://discord.gg/bayatalislamm", ariaLabel: "Discord Community"},
|
||||
{
|
||||
icon: Globe,
|
||||
href: "https://bayatalislamm.com",
|
||||
ariaLabel: "Official Website",
|
||||
},
|
||||
href: "https://bayatalislamm.com", ariaLabel: "Official Website"},
|
||||
{
|
||||
icon: Mail,
|
||||
href: "mailto:info@bayatalislamm.com",
|
||||
ariaLabel: "Email Contact",
|
||||
},
|
||||
href: "mailto:info@bayatalislamm.com", ariaLabel: "Email Contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -6,41 +6,26 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
|
||||
const montserrat = Montserrat({
|
||||
variable: "--font-montserrat",
|
||||
subsets: ["latin"],
|
||||
variable: "--font-montserrat", subsets: ["latin"],
|
||||
});
|
||||
|
||||
const inter = Inter({
|
||||
variable: "--font-inter",
|
||||
subsets: ["latin"],
|
||||
variable: "--font-inter", subsets: ["latin"],
|
||||
});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Bayat Al-Islam | Muslim Community Platform",
|
||||
description: "Join 100k+ Muslims and allies on Bayat Al-Islam. Inclusive Discord community with advanced chat, admin tools, moderation, and interfaith dialogue.",
|
||||
keywords: "Muslim community, Discord platform, interfaith dialogue, Islamic learning, community management, moderation tools",
|
||||
robots: {
|
||||
title: "Bayat Al-Islam | Muslim Community Platform", description: "Join 100k+ Muslims and allies on Bayat Al-Islam. Inclusive Discord community with advanced chat, admin tools, moderation, and interfaith dialogue.", keywords: "Muslim community, Discord platform, interfaith dialogue, Islamic learning, community management, moderation tools", robots: {
|
||||
index: true,
|
||||
follow: true,
|
||||
},
|
||||
openGraph: {
|
||||
title: "Bayat Al-Islam - Unity Through Faith",
|
||||
description: "A thriving community of 100k+ Muslims and friends united in faith, dialogue, and support. Connect on our advanced platform.",
|
||||
url: "https://bayatalislamm.com",
|
||||
siteName: "Bayat Al-Islam",
|
||||
type: "website",
|
||||
images: [
|
||||
title: "Bayat Al-Islam - Unity Through Faith", description: "A thriving community of 100k+ Muslims and friends united in faith, dialogue, and support. Connect on our advanced platform.", url: "https://bayatalislamm.com", siteName: "Bayat Al-Islam", type: "website", images: [
|
||||
{
|
||||
url: "http://img.b2bpic.net/free-photo/close-up-happy-friends-hanging-out_23-2149293067.jpg",
|
||||
alt: "Bayat Al-Islam Community",
|
||||
},
|
||||
url: "http://img.b2bpic.net/free-photo/close-up-happy-friends-hanging-out_23-2149293067.jpg", alt: "Bayat Al-Islam Community"},
|
||||
],
|
||||
},
|
||||
twitter: {
|
||||
card: "summary_large_image",
|
||||
title: "Bayat Al-Islam Community Platform",
|
||||
description: "Join 100k+ members in our inclusive Muslim and ally community on Discord.",
|
||||
images: ["http://img.b2bpic.net/free-photo/close-up-happy-friends-hanging-out_23-2149293067.jpg"],
|
||||
card: "summary_large_image", title: "Bayat Al-Islam Community Platform", description: "Join 100k+ members in our inclusive Muslim and ally community on Discord.", images: ["http://img.b2bpic.net/free-photo/close-up-happy-friends-hanging-out_23-2149293067.jpg"],
|
||||
},
|
||||
};
|
||||
|
||||
|
||||
252
src/app/page.tsx
252
src/app/page.tsx
@@ -65,58 +65,42 @@ export default function HomePage() {
|
||||
description="A thriving community of 100k+ Muslims and friends united in faith, dialogue, and support. Connect, share, and grow together on our advanced Discord interface platform."
|
||||
tag="Islamic Community Platform"
|
||||
tagIcon={Heart}
|
||||
tagAnimation="entrance-slide"
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/young-family-enjoying-trips_23-2149176501.jpg?_wi=1",
|
||||
imageAlt: "Islamic community gathering",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/young-family-enjoying-trips_23-2149176501.jpg", imageAlt: "Islamic community gathering"},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/front-view-friends-with-smartphones_23-2149458427.jpg?_wi=1",
|
||||
imageAlt: "Discord communication",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/front-view-friends-with-smartphones_23-2149458427.jpg", imageAlt: "Discord communication"},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/futuristic-infographic-concept-with-evolution_23-2148452282.jpg?_wi=1",
|
||||
imageAlt: "3D digital interface",
|
||||
},
|
||||
"http://img.b2bpic.net/free-vector/futuristic-infographic-concept-with-evolution_23-2148452282.jpg", imageAlt: "3D digital interface"},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/cheerful-people-posing-with-hands-stacked_23-2147663733.jpg?_wi=1",
|
||||
imageAlt: "Community collaboration",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/cheerful-people-posing-with-hands-stacked_23-2147663733.jpg", imageAlt: "Community collaboration"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/futuristic-infographic-concept-with-evolution_23-2148452282.jpg?_wi=2",
|
||||
imageAlt: "Advanced technology",
|
||||
},
|
||||
"http://img.b2bpic.net/free-vector/futuristic-infographic-concept-with-evolution_23-2148452282.jpg", imageAlt: "Advanced technology"},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/cheerful-people-posing-with-hands-stacked_23-2147663733.jpg?_wi=2",
|
||||
imageAlt: "Community teamwork",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/cheerful-people-posing-with-hands-stacked_23-2147663733.jpg", imageAlt: "Community teamwork"},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/young-family-enjoying-trips_23-2149176501.jpg?_wi=2",
|
||||
imageAlt: "Diverse community",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/young-family-enjoying-trips_23-2149176501.jpg", imageAlt: "Diverse community"},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/front-view-friends-with-smartphones_23-2149458427.jpg?_wi=2",
|
||||
imageAlt: "Seamless chat",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/front-view-friends-with-smartphones_23-2149458427.jpg", imageAlt: "Seamless chat"},
|
||||
]}
|
||||
carouselPosition="right"
|
||||
buttons={[
|
||||
{ text: "Join Now", href: "/contact" },
|
||||
{ text: "Learn More", href: "#features" },
|
||||
]}
|
||||
buttonAnimation="entrance-slide"
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -127,78 +111,54 @@ export default function HomePage() {
|
||||
description="Advanced tools designed for modern community management and engagement"
|
||||
tag="Community Tools"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="entrance-slide"
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Real-time Chat",
|
||||
description:
|
||||
"Instant messaging with support for text, voice, and video. Connect with thousands of community members in organized channels.",
|
||||
icon: MessageCircle,
|
||||
title: "Real-time Chat", description:
|
||||
"Instant messaging with support for text, voice, and video. Connect with thousands of community members in organized channels.", icon: MessageCircle,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/smiling-woman-using-smartphone-couch_53876-96944.jpg?_wi=1",
|
||||
imageAlt: "Chat interface",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/smiling-woman-using-smartphone-couch_53876-96944.jpg", imageAlt: "Chat interface"},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/e-mail-global-communications-connection-social-networking-concept_53876-134026.jpg?_wi=1",
|
||||
imageAlt: "Notifications system",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/e-mail-global-communications-connection-social-networking-concept_53876-134026.jpg", imageAlt: "Notifications system"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Admin Dashboard",
|
||||
description:
|
||||
"Comprehensive moderation panel. Manage users, moderate content, ban/kick members, and monitor community health in real-time.",
|
||||
icon: Shield,
|
||||
title: "Admin Dashboard", description:
|
||||
"Comprehensive moderation panel. Manage users, moderate content, ban/kick members, and monitor community health in real-time.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg?_wi=1",
|
||||
imageAlt: "Admin dashboard",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg", imageAlt: "Admin dashboard"},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/mobile-security-app_53876-98145.jpg?_wi=1",
|
||||
imageAlt: "Moderation tools",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/mobile-security-app_53876-98145.jpg", imageAlt: "Moderation tools"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Role Management",
|
||||
description:
|
||||
"Create custom roles with granular permissions. Assign moderators, admins, and community roles. Organize hierarchy efficiently.",
|
||||
icon: Users,
|
||||
title: "Role Management", description:
|
||||
"Create custom roles with granular permissions. Assign moderators, admins, and community roles. Organize hierarchy efficiently.", icon: Users,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/flat-organizational-chart-infographic_23-2149016825.jpg?_wi=1",
|
||||
imageAlt: "Role management",
|
||||
},
|
||||
"http://img.b2bpic.net/free-vector/flat-organizational-chart-infographic_23-2149016825.jpg", imageAlt: "Role management"},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/image-upload-concept-landing-page_23-2148309692.jpg?_wi=1",
|
||||
imageAlt: "Media sharing",
|
||||
},
|
||||
"http://img.b2bpic.net/free-vector/image-upload-concept-landing-page_23-2148309692.jpg", imageAlt: "Media sharing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Analytics & Reporting",
|
||||
description:
|
||||
"Track community metrics, member engagement, and activity trends. Get detailed insights to improve community growth.",
|
||||
icon: TrendingUp,
|
||||
title: "Analytics & Reporting", description:
|
||||
"Track community metrics, member engagement, and activity trends. Get detailed insights to improve community growth.", icon: TrendingUp,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/modern-workspace-with-analytical-data-dashboards-displayed-devices_482257-126633.jpg?_wi=1",
|
||||
imageAlt: "Analytics dashboard",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/modern-workspace-with-analytical-data-dashboards-displayed-devices_482257-126633.jpg", imageAlt: "Analytics dashboard"},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg?_wi=2",
|
||||
imageAlt: "Performance metrics",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg", imageAlt: "Performance metrics"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -231,92 +191,38 @@ export default function HomePage() {
|
||||
description="Real voices from our diverse member base"
|
||||
tag="Community Voice"
|
||||
tagIcon={Star}
|
||||
tagAnimation="entrance-slide"
|
||||
tagAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Fatima Hassan, Community Leader",
|
||||
date: "Date: 15 January 2025",
|
||||
title: "A truly inclusive space for all",
|
||||
quote:
|
||||
"Bayat Al-Islam has created the most welcoming environment. Both Muslims and non-Muslims alike feel valued and respected. The moderation keeps things positive while the features make engagement seamless.",
|
||||
tag: "Community Leader",
|
||||
avatarSrc:
|
||||
"http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg?_wi=1",
|
||||
avatarAlt: "Fatima Hassan",
|
||||
},
|
||||
id: "1", name: "Fatima Hassan, Community Leader", date: "Date: 15 January 2025", title: "A truly inclusive space for all", quote:
|
||||
"Bayat Al-Islam has created the most welcoming environment. Both Muslims and non-Muslims alike feel valued and respected. The moderation keeps things positive while the features make engagement seamless.", tag: "Community Leader", avatarSrc:
|
||||
"http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg", avatarAlt: "Fatima Hassan"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ahmed Al-Mansouri, Youth Member",
|
||||
date: "Date: 10 January 2025",
|
||||
title: "Best platform for faith discussions",
|
||||
quote:
|
||||
"I appreciate how the admin team handles discussions with wisdom. The chat features are smooth, and finding relevant topics is easy. I've learned so much from diverse perspectives here.",
|
||||
tag: "Active Member",
|
||||
avatarSrc:
|
||||
"http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt_141793-122624.jpg",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt_141793-122624.jpg?_wi=1",
|
||||
avatarAlt: "Ahmed Al-Mansouri",
|
||||
},
|
||||
id: "2", name: "Ahmed Al-Mansouri, Youth Member", date: "Date: 10 January 2025", title: "Best platform for faith discussions", quote:
|
||||
"I appreciate how the admin team handles discussions with wisdom. The chat features are smooth, and finding relevant topics is easy. I've learned so much from diverse perspectives here.", tag: "Active Member", avatarSrc:
|
||||
"http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt_141793-122624.jpg", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt_141793-122624.jpg", avatarAlt: "Ahmed Al-Mansouri"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah Mitchell, Non-Muslim Ally",
|
||||
date: "Date: 5 January 2025",
|
||||
title: "Eye-opening interfaith experience",
|
||||
quote:
|
||||
"As a non-Muslim, I was warmly welcomed to learn and understand. The respectful tone and well-managed community make this exceptional. The platform itself is incredibly intuitive.",
|
||||
tag: "Ally Member",
|
||||
avatarSrc:
|
||||
"http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt_141793-122624.jpg",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt_141793-122624.jpg?_wi=2",
|
||||
avatarAlt: "Sarah Mitchell",
|
||||
},
|
||||
id: "3", name: "Sarah Mitchell, Non-Muslim Ally", date: "Date: 5 January 2025", title: "Eye-opening interfaith experience", quote:
|
||||
"As a non-Muslim, I was warmly welcomed to learn and understand. The respectful tone and well-managed community make this exceptional. The platform itself is incredibly intuitive.", tag: "Ally Member", avatarSrc:
|
||||
"http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt_141793-122624.jpg", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt_141793-122624.jpg", avatarAlt: "Sarah Mitchell"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Omar El-Sayed, Admin Team",
|
||||
date: "Date: 1 January 2025",
|
||||
title: "Admin tools are incredible",
|
||||
quote:
|
||||
"Managing a community of 100k+ requires excellent tools. The dashboard is intuitive, moderation is efficient, and the analytics help us understand member needs better.",
|
||||
tag: "Administrator",
|
||||
avatarSrc:
|
||||
"http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg?_wi=2",
|
||||
avatarAlt: "Omar El-Sayed",
|
||||
},
|
||||
id: "4", name: "Omar El-Sayed, Admin Team", date: "Date: 1 January 2025", title: "Admin tools are incredible", quote:
|
||||
"Managing a community of 100k+ requires excellent tools. The dashboard is intuitive, moderation is efficient, and the analytics help us understand member needs better.", tag: "Administrator", avatarSrc:
|
||||
"http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg", avatarAlt: "Omar El-Sayed"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Zainab Aziz, Content Creator",
|
||||
date: "Date: 28 December 2024",
|
||||
title: "Perfect for meaningful content",
|
||||
quote:
|
||||
"I love how the platform supports diverse content types. Sharing knowledge about Islam and interfaith dialogue has never been easier. The community engagement is phenomenal.",
|
||||
tag: "Content Creator",
|
||||
avatarSrc:
|
||||
"http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg?_wi=3",
|
||||
avatarAlt: "Zainab Aziz",
|
||||
},
|
||||
id: "5", name: "Zainab Aziz, Content Creator", date: "Date: 28 December 2024", title: "Perfect for meaningful content", quote:
|
||||
"I love how the platform supports diverse content types. Sharing knowledge about Islam and interfaith dialogue has never been easier. The community engagement is phenomenal.", tag: "Content Creator", avatarSrc:
|
||||
"http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg", avatarAlt: "Zainab Aziz"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Marcus Johnson, Newcomer",
|
||||
date: "Date: 20 December 2024",
|
||||
title: "Instantly felt at home",
|
||||
quote:
|
||||
"I joined curious about Islam and the community welcomed me openly. Everyone is helpful, the interface is user-friendly, and I'm learning every day. Highly recommend!",
|
||||
tag: "New Member",
|
||||
avatarSrc:
|
||||
"http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt_141793-122624.jpg",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt_141793-122624.jpg?_wi=3",
|
||||
avatarAlt: "Marcus Johnson",
|
||||
},
|
||||
id: "6", name: "Marcus Johnson, Newcomer", date: "Date: 20 December 2024", title: "Instantly felt at home", quote:
|
||||
"I joined curious about Islam and the community welcomed me openly. Everyone is helpful, the interface is user-friendly, and I'm learning every day. Highly recommend!", tag: "New Member", avatarSrc:
|
||||
"http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt_141793-122624.jpg", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt_141793-122624.jpg", avatarAlt: "Marcus Johnson"},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
@@ -333,41 +239,23 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Is Bayat Al-Islam open to non-Muslims?",
|
||||
content:
|
||||
"Absolutely! We welcome people of all faiths and beliefs. Our community is built on the principles of respectful dialogue and mutual understanding. Non-Muslims are encouraged to learn, ask questions, and participate in our inclusive community.",
|
||||
},
|
||||
id: "1", title: "Is Bayat Al-Islam open to non-Muslims?", content:
|
||||
"Absolutely! We welcome people of all faiths and beliefs. Our community is built on the principles of respectful dialogue and mutual understanding. Non-Muslims are encouraged to learn, ask questions, and participate in our inclusive community."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How do I join the community?",
|
||||
content:
|
||||
"Simply click 'Join Community' and sign up with your email or Discord account. You'll immediately get access to our chat channels, resources, and be able to introduce yourself to our welcoming members.",
|
||||
},
|
||||
id: "2", title: "How do I join the community?", content:
|
||||
"Simply click 'Join Community' and sign up with your email or Discord account. You'll immediately get access to our chat channels, resources, and be able to introduce yourself to our welcoming members."},
|
||||
{
|
||||
id: "3",
|
||||
title: "What are the moderation standards?",
|
||||
content:
|
||||
"We maintain strict moderation to ensure a safe, respectful environment for all. Our standards prohibit hate speech, harassment, and disrespect. We have a transparent moderation team with detailed audit logs.",
|
||||
},
|
||||
id: "3", title: "What are the moderation standards?", content:
|
||||
"We maintain strict moderation to ensure a safe, respectful environment for all. Our standards prohibit hate speech, harassment, and disrespect. We have a transparent moderation team with detailed audit logs."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Can I create custom channels?",
|
||||
content:
|
||||
"Admin and moderators can create channels. If you have a specific interest or topic you'd like to discuss, you can request a channel through our admin team. We're always open to organizing new communities within our platform.",
|
||||
},
|
||||
id: "4", title: "Can I create custom channels?", content:
|
||||
"Admin and moderators can create channels. If you have a specific interest or topic you'd like to discuss, you can request a channel through our admin team. We're always open to organizing new communities within our platform."},
|
||||
{
|
||||
id: "5",
|
||||
title: "Is there support for new members?",
|
||||
content:
|
||||
"Yes! We have dedicated onboarding channels, member mentors, and comprehensive guides. Our community is designed to be welcoming to newcomers with plenty of resources to help you get started.",
|
||||
},
|
||||
id: "5", title: "Is there support for new members?", content:
|
||||
"Yes! We have dedicated onboarding channels, member mentors, and comprehensive guides. Our community is designed to be welcoming to newcomers with plenty of resources to help you get started."},
|
||||
{
|
||||
id: "6",
|
||||
title: "How does the admin dashboard work?",
|
||||
content:
|
||||
"The dashboard provides comprehensive analytics, user management tools, moderation controls, and audit logs. Admins can ban/kick users, manage roles, monitor activity, and maintain community standards efficiently.",
|
||||
},
|
||||
id: "6", title: "How does the admin dashboard work?", content:
|
||||
"The dashboard provides comprehensive analytics, user management tools, moderation controls, and audit logs. Admins can ban/kick users, manage roles, monitor activity, and maintain community standards efficiently."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -395,19 +283,13 @@ export default function HomePage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: MessageCircle,
|
||||
href: "https://discord.gg/bayatalislamm",
|
||||
ariaLabel: "Discord Community",
|
||||
},
|
||||
href: "https://discord.gg/bayatalislamm", ariaLabel: "Discord Community"},
|
||||
{
|
||||
icon: Globe,
|
||||
href: "https://bayatalislamm.com",
|
||||
ariaLabel: "Official Website",
|
||||
},
|
||||
href: "https://bayatalislamm.com", ariaLabel: "Official Website"},
|
||||
{
|
||||
icon: Mail,
|
||||
href: "mailto:info@bayatalislamm.com",
|
||||
ariaLabel: "Email Contact",
|
||||
},
|
||||
href: "mailto:info@bayatalislamm.com", ariaLabel: "Email Contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user