Skip to content

Commit 3ed0841

Browse files
gabros20gabros20
committed
Fix removed pages and added 404 page
1 parent 0ce714d commit 3ed0841

File tree

15 files changed

+262
-1004
lines changed

15 files changed

+262
-1004
lines changed

‎src/app/community/page.js

+147-171
Original file line numberDiff line numberDiff line change
@@ -11,178 +11,154 @@ import seo from "@/data/community/seo";
1111
export const metadata = meta(seo);
1212

1313
export default async function Community() {
14-
const socialGroups = [
15-
{
16-
cards: [
17-
{
18-
icon: "twitter",
19-
title: "X (Twitter)",
20-
description: "The latest news and updates.",
21-
url: "https://x.com/celestia",
22-
},
23-
{
24-
icon: "discord",
25-
title: "Discord",
26-
description: "A hub for developers, node operators, and enthusiasts.",
27-
url: "https://discord.com/invite/YsnTPcSfWQ",
28-
},
29-
{
30-
icon: "telegram",
31-
title: "Telegram",
32-
description: "Chat with the worldwide community.",
33-
url: "https://t.me/CelestiaCommunity/",
34-
},
35-
{
36-
icon: "reddit",
37-
title: "Reddit",
38-
description: "The Celestia community on Reddit.",
39-
url: "https://www.reddit.com/r/CelestiaNetwork/",
40-
},
41-
{
42-
icon: "github",
43-
title: "Github",
44-
description: "Developer discussions and protocol contributions.",
45-
url: "https://github.com/celestiaorg/",
46-
},
47-
{
48-
icon: "forum",
49-
title: "Forum",
50-
description: "Ask questions and engage in research discussions.",
51-
url: "https://forum.celestia.org/",
52-
},
53-
],
54-
},
55-
];
14+
const socialGroups = [
15+
{
16+
cards: [
17+
{
18+
icon: "twitter",
19+
title: "X (Twitter)",
20+
description: "The latest news and updates.",
21+
url: "https://x.com/celestia",
22+
},
23+
{
24+
icon: "discord",
25+
title: "Discord",
26+
description: "A hub for developers, node operators, and enthusiasts.",
27+
url: "https://discord.com/invite/YsnTPcSfWQ",
28+
},
29+
{
30+
icon: "telegram",
31+
title: "Telegram",
32+
description: "Chat with the worldwide community.",
33+
url: "https://t.me/CelestiaCommunity/",
34+
},
35+
{
36+
icon: "reddit",
37+
title: "Reddit",
38+
description: "The Celestia community on Reddit.",
39+
url: "https://www.reddit.com/r/CelestiaNetwork/",
40+
},
41+
{
42+
icon: "github",
43+
title: "Github",
44+
description: "Developer discussions and protocol contributions.",
45+
url: "https://github.com/celestiaorg/",
46+
},
47+
{
48+
icon: "forum",
49+
title: "Forum",
50+
description: "Ask questions and engage in research discussions.",
51+
url: "https://forum.celestia.org/",
52+
},
53+
],
54+
},
55+
];
5656

57-
const exploreGroups = [
58-
{
59-
cards: [
60-
{
61-
icon: "youtube",
62-
title: "Youtube",
63-
description:
64-
"A library of tutorials, guides, and ecosystem interviews.",
65-
url: "https://www.youtube.com/channel/UCLlvAEzXBFZ-P3zS6BF2Bjg/",
66-
},
67-
{
68-
icon: "podcast",
69-
title: "Podcast",
70-
description: "Interviews and talks in audio form.",
71-
url: "https://podcast.celestia.org/",
72-
},
73-
{
74-
icon: "resources",
75-
title: "Resources",
76-
description: "A collection of videos, podcasts, and blog posts.",
77-
url: "/resources",
78-
},
79-
{
80-
icon: "blog",
81-
title: "Blog",
82-
description: "News and updates from Celestia Labs.",
83-
url: "https://blog.celestia.org/",
84-
},
85-
],
86-
},
87-
];
57+
const exploreGroups = [
58+
{
59+
cards: [
60+
{
61+
icon: "youtube",
62+
title: "Youtube",
63+
description: "A library of tutorials, guides, and ecosystem interviews.",
64+
url: "https://www.youtube.com/channel/UCLlvAEzXBFZ-P3zS6BF2Bjg/",
65+
},
66+
{
67+
icon: "podcast",
68+
title: "Podcast",
69+
description: "Interviews and talks in audio form.",
70+
url: "https://podcast.celestia.org/",
71+
},
72+
{
73+
icon: "blog",
74+
title: "Blog",
75+
description: "News and updates from Celestia Labs.",
76+
url: "https://blog.celestia.org/",
77+
},
78+
],
79+
},
80+
];
8881

89-
const tableOfContents = {
90-
"Social channels": "#social",
91-
"Explore more": "#explore",
92-
};
82+
const tableOfContents = {
83+
"Social channels": "#social",
84+
"Explore more": "#explore",
85+
};
9386

94-
return (
95-
<>
96-
<SecondaryHero
97-
title={"Celestia Community"}
98-
subtitle={
99-
"Discover community hubs, discussion forums, and resources that are used by the global Celestia community."
100-
}
101-
videos={{
102-
src: {
103-
xl: "/videos/hero/mod-desktop_xl.mp4",
104-
lg: "/videos/hero/mod-desktop_lg.mp4",
105-
sm: "/videos/hero/mod-mobile_sm.mp4",
106-
},
107-
poster: {
108-
lg: "/videos/hero/mod-desktop_xl_poster.jpg",
109-
sm: "/videos/hero/mod-mobile_sm_poster.jpg",
110-
},
111-
}}
112-
/>
113-
<section id={"social"} className="bg-black text-white">
114-
<Container size={"md"} className={"py-10 lg:py-24"}>
115-
<Row className={"mb-6 lg:mb-16"}>
116-
<Col width={60}>
117-
<Display size={"sm"} tag={"h2"} className={"mb-4 lg:mb-0"}>
118-
Social channels
119-
</Display>
120-
</Col>
121-
<Col width={40}>
122-
<Body size={"md"}>
123-
Communication channels for the community, discussions, updates,
124-
and news.
125-
</Body>
126-
</Col>
127-
</Row>
128-
<Row>
129-
<Col width={100}>
130-
{socialGroups.map((group, index) => (
131-
<div
132-
className="w-full grid grid-cols-1 gap-4 mb-4"
133-
key={`cardGroup-${index}`}
134-
>
135-
{group.cards.map((card, index) => (
136-
<IconCard
137-
dark
138-
key={index}
139-
title={card.title}
140-
description={card.description}
141-
url={card.url}
142-
icon={card.icon}
143-
/>
144-
))}
145-
</div>
146-
))}
147-
</Col>
148-
</Row>
149-
</Container>
150-
</section>
151-
<section id={"explore"} className="bg-white text-black">
152-
<Container size={"md"} className={"py-10 lg:py-24"}>
153-
<Row className={"mb-6 lg:mb-16"}>
154-
<Col width={60}>
155-
<Display size={"sm"} tag={"h2"} className={"mb-4 lg:mb-0"}>
156-
Explore more
157-
</Display>
158-
</Col>
159-
<Col width={40}>
160-
<Body size={"md"}>Keep up with new resources and content.</Body>
161-
</Col>
162-
</Row>
163-
<Row>
164-
<Col width={100}>
165-
{exploreGroups.map((group, index) => (
166-
<div
167-
className="w-full grid grid-cols-1 gap-4 mb-4"
168-
key={`cardGroup-${index}`}
169-
>
170-
{group.cards.map((card, index) => (
171-
<IconCard
172-
key={index}
173-
title={card.title}
174-
description={card.description}
175-
url={card.url}
176-
icon={card.icon}
177-
/>
178-
))}
179-
</div>
180-
))}
181-
</Col>
182-
</Row>
183-
</Container>
184-
</section>
185-
<EcosystemPage />
186-
</>
187-
);
87+
return (
88+
<>
89+
<SecondaryHero
90+
title={"Celestia Community"}
91+
subtitle={"Discover community hubs, discussion forums, and resources that are used by the global Celestia community."}
92+
videos={{
93+
src: {
94+
xl: "/videos/hero/mod-desktop_xl.mp4",
95+
lg: "/videos/hero/mod-desktop_lg.mp4",
96+
sm: "/videos/hero/mod-mobile_sm.mp4",
97+
},
98+
poster: {
99+
lg: "/videos/hero/mod-desktop_xl_poster.jpg",
100+
sm: "/videos/hero/mod-mobile_sm_poster.jpg",
101+
},
102+
}}
103+
/>
104+
<section id={"social"} className='text-white bg-black'>
105+
<Container size={"md"} className={"py-10 lg:py-24"}>
106+
<Row className={"mb-6 lg:mb-16"}>
107+
<Col width={60}>
108+
<Display size={"sm"} tag={"h2"} className={"mb-4 lg:mb-0"}>
109+
Social channels
110+
</Display>
111+
</Col>
112+
<Col width={40}>
113+
<Body size={"md"}>Communication channels for the community, discussions, updates, and news.</Body>
114+
</Col>
115+
</Row>
116+
<Row>
117+
<Col width={100}>
118+
{socialGroups.map((group, index) => (
119+
<div className='grid w-full grid-cols-1 gap-4 mb-4' key={`cardGroup-${index}`}>
120+
{group.cards.map((card, index) => (
121+
<IconCard
122+
dark
123+
key={index}
124+
title={card.title}
125+
description={card.description}
126+
url={card.url}
127+
icon={card.icon}
128+
/>
129+
))}
130+
</div>
131+
))}
132+
</Col>
133+
</Row>
134+
</Container>
135+
</section>
136+
<section id={"explore"} className='text-black bg-white'>
137+
<Container size={"md"} className={"py-10 lg:py-24"}>
138+
<Row className={"mb-6 lg:mb-16"}>
139+
<Col width={60}>
140+
<Display size={"sm"} tag={"h2"} className={"mb-4 lg:mb-0"}>
141+
Explore more
142+
</Display>
143+
</Col>
144+
<Col width={40}>
145+
<Body size={"md"}>Keep up with new resources and content.</Body>
146+
</Col>
147+
</Row>
148+
<Row>
149+
<Col width={100}>
150+
{exploreGroups.map((group, index) => (
151+
<div className='grid w-full grid-cols-1 gap-4 mb-4' key={`cardGroup-${index}`}>
152+
{group.cards.map((card, index) => (
153+
<IconCard key={index} title={card.title} description={card.description} url={card.url} icon={card.icon} />
154+
))}
155+
</div>
156+
))}
157+
</Col>
158+
</Row>
159+
</Container>
160+
</section>
161+
<EcosystemPage />
162+
</>
163+
);
188164
}

‎src/app/not-found.js

+28
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
import TertiaryHero from "@/components/Heroes/TertiaryHero";
2+
import TertiaryPageContainer from "@/components/Container/TertiaryPageContainer";
3+
import { Body } from "@/micros/TertiaryPageMicors/TertiaryPageMicors";
4+
import SecondaryButton from "@/macros/Buttons/SecondaryButton";
5+
import PrimaryButton from "@/macros/Buttons/PrimaryButton";
6+
7+
export default function NotFound() {
8+
return (
9+
<>
10+
<TertiaryHero title='404' blurbTitle='Page not found' blurbCopy="The page you're looking for doesn't exist or has been moved." />
11+
<TertiaryPageContainer>
12+
<TertiaryPageContainer.Body>
13+
<div className='flex flex-col items-center justify-center py-10 lg:py-24'>
14+
<Body className='mb-8 text-center'>Let&apos;s get you back on track. Check out these helpful links:</Body>
15+
<div className='flex flex-col gap-4 sm:flex-row'>
16+
<PrimaryButton href='/' size='md' className='uppercase' dark>
17+
Go home
18+
</PrimaryButton>
19+
<SecondaryButton href='/build' size='md' className='uppercase' lightMode hover>
20+
Start building
21+
</SecondaryButton>
22+
</div>
23+
</div>
24+
</TertiaryPageContainer.Body>
25+
</TertiaryPageContainer>
26+
</>
27+
);
28+
}

0 commit comments

Comments
 (0)