178 lines
7.2 KiB
TypeScript
178 lines
7.2 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import Link from "next/link";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import TeamCardTwo from "@/components/sections/team/TeamCardTwo";
|
|
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
|
|
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
|
import { CheckCircle, Twitter, Linkedin, Youtube } from "lucide-react";
|
|
|
|
export default function AboutPage() {
|
|
const navItems = [
|
|
{ name: "Podcast", id: "podcast" },
|
|
{ name: "Articles", id: "articles" },
|
|
{ name: "Sponsors", id: "sponsors" },
|
|
{ name: "About", id: "about" },
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
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" },
|
|
],
|
|
},
|
|
];
|
|
|
|
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="team" data-section="team">
|
|
<TeamCardTwo
|
|
title="Meet the Team"
|
|
description="Building Web3 Perspective in public. Ley & Panha are on a mission to make web3 marketing accessible and effective for everyone."
|
|
tag="Our Story"
|
|
tagAnimation="slide-up"
|
|
members={[
|
|
{
|
|
id: "1",
|
|
name: "Ley",
|
|
role: "Host & Founder",
|
|
description: "Web3 marketing strategist with deep experience in DeFi protocols and crypto brand building. Started Web3 Perspective to share real, actionable insights with the community.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQSfocPDfLnMMiIb9A5eny16Ro/professional-headshot-portrait-of-a-conf-1772536835018-605e6fe0.png",
|
|
imageAlt: "Ley, founder and host of Web3 Perspective",
|
|
socialLinks: [
|
|
{ icon: Twitter, url: "https://twitter.com" },
|
|
{ icon: Linkedin, url: "https://linkedin.com" },
|
|
],
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Panha",
|
|
role: "Co-Host & Producer",
|
|
description: "Content creator and podcast producer based in Phnom Penh, Cambodia. Expert at translating complex web3 concepts into digestible, engaging content for diverse audiences.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQSfocPDfLnMMiIb9A5eny16Ro/professional-headshot-portrait-of-a-conf-1772536835284-9c391a32.png",
|
|
imageAlt: "Panha, co-host and producer of Web3 Perspective",
|
|
socialLinks: [
|
|
{ icon: Twitter, url: "https://twitter.com" },
|
|
{ icon: Youtube, url: "https://youtube.com" },
|
|
],
|
|
},
|
|
]}
|
|
gridVariant="two-columns-alternating-heights"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="community" data-section="community">
|
|
<TestimonialCardTwelve
|
|
cardTitle="Join Our Growing Community"
|
|
cardTag="Community"
|
|
cardTagIcon={CheckCircle}
|
|
cardAnimation="blur-reveal"
|
|
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=3",
|
|
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=3",
|
|
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=3",
|
|
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=3",
|
|
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=2",
|
|
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=2",
|
|
imageAlt: "Crypto community logo",
|
|
},
|
|
]}
|
|
/>
|
|
</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-1772536834290-8741fad5.png?_wi=5"
|
|
imageAlt="Web3 technology grid background"
|
|
logoText="Web3 Perspective"
|
|
copyrightText="© 2025 Web3 Perspective. Built in Cambodia. Serving the world."
|
|
columns={footerColumns}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |