From 1f36afbd9a4c912a683400d5993c52565db369ec Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 3 Mar 2026 11:25:41 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 203 +++++++++-------------------------------------- 1 file changed, 37 insertions(+), 166 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 6b28940..e05f6cc 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -22,8 +22,7 @@ export default function HomePage() { const footerColumns = [ { - title: "Podcast", - items: [ + title: "Podcast", items: [ { label: "Episodes", href: "/podcast" }, { label: "YouTube Channel", href: "https://youtube.com" }, { label: "Spotify", href: "https://spotify.com" }, @@ -31,8 +30,7 @@ export default function HomePage() { ], }, { - title: "Resources", - items: [ + title: "Resources", items: [ { label: "Articles", href: "/articles" }, { label: "Marketing Guides", href: "#" }, { label: "Newsletter Archive", href: "#" }, @@ -40,8 +38,7 @@ export default function HomePage() { ], }, { - title: "Company", - items: [ + title: "Company", items: [ { label: "About Us", href: "/about" }, { label: "Sponsorships", href: "/sponsors" }, { label: "Contact", href: "#contact" }, @@ -49,8 +46,7 @@ export default function HomePage() { ], }, { - title: "Social", - items: [ + title: "Social", items: [ { label: "Twitter/X", href: "https://twitter.com" }, { label: "Discord", href: "https://discord.com" }, { label: "LinkedIn", href: "https://linkedin.com" }, @@ -109,33 +105,13 @@ export default function HomePage() { tagAnimation="slide-up" products={[ { - id: "ep-1", - name: "Marketing Crypto in 2025", - price: "Latest", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQSfocPDfLnMMiIb9A5eny16Ro/podcast-episode-cover-design-with-bold-t-1772536834713-6c30ce1c.png?_wi=1", - imageAlt: "Episode cover: Marketing Crypto in 2025", - }, + id: "ep-1", name: "Marketing Crypto in 2025", price: "Latest", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQSfocPDfLnMMiIb9A5eny16Ro/podcast-episode-cover-design-with-bold-t-1772536834713-6c30ce1c.png", imageAlt: "Episode cover: Marketing Crypto in 2025"}, { - id: "ep-2", - name: "DeFi Protocol Growth Hacks", - price: "Ep 12", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQSfocPDfLnMMiIb9A5eny16Ro/defi-protocol-focused-podcast-episode-co-1772536837022-7f60916b.png?_wi=1", - imageAlt: "Episode cover: DeFi Protocol Growth Hacks", - }, + id: "ep-2", name: "DeFi Protocol Growth Hacks", price: "Ep 12", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQSfocPDfLnMMiIb9A5eny16Ro/defi-protocol-focused-podcast-episode-co-1772536837022-7f60916b.png", imageAlt: "Episode cover: DeFi Protocol Growth Hacks"}, { - id: "ep-3", - name: "Building Community in Web3", - price: "Ep 11", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQSfocPDfLnMMiIb9A5eny16Ro/community-focused-web3-podcast-episode-a-1772536834974-b782cf79.png?_wi=1", - imageAlt: "Episode cover: Building Community in Web3", - }, + id: "ep-3", name: "Building Community in Web3", price: "Ep 11", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQSfocPDfLnMMiIb9A5eny16Ro/community-focused-web3-podcast-episode-a-1772536834974-b782cf79.png", imageAlt: "Episode cover: Building Community in Web3"}, { - id: "ep-4", - name: "Interview with Bitget CEO", - price: "Ep 10", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQSfocPDfLnMMiIb9A5eny16Ro/interview-episode-cover-for-interview-wi-1772536834656-fcff4659.png", - imageAlt: "Episode cover: Interview with Bitget CEO", - }, + id: "ep-4", name: "Interview with Bitget CEO", price: "Ep 10", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQSfocPDfLnMMiIb9A5eny16Ro/interview-episode-cover-for-interview-wi-1772536834656-fcff4659.png", imageAlt: "Episode cover: Interview with Bitget CEO"}, ]} gridVariant="four-items-2x2-equal-grid" animationType="slide-up" @@ -153,49 +129,22 @@ export default function HomePage() { tagAnimation="slide-up" plans={[ { - id: "video-integration", - badge: "Most Popular", - badgeIcon: Sparkles, - price: "$1,000/mo", - subtitle: "Video integration in episodes", - buttons={[{ text: "Get Started", href: "#contact" }]} - features={[ - "Featured sponsor segment (5-10 min)", - "Logo on all episode thumbnails", - "Monthly newsletter mention", - "Social media cross-promotion", - "Access to audience analytics", - ]} + id: "video-integration", badge: "Most Popular", badgeIcon: Sparkles, + price: "$1,000/mo", subtitle: "Video integration in episodes", buttons: [{ text: "Get Started", href: "#contact" }], + features: [ + "Featured sponsor segment (5-10 min)", "Logo on all episode thumbnails", "Monthly newsletter mention", "Social media cross-promotion", "Access to audience analytics"], }, { - id: "newsletter", - badge: "Growing", - badgeIcon: TrendingUp, - price: "$500/mo", - subtitle: "Newsletter and social promotion", - buttons={[{ text: "Get Started", href: "#contact" }]} - features={[ - "Weekly newsletter feature", - "2x Twitter/X promotion per month", - "Logo in email footer", - "Audience demographics report", - "Monthly performance metrics", - ]} + id: "newsletter", badge: "Growing", badgeIcon: TrendingUp, + price: "$500/mo", subtitle: "Newsletter and social promotion", buttons: [{ text: "Get Started", href: "#contact" }], + features: [ + "Weekly newsletter feature", "2x Twitter/X promotion per month", "Logo in email footer", "Audience demographics report", "Monthly performance metrics"], }, { - id: "social-posts", - badge: "Foundation", - badgeIcon: Zap, - price: "$250/mo", - subtitle: "Social media presence", - buttons={[{ text: "Get Started", href: "#contact" }]} - features={[ - "4x social media posts/month", - "Logo placement in videos", - "Website listing", - "Monthly audience reach data", - "Dedicated contact point", - ]} + id: "social-posts", badge: "Foundation", badgeIcon: Zap, + price: "$250/mo", subtitle: "Social media presence", buttons: [{ text: "Get Started", href: "#contact" }], + features: [ + "4x social media posts/month", "Logo placement in videos", "Website listing", "Monthly audience reach data", "Dedicated contact point"], }, ]} animationType="slide-up" @@ -213,49 +162,13 @@ export default function HomePage() { 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-1772536834857-7a18207f.png?_wi=1", - 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-1772536835831-fe356126.png", - date: "Jan 20, 2025", - }, + 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-1772536834857-7a18207f.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-1772536835831-fe356126.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-1772536835167-130078f1.png?_wi=1", - 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-1772536834475-fda44185.png", - date: "Jan 18, 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-1772536835167-130078f1.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-1772536834475-fda44185.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-1772536836000-f74568e0.png?_wi=1", - 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-1772536835831-fe356126.png", - date: "Jan 15, 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-1772536836000-f74568e0.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-1772536835831-fe356126.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-1772536836774-92cf51cc.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-1772536834475-fda44185.png", - date: "Jan 12, 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-1772536836774-92cf51cc.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-1772536834475-fda44185.png", date: "Jan 12, 2025"}, ]} animationType="slide-up" textboxLayout="default" @@ -273,41 +186,17 @@ export default function HomePage() { useInvertedBackground={false} testimonials={[ { - id: "1", - name: "Bitget", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQSfocPDfLnMMiIb9A5eny16Ro/bitget-cryptocurrency-exchange-logo-mode-1772536835423-469c485b.png?_wi=1", - imageAlt: "Bitget logo", - }, + id: "1", name: "Bitget", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQSfocPDfLnMMiIb9A5eny16Ro/bitget-cryptocurrency-exchange-logo-mode-1772536835423-469c485b.png", imageAlt: "Bitget logo"}, { - id: "2", - name: "OKX", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQSfocPDfLnMMiIb9A5eny16Ro/okx-cryptocurrency-exchange-logo-modern--1772536834417-4ef58f98.png?_wi=1", - imageAlt: "OKX logo", - }, + id: "2", name: "OKX", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQSfocPDfLnMMiIb9A5eny16Ro/okx-cryptocurrency-exchange-logo-modern--1772536834417-4ef58f98.png", imageAlt: "OKX logo"}, { - id: "3", - name: "Extended", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQSfocPDfLnMMiIb9A5eny16Ro/extended-dex-protocol-logo-modern-blockc-1772536835042-6245667d.png?_wi=1", - imageAlt: "Extended DEX logo", - }, + id: "3", name: "Extended", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQSfocPDfLnMMiIb9A5eny16Ro/extended-dex-protocol-logo-modern-blockc-1772536835042-6245667d.png", imageAlt: "Extended DEX logo"}, { - id: "4", - name: "TradingFi", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQSfocPDfLnMMiIb9A5eny16Ro/tradingfi-protocol-or-platform-logo-mode-1772536834199-9d41ff77.png?_wi=1", - imageAlt: "TradingFi logo", - }, + id: "4", name: "TradingFi", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQSfocPDfLnMMiIb9A5eny16Ro/tradingfi-protocol-or-platform-logo-mode-1772536834199-9d41ff77.png", imageAlt: "TradingFi logo"}, { - id: "5", - name: "Web3 Protocol A", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQSfocPDfLnMMiIb9A5eny16Ro/generic-web3-protocol-logo-placeholder-m-1772536834643-991a3bb2.png?_wi=1", - imageAlt: "Web3 protocol logo", - }, + id: "5", name: "Web3 Protocol A", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQSfocPDfLnMMiIb9A5eny16Ro/generic-web3-protocol-logo-placeholder-m-1772536834643-991a3bb2.png", imageAlt: "Web3 protocol logo"}, { - id: "6", - name: "Crypto Community", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQSfocPDfLnMMiIb9A5eny16Ro/cryptocurrency-community-or-dao-logo-mod-1772536835781-4c637d50.png?_wi=1", - imageAlt: "Crypto community logo", - }, + id: "6", name: "Crypto Community", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQSfocPDfLnMMiIb9A5eny16Ro/cryptocurrency-community-or-dao-logo-mod-1772536835781-4c637d50.png", imageAlt: "Crypto community logo"}, ]} /> @@ -318,35 +207,17 @@ export default function HomePage() { sideDescription="Everything you need to know about Web3 Perspective, sponsorships, and how we're building the future of web3 marketing." faqs={[ { - id: "1", - title: "How often do you release new episodes?", - content: "We release fresh podcast episodes 4 times per month, featuring interviews with industry leaders, marketing deep dives, and actionable strategies for web3 projects. Episodes are available on all major platforms including Spotify, Apple Podcasts, and YouTube.", - }, + id: "1", title: "How often do you release new episodes?", content: "We release fresh podcast episodes 4 times per month, featuring interviews with industry leaders, marketing deep dives, and actionable strategies for web3 projects. Episodes are available on all major platforms including Spotify, Apple Podcasts, and YouTube."}, { - id: "2", - title: "What makes Web3 Perspective different?", - content: "We focus on real results over hype. No fluff, no corporate speak—just practical marketing strategies that actually work in the web3 space. Our team combines deep experience in DeFi, trading platforms, and community building with genuine passion for the industry.", - }, + id: "2", title: "What makes Web3 Perspective different?", content: "We focus on real results over hype. No fluff, no corporate speak—just practical marketing strategies that actually work in the web3 space. Our team combines deep experience in DeFi, trading platforms, and community building with genuine passion for the industry."}, { - id: "3", - title: "How can my project become a sponsor?", - content: "We offer flexible sponsorship tiers starting at $250/month for social media promotion up to $1,000/month for full video integration. Visit our Sponsorship page to learn more or contact us directly at partnerships@web3perspective.io.", - }, + id: "3", title: "How can my project become a sponsor?", content: "We offer flexible sponsorship tiers starting at $250/month for social media promotion up to $1,000/month for full video integration. Visit our Sponsorship page to learn more or contact us directly at partnerships@web3perspective.io."}, { - id: "4", - title: "Where is Web3 Perspective based?", - content: "We're proudly based in Phnom Penh, Cambodia, but we serve a global audience of web3 enthusiasts, traders, and crypto professionals. Our international perspective brings unique insights to the web3 marketing landscape.", - }, + id: "4", title: "Where is Web3 Perspective based?", content: "We're proudly based in Phnom Penh, Cambodia, but we serve a global audience of web3 enthusiasts, traders, and crypto professionals. Our international perspective brings unique insights to the web3 marketing landscape."}, { - id: "5", - title: "What topics do you cover?", - content: "We cover everything from token launch strategies to DEX optimization, community building, trading platforms, DeFi protocols, and emerging web3 marketing trends. Our content is designed for both beginners and experienced web3 professionals.", - }, + id: "5", title: "What topics do you cover?", content: "We cover everything from token launch strategies to DEX optimization, community building, trading platforms, DeFi protocols, and emerging web3 marketing trends. Our content is designed for both beginners and experienced web3 professionals."}, { - id: "6", - title: "How can I stay updated with new content?", - content: "Subscribe to our newsletter for weekly updates, follow us on Twitter/X (@web3perspective), and check out our YouTube channel. You can also subscribe to the podcast on your favorite platform for instant notifications when new episodes drop.", - }, + id: "6", title: "How can I stay updated with new content?", content: "Subscribe to our newsletter for weekly updates, follow us on Twitter/X (@web3perspective), and check out our YouTube channel. You can also subscribe to the podcast on your favorite platform for instant notifications when new episodes drop."}, ]} textPosition="left" faqsAnimation="blur-reveal" @@ -357,7 +228,7 @@ export default function HomePage() {