From 31e1f7329e5a39f10a240ee3870deb0e96131cce Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Mon, 29 Sep 2025 14:24:41 +0000
Subject: [PATCH 1/6] Initial plan
From e09826e329a2a322acce953b7a680345f37db34f Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Mon, 29 Sep 2025 14:33:19 +0000
Subject: [PATCH 2/6] Add Phase 1 core navigation pages: team, contact,
contributing, community
Co-authored-by: rezwana-karim <126201034+rezwana-karim@users.noreply.github.com>
---
src/app/community/page.tsx | 278 +++++++++++++++++++++++++++++
src/app/contact/page.tsx | 196 ++++++++++++++++++++
src/app/contributing/page.tsx | 326 ++++++++++++++++++++++++++++++++++
src/app/team/page.tsx | 126 +++++++++++++
4 files changed, 926 insertions(+)
create mode 100644 src/app/community/page.tsx
create mode 100644 src/app/contact/page.tsx
create mode 100644 src/app/contributing/page.tsx
create mode 100644 src/app/team/page.tsx
diff --git a/src/app/community/page.tsx b/src/app/community/page.tsx
new file mode 100644
index 0000000..9f2be6b
--- /dev/null
+++ b/src/app/community/page.tsx
@@ -0,0 +1,278 @@
+import { Container } from "@/components/ui/container"
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
+import { Button } from "@/components/ui/button"
+import { GitHubLogoIcon, ChatBubbleIcon, HeartIcon, RocketIcon, CheckIcon } from "@radix-ui/react-icons"
+import type { Metadata } from "next"
+
+export const metadata: Metadata = {
+ title: "Community",
+ description: "Join the CodeStorm Hub community. Learn about our values, guidelines, and how to participate.",
+ openGraph: {
+ title: "Community | CodeStorm Hub",
+ description: "Join the CodeStorm Hub community. Learn about our values, guidelines, and how to participate.",
+ },
+}
+
+const communityValues = [
+ {
+ title: "Inclusivity",
+ description: "We welcome contributors from all backgrounds and experience levels.",
+ icon: HeartIcon,
+ },
+ {
+ title: "Collaboration",
+ description: "Great things happen when we work together toward common goals.",
+ icon: ChatBubbleIcon,
+ },
+ {
+ title: "Innovation",
+ description: "We encourage creative thinking and exploring new possibilities.",
+ icon: RocketIcon,
+ },
+ {
+ title: "Quality",
+ description: "We strive for excellence in everything we create and maintain.",
+ icon: CheckIcon,
+ },
+]
+
+const guidelines = [
+ {
+ title: "Be Respectful",
+ items: [
+ "Treat all community members with kindness and respect",
+ "Use inclusive language that welcomes everyone",
+ "Respect different opinions and perspectives",
+ "Give constructive feedback rather than criticism",
+ ],
+ },
+ {
+ title: "Be Helpful",
+ items: [
+ "Support other community members when they ask for help",
+ "Share your knowledge and experience",
+ "Mentor newcomers and help them get started",
+ "Celebrate others' achievements and contributions",
+ ],
+ },
+ {
+ title: "Be Professional",
+ items: [
+ "Keep discussions relevant to the project or community",
+ "Avoid spam, self-promotion, or off-topic content",
+ "Use appropriate channels for different types of communication",
+ "Respect project maintainers' decisions and guidelines",
+ ],
+ },
+ {
+ title: "Be Collaborative",
+ items: [
+ "Work together to solve problems and build great software",
+ "Be open to feedback and different approaches",
+ "Share credit and acknowledge contributions",
+ "Focus on what's best for the community and projects",
+ ],
+ },
+]
+
+const participationWays = [
+ {
+ title: "Join Discussions",
+ description: "Participate in GitHub Discussions to share ideas and ask questions",
+ action: "Visit Discussions",
+ href: "https://github.com/orgs/CodeStorm-Hub/discussions",
+ },
+ {
+ title: "Contribute Code",
+ description: "Submit pull requests with bug fixes, features, or improvements",
+ action: "View Contributing Guide",
+ href: "/contributing",
+ },
+ {
+ title: "Report Issues",
+ description: "Help improve our projects by reporting bugs or suggesting enhancements",
+ action: "Browse Repositories",
+ href: "https://github.com/CodeStorm-Hub",
+ },
+ {
+ title: "Spread the Word",
+ description: "Share our projects and help grow the community",
+ action: "Follow on GitHub",
+ href: "https://github.com/CodeStorm-Hub",
+ },
+]
+
+export default function CommunityPage() {
+ return (
+
+
+
+ {/* Hero */}
+
+
Welcome to Our Community
+
+ CodeStorm Hub is more than just code—it's a community of passionate individuals
+ working together to create amazing open source projects. We believe in the power
+ of collaboration, learning, and mutual support.
+
+
+
+ {/* Community Values */}
+
+
+
Our Values
+
+ These values guide everything we do and help create a positive environment for everyone.
+
+
+ {/* Code of Conduct */}
+
+
+ Code of Conduct
+
+ Our commitment to creating a safe and inclusive environment
+
+
+
+
+ We are committed to providing a friendly, safe, and welcoming environment for all,
+ regardless of gender, sexual orientation, ability, ethnicity, socioeconomic status,
+ and religion (or lack thereof).
+
+
+ By participating in our community, you agree to abide by our Code of Conduct.
+ Violations may result in temporary or permanent bans from community spaces.
+
+
+
+
+
+
+
+
+ {/* Recognition */}
+
+
+ Community Recognition
+
+ Celebrating our amazing community members
+
+
+
+
+ We regularly recognize outstanding contributions and community members who go above
+ and beyond to help others and improve our projects. Every contribution, big or small,
+ makes a difference!
+
+
+
+
+
+
+
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
new file mode 100644
index 0000000..9b71be1
--- /dev/null
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,196 @@
+import { Container } from "@/components/ui/container"
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
+import { Button } from "@/components/ui/button"
+import { GitHubLogoIcon, EnvelopeClosedIcon, ChatBubbleIcon, QuestionMarkCircledIcon } from "@radix-ui/react-icons"
+import type { Metadata } from "next"
+
+export const metadata: Metadata = {
+ title: "Contact",
+ description: "Get in touch with the CodeStorm Hub team. We're here to help and answer your questions.",
+ openGraph: {
+ title: "Contact | CodeStorm Hub",
+ description: "Get in touch with the CodeStorm Hub team. We're here to help and answer your questions.",
+ },
+}
+
+const contactMethods = [
+ {
+ title: "GitHub Discussions",
+ description: "Ask questions, share ideas, and connect with our community",
+ icon: ChatBubbleIcon,
+ href: "https://github.com/orgs/CodeStorm-Hub/discussions",
+ primary: true,
+ },
+ {
+ title: "GitHub Issues",
+ description: "Report bugs, request features, or contribute to our projects",
+ icon: GitHubLogoIcon,
+ href: "https://github.com/CodeStorm-Hub",
+ primary: false,
+ },
+ {
+ title: "General Inquiries",
+ description: "For partnerships, press, or other general questions",
+ icon: EnvelopeClosedIcon,
+ href: "mailto:hello@codestorm-hub.org",
+ primary: false,
+ },
+]
+
+const faqs = [
+ {
+ question: "How can I contribute to CodeStorm Hub?",
+ answer: "We welcome contributions of all kinds! Check out our contributing guide to get started, or browse our GitHub repositories to find projects that interest you.",
+ },
+ {
+ question: "Do you offer support for your projects?",
+ answer: "Community support is available through GitHub Discussions and Issues. For each project, you can find documentation and examples in the respective repositories.",
+ },
+ {
+ question: "Can I use CodeStorm Hub projects in commercial applications?",
+ answer: "Yes! Our projects are open source and free to use. Please check the specific license for each project to understand the terms and conditions.",
+ },
+ {
+ question: "How do I report a security vulnerability?",
+ answer: "Security is important to us. Please report security vulnerabilities responsibly by following the instructions in our Security Policy on GitHub.",
+ },
+]
+
+export default function ContactPage() {
+ return (
+
+
+
+ {/* Hero */}
+
+
Get in Touch
+
+ Have a question, idea, or want to collaborate? We'd love to hear from you.
+ Here are the best ways to connect with our community.
+
+
+ {/* Response Times */}
+
+
+ Response Times
+
+ Here's what you can expect when reaching out to us
+
+
+
+
+
+
Community Support
+
+ GitHub Discussions and Issues are monitored by our community volunteers.
+ Response times vary, but we aim to acknowledge new posts within 48 hours.
+
+
+
+
General Inquiries
+
+ For partnerships, press, and other business inquiries, we typically
+ respond within 1-2 business days.
+
+
+
+
+
+
+ {/* FAQ */}
+
+
+
+ Frequently Asked Questions
+
+
+ Quick answers to common questions. If you don't find what you're looking for,
+ feel free to reach out using any of the methods above.
+
+
+ {/* Community Guidelines CTA */}
+
+
+ Community Guidelines
+
+ Help us maintain a welcoming and inclusive environment
+
+
+
+
+ Before reaching out, please review our community guidelines and code of conduct
+ to ensure respectful and productive interactions.
+
+
+
+
+
+
+
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/app/contributing/page.tsx b/src/app/contributing/page.tsx
new file mode 100644
index 0000000..7b3fbfe
--- /dev/null
+++ b/src/app/contributing/page.tsx
@@ -0,0 +1,326 @@
+import { Container } from "@/components/ui/container"
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
+import { Button } from "@/components/ui/button"
+import { GitHubLogoIcon, CodeIcon, FileTextIcon, ChatBubbleIcon, StarIcon, CheckIcon } from "@radix-ui/react-icons"
+import type { Metadata } from "next"
+
+export const metadata: Metadata = {
+ title: "Contributing",
+ description: "Learn how to contribute to CodeStorm Hub projects and join our open source community.",
+ openGraph: {
+ title: "Contributing | CodeStorm Hub",
+ description: "Learn how to contribute to CodeStorm Hub projects and join our open source community.",
+ },
+}
+
+const contributionTypes = [
+ {
+ title: "Code Contributions",
+ description: "Submit bug fixes, new features, or improvements to our projects",
+ icon: CodeIcon,
+ actions: [
+ "Fork the repository",
+ "Create a feature branch",
+ "Make your changes",
+ "Submit a pull request",
+ ],
+ },
+ {
+ title: "Documentation",
+ description: "Help improve our docs, write tutorials, or create examples",
+ icon: FileTextIcon,
+ actions: [
+ "Review existing docs",
+ "Identify gaps or errors",
+ "Write clear content",
+ "Submit improvements",
+ ],
+ },
+ {
+ title: "Community Support",
+ description: "Help other community members and answer questions",
+ icon: ChatBubbleIcon,
+ actions: [
+ "Monitor GitHub Discussions",
+ "Answer questions",
+ "Share your expertise",
+ "Welcome new contributors",
+ ],
+ },
+ {
+ title: "Testing & Feedback",
+ description: "Test our projects, report bugs, and suggest improvements",
+ icon: StarIcon,
+ actions: [
+ "Try out new features",
+ "Report bugs you find",
+ "Suggest enhancements",
+ "Provide user feedback",
+ ],
+ },
+]
+
+const guidelines = [
+ {
+ title: "Be Respectful",
+ description: "Treat all community members with respect and kindness. Follow our Code of Conduct.",
+ },
+ {
+ title: "Start Small",
+ description: "Begin with small contributions to get familiar with our workflow and project structure.",
+ },
+ {
+ title: "Ask Questions",
+ description: "Don't hesitate to ask questions if you're unsure about something. We're here to help!",
+ },
+ {
+ title: "Follow Standards",
+ description: "Adhere to our coding standards, commit message conventions, and PR guidelines.",
+ },
+ {
+ title: "Test Your Work",
+ description: "Ensure your changes work correctly and don't break existing functionality.",
+ },
+ {
+ title: "Document Changes",
+ description: "Update documentation and add tests for new features or significant changes.",
+ },
+]
+
+export default function ContributingPage() {
+ return (
+
+
+
+ {/* Hero */}
+
+
Contributing to CodeStorm Hub
+
+ We believe in the power of community-driven development. Whether you're a seasoned developer
+ or just starting out, there are many ways you can contribute to our projects.
+
+
+
+ {/* Get Started */}
+
+
+ Ready to Get Started?
+
+ Follow these steps to make your first contribution
+
+
+
+
+
+
+ 1
+
+
Explore Projects
+
+ Browse our repositories and find a project that interests you
+
+
+
+
+ 2
+
+
Read the Docs
+
+ Check the project's README and contributing guidelines
+
+
+
+
+ 3
+
+
Pick an Issue
+
+ Look for issues labeled "good first issue" or "help wanted"
+
+
+
+
+ 4
+
+
Make Changes
+
+ Fork, clone, make your changes, and submit a pull request
+
+
+
+
+
+
+
+ {/* Ways to Contribute */}
+
+
+
Ways to Contribute
+
+ There are many ways to contribute to our projects, regardless of your skill level or experience.
+
+ All contributors are recognized in our project README files and contributor lists.
+ We believe in celebrating the amazing work our community members do to make our
+ projects better for everyone.
+
+
+
+
+
+
+
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/app/team/page.tsx b/src/app/team/page.tsx
new file mode 100644
index 0000000..6c22707
--- /dev/null
+++ b/src/app/team/page.tsx
@@ -0,0 +1,126 @@
+import { Container } from "@/components/ui/container"
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
+import { Button } from "@/components/ui/button"
+import { GitHubLogoIcon, LinkedInLogoIcon } from "@radix-ui/react-icons"
+import Image from "next/image"
+import type { Metadata } from "next"
+
+export const metadata: Metadata = {
+ title: "Team",
+ description: "Meet the passionate individuals behind CodeStorm Hub and our open-source community.",
+ openGraph: {
+ title: "Team | CodeStorm Hub",
+ description: "Meet the passionate individuals behind CodeStorm Hub and our open-source community.",
+ },
+}
+
+const teamMembers = [
+ {
+ name: "Community Contributors",
+ role: "Open Source Enthusiasts",
+ bio: "Our team is made up of passionate contributors from around the world who believe in the power of open source collaboration.",
+ avatar: "https://github.com/CodeStorm-Hub.png",
+ github: "https://github.com/CodeStorm-Hub",
+ linkedin: null,
+ },
+ // Add more team members as they join
+]
+
+export default function TeamPage() {
+ return (
+
+
+
+ {/* Hero */}
+
+
Meet Our Team
+
+ CodeStorm Hub is powered by a diverse community of developers, researchers,
+ and innovators from around the world. Together, we're building the future of open source.
+
+
+ {/* Join Us Section */}
+
+
+ Join Our Team
+
+ We're always looking for passionate contributors to join our community
+
+
+
+
+ Whether you're a developer, designer, writer, or just passionate about open source,
+ there's a place for you in the CodeStorm Hub community. Join us and help build
+ amazing projects together.
+
+
+
+
+
+
+
+
+
+
+ )
+}
\ No newline at end of file
From dbc42699dc047fb0f26593d1f1f99f4ec259ea06 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Mon, 29 Sep 2025 14:41:42 +0000
Subject: [PATCH 3/6] Add Phase 2 content pages: blog, roadmap, changelog,
resources, events
Co-authored-by: rezwana-karim <126201034+rezwana-karim@users.noreply.github.com>
---
src/app/blog/page.tsx | 211 +++++++++++++++++++
src/app/changelog/page.tsx | 311 ++++++++++++++++++++++++++++
src/app/events/page.tsx | 384 +++++++++++++++++++++++++++++++++++
src/app/resources/page.tsx | 400 +++++++++++++++++++++++++++++++++++++
src/app/roadmap/page.tsx | 293 +++++++++++++++++++++++++++
5 files changed, 1599 insertions(+)
create mode 100644 src/app/blog/page.tsx
create mode 100644 src/app/changelog/page.tsx
create mode 100644 src/app/events/page.tsx
create mode 100644 src/app/resources/page.tsx
create mode 100644 src/app/roadmap/page.tsx
diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
new file mode 100644
index 0000000..84b7e87
--- /dev/null
+++ b/src/app/blog/page.tsx
@@ -0,0 +1,211 @@
+import { Container } from "@/components/ui/container"
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
+import { Button } from "@/components/ui/button"
+import { CalendarIcon, PersonIcon, ArrowRightIcon } from "@radix-ui/react-icons"
+import type { Metadata } from "next"
+
+export const metadata: Metadata = {
+ title: "Blog",
+ description: "Stay up to date with CodeStorm Hub news, updates, and technical articles from our community.",
+ openGraph: {
+ title: "Blog | CodeStorm Hub",
+ description: "Stay up to date with CodeStorm Hub news, updates, and technical articles from our community.",
+ },
+}
+
+const blogPosts = [
+ {
+ title: "Welcome to CodeStorm Hub",
+ description: "Introducing our new community platform and what we're building together.",
+ author: "CodeStorm Hub Team",
+ date: "2024-01-15",
+ readTime: "3 min read",
+ category: "Announcement",
+ slug: "welcome-to-codestorm-hub",
+ featured: true,
+ },
+ {
+ title: "Building with Next.js 15 and Radix UI",
+ description: "A deep dive into our tech stack choices and why we chose these technologies.",
+ author: "Development Team",
+ date: "2024-01-10",
+ readTime: "8 min read",
+ category: "Technical",
+ slug: "building-with-nextjs-radix",
+ featured: false,
+ },
+ {
+ title: "Community Guidelines and Best Practices",
+ description: "How to participate in our community and make meaningful contributions.",
+ author: "Community Team",
+ date: "2024-01-05",
+ readTime: "5 min read",
+ category: "Community",
+ slug: "community-guidelines",
+ featured: false,
+ },
+]
+
+const categories = ["All", "Announcement", "Technical", "Community", "Tutorial", "News"]
+
+export default function BlogPage() {
+ return (
+
+
+
+ {/* Hero */}
+
+
Blog & News
+
+ Stay up to date with the latest news, updates, and insights from the CodeStorm Hub community.
+ Discover technical articles, project announcements, and community highlights.
+
+
+
+ {/* Categories */}
+
+ {categories.map((category) => (
+
+ ))}
+
+
+ {/* Featured Post */}
+ {blogPosts
+ .filter(post => post.featured)
+ .map((post, index) => (
+
+
+
+
+ {/* Newsletter Signup */}
+
+
+ Stay Updated
+
+ Subscribe to our newsletter for the latest updates and articles
+
+
+
+
+ Get notified when we publish new articles, announce major updates,
+ or share interesting insights from our community.
+
+
+
+
+
+
+ No spam, unsubscribe at any time.
+
+
+
+
+ {/* Archive & RSS */}
+
+
+
+
+
+
+ Looking for older posts? Check out our archive or subscribe to our RSS feed.
+
+
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/app/changelog/page.tsx b/src/app/changelog/page.tsx
new file mode 100644
index 0000000..f209280
--- /dev/null
+++ b/src/app/changelog/page.tsx
@@ -0,0 +1,311 @@
+import { Container } from "@/components/ui/container"
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
+import { Button } from "@/components/ui/button"
+import { CalendarIcon, GitHubLogoIcon, PlusIcon, ArrowUpIcon, GearIcon } from "@radix-ui/react-icons"
+import type { Metadata } from "next"
+
+export const metadata: Metadata = {
+ title: "Changelog",
+ description: "Stay up to date with all CodeStorm Hub updates, releases, and improvements.",
+ openGraph: {
+ title: "Changelog | CodeStorm Hub",
+ description: "Stay up to date with all CodeStorm Hub updates, releases, and improvements.",
+ },
+}
+
+const changelogEntries = [
+ {
+ version: "v0.2.0",
+ date: "2024-01-15",
+ type: "major",
+ title: "Community Platform Launch",
+ description: "Major update introducing comprehensive community features and navigation.",
+ changes: [
+ {
+ type: "added",
+ items: [
+ "Team page with contributor showcase",
+ "Contact page with multiple communication channels",
+ "Contributing guide with step-by-step instructions",
+ "Community guidelines and values",
+ "Blog system for articles and updates",
+ "Project roadmap with transparent planning",
+ ],
+ },
+ {
+ type: "improved",
+ items: [
+ "Enhanced navigation structure",
+ "Better responsive design across all pages",
+ "Improved accessibility with proper ARIA labels",
+ "Optimized images using Next.js Image component",
+ ],
+ },
+ {
+ type: "fixed",
+ items: [
+ "Header navigation now properly links to all pages",
+ "Consistent styling across different page types",
+ "Mobile menu improvements",
+ ],
+ },
+ ],
+ },
+ {
+ version: "v0.1.0",
+ date: "2024-01-01",
+ type: "initial",
+ title: "Initial Platform Release",
+ description: "First public release of the CodeStorm Hub platform with core functionality.",
+ changes: [
+ {
+ type: "added",
+ items: [
+ "Homepage with hero section and feature highlights",
+ "About page with mission and values",
+ "Projects page with showcase layout",
+ "Basic responsive design system",
+ "Tailwind CSS 4 integration",
+ "Radix UI component library",
+ "Next.js 15 with App Router",
+ "TypeScript configuration",
+ ],
+ },
+ {
+ type: "technical",
+ items: [
+ "ESLint configuration for code quality",
+ "Automated build and deployment pipeline",
+ "Vercel deployment configuration",
+ "SEO optimization with metadata",
+ ],
+ },
+ ],
+ },
+]
+
+const changeTypeConfig = {
+ added: {
+ icon: PlusIcon,
+ color: "text-green-600",
+ bg: "bg-green-100 dark:bg-green-900/20",
+ label: "Added",
+ },
+ improved: {
+ icon: ArrowUpIcon,
+ color: "text-blue-600",
+ bg: "bg-blue-100 dark:bg-blue-900/20",
+ label: "Improved",
+ },
+ fixed: {
+ icon: GearIcon,
+ color: "text-orange-600",
+ bg: "bg-orange-100 dark:bg-orange-900/20",
+ label: "Fixed",
+ },
+ technical: {
+ icon: GearIcon,
+ color: "text-purple-600",
+ bg: "bg-purple-100 dark:bg-purple-900/20",
+ label: "Technical",
+ },
+}
+
+const versionTypeConfig = {
+ major: {
+ color: "text-red-600",
+ bg: "bg-red-100 dark:bg-red-900/20",
+ label: "Major Release",
+ },
+ minor: {
+ color: "text-blue-600",
+ bg: "bg-blue-100 dark:bg-blue-900/20",
+ label: "Minor Release",
+ },
+ patch: {
+ color: "text-green-600",
+ bg: "bg-green-100 dark:bg-green-900/20",
+ label: "Patch Release",
+ },
+ initial: {
+ color: "text-purple-600",
+ bg: "bg-purple-100 dark:bg-purple-900/20",
+ label: "Initial Release",
+ },
+}
+
+export default function ChangelogPage() {
+ return (
+
+
+
+ {/* Hero */}
+
+
Changelog
+
+ Keep track of all updates, improvements, and new features added to CodeStorm Hub.
+ We believe in transparent development and regular communication with our community.
+
+
+
+ {/* Subscribe to Updates */}
+
+
+ Stay Updated
+
+ Get notified about new releases and updates
+
+
+
+
+
+ {/* Host an Event */}
+
+
+ Host an Event
+
+ Want to share your knowledge with the community?
+
+
+
+
+ We welcome community members to host events, workshops, and talks.
+ Whether you want to share your expertise or lead a discussion, we'd love to help you organize it.
+
+
+
+
+
+
+
+
+ {/* Community Calendar */}
+
+
+
+
+
+
+ Calendar integration coming soon. Follow us on GitHub for event updates.
+
+ Curated resources to help you learn, grow, and contribute to open source projects.
+ Whether you're just starting out or looking to advance your skills, we've got you covered.
+
+
+
+ {/* Quick Start */}
+
+
+ New to Open Source?
+
+ Start your journey with these essential resources
+
+
+
+
+ If you're new to open source development, start with our contributing guide
+ and community guidelines. Then explore the Getting Started section below.
+
+
+ {/* Suggest Resources */}
+
+
+ Suggest a Resource
+
+ Know of a great resource that should be included?
+
+
+
+
+ Help us improve this collection by suggesting new resources. We're always looking
+ for high-quality, relevant content that can help our community learn and grow.
+
+
+
+
+
+
+
+
+ {/* Newsletter */}
+
+
+ Stay Updated
+
+ Get notified about new resources and learning opportunities
+
+
+
+
+ Subscribe to our newsletter to receive curated resources, tutorials,
+ and updates about new learning opportunities in our community.
+
+
+
+
+
+
+
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/app/roadmap/page.tsx b/src/app/roadmap/page.tsx
new file mode 100644
index 0000000..c90ae9b
--- /dev/null
+++ b/src/app/roadmap/page.tsx
@@ -0,0 +1,293 @@
+import { Container } from "@/components/ui/container"
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
+import { Button } from "@/components/ui/button"
+import { CheckIcon, ClockIcon, RocketIcon, LightningBoltIcon } from "@radix-ui/react-icons"
+import type { Metadata } from "next"
+
+export const metadata: Metadata = {
+ title: "Roadmap",
+ description: "See what's coming next for CodeStorm Hub. Track our progress and upcoming features.",
+ openGraph: {
+ title: "Roadmap | CodeStorm Hub",
+ description: "See what's coming next for CodeStorm Hub. Track our progress and upcoming features.",
+ },
+}
+
+const roadmapItems = [
+ {
+ title: "Community Platform Launch",
+ description: "Launch the initial community platform with core features and documentation.",
+ status: "completed",
+ quarter: "Q1 2024",
+ items: [
+ "Portfolio website with modern design",
+ "Project showcase and team pages",
+ "Community guidelines and contributing guides",
+ "Basic navigation and responsive design",
+ ],
+ },
+ {
+ title: "Enhanced Developer Experience",
+ description: "Improve tooling and documentation to make contributing easier and more enjoyable.",
+ status: "in-progress",
+ quarter: "Q1 2024",
+ items: [
+ "Comprehensive API documentation",
+ "Interactive code examples and tutorials",
+ "Improved onboarding process",
+ "Developer resources and learning materials",
+ ],
+ },
+ {
+ title: "Community Growth & Engagement",
+ description: "Build tools and features to grow and engage our open source community.",
+ status: "planned",
+ quarter: "Q2 2024",
+ items: [
+ "Blog and article publishing system",
+ "Event management and community meetups",
+ "Contributor recognition and rewards",
+ "Enhanced project discovery and filtering",
+ ],
+ },
+ {
+ title: "Advanced Platform Features",
+ description: "Add sophisticated features for project management and collaboration.",
+ status: "planned",
+ quarter: "Q2-Q3 2024",
+ items: [
+ "Dynamic GitHub integration and stats",
+ "Project analytics and insights",
+ "Advanced search and filtering",
+ "Multi-language support (i18n)",
+ ],
+ },
+ {
+ title: "Ecosystem Expansion",
+ description: "Expand our ecosystem with new tools and integrations.",
+ status: "future",
+ quarter: "Q3-Q4 2024",
+ items: [
+ "API for third-party integrations",
+ "Mobile app for community engagement",
+ "Advanced collaboration tools",
+ "Enterprise features and support",
+ ],
+ },
+]
+
+const statusConfig = {
+ completed: {
+ icon: CheckIcon,
+ color: "text-green-600",
+ bg: "bg-green-100 dark:bg-green-900/20",
+ border: "border-green-200 dark:border-green-800",
+ label: "Completed",
+ },
+ "in-progress": {
+ icon: ClockIcon,
+ color: "text-blue-600",
+ bg: "bg-blue-100 dark:bg-blue-900/20",
+ border: "border-blue-200 dark:border-blue-800",
+ label: "In Progress",
+ },
+ planned: {
+ icon: RocketIcon,
+ color: "text-orange-600",
+ bg: "bg-orange-100 dark:bg-orange-900/20",
+ border: "border-orange-200 dark:border-orange-800",
+ label: "Planned",
+ },
+ future: {
+ icon: LightningBoltIcon,
+ color: "text-purple-600",
+ bg: "bg-purple-100 dark:bg-purple-900/20",
+ border: "border-purple-200 dark:border-purple-800",
+ label: "Future",
+ },
+}
+
+export default function RoadmapPage() {
+ return (
+
+
+
+ {/* Hero */}
+
+
Project Roadmap
+
+ Track our progress and see what's coming next for CodeStorm Hub.
+ Our roadmap is transparent and community-driven—help us prioritize what matters most.
+
+ Stay updated with our progress through our changelog and blog posts.
+
+
+
+
+
+ )
+}
\ No newline at end of file
From b446c51a3a41bc109b50126ade2bf8f54e79c075 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Mon, 29 Sep 2025 14:55:23 +0000
Subject: [PATCH 4/6] Add Phase 3 legal/compliance pages: privacy, terms,
code-of-conduct, accessibility, showcase
Co-authored-by: rezwana-karim <126201034+rezwana-karim@users.noreply.github.com>
---
src/app/accessibility/page.tsx | 393 ++++++++++++++++++++++++++++++
src/app/code-of-conduct/page.tsx | 311 ++++++++++++++++++++++++
src/app/privacy/page.tsx | 368 ++++++++++++++++++++++++++++
src/app/showcase/page.tsx | 401 +++++++++++++++++++++++++++++++
src/app/terms/page.tsx | 338 ++++++++++++++++++++++++++
5 files changed, 1811 insertions(+)
create mode 100644 src/app/accessibility/page.tsx
create mode 100644 src/app/code-of-conduct/page.tsx
create mode 100644 src/app/privacy/page.tsx
create mode 100644 src/app/showcase/page.tsx
create mode 100644 src/app/terms/page.tsx
diff --git a/src/app/accessibility/page.tsx b/src/app/accessibility/page.tsx
new file mode 100644
index 0000000..f027f93
--- /dev/null
+++ b/src/app/accessibility/page.tsx
@@ -0,0 +1,393 @@
+import { Container } from "@/components/ui/container"
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
+import { Button } from "@/components/ui/button"
+import { AccessibilityIcon, EyeOpenIcon, UpdateIcon } from "@radix-ui/react-icons"
+import type { Metadata } from "next"
+
+export const metadata: Metadata = {
+ title: "Accessibility Statement",
+ description: "Our commitment to making CodeStorm Hub accessible to everyone, including people with disabilities.",
+ openGraph: {
+ title: "Accessibility Statement | CodeStorm Hub",
+ description: "Our commitment to making CodeStorm Hub accessible to everyone, including people with disabilities.",
+ },
+}
+
+const accessibilityFeatures = [
+ {
+ title: "Keyboard Navigation",
+ description: "Full keyboard navigation support for all interactive elements",
+ details: [
+ "Tab navigation through all interactive elements",
+ "Skip links to main content and navigation",
+ "Visible focus indicators",
+ "Logical tab order throughout the site",
+ ],
+ },
+ {
+ title: "Screen Reader Support",
+ description: "Semantic HTML and ARIA labels for assistive technologies",
+ details: [
+ "Semantic HTML structure with proper headings",
+ "Alt text for all informative images",
+ "ARIA labels and descriptions where needed",
+ "Screen reader tested with NVDA and JAWS",
+ ],
+ },
+ {
+ title: "Visual Design",
+ description: "High contrast and scalable design for better readability",
+ details: [
+ "WCAG AA compliant color contrast ratios",
+ "Scalable text up to 200% without horizontal scrolling",
+ "No use of color alone to convey information",
+ "Clear visual hierarchy and spacing",
+ ],
+ },
+ {
+ title: "Responsive Design",
+ description: "Works across all devices and screen sizes",
+ details: [
+ "Mobile-first responsive design",
+ "Touch-friendly interactive elements",
+ "Consistent experience across devices",
+ "Optimized for various screen sizes",
+ ],
+ },
+]
+
+const wcagCompliance = [
+ {
+ level: "Level A",
+ status: "Compliant",
+ description: "Basic accessibility features that don't interfere with standard website usage",
+ },
+ {
+ level: "Level AA",
+ status: "Mostly Compliant",
+ description: "Standard level of accessibility that removes barriers for most users",
+ },
+ {
+ level: "Level AAA",
+ status: "Partially Compliant",
+ description: "Highest level of accessibility - we're working toward full compliance",
+ },
+]
+
+export default function AccessibilityPage() {
+ return (
+
+
+
+ {/* Hero */}
+
+
Accessibility Statement
+
+ CodeStorm Hub is committed to ensuring digital accessibility for all users,
+ including people with disabilities. We continually work to improve the user experience for everyone.
+
+
+ Last updated: January 15, 2024
+
+
+
+ {/* Commitment */}
+
+
+
+
+
+ Our Commitment
+
+
+
+ We believe that the web should be accessible to everyone, regardless of ability or technology.
+ Our goal is to create an inclusive experience that allows all users to access our content
+ and participate in our community effectively.
+
+
+ We are committed to conforming to the Web Content Accessibility Guidelines (WCAG) 2.1
+ at Level AA, which are the international standards for web accessibility.
+
+
+
+
+ {/* Accessibility Features */}
+
+
+
Accessibility Features
+
+ Here are some of the accessibility features we've implemented to ensure
+ our platform works for everyone.
+
+
+ {/* Testing and Validation */}
+
+
+ Testing and Validation
+
+ How we ensure our accessibility standards
+
+
+
+
+
+
Automated Testing
+
+
• axe-core accessibility testing in CI/CD pipeline
+
• Lighthouse accessibility audits
+
• WAVE Web Accessibility Evaluation Tool
+
• Color contrast ratio verification
+
+
+
+
Manual Testing
+
+
• Keyboard navigation testing
+
• Screen reader testing (NVDA, JAWS, VoiceOver)
+
• User testing with people with disabilities
+
• Cross-browser accessibility validation
+
+
+
+
+
+
Continuous Improvement
+
+ We conduct regular accessibility audits and user testing sessions to identify
+ and address accessibility barriers. Our development process includes accessibility
+ considerations from the design phase through implementation.
+
+
+
+
+
+ {/* Known Issues */}
+
+
+ Known Accessibility Issues
+
+ Areas we're actively working to improve
+
+
+
+
+ We are transparent about areas where we don't yet fully meet accessibility standards:
+
+
+
+
+
Third-Party Integrations
+
+ Some embedded content from third-party services (like GitHub widgets)
+ may not fully meet our accessibility standards. We're working with providers
+ to improve these experiences.
+
+
+
+
+
Complex Interactive Elements
+
+ Some advanced interactive features are still being enhanced for full
+ screen reader compatibility. We provide alternative access methods where possible.
+
+
+
+
+
+
+ We're actively working to address these issues and expect to have improvements
+ in upcoming releases. Check our roadmap for specific timelines.
+
+ Our website is designed to be compatible with the following assistive technologies:
+
+
+
+
+
Screen Readers
+
+
• NVDA (Windows)
+
• JAWS (Windows)
+
• VoiceOver (macOS/iOS)
+
• TalkBack (Android)
+
+
+
+
Other Technologies
+
+
• Voice recognition software
+
• Switch navigation devices
+
• Magnification software
+
• Alternative keyboards
+
+
+
+
+
+
+ {/* Feedback */}
+
+
+
+
+ Accessibility Feedback
+
+
+ Help us improve by sharing your experience
+
+
+
+
+ We welcome feedback on the accessibility of CodeStorm Hub. If you encounter
+ accessibility barriers or have suggestions for improvement, please let us know.
+
+
+
+
Email: accessibility@codestorm-hub.org
+
Response time: We aim to respond within 2 business days
+
+
+ High contrast theme option for better visual accessibility
+
+
+
+
+
+ Animation controls for users with vestibular disorders
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/app/code-of-conduct/page.tsx b/src/app/code-of-conduct/page.tsx
new file mode 100644
index 0000000..55af79f
--- /dev/null
+++ b/src/app/code-of-conduct/page.tsx
@@ -0,0 +1,311 @@
+import { Container } from "@/components/ui/container"
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
+import { Button } from "@/components/ui/button"
+import { HeartIcon, PersonIcon, ExclamationTriangleIcon, ChatBubbleIcon } from "@radix-ui/react-icons"
+import type { Metadata } from "next"
+
+export const metadata: Metadata = {
+ title: "Code of Conduct",
+ description: "Our commitment to creating a welcoming, inclusive, and safe environment for all community members.",
+ openGraph: {
+ title: "Code of Conduct | CodeStorm Hub",
+ description: "Our commitment to creating a welcoming, inclusive, and safe environment for all community members.",
+ },
+}
+
+const conductPrinciples = [
+ {
+ title: "Be Welcoming and Inclusive",
+ description: "We welcome people of all backgrounds and identities. Our community values diversity and inclusion.",
+ icon: HeartIcon,
+ examples: [
+ "Use inclusive language that welcomes everyone",
+ "Respect different perspectives and experiences",
+ "Make space for newcomers and help them feel included",
+ "Celebrate the diversity of our community",
+ ],
+ },
+ {
+ title: "Be Respectful",
+ description: "Treat all community members with kindness, respect, and professionalism.",
+ icon: PersonIcon,
+ examples: [
+ "Be kind and courteous in all interactions",
+ "Listen to others and consider their viewpoints",
+ "Disagree constructively and professionally",
+ "Respect personal boundaries and privacy",
+ ],
+ },
+ {
+ title: "Be Collaborative",
+ description: "Work together to build great things and support each other's growth.",
+ icon: ChatBubbleIcon,
+ examples: [
+ "Share knowledge and help others learn",
+ "Give credit where it's due",
+ "Provide constructive feedback",
+ "Be open to learning from others",
+ ],
+ },
+]
+
+const unacceptableBehaviors = [
+ "Harassment, discrimination, or intimidation of any form",
+ "Offensive, derogatory, or discriminatory language or imagery",
+ "Personal attacks, trolling, or deliberately inflammatory comments",
+ "Public or private harassment",
+ "Sharing others' personal information without permission",
+ "Sexual language, imagery, or unwelcome sexual attention",
+ "Advocating for or encouraging any harmful behaviors",
+ "Disrupting community discussions or events",
+ "Any behavior that would be considered inappropriate in a professional setting",
+]
+
+export default function CodeOfConductPage() {
+ return (
+
+
+
+ {/* Hero */}
+
+
Code of Conduct
+
+ Our commitment to fostering an open, welcoming, diverse, inclusive,
+ and healthy community for everyone who participates in CodeStorm Hub.
+
+
+
+ {/* Pledge */}
+
+
+ Our Pledge
+
+
+
+ We as members, contributors, and leaders pledge to make participation in our
+ community a harassment-free experience for everyone, regardless of age, body size,
+ visible or invisible disability, ethnicity, sex characteristics, gender identity
+ and expression, level of experience, education, socio-economic status, nationality,
+ personal appearance, race, caste, color, religion, or sexual identity and orientation.
+
+
+ We pledge to act and interact in ways that contribute to an open, welcoming,
+ diverse, inclusive, and healthy community.
+
+
+
+
+ {/* Standards */}
+
+
+
Our Standards
+
+ These principles guide our interactions and help create a positive environment for everyone.
+
+
+
+ Reporting Violations
+
+ How to report code of conduct violations
+
+
+
+
+ Instances of abusive, harassing, or otherwise unacceptable behavior may be
+ reported to the community leaders responsible for enforcement.
+
+
+
Report via:
+
+
• Email: conduct@codestorm-hub.org
+
• GitHub: Private message to maintainers
+
• Contact form on our website
+
+
+
+
+
+
+
+ Our Response
+
+ How we handle reports and violations
+
+
+
+
+ All complaints will be reviewed and investigated promptly and fairly.
+ Community leaders are obligated to respect the privacy and security of the reporter.
+
+
+
Consequences may include:
+
+
• Warning or guidance
+
• Temporary suspension
+
• Permanent ban from community
+
+
+
+
+
+
+
+ {/* Scope */}
+
+
+ Scope
+
+ Where this Code of Conduct applies
+
+
+
+
+ This Code of Conduct applies within all community spaces, and also applies when
+ an individual is officially representing the community in public spaces.
+
+
+ {/* Information We Collect */}
+
+
+ Information We Collect
+
+ Types of information we may collect when you use our services
+
+
+
+
+
Information You Provide
+
+
• Account information (username, email) when contributing to our projects
+
• Content you create (code contributions, comments, discussions)
+
• Communication with us (emails, contact form submissions)
+
• Event registration information for community events
+
+
+
+
+
Information Automatically Collected
+
+
• Usage data (pages visited, time spent, features used)
+
• Device information (browser type, operating system)
+
• IP address and general location information
+
• Cookies and similar tracking technologies
+
+
+
+
+
Third-Party Information
+
+
• Public GitHub profile information (if you contribute to our projects)
+
• Social media profile information (if you link your accounts)
+
• Analytics data from services like Google Analytics
+
+
+
+
+
+ {/* How We Use Information */}
+
+
+ How We Use Your Information
+
+ The purposes for which we collect and use your personal information
+
+
+
+
+
+
Service Operation
+
+
• Provide and maintain our services
+
• Process your contributions and participation
+
• Manage user accounts and authentication
+
• Enable community features and interactions
+
+
+
+
Communication
+
+
• Send important service updates
+
• Respond to your inquiries and support requests
+
• Send newsletters (with your consent)
+
• Notify you about events and opportunities
+
+
+
+
Improvement
+
+
• Analyze usage patterns and performance
+
• Improve our services and user experience
+
• Develop new features and functionality
+
• Conduct research and analytics
+
+
+
+
Legal & Security
+
+
• Comply with legal obligations
+
• Protect against fraud and abuse
+
• Enforce our terms of service
+
• Maintain security and integrity
+
+
+
+
+
+
+ {/* Information Sharing */}
+
+
+ Information Sharing
+
+ When and how we may share your information with others
+
+
+
+
+
+ We do not sell your personal information
+
+
+ CodeStorm Hub does not sell, rent, or trade your personal information to third parties for marketing purposes.
+
+
+
+
+
We may share information in these situations:
+
+
• With your consent: When you explicitly agree to share information
+
• Public contributions: Code contributions and discussions are public by nature
+
• Service providers: Trusted vendors who help us operate our services
+
• Legal requirements: When required by law or to protect rights and safety
+
• Business transfers: In case of merger, acquisition, or asset sale
+
+
+
+
+
+ {/* Data Security */}
+
+
+ Data Security
+
+ How we protect your information
+
+
+
+
+ We implement appropriate security measures to protect your personal information against
+ unauthorized access, alteration, disclosure, or destruction.
+
+
+
+
+
Technical Measures
+
+
• Encryption in transit and at rest
+
• Secure hosting infrastructure
+
• Regular security updates and patches
+
• Access controls and authentication
+
+
+
+
Organizational Measures
+
+
• Employee access on need-to-know basis
+
• Privacy and security training
+
• Regular security assessments
+
• Incident response procedures
+
+
+
+
+
+
+ {/* Your Rights */}
+
+
+ Your Privacy Rights
+
+ Your rights regarding your personal information
+
+
+
+
+ Depending on your location, you may have the following rights regarding your personal information:
+
+
+
+
+
+
+
+ Policy Updates
+
+ How we handle changes to this policy
+
+
+
+
+ We may update this privacy policy from time to time. We will notify you of any
+ material changes by posting the new policy and updating the "last updated" date.
+
+
+
+
+
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/app/showcase/page.tsx b/src/app/showcase/page.tsx
new file mode 100644
index 0000000..55834ab
--- /dev/null
+++ b/src/app/showcase/page.tsx
@@ -0,0 +1,401 @@
+import { Container } from "@/components/ui/container"
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
+import { Button } from "@/components/ui/button"
+import { StarIcon, RocketIcon, HeartIcon, GlobeIcon } from "@radix-ui/react-icons"
+import Image from "next/image"
+import type { Metadata } from "next"
+
+export const metadata: Metadata = {
+ title: "Showcase",
+ description: "Discover organizations and projects using CodeStorm Hub solutions and see our community impact.",
+ openGraph: {
+ title: "Showcase | CodeStorm Hub",
+ description: "Discover organizations and projects using CodeStorm Hub solutions and see our community impact.",
+ },
+}
+
+const showcaseProjects = [
+ {
+ title: "CodeStorm Hub Portfolio",
+ description: "Our own community website built with modern web technologies and accessibility-first design.",
+ category: "Community Platform",
+ technologies: ["Next.js", "Tailwind CSS", "Radix UI", "TypeScript"],
+ stats: {
+ contributors: 5,
+ stars: 0,
+ forks: 0,
+ },
+ links: {
+ website: "https://codestorm-hub.github.io",
+ github: "https://github.com/CodeStorm-Hub/CodeStorm-Hub.github.io",
+ },
+ featured: true,
+ image: "https://github.com/CodeStorm-Hub.png",
+ },
+ // Placeholder for future projects
+ {
+ title: "Community Tools Suite",
+ description: "A collection of developer tools and utilities to enhance open source contribution workflows.",
+ category: "Developer Tools",
+ technologies: ["React", "Node.js", "PostgreSQL", "Docker"],
+ stats: {
+ contributors: 0,
+ stars: 0,
+ forks: 0,
+ },
+ links: {
+ website: "#",
+ github: "#",
+ },
+ featured: false,
+ image: "https://github.com/CodeStorm-Hub.png",
+ comingSoon: true,
+ },
+]
+
+const adopters = [
+ {
+ name: "Open Source Enthusiasts",
+ description: "Individual developers using our resources and contributing to projects",
+ type: "Community",
+ logo: "https://github.com/CodeStorm-Hub.png",
+ size: "Individual Contributors",
+ },
+ // Placeholder for future adopters
+ {
+ name: "Educational Institutions",
+ description: "Universities and coding bootcamps using our learning resources",
+ type: "Education",
+ logo: "https://github.com/CodeStorm-Hub.png",
+ size: "Coming Soon",
+ comingSoon: true,
+ },
+]
+
+const communityStats = [
+ {
+ label: "Community Members",
+ value: "Growing",
+ icon: HeartIcon,
+ },
+ {
+ label: "Projects",
+ value: "1+",
+ icon: RocketIcon,
+ },
+ {
+ label: "Contributors",
+ value: "5+",
+ icon: StarIcon,
+ },
+ {
+ label: "Countries",
+ value: "Global",
+ icon: GlobeIcon,
+ },
+]
+
+export default function ShowcasePage() {
+ return (
+
+
+
+ {/* Hero */}
+
+
Community Showcase
+
+ Discover the amazing projects and organizations that are part of the CodeStorm Hub ecosystem.
+ See how our community is making an impact in the open source world.
+
+
+ {/* Success Stories */}
+
+
+ Success Stories
+
+ How our community is making a difference
+
+
+
+
+
+
Open Source Impact
+
+ Building transparent, accessible solutions that benefit the entire community
+
+
+
+
Learning & Growth
+
+ Providing resources and mentorship opportunities for developers at all levels
+
+
+
+
Collaboration
+
+ Connecting passionate individuals to work together on meaningful projects
+
+
+
+
+
+
+
+
+
+
+
+ {/* Submit Your Project */}
+
+
+ Showcase Your Project
+
+ Built something amazing with CodeStorm Hub? We'd love to feature it!
+
+
+
+
+ Whether you've contributed to our projects, used our resources, or built something
+ inspired by our community principles, we want to celebrate your work and share it
+ with others.
+
+
+
+
What we're looking for:
+
+
• Projects using our technologies or principles
+
• Organizations adopting our solutions
+
• Success stories and case studies
+
• Community contributions and achievements
+
+
+
+
+
+
+
+
+
+
+ {/* Newsletter */}
+
+
+
+
+
+
+ Stay updated on new showcase additions and community highlights.
+
+
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/app/terms/page.tsx b/src/app/terms/page.tsx
new file mode 100644
index 0000000..b36f371
--- /dev/null
+++ b/src/app/terms/page.tsx
@@ -0,0 +1,338 @@
+import { Container } from "@/components/ui/container"
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
+import { Button } from "@/components/ui/button"
+import { FileTextIcon, ExclamationTriangleIcon, InfoCircledIcon, UpdateIcon } from "@radix-ui/react-icons"
+import type { Metadata } from "next"
+
+export const metadata: Metadata = {
+ title: "Terms of Service",
+ description: "Terms and conditions for using CodeStorm Hub services and participating in our community.",
+ openGraph: {
+ title: "Terms of Service | CodeStorm Hub",
+ description: "Terms and conditions for using CodeStorm Hub services and participating in our community.",
+ },
+}
+
+export default function TermsOfServicePage() {
+ return (
+
+
+
+ {/* Hero */}
+
+
Terms of Service
+
+ These terms govern your use of CodeStorm Hub services and participation in our community.
+ Please read them carefully.
+
+
+ Last updated: January 15, 2024
+
+
+
+ {/* Agreement */}
+
+
+
+
+ Agreement to Terms
+
+
+
+
+ By accessing or using CodeStorm Hub services, you agree to be bound by these Terms of Service
+ and all applicable laws and regulations. If you do not agree with any of these terms,
+ you are prohibited from using or accessing our services.
+
+
+
+
+ {/* Services Description */}
+
+
+ Our Services
+
+ What CodeStorm Hub provides to the community
+
+
+
+
+ CodeStorm Hub provides an open-source community platform that includes:
+
+
+
+
+
Platform Services
+
+
• Project hosting and showcase
+
• Community discussion forums
+
• Documentation and resources
+
• Event management and announcements
+
+
+
+
Community Features
+
+
• Collaboration tools and workflows
+
• Learning resources and guides
+
• Newsletter and blog content
+
• Support and mentorship programs
+
+
+
+
+
+
+ {/* User Accounts */}
+
+
+ User Accounts and Responsibilities
+
+
+
+
Account Registration
+
+
• You must provide accurate and complete information when creating an account
+
• You are responsible for maintaining the security of your account credentials
+
• You must be at least 13 years old to create an account
+
• One person may not maintain more than one account
+
+
+
+
+
Account Responsibilities
+
+
• You are responsible for all activity that occurs under your account
+
• You must notify us immediately of any unauthorized use of your account
+
• You must not share your account credentials with others
+
• You must comply with our Code of Conduct and community guidelines
+
+
+
+
+
+ {/* Acceptable Use */}
+
+
+ Acceptable Use Policy
+
+ Guidelines for appropriate use of our services
+
+
+
+
+
Permitted Uses
+
+
• Contributing to open-source projects
+
• Participating in community discussions
+
• Sharing knowledge and resources
+
• Collaborating on projects and initiatives
+
• Learning and skill development
+
+
+
+
+
Prohibited Uses
+
+
• Violating laws or regulations
+
• Infringing on intellectual property rights
+
• Harassing or threatening other users
+
• Distributing malware or harmful content
+
• Spamming or unsolicited commercial activities
+
• Attempting to gain unauthorized access to systems
+
• Interfering with the normal operation of services
+
+
+
+
+
+ {/* Content and Contributions */}
+
+
+ Content and Contributions
+
+
+
+
Your Content
+
+ You retain ownership of content you create and contribute to CodeStorm Hub, but you grant us certain rights:
+
+
+
• Right to display your contributions on our platform
+
• Right to make your contributions available to other community members
+
• Right to modify formatting for display purposes
+
• Right to remove content that violates our terms
+
+
+
+
+
Open Source Contributions
+
+ Contributions to open-source projects are governed by the respective project licenses:
+
+
+
• Code contributions are subject to the project's open-source license
+
• You represent that you have the right to make contributions
+
• You agree to comply with the project's contribution guidelines
+
+
+
+
+
+ {/* Privacy */}
+
+
+ Privacy
+
+
+
+ Your privacy is important to us. Our Privacy Policy explains how we collect,
+ use, and protect your information when you use our services.
+
+
+
+
+
+ {/* Disclaimers */}
+
+
+
+
+ Disclaimers and Limitations
+
+
+
+
+
Service Availability
+
+ We strive to keep our services available, but we do not guarantee uninterrupted access.
+ Services may be temporarily unavailable due to maintenance, updates, or technical issues.
+
+
+
+
+
Content Accuracy
+
+ While we moderate content, we do not guarantee the accuracy, completeness, or reliability
+ of user-generated content. Users are responsible for verifying information independently.
+
+
+
+
+
Third-Party Services
+
+ Our platform may integrate with third-party services (like GitHub). We are not responsible
+ for the availability, accuracy, or practices of these external services.
+
+ You may stop using our services at any time. You can request account deletion
+ by contacting us through our support channels.
+
+
+
+
+
By Us
+
+ We may suspend or terminate your access to our services if you violate these terms,
+ our Code of Conduct, or engage in harmful activities. We will provide notice when possible.
+
+
+
+
+
+ {/* Changes to Terms */}
+
+
+
+
+ Changes to Terms
+
+
+
+
+ We may modify these terms from time to time. We will notify users of material changes
+ by posting the updated terms and updating the "last updated" date. Continued use of our
+ services after changes constitutes acceptance of the new terms.
+
+
+
+
+
+
+
+
+ {/* Governing Law */}
+
+
+ Governing Law
+
+
+
+ These terms are governed by and construed in accordance with applicable international
+ open-source community standards and practices. Any disputes will be resolved through
+ good faith discussion and community mediation where possible.
+
+
+
+
+ {/* Contact */}
+
+
+
+
+
+ Questions About These Terms?
+
+ We're here to help clarify any questions you may have
+
+
+
+
+
+
+ If you have questions about these Terms of Service, please contact us.
+ We're committed to maintaining transparency and open communication with our community.
+