bender/017e9da4-de70-47c4-9f16-5033d1f19133
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/community/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-10 08:32:40 +00:00
parent d764f202aa
commit 4a26d3dd71
1 changed files with 52 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

110
src/app/community/page.tsx
View File

@@ -1,23 +1,53 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { MessageSquare } from "lucide-react";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import BlogCardThree from "@/components/sections/blog/BlogCardThree";
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import { Sparkles, Crown, ScrollText, Award, MessageSquare } from "lucide-react";
export default function CommunityPage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "Dashboard", id: "/dashboard" },
{ name: "Missions", id: "/missions" },
{ name: "Skill Tree", id: "/skill-tree" },
{ name: "Achievements", id: "/achievements" },
{ name: "Leaderboard", id: "/leaderboard" },
{ name: "Community", id: "/community" },
{ name: "Profile", id: "/profile" },
{ name: "Settings", id: "/settings" },
];
const footerColumns = [
{ "items": [] },
{ "items": [] },
{ "items": [ { "label": "Community", "href": "/community" }, { "label": "Profile", "href": "/profile" }, { "label": "Settings", "href": "/settings" } ] },
{ "items": [ { "label": "Privacy Policy", "href": "/privacy" }, { "label": "Terms of Service", "href": "/terms" }, { "label": "Contact Us", "href": "/contact" } ] }
{
items: [
{ label: "Home", href: "/" },
{ label: "Dashboard", href: "/dashboard" },
{ label: "Missions", href: "/missions" },
],
},
{
items: [
{ label: "Skill Tree", href: "/skill-tree" },
{ label: "Achievements", href: "/achievements" },
{ label: "Leaderboard", href: "/leaderboard" },
],
},
{
items: [
{ label: "Community", href: "/community" },
{ label: "Profile", href: "/profile" },
{ label: "Settings", href: "/settings" },
],
},
{
items: [
{ label: "Privacy Policy", href: "/privacy" },
{ label: "Terms of Service", href: "/terms" },
{ label: "Contact Us", href: "/contact" },
],
},
];
return (
@@ -37,9 +67,10 @@ export default function CommunityPage() {
<NavbarStyleCentered
brandName="Creator Quest RPG"
logoSrc="http://img.b2bpic.net/free-vector/gradient-metaverse-concept-labels_23-2149516151.jpg"
logoAlt="creator quest logo gamified"
logoAlt="Creator Quest RPG Logo"
navItems={navItems}
button={{ text: "Sign Up", href: "/register" }}
button={{
text: "Sign Up", href: "/register"}}
/>
</div>
@@ -53,38 +84,11 @@ export default function CommunityPage() {
useInvertedBackground={false}
blogs={[
{
id: "blog1",
category: "Community",
title: "Celebrating Your First Upload!",
excerpt: "A huge congratulations to all new creators completing their first mission! Share your experience and tips.",
imageSrc: "http://img.b2bpic.net/free-photo/trends-fashion-moderm-latest-design-style_53876-21301.jpg",
imageAlt: "First Upload celebration",
authorName: "QuestMaster",
authorAvatar: "http://img.b2bpic.net/free-photo/open-pages-book-e-book-online-learning-graphic-concept_53876-124380.jpg",
date: "2 days ago",
},
id: "blog1", category: "Community", title: "Celebrating Your First Upload!", excerpt: "A huge congratulations to all new creators completing their first mission! Share your experience and tips.", imageSrc: "http://img.b2bpic.net/free-photo/trends-fashion-moderm-latest-design-style_53876-21301.jpg", imageAlt: "First Upload celebration", authorName: "QuestMaster", authorAvatar: "http://img.b2bpic.net/free-photo/open-pages-book-e-book-online-learning-graphic-concept_53876-124380.jpg", date: "2 days ago"},
{
id: "blog2",
category: "Tips",
title: "Overcoming Creator's Block",
excerpt: "Feeling stuck? Our community shares effective strategies to reignite your creativity and break through barriers.",
imageSrc: "http://img.b2bpic.net/free-photo/content-creator-analyzing-newly-released-gaming-tablet-received-from-sponsor_482257-128495.jpg",
imageAlt: "Creator's Block tips",
authorName: "CommunityGuide",
authorAvatar: "http://img.b2bpic.net/free-vector/laptop-with-document-bulb_1223-17.jpg",
date: "1 week ago",
},
id: "blog2", category: "Tips", title: "Overcoming Creator's Block", excerpt: "Feeling stuck? Our community shares effective strategies to reignite your creativity and break through barriers.", imageSrc: "http://img.b2bpic.net/free-photo/content-creator-analyzing-newly-released-gaming-tablet-received-from-sponsor_482257-128495.jpg", imageAlt: "Creator's Block tips", authorName: "CommunityGuide", authorAvatar: "http://img.b2bpic.net/free-vector/laptop-with-document-bulb_1223-17.jpg", date: "1 week ago"},
{
id: "blog3",
category: "Achievements",
title: "How I Hit Level 50 in 3 Months",
excerpt: "Learn from a seasoned Creator Quest player on how they optimized their missions and quests for rapid progression.",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063076.jpg",
imageAlt: "Level 50 achievement",
authorName: "XP_Master",
authorAvatar: "http://img.b2bpic.net/free-photo/young-man-learning-virtual-classroom_23-2149200170.jpg",
date: "3 weeks ago",
},
id: "blog3", category: "Achievements", title: "How I Hit Level 50 in 3 Months", excerpt: "Learn from a seasoned Creator Quest player on how they optimized their missions and quests for rapid progression.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063076.jpg", imageAlt: "Level 50 achievement", authorName: "XP_Master", authorAvatar: "http://img.b2bpic.net/free-photo/young-man-learning-virtual-classroom_23-2149200170.jpg", date: "3 weeks ago"},
]}
/>
</div>
@@ -93,22 +97,13 @@ export default function CommunityPage() {
<FaqSplitMedia
faqs={[
{
id: "c_faq1",
title: "How do I share my progress?",
content: "You can share your XP gains, level ups, and achievement badges directly to the Community Feed from your Profile page. Celebrate your wins with fellow creators!",
},
id: "c_faq1", title: "How do I share my progress?", content: "You can share your XP gains, level ups, and achievement badges directly to the Community Feed from your Profile page. Celebrate your wins with fellow creators!"},
{
id: "c_faq2",
title: "What are the community guidelines?",
content: "Our community thrives on positivity and mutual support. Please refer to our full Community Guidelines section (link in footer) for detailed rules on respectful interaction and content sharing.",
},
id: "c_faq2", title: "What are the community guidelines?", content: "Our community thrives on positivity and mutual support. Please refer to our full Community Guidelines section (link in footer) for detailed rules on respectful interaction and content sharing."},
{
id: "c_faq3",
title: "How can I encourage other creators?",
content: "Engage with their posts, leave constructive comments, and 'like' their achievements! You can also send virtual high-fives and messages of encouragement directly.",
},
id: "c_faq3", title: "How can I encourage other creators?", content: "Engage with their posts, leave constructive comments, and 'like' their achievements! You can also send virtual high-fives and messages of encouragement directly."},
]}
imageSrc="http://img.b2bpic.net/free-photo/multiethnic-secret-agents-discussing-isolated-mockup-display_482257-125698.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/confident-women-photo-editors-sitting-workplace-creative-studio_482257-19430.jpg"
imageAlt="Community FAQ support"
mediaAnimation="opacity"
title="Community Rules & Help"
@@ -124,12 +119,11 @@ export default function CommunityPage() {
<div id="footer" data-section="footer">
<FooterLogoEmphasis
logoSrc="http://img.b2bpic.net/free-vector/gradient-metaverse-concept-labels_23-2149516151.jpg"
logoAlt="creator quest logo gamified"
logoAlt="Creator Quest RPG Logo"
logoText="Creator Quest RPG"
columns={footerColumns}
useInvertedBackground={true}
/>
</div>
</ThemeProvider>
);
}
}