diff --git a/public/hero-map.jpg b/public/hero-map.jpg new file mode 100644 index 000000000..be55a3360 Binary files /dev/null and b/public/hero-map.jpg differ diff --git a/public/ray-phung-bouldering.jpg b/public/ray-phung-bouldering.jpg new file mode 100644 index 000000000..43337fc1b Binary files /dev/null and b/public/ray-phung-bouldering.jpg differ diff --git a/src/app/(default)/about/components/About.tsx b/src/app/(default)/about/components/About.tsx new file mode 100644 index 000000000..6ad7b914c --- /dev/null +++ b/src/app/(default)/about/components/About.tsx @@ -0,0 +1,84 @@ +import React, { ReactNode } from 'react' +import Image from 'next/image' +import Link from 'next/link' + +import bouldering from '@/public/ray-phung-bouldering.jpg' +import LightBulbSvg from '@/assets/illustrations/brainstorming-31' +import EcologySvg from '@/assets/illustrations/ecology-46' +import DiversitySvg from '@/assets/illustrations/diversity-1-69' + +export function About (): ReactNode { + return ( + <> +
+
+
+
+ + +
+ } + title='Climbing data is the building block of knowledge' + description='We stand on the shoulders of those who came before us. We want to ensure the knowledge of these great experiences remains irrevocably accessible to everyone. All climbing content (excluding photos) is available under the Creative Commons Public Domain license.' + /> +
+
+ + +
+ } + title='Make an impact today' + description={<>All contributions are welcome. You can share climbing photos, add new routes, write a guest article on our blog, help fix a bug, and more. Check out the project board on GitHub.} + /> +
+ + + + +
+
+
+
+
+ + +
+ } + title='Donate' + description={<>OpenBeta is neither backed by venture capitalists nor supported by ads. Fortunately, an active group of volunteers donates their time and expertise to keep the project running and to further its development. All donated money goes directly to fund OpenBeta's infrastructure.
Donate now} + /> +
+
+
+ Picture of a rock climber bouldering in Bishop, California. +
+ Flyboy (Bishop, California) + © Ray Phung +
+
+
+
+ +
+ + ) +} + +const DetailCard: React.FC<{ title: string, description: string | ReactNode, icon: ReactNode }> = ({ title, description, icon }) => ( + <> + {icon} +

{title}

+

{description}

+ +) diff --git a/src/app/(default)/about/components/Hero.tsx b/src/app/(default)/about/components/Hero.tsx new file mode 100644 index 000000000..9526eb35b --- /dev/null +++ b/src/app/(default)/about/components/Hero.tsx @@ -0,0 +1,72 @@ +import Image from 'next/image' +import { CheckCircle } from '@phosphor-icons/react/dist/ssr' + +import mapHero from '@/public/hero-map.jpg' +import CodingSvg from '@/assets/illustrations/coding-5-7' + +export const Hero: React.FC = () => ( +
+
+
+ + +
+
+
+) + +const Heading: React.FC = () => ( +
+

A Free Resource For Climbers

+

Inspired by Wikipedia and OpenStreetMap, we're building an open source and open license rock climbing catalog.

+
+) + +const Values: React.FC = () => ( +
+
+

Our values

+ +
+ + + + + +
+
+
+
+ Picture of a map +
+
+ +
+
+
+) + +const ValuePropCard: React.FC<{ title: string, description: string }> = ({ title, description }) => ( +
+ +
+ {title} +

{description}

+
+
+) diff --git a/src/app/(default)/about/page.tsx b/src/app/(default)/about/page.tsx new file mode 100644 index 000000000..e78cd1d87 --- /dev/null +++ b/src/app/(default)/about/page.tsx @@ -0,0 +1,13 @@ +import React, { ReactNode } from 'react' + +import { Hero } from './components/Hero' +import { About } from './components/About' + +export default function AboutPage (): ReactNode { + return ( +
+ + +
+ ) +} diff --git a/src/assets/icons/seed.png b/src/assets/icons/seed.png deleted file mode 100644 index a05777022..000000000 Binary files a/src/assets/icons/seed.png and /dev/null differ diff --git a/src/assets/icons/stones.png b/src/assets/icons/stones.png deleted file mode 100644 index 51030de72..000000000 Binary files a/src/assets/icons/stones.png and /dev/null differ diff --git a/src/assets/icons/watering-can.png b/src/assets/icons/watering-can.png deleted file mode 100644 index f675ae146..000000000 Binary files a/src/assets/icons/watering-can.png and /dev/null differ diff --git a/src/assets/illustrations/brainstorming-31.tsx b/src/assets/illustrations/brainstorming-31.tsx new file mode 100644 index 000000000..d524a9d50 --- /dev/null +++ b/src/assets/illustrations/brainstorming-31.tsx @@ -0,0 +1,158 @@ +import * as React from 'react' +interface Props { + className?: string +} + +const SvgComponent: React.FC = (props) => ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +) +export default SvgComponent diff --git a/src/assets/illustrations/coding-5-7.tsx b/src/assets/illustrations/coding-5-7.tsx new file mode 100644 index 000000000..2ed222cac --- /dev/null +++ b/src/assets/illustrations/coding-5-7.tsx @@ -0,0 +1,233 @@ +import * as React from 'react' +interface Props { + className?: string +} + +const SvgComponent: React.FC = (props) => ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +) +export default SvgComponent diff --git a/src/assets/illustrations/diversity-1-69.tsx b/src/assets/illustrations/diversity-1-69.tsx new file mode 100644 index 000000000..68b5c0fff --- /dev/null +++ b/src/assets/illustrations/diversity-1-69.tsx @@ -0,0 +1,434 @@ +import * as React from 'react' +interface Props { + className?: string +} + +const SvgComponent: React.FC = (props) => ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +) +export default SvgComponent diff --git a/src/assets/illustrations/ecology-46.tsx b/src/assets/illustrations/ecology-46.tsx new file mode 100644 index 000000000..6b90e4acf --- /dev/null +++ b/src/assets/illustrations/ecology-46.tsx @@ -0,0 +1,168 @@ +import * as React from 'react' +interface Props { + className?: string +} + +const SvgComponent: React.FC = (props) => ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +) +export default SvgComponent diff --git a/src/components/ui/AboutHero.js b/src/components/ui/AboutHero.js deleted file mode 100644 index a8213850d..000000000 --- a/src/components/ui/AboutHero.js +++ /dev/null @@ -1,17 +0,0 @@ -import React from 'react' -import { Button, ButtonVariant } from './BaseButton' -import { ArrowRightIcon } from '@heroicons/react/24/outline' -export default function LandingHero () { - return ( -
-
-

Free & Open Source

$0 to use and 100% open source
-

Respect user privacy

No Ads, No tracking
-

Community over profits

Backed by a nonprofit collective
-
-
-
-
- ) -} diff --git a/src/pages/about.tsx b/src/pages/about.tsx deleted file mode 100644 index e7655190f..000000000 --- a/src/pages/about.tsx +++ /dev/null @@ -1,69 +0,0 @@ -import Image from 'next/image' -import Layout from '../components/layout' -import AboutHero from '../components/ui/AboutHero' -import Cairn from '../assets/icons/stones.png' -import Seed from '../assets/icons/seed.png' -import Watering from '../assets/icons/watering-can.png' -import SeoTags from '../components/SeoTags' - -const About = (): JSX.Element => { - return ( - - - -
-
-

An Open Source Resource For Rock Climbers

-

Inspired by Wikipedia and OpenStreetMap, we're building an open source & open license rock climbing catalog.

-
-
- cairn -

Climbing data — the building block of knowledge

-

- In climbing we stand on the shoulders of those who came before us. We want to ensure the knowledge of these great experiences remains irrevocably accessible to everyone. Content (excluding photos) is available under the Creative Commons Public Domain license. -

-
-
-
seed
-

How can you get involved?

-

- All contributions are welcome. You can share climbing photos, add new routes, write a guest article on our blog, help fix a bug, and more. Check out the GitHub issues. -

-

Still not sure how to get started? Chat with other volunteers on Discord.

-
- -
-
-
- watering can -

Why we need your donations

-

- OpenBeta is not backed by venture capitalists, nor is it supported by ads. - Fortunately, there is a small and active group of volunteers donating their time and expertise to keep the project running and develop it further. -

-

- For the project to survive and continue to evolve, we need your financial support and ask for your donation today. - All money donated will go directly to fund OpenBeta infrastructure. -

-

- You can become a sustaining member for as little as $3/month. -

- Donate today! -

OpenBeta is a 501(c)(3) nonprofit collective. Donations are tax-deductible to the extent allowed by law.

-
-
-
-

Learn more

-

Why is an open license important?

- OpenBeta vs MountainProject vs theCrag - -
- - ) -} - -export default About