diff --git a/src/app/(info)/about/page.tsx b/src/app/(info)/about/page.tsx new file mode 100644 index 0000000..2636b75 --- /dev/null +++ b/src/app/(info)/about/page.tsx @@ -0,0 +1,64 @@ +import { ArrowIcon } from "@/components/ArrowIcon" +import * as GraphicSection from "@/components/GraphicSection" + +export default function Page() { + return ( + +

+ An evolved, user-owned web where you have access to the world in a way + only you control. +

+

+ Web3 is about what you want to do, post, read, play, chat, or interact + without others saying otherwise. It is about freedom of speech and + freedom of economy. +

+

+ First defined by Gavin Wood when the Ethereum network was starting out. + He defined it as a "decentralized online ecosystem based on + blockchain". +

+ +

+ However, we view it as much more than that, and definitely more than + access to DeFi. We see a ton of more potential to what Web3 as an ideal + can evolve to, and are setting out to make it a reality. +

+ +

+ To those that see Web3 as DeFi, we ask this: Do you go on your web + browser to access TradingView or other market tools as your homepage, or + do you go check your social media, email, and news sites, as well as + your money? Blockchain itself is more than just money, and so is Web3, + and by extension P2P networks. +

+ +

So help us in our goals to level-up Web3.

+ + + + + +
+

+ WEB3.NEWS is a project by Lume. + Let’s build an open, user-owned web together. +

+
+ Learn more about Lume and join our community + +
+
+
+
+
+ ) +} diff --git a/src/app/(info)/donate/page.tsx b/src/app/(info)/donate/page.tsx new file mode 100644 index 0000000..d87b1d2 --- /dev/null +++ b/src/app/(info)/donate/page.tsx @@ -0,0 +1,46 @@ +import Link from "next/link"; + +export default function Page() { + return ( + +

+ You believe the internet should be free and open for everyone, + regardless of political beliefs. +

+

+ Please understand that, according to United States regulations for our + present incorporation status, donations are not currently + tax-deductible. +

+

+ If you are a corporation or business, planning to make a large donation, + we recommend that you consult a CPA to ensure you understand the tax + implications of your donated funds first. +

+ +

+ All payments are nondeductible donations (unless you get consulted + otherwise) and do not create any implied service contract or obligation + for Hammer Technologies LLC to render any services. +

+ +

+ To those that see Web3 as DeFi, we ask this: Do you go on your web + browser to access TradingView or other market tools as your homepage, or + do you go check your social media, email, and news sites, as well as + your money? Blockchain itself is more than just money, and so is Web3, + and by extension P2P networks. +

+ +

So help us in our goals to level-up Web3.

+ + + + +
+ ) +} diff --git a/src/app/(info)/layout.tsx b/src/app/(info)/layout.tsx new file mode 100644 index 0000000..2c1ea47 --- /dev/null +++ b/src/app/(info)/layout.tsx @@ -0,0 +1,65 @@ +"use client" + +import { ArrowLeftIcon } from "@radix-ui/react-icons" +import Link from "next/link" +import { usePathname } from "next/navigation" + +const TEXT_DICT = { + "/about": { + headline: "Sharing community news on the open, user-owned web you deserve.", + tagline: "Learn about our community" + }, + "/donate": { + headline: "We think people should have free access to information no matter how they choose to access it.", + tagline: "Help us break the pattern" + } +} + +export default function Layout({ children }: { children: React.ReactNode }) { + const pathname = usePathname(); + const text = TEXT_DICT[pathname! as '/about' | '/donate'] + return ( +
+
+

{text.headline}

+
+ + + +
+ +
{children}
+
+
+ ) +} + +const AsideItem = ({ title, href }: { title: string; href: string }) => { + const pathname = usePathname() + return ( + +
  • + +
  • + + ) +} diff --git a/src/app/page.tsx b/src/app/page.tsx index 9d3ba99..175ea83 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -58,30 +58,6 @@ export default async function Home({ searchParams }: Props) { - - - - - -
    -

    - WEB3.NEWS is a project by Lume. Let’s build an open, user-owned - web together. -

    -
    - - Learn more about Lume and join our community - - -
    -
    -
    -
    ) diff --git a/src/app/search/page.tsx b/src/app/search/page.tsx index 33b19c9..cb69bbb 100644 --- a/src/app/search/page.tsx +++ b/src/app/search/page.tsx @@ -24,7 +24,7 @@ const Page = async ({ searchParams }: Props) => { /> - diff --git a/src/components/ArrowIcon.tsx b/src/components/ArrowIcon.tsx index 7208f86..c1d7094 100644 --- a/src/components/ArrowIcon.tsx +++ b/src/components/ArrowIcon.tsx @@ -8,29 +8,29 @@ export const ArrowIcon = ({className}: {className?: string}) => { className={className} xmlns="http://www.w3.org/2000/svg" > - + diff --git a/src/components/LayoutFooter.tsx b/src/components/LayoutFooter.tsx index 17d55ee..a0bba1d 100644 --- a/src/components/LayoutFooter.tsx +++ b/src/components/LayoutFooter.tsx @@ -1,12 +1,13 @@ +import Link from "next/link" import React from "react" type Props = {} const Footer = ({}: Props) => { return (
    - About Web3.news + About Web3.news
    - Contribute to the cause + Contribute to the cause
    ) }