209 lines
9.0 KiB
TypeScript
209 lines
9.0 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
import AboutMetric from "@/components/sections/about/AboutMetric";
|
|
import BlogCardThree from "@/components/sections/blog/BlogCardThree";
|
|
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
|
|
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
|
import Link from "next/link";
|
|
import { Users, MessageSquare, ShoppingCart, MapPin } from "lucide-react";
|
|
|
|
export default function CommunityPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="medium"
|
|
background="circleGradient"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
{/* Navbar */}
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="SKATE-CORE"
|
|
navItems={[
|
|
{ name: "Trick School", id: "tricks" },
|
|
{ name: "Hardware", id: "hardware" },
|
|
{ name: "Gear Reviews", id: "gear" },
|
|
{ name: "Spot Map", id: "spots" },
|
|
{ name: "Community", id: "community" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
{/* Community Metrics */}
|
|
<div id="community-metrics" data-section="community-metrics" className="mx-auto px-4 md:px-6 py-12 md:py-20">
|
|
<AboutMetric
|
|
title="Community Hub - Bazaar, Forum & Connection"
|
|
metrics={[
|
|
{
|
|
icon: Users,
|
|
label: "Active Skaters",
|
|
value: "5,000+",
|
|
},
|
|
{
|
|
icon: MessageSquare,
|
|
label: "Forum Posts",
|
|
value: "25,000+",
|
|
},
|
|
{
|
|
icon: ShoppingCart,
|
|
label: "Bazaar Listings",
|
|
value: "1,500+",
|
|
},
|
|
{
|
|
icon: MapPin,
|
|
label: "Mapped Spots",
|
|
value: "200+",
|
|
},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
{/* Community Features Blog */}
|
|
<div id="community-features" data-section="community-features" className="mx-auto px-4 md:px-6 py-12 md:py-20">
|
|
<BlogCardThree
|
|
title="Community Highlights & Bazaar Features"
|
|
description="Explore the latest community contributions, marketplace listings, and member spotlights."
|
|
tag="Member Stories"
|
|
tagAnimation="blur-reveal"
|
|
blogs={[
|
|
{
|
|
id: "member-spotlight-1",
|
|
category: "Member Spotlight",
|
|
title: "Local Legend: Maxim's Journey from Beginner to Pro",
|
|
excerpt: "Meet Maxim Habanec, founder of SKATE-CORE, sharing his story from learning first tricks to becoming a Czech skateboarding icon.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-skateboarder-standing-grind-rail-skatepark-indoors-holding-his-board-looking-away_613910-20700.jpg",
|
|
imageAlt: "Maxim Habanec skateboarding",
|
|
authorName: "Maxim Habanec",
|
|
authorAvatar: "http://img.b2bpic.net/free-photo/top-view-cheerful-young-african-male-teenager_171337-9551.jpg",
|
|
date: "Jan 20, 2025",
|
|
},
|
|
{
|
|
id: "bazaar-feature-1",
|
|
category: "Marketplace",
|
|
title: "This Month's Best Bazaar Finds - Vintage Decks & Rare Gear",
|
|
excerpt: "Community members are selling authentic vintage skateboard decks, limited edition graphics, and hard-to-find Czech brand merchandise.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-friends-with-skateboard_23-2149653856.jpg",
|
|
imageAlt: "Skateboard bazaar items",
|
|
authorName: "Community Curators",
|
|
authorAvatar: "http://img.b2bpic.net/free-psd/skateboarding-lifestyle-banner-template_23-2148926040.jpg",
|
|
date: "Jan 18, 2025",
|
|
},
|
|
{
|
|
id: "forum-discussion-1",
|
|
category: "Forum",
|
|
title: "Beginner Challenge: 30-Day Ollie Master Thread",
|
|
excerpt: "Join 500+ community members in the 30-day ollie challenge. Share progress, ask questions, and get feedback from experienced skaters.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-skate-park-training_23-2149157388.jpg?_wi=3",
|
|
imageAlt: "Skateboarding challenge",
|
|
authorName: "Community Moderator",
|
|
authorAvatar: "http://img.b2bpic.net/free-photo/smiley-woman-holding-skate-medium-shot_23-2149267137.jpg",
|
|
date: "Jan 15, 2025",
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
{/* Community FAQ */}
|
|
<div id="community-faq" data-section="community-faq" className="mx-auto px-4 md:px-6 py-12 md:py-20">
|
|
<FaqSplitText
|
|
sideTitle="Community Guidelines & Features"
|
|
sideDescription="Learn how to make the most of our community forum, bazaar marketplace, and member features."
|
|
textPosition="left"
|
|
faqs={[
|
|
{
|
|
id: "faq-community-1",
|
|
title: "How do I join the community forum?",
|
|
content: "Create a free account on SKATE-CORE.CZ and navigate to the Community section. Choose your username, add a profile picture, and start participating in discussions immediately!",
|
|
},
|
|
{
|
|
id: "faq-community-2",
|
|
title: "What is the Bazaar?",
|
|
content: "The Bazaar is our community marketplace where members can buy and sell skateboard gear, decks, trucks, wheels, apparel, and more. All listings are from verified community members.",
|
|
},
|
|
{
|
|
id: "faq-community-3",
|
|
title: "How do I list an item in the Bazaar?",
|
|
content: "Go to the Bazaar section, click 'Sell Item', upload photos, add description and price. Community members with good reputation have featured listings. Always follow our community guidelines.",
|
|
},
|
|
{
|
|
id: "faq-community-4",
|
|
title: "Are there community events or meetups?",
|
|
content: "Yes! Check the Events section regularly for community skate sessions, jam sessions, competitions, and meetups organized by local chapters across Czech Republic.",
|
|
},
|
|
{
|
|
id: "faq-community-5",
|
|
title: "How do I report inappropriate content?",
|
|
content: "Use the report button on any post, comment, or listing. Our moderation team reviews all reports within 24 hours and takes action according to community guidelines.",
|
|
},
|
|
{
|
|
id: "faq-community-6",
|
|
title: "Can I build a following or become a content creator?",
|
|
content: "Absolutely! Create your profile, post regularly, share tricks and spot recommendations. Top contributors get featured, earn badges, and can access exclusive creator tools.",
|
|
},
|
|
]}
|
|
faqsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
{/* Footer */}
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Explore",
|
|
items: [
|
|
{ label: "Trick School", href: "#tricks" },
|
|
{ label: "Hardware Guide", href: "#hardware" },
|
|
{ label: "Gear Reviews", href: "#gear" },
|
|
{ label: "Spot Map", href: "#spots" },
|
|
],
|
|
},
|
|
{
|
|
title: "Community",
|
|
items: [
|
|
{ label: "Forum", href: "/community" },
|
|
{ label: "Bazaar", href: "/community" },
|
|
{ label: "Events", href: "/community" },
|
|
{ label: "Connect", href: "/community" },
|
|
],
|
|
},
|
|
{
|
|
title: "Resources",
|
|
items: [
|
|
{ label: "Learning Guides", href: "#tricks" },
|
|
{ label: "Setup Tips", href: "#hardware" },
|
|
{ label: "Brand Links", href: "#hardware" },
|
|
{ label: "FAQ", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Contact", href: "#" },
|
|
{ label: "About SKATE-CORE", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2025 SKATE-CORE.CZ. All rights reserved. From the Czech scene for Czech riders."
|
|
bottomRightText="Made with passion for skateboarding culture"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |