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

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #5.
This commit is contained in:
bender
2026-06-10 08:32:44 +00:00
parent 139406d1dc f352c9e7df
commit 32183c2991
4 changed files with 213 additions and 209 deletions
Download Patch File Download Diff File Expand all files Collapse all files

193
src/app/achievements/page.tsx
View File

@@ -1,88 +1,55 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import Link from "next/link";
const navItems = [
{
label: "Home", href: "/"
},
{
label: "Dashboard", href: "/dashboard"
},
{
label: "Missions", href: "/missions"
},
{
label: "Skill Tree", href: "/skill-tree"
},
{
label: "Achievements", href: "/achievements"
},
{
label: "Leaderboard", href: "/leaderboard"
},
{
label: "Community", href: "/community"
},
{
label: "Profile", href: "/profile"
}
];
const achievementBadgesProducts = [
{
id: "a1", brand: "Milestone", name: "First Upload", price: "Unlocked", rating: 5,
reviewCount: "New", imageSrc: "http://img.b2bpic.net/free-vector/purple-hexagon-frames-game-avatars_107791-18126.jpg", imageAlt: "First Upload Achievement Badge"
},
{
id: "a2", brand: "Streak", name: "7-Day Streak", price: "Unlocked", rating: 5,
reviewCount: "Consistent", imageSrc: "http://img.b2bpic.net/free-photo/top-view-champagne-bottle-table_23-2148578907.jpg", imageAlt: "7-Day Streak Achievement Badge"
},
{
id: "a3", brand: "Volume", name: "100 Missions Completed", price: "Unlocked", rating: 5,
reviewCount: "Dedicated", imageSrc: "http://img.b2bpic.net/free-vector/set-military-game-progress-badges_107791-19708.jpg", imageAlt: "100 Missions Completed Badge"
},
{
id: "a4", brand: "Impact", name: "Viral Creator", price: "Unlocked", rating: 5,
reviewCount: "Influencer", imageSrc: "http://img.b2bpic.net/free-photo/pleased-pretty-caucasian-woman-sitting-table-with-makeup-tools-holding-looking-winner-cup-isolated-purple-wall-with-copy-space_141793-121092.jpg?_wi=2", imageAlt: "Viral Creator Achievement Badge"
},
{
id: "a5", brand: "Community", name: "Community Leader", price: "Unlocked", rating: 5,
reviewCount: "Connected", imageSrc: "http://img.b2bpic.net/free-photo/positive-woman-recording-video-home_23-2148586299.jpg", imageAlt: "Community Leader Badge"
},
{
id: "a6",brand: "Mastery", name: "Skill Tree Master", price: "Unlocked", rating: 5,
reviewCount: "Expert", imageSrc: "http://img.b2bpic.net/free-photo/top-view-beautiful-rpg-still-life-items_23-2149282445.jpg?_wi=2", imageAlt: "Skill Tree Master Achievement"
}
];
const achievementDetailsFeatures = [
{
id: "ach_f1", title: "Consistency Badges", tags: [
"Streaks", "Habits"
],
imageSrc: "http://img.b2bpic.net/free-photo/pause-icon-multimedia-entertainment-perforated-paper_53876-16455.jpg", imageAlt: "Consistency Badge"
},
{
id: "ach_f2", title: "Impact Awards", tags: [
"Reach", "Engagement"
],
imageSrc: "http://img.b2bpic.net/free-vector/influencer-marketing-concept-with-symbols-laptop_23-2147685875.jpg", imageAlt: "Impact Award"
},
{
id: "ach_f3", title: "Skill Mastery Trophies", tags: [
"Expertise", "Growth"
],
imageSrc: "http://img.b2bpic.net/free-vector/abstract-banner-data-visualization-big-data-processing-cloud-storage-server-hosting_39422-978.jpg", imageAlt: "Skill Mastery Trophy"
}
];
import { Sparkles, Crown, ScrollText, Award, Star } from "lucide-react";
export default function AchievementsPage() {
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: [
{ 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 (
<ThemeProvider
defaultButtonVariant="elastic-effect"
@@ -101,16 +68,34 @@ export default function AchievementsPage() {
brandName="Creator Quest RPG"
logoSrc="http://img.b2bpic.net/free-vector/gradient-metaverse-concept-labels_23-2149516151.jpg"
logoAlt="Creator Quest RPG Logo"
navItems={navItems.map(item => ({ name: item.label, id: item.href }))}
navItems={navItems}
button={{
text: "Sign Up", href: "/register"
}}
text: "Sign Up", href: "/register"}}
/>
</div>
<div id="achievement-badges" data-section="achievement-badges">
<ProductCardTwo
products={achievementBadgesProducts}
products={[
{
id: "a1", brand: "Milestone", name: "First Upload", price: "Unlocked", rating: 5,
reviewCount: "New", imageSrc: "http://img.b2bpic.net/free-vector/set-military-game-rank-badges_107791-18126.jpg", imageAlt: "First Upload Achievement Badge"},
{
id: "a2", brand: "Streak", name: "7-Day Streak", price: "Unlocked", rating: 5,
reviewCount: "Consistent", imageSrc: "http://img.b2bpic.net/free-photo/top-view-champagne-bottle-table_23-2148578907.jpg", imageAlt: "7-Day Streak Achievement Badge"},
{
id: "a3", brand: "Volume", name: "100 Missions Completed", price: "Unlocked", rating: 5,
reviewCount: "Dedicated", imageSrc: "http://img.b2bpic.net/free-vector/set-military-game-progress-badges_107791-19708.jpg", imageAlt: "100 Missions Completed Badge"},
{
id: "a4", brand: "Impact", name: "Viral Creator", price: "Unlocked", rating: 5,
reviewCount: "Influencer", imageSrc: "http://img.b2bpic.net/free-photo/pleased-pretty-caucasian-woman-sitting-table-with-makeup-tools-holding-looking-winner-cup-isolated-purple-wall-with-copy-space_141793-121092.jpg", imageAlt: "Viral Creator Achievement Badge"},
{
id: "a5", brand: "Community", name: "Community Leader", price: "Unlocked", rating: 5,
reviewCount: "Connected", imageSrc: "http://img.b2bpic.net/free-photo/positive-woman-recording-video-home_23-2148586299.jpg", imageAlt: "Community Leader Badge"},
{
id: "a6", brand: "Mastery", name: "Skill Tree Master", price: "Unlocked", rating: 5,
reviewCount: "Expert", imageSrc: "http://img.b2bpic.net/free-photo/top-view-beautiful-rpg-still-life-items_23-2149282445.jpg", imageAlt: "Skill Tree Master Achievement"},
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
title="Your Milestones of Success"
@@ -127,7 +112,17 @@ export default function AchievementsPage() {
description="Explore different types of achievements and plan your path to greatness."
textboxLayout="default"
useInvertedBackground={true}
features={achievementDetailsFeatures}
features={[
{
id: "ach_f1", title: "Consistency Badges", tags: ["Streaks", "Habits"],
imageSrc: "http://img.b2bpic.net/free-photo/download-internet-connection-sharing-networking-concept_53876-148096.jpg", imageAlt: "Consistency Badge"},
{
id: "ach_f2", title: "Impact Awards", tags: ["Reach", "Engagement"],
imageSrc: "http://img.b2bpic.net/free-vector/influencer-marketing-concept-with-symbols-laptop_23-2147685875.jpg", imageAlt: "Impact Award"},
{
id: "ach_f3", title: "Skill Mastery Trophies", tags: ["Expertise", "Growth"],
imageSrc: "http://img.b2bpic.net/free-vector/abstract-banner-data-visualization-big-data-processing-cloud-storage-server-hosting_39422-978.jpg", imageAlt: "Skill Mastery Trophy"},
]}
/>
</div>
@@ -136,39 +131,9 @@ export default function AchievementsPage() {
logoSrc="http://img.b2bpic.net/free-vector/gradient-metaverse-concept-labels_23-2149516151.jpg"
logoAlt="Creator Quest RPG Logo"
logoText="Creator Quest RPG"
columns={[
{
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" }
]
}
]}
useInvertedBackground={true}
columns={footerColumns}
/>
</div>
</ThemeProvider>
);
}
}

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>
);
}
}

33
src/app/dashboard/page.tsx
View File

@@ -5,11 +5,19 @@ import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwe
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import { Sparkles, Crown, ScrollText, Award } from "lucide-react";
export default function DashboardPage() {
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 = [
@@ -17,6 +25,28 @@ export default function DashboardPage() {
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" },
],
},
];
@@ -83,7 +113,7 @@ export default function DashboardPage() {
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-with-magical-wings-fairy-core-aesthetic_23-2151080002.jpg", imageAlt: "Angelic Wings cosmetic"},
{
id: "p5", brand: "Utility", name: "Skill Respec Token", price: "$5.00", rating: 4,
reviewCount: "90", imageSrc: "http://img.b2bpic.net/free-photo/top-view-beautiful-rpg-still-life-items_23-2149282445.jpg?_wi=1", imageAlt: "Skill Respec Token"},
reviewCount: "90", imageSrc: "http://img.b2bpic.net/free-photo/top-view-beautiful-rpg-still-life-items_23-2149282445.jpg", imageAlt: "Skill Respec Token"},
{
id: "p6", brand: "Boosters", name: "Creative Spark Pack", price: "$12.00", rating: 5,
reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/messy-office-workplace-workplace-workspace-concept_185193-108721.jpg", imageAlt: "Creative Spark Pack"},
@@ -121,7 +151,6 @@ export default function DashboardPage() {
logoAlt="Creator Quest RPG Logo"
logoText="Creator Quest RPG"
columns={footerColumns}
useInvertedBackground={true}
/>
</div>
</ThemeProvider>

86
src/app/missions/page.tsx
View File

@@ -1,25 +1,53 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import { Sparkles, MessageSquare, Award, ScrollText, Crown, Settings } from "lucide-react";
import { Sparkles, Crown, ScrollText, Award } from "lucide-react";
export default function MissionsPage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "Dashboard", id: "/dashboard" },
{ name: "Missions", id: "/missions" },
{ name: "Skill Tree", id: "/skill-tree" }
{ 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 footerNavColumns = [
{ 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" }] }
const footerColumns = [
{
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 (
@@ -41,7 +69,8 @@ export default function MissionsPage() {
logoSrc="http://img.b2bpic.net/free-vector/gradient-metaverse-concept-labels_23-2149516151.jpg"
logoAlt="Creator Quest RPG Logo"
navItems={navItems}
button={{ text: "Sign Up", href: "/register" }}
button={{
text: "Sign Up", href: "/register"}}
/>
</div>
@@ -53,9 +82,15 @@ export default function MissionsPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{ id: "m_f1", title: "Upload One Short-Form Video", tags: ["Daily", "Production"], imageSrc: "http://img.b2bpic.net/free-photo/download-internet-connection-sharing-networking-concept_53876-148096.jpg", imageAlt: "Upload short-form video mission" },
{ id: "m_f2", title: "Reply to 10 Comments", tags: ["Daily", "Engagement"], imageSrc: "http://img.b2bpic.net/free-photo/female-make-up-blogger-with-streaming-with-camera-laptop-home_23-2148771522.jpg", imageAlt: "Reply to comments mission" },
{ id: "m_f3", title: "Brainstorm 10 Content Ideas", tags: ["Daily", "Creativity"], imageSrc: "http://img.b2bpic.net/free-photo/woman-creating-their-own-vision-board_23-2150270405.jpg", imageAlt: "Brainstorm content ideas mission" }
{
id: "m_f1", title: "Upload One Short-Form Video", tags: ["Daily", "Production"],
imageSrc: "http://img.b2bpic.net/free-photo/download-internet-connection-sharing-networking-concept_53876-148096.jpg", imageAlt: "Upload short-form video mission"},
{
id: "m_f2", title: "Reply to 10 Comments", tags: ["Daily", "Engagement"],
imageSrc: "http://img.b2bpic.net/free-photo/female-make-up-blogger-with-streaming-with-camera-laptop-home_23-2148771522.jpg", imageAlt: "Reply to comments mission"},
{
id: "m_f3", title: "Brainstorm 10 Content Ideas", tags: ["Daily", "Creativity"],
imageSrc: "http://img.b2bpic.net/free-photo/woman-creating-their-own-vision-board_23-2150270405.jpg", imageAlt: "Brainstorm content ideas mission"},
]}
/>
</div>
@@ -64,27 +99,9 @@ export default function MissionsPage() {
<TextSplitAbout
title="Embark on Epic Creator Quests"
description={[
"Our Quest System offers structured challenges to help you master advanced creator skills. From easy tasks to weekly boss battles, each quest is designed to push your boundaries and reward your dedication.", "Progress through tiers: Easy quests for fundamental skills, Medium quests for refining your craft, and Hard quests to truly test your expertise. Conquer Weekly Boss Challenges for legendary rewards and bragging rights."
]}
"Our Quest System offers structured challenges to help you master advanced creator skills. From easy tasks to weekly boss battles, each quest is designed to push your boundaries and reward your dedication.", "Progress through tiers: Easy quests for fundamental skills, Medium quests for refining your craft, and Hard quests to truly test your expertise. Conquer Weekly Boss Challenges for legendary rewards and bragging rights."]}
useInvertedBackground={true}
buttons={[
{ text: "View All Quests", href: "/missions#quests" }
]}
/>
</div>
<div id="mission-progress-metrics" data-section="mission-progress-metrics">
<MetricCardEleven
animationType="slide-up"
title="Track Your Mission Progress"
description="Detailed insights into your quest for mastery."
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{ id: "m_p_m1", value: "75%", title: "Current Quest Completion", description: "You're on track to conquer this mission!", imageSrc: "http://img.b2bpic.net/free-photo/collage-people-using-reels_23-2149416510.jpg?_wi=2" },
{ id: "m_p_m2", value: "15", title: "Quests Active", description: "Actively pursuing multiple challenges.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-office-supplies_171337-13069.jpg" },
{ id: "m_p_m3", value: "3", title: "Bosses Conquered", description: "Epic victories over weekly challenges.", imageSrc: "http://img.b2bpic.net/free-photo/pleased-pretty-caucasian-woman-sitting-table-with-makeup-tools-holding-looking-winner-cup-isolated-purple-wall-with-copy-space_141793-121092.jpg?_wi=1" }
]}
buttons={[{ text: "View All Quests", href: "/missions#quests" }]}
/>
</div>
@@ -93,8 +110,7 @@ export default function MissionsPage() {
logoSrc="http://img.b2bpic.net/free-vector/gradient-metaverse-concept-labels_23-2149516151.jpg"
logoAlt="Creator Quest RPG Logo"
logoText="Creator Quest RPG"
columns={footerNavColumns}
useInvertedBackground={true}
columns={footerColumns}
/>
</div>
</ThemeProvider>