Initial commit
This commit is contained in:
192
src/app/articles/page.tsx
Normal file
192
src/app/articles/page.tsx
Normal file
@@ -0,0 +1,192 @@
|
||||
"use client";
|
||||
|
||||
import Link from "next/link";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import BlogCardThree from "@/components/sections/blog/BlogCardThree";
|
||||
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
|
||||
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
||||
|
||||
const navItems = [
|
||||
{ name: "Podcast", id: "podcast" },
|
||||
{ name: "Articles", id: "articles" },
|
||||
{ name: "Sponsors", id: "sponsors" },
|
||||
{ name: "About", id: "about" },
|
||||
];
|
||||
|
||||
export default function ArticlesPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="Web3 Perspective"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Work With Us",
|
||||
href: "/sponsors",
|
||||
}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="all-articles" data-section="all-articles">
|
||||
<BlogCardThree
|
||||
title="Web3 Marketing Resources"
|
||||
description="Comprehensive guides, tutorials, and deep dives into web3 marketing strategies, trading platforms, and blockchain technology insights"
|
||||
tag="Resources"
|
||||
tagAnimation="slide-up"
|
||||
blogs={[
|
||||
{
|
||||
id: "blog-1",
|
||||
category: "Marketing Playbook",
|
||||
title: "Token Launch Marketing: The Web3 Blueprint",
|
||||
excerpt: "A comprehensive guide to executing successful token launches with proven marketing tactics that drive adoption and community growth.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQSfocPDfLnMMiIb9A5eny16Ro/token-launch-marketing-strategy-visualiz-1772536316161-f3799cf5.png",
|
||||
imageAlt: "Token launch marketing strategy illustration",
|
||||
authorName: "Ley",
|
||||
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQSfocPDfLnMMiIb9A5eny16Ro/small-circular-avatar-portrait-of-a-tech-1772536316124-68d7f877.png",
|
||||
date: "Jan 20, 2025",
|
||||
},
|
||||
{
|
||||
id: "blog-2",
|
||||
category: "DEX Review",
|
||||
title: "Extended DEX Deep Dive: Liquidity & Performance",
|
||||
excerpt: "Analyzing the mechanics of Extended DEX, comparing its liquidity pools, and evaluating its competitive position in the DEX landscape.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQSfocPDfLnMMiIb9A5eny16Ro/extended-dex-platform-interface-screensh-1772536316532-4566704e.png",
|
||||
imageAlt: "Extended DEX platform interface",
|
||||
authorName: "Panha",
|
||||
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQSfocPDfLnMMiIb9A5eny16Ro/small-circular-avatar-portrait-of-a-cont-1772536316550-7f71ef61.png",
|
||||
date: "Jan 18, 2025",
|
||||
},
|
||||
{
|
||||
id: "blog-3",
|
||||
category: "Trading Guide",
|
||||
title: "OKX Trading Strategies for Beginners",
|
||||
excerpt: "Master the basics of trading on OKX with this beginner-friendly guide covering order types, risk management, and profit-taking strategies.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQSfocPDfLnMMiIb9A5eny16Ro/okx-trading-platform-dashboard-visualiza-1772536315849-28d7b90e.png",
|
||||
imageAlt: "OKX trading dashboard walkthrough",
|
||||
authorName: "Ley",
|
||||
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQSfocPDfLnMMiIb9A5eny16Ro/small-circular-avatar-portrait-of-a-tech-1772536316124-68d7f877.png",
|
||||
date: "Jan 15, 2025",
|
||||
},
|
||||
{
|
||||
id: "blog-4",
|
||||
category: "Marketing Playbook",
|
||||
title: "Community Building: The DeFi Protocol Advantage",
|
||||
excerpt: "Learn how successful DeFi protocols use community-first strategies to drive adoption, engagement, and long-term growth.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQSfocPDfLnMMiIb9A5eny16Ro/defi-community-collaboration-visualizati-1772536316238-0c4585b6.png",
|
||||
imageAlt: "DeFi community collaboration visualization",
|
||||
authorName: "Panha",
|
||||
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQSfocPDfLnMMiIb9A5eny16Ro/small-circular-avatar-portrait-of-a-cont-1772536316550-7f71ef61.png",
|
||||
date: "Jan 12, 2025",
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="article-faq" data-section="article-faq">
|
||||
<FaqSplitText
|
||||
sideTitle="Article FAQs"
|
||||
sideDescription="Get answers to common questions about our content, how to access resources, and staying updated with new publications"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How frequently are new articles published?",
|
||||
content: "We publish new articles weekly on topics ranging from token launch strategies to DEX optimization and trading guides. Each article is thoroughly researched and written by our team of web3 marketing experts to ensure accuracy and actionability.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can I access articles for free?",
|
||||
content: "Yes, all of our core articles are available for free on the Web3 Perspective platform. We believe in democratizing web3 knowledge and making marketing insights accessible to everyone in the community.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "How do I get notified of new articles?",
|
||||
content: "Subscribe to our newsletter to get weekly digests of new articles delivered to your inbox. You can also follow us on Twitter/X and Discord for instant notifications when new content is published.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Can I share these articles?",
|
||||
content: "Absolutely! We encourage sharing our content. Please attribute the articles to Web3 Perspective and include a link back to our website. For bulk sharing or syndication inquiries, contact partnerships@web3perspective.io.",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "What topics are covered in your articles?",
|
||||
content: "Our articles cover marketing playbooks, DEX reviews, trading guides, community building strategies, DeFi protocol optimization, token launches, and emerging web3 trends. Content is designed for both beginners and experienced professionals.",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
title: "How can I pitch an article idea?",
|
||||
content: "We're always looking for fresh perspectives. If you have an article idea or guest contribution, reach out to us at content@web3perspective.io. We review all submissions and collaborate with talented writers in the web3 space.",
|
||||
},
|
||||
]}
|
||||
textPosition="left"
|
||||
faqsAnimation="blur-reveal"
|
||||
useInvertedBackground={true}
|
||||
showCard={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQSfocPDfLnMMiIb9A5eny16Ro/abstract-web3-technology-grid-background-1772536317188-0bd0c7ac.png"
|
||||
imageAlt="Web3 technology grid background"
|
||||
logoText="Web3 Perspective"
|
||||
copyrightText="© 2025 Web3 Perspective. Built in Cambodia. Serving the world."
|
||||
columns={[
|
||||
{
|
||||
title: "Podcast",
|
||||
items: [
|
||||
{ label: "Episodes", href: "/podcast" },
|
||||
{ label: "YouTube Channel", href: "https://youtube.com" },
|
||||
{ label: "Spotify", href: "https://spotify.com" },
|
||||
{ label: "Apple Podcasts", href: "https://podcasts.apple.com" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{ label: "Articles", href: "/articles" },
|
||||
{ label: "Marketing Guides", href: "#" },
|
||||
{ label: "Newsletter Archive", href: "#" },
|
||||
{ label: "Download Media Kit", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Sponsorships", href: "/sponsors" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{ label: "Twitter/X", href: "https://twitter.com" },
|
||||
{ label: "Discord", href: "https://discord.com" },
|
||||
{ label: "LinkedIn", href: "https://linkedin.com" },
|
||||
{ label: "Substack", href: "https://substack.com" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user