Skip to content

Commit

Permalink
Merge pull request #16 from celestiaorg/hotfix/video-render-issue
Browse files Browse the repository at this point in the history 
Fix video render issue
  • Loading branch information
@gabros20
gabros20 authored Jan 7, 2025
2 parents 408a2aa + e08ab26 commit 8ca7274
Show file tree
Hide file tree
Showing 3 changed files with 109 additions and 120 deletions.
Binary file modified public/videos/home/CE_ACCESS.mp4
View file
Binary file not shown.
Binary file added public/videos/home/CE_ACCESS_old.mp4
View file
Binary file not shown.
229 changes: 109 additions & 120 deletions src/app/page.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,135 +8,124 @@ import ExploreCard from "@/components/Cards/ExploreCards/ExploreCard";
import EcosytemExplorer from "@/components/Ecosystem/EcosytemExplorer/EcosytemExplorer";

export default async function Home() {
const posts = await getPosts();
const posts = await getPosts();

return (
<>
<PrimaryHero
headline={`Build whatever`}
subheadline={
<>
Celestia is the modular blockchain powering unstoppable applications
with <span className={"whitespace-nowrap"}>full-stack</span>{" "}
customizability.
</>
}
buttons={[
{ text: "Build", url: "/build" },
{ text: "Explore", url: "#explore-celestia" },
]}
videos={{
src: {
xl: "/videos/hero/ecosystem-desktop_xl.mp4",
lg: "/videos/hero/ecosystem-desktop_lg.mp4",
sm: "/videos/hero/ecosystem-mobile_sm.mp4",
},
poster: {
lg: "/videos/hero/ecosystem-desktop_xl_poster.jpg",
sm: "/videos/hero/ecosystem-mobile_sm_poster.jpg",
},
}}
/>
return (
<>
<PrimaryHero
headline={`Build whatever`}
subheadline={
<>
Celestia is the modular blockchain powering unstoppable applications with{" "}
<span className={"whitespace-nowrap"}>full-stack</span> customizability.
</>
}
buttons={[
{ text: "Build", url: "/build" },
{ text: "Explore", url: "#explore-celestia" },
]}
videos={{
src: {
xl: "/videos/hero/ecosystem-desktop_xl.mp4",
lg: "/videos/hero/ecosystem-desktop_lg.mp4",
sm: "/videos/hero/ecosystem-mobile_sm.mp4",
},
poster: {
lg: "/videos/hero/ecosystem-desktop_xl_poster.jpg",
sm: "/videos/hero/ecosystem-mobile_sm_poster.jpg",
},
}}
/>

<HomepageScrollText />
<HomepageScrollText />

<AlternatingMediaRows
id={"explore-celestia"}
rows={[
{
title: "Unstoppable apps",
body: [
"Send money like a meme, craft onchain worlds, or deploy programs that outlive you.",
"Celestia powers apps that work in every corner of the planet – unstoppable by intermediaries and verifiable from any device.",
],
buttons: [
{ text: "Build", url: "/build", type: "secondary" },
{ text: "Deploy", url: "/build#rollups", type: "primary" },
],
videoSrc: "/videos/home/CE_BLOB.mp4 ",
},
{
title: "Full-stack customizability",
body: [
"Own your product end-to-end. Customize every layer of the stack without being locked into a single virtual-machine or framework.",
"With Celestia underneath, deploy your application on its own sovereign network or launch fast with leading Ethereum rollup frameworks.",
],
buttons: [
{ text: "Build modular", url: "/build", type: "secondary" },
{ text: "Deploy", url: "/build#rollups", type: "primary" },
],
videoSrc: "/videos/home/CE_Under.mp4 ",
},
{
title: "Onchain Abundance",
body: [
<>
Celestia’s{" "}
<Link href={"https://blog.celestia.org/roadmap/"}>
roadmap
</Link>{" "}
has a core objective: relentlessly scale to 1 GB/s data throughput,
removing crypto’s ultimate scaling bottleneck.
</>,
"Now build expressive applications previously unimaginable onchain by accessing capacity equivalent to running many Visa networks in parallel.",
],
buttons: [
{
text: "Learn Celestia",
url: "/what-is-celestia",
type: "secondary",
},
],
videoSrc: "/videos/home/CE_ACCESS.mp4",
},
]}
/>
<AlternatingMediaRows
id={"explore-celestia"}
rows={[
{
title: "Unstoppable apps",
body: [
"Send money like a meme, craft onchain worlds, or deploy programs that outlive you.",
"Celestia powers apps that work in every corner of the planet – unstoppable by intermediaries and verifiable from any device.",
],
buttons: [
{ text: "Build", url: "/build", type: "secondary" },
{ text: "Deploy", url: "/build#rollups", type: "primary" },
],
videoSrc: "/videos/home/CE_BLOB.mp4 ",
},
{
title: "Full-stack customizability",
body: [
"Own your product end-to-end. Customize every layer of the stack without being locked into a single virtual-machine or framework.",
"With Celestia underneath, deploy your application on its own sovereign network or launch fast with leading Ethereum rollup frameworks.",
],
buttons: [
{ text: "Build modular", url: "/build", type: "secondary" },
{ text: "Deploy", url: "/build#rollups", type: "primary" },
],
videoSrc: "/videos/home/CE_Under.mp4 ",
},
{
title: "Onchain Abundance",
body: [
<>
Celestia’s <Link href={"https://blog.celestia.org/roadmap/"}>roadmap</Link> has a core objective: relentlessly scale
to 1 GB/s data throughput, removing crypto’s ultimate scaling bottleneck.
</>,
"Now build expressive applications previously unimaginable onchain by accessing capacity equivalent to running many Visa networks in parallel.",
],
buttons: [
{
text: "Learn Celestia",
url: "/what-is-celestia",
type: "secondary",
},
],
videoSrc: "/videos/home/CE_ACCESS.mp4",
},
]}
/>

<ExploreCardsContainer>
<ExploreCard
title={"Run a light node"}
description={
"Directly verify and join the network by running a light node in two commands"
}
url={"/run-a-light-node"}
image={"/images/app/homepage/explore-runALightNode.png"}
/>
<ExploreCard
title={"Use Tia"}
description={
"Pay for blobspace, secure the network, and participate in governance"
}
url={"/what-is-tia"}
image={"/images/app/homepage/explore-useTia.png"}
/>
<ExploreCard
title={"Go modular"}
description={
"Join the community and meet us at the next modular event"
}
url={"/community"}
image={"/images/app/homepage/explore-joinTheCommunity.png"}
/>
</ExploreCardsContainer>
<ExploreCardsContainer>
<ExploreCard
title={"Run a light node"}
description={"Directly verify and join the network by running a light node in two commands"}
url={"/run-a-light-node"}
image={"/images/app/homepage/explore-runALightNode.png"}
/>
<ExploreCard
title={"Use Tia"}
description={"Pay for blobspace, secure the network, and participate in governance"}
url={"/what-is-tia"}
image={"/images/app/homepage/explore-useTia.png"}
/>
<ExploreCard
title={"Go modular"}
description={"Join the community and meet us at the next modular event"}
url={"/community"}
image={"/images/app/homepage/explore-joinTheCommunity.png"}
/>
</ExploreCardsContainer>

<EcosytemExplorer />
<EcosytemExplorer />

{/* BLOG */}
{posts && <Blog posts={posts} />}
</>
);
{/* BLOG */}
{posts && <Blog posts={posts} />}
</>
);
}

export const getPosts = async () => {
const res = await fetch(
"https://blog.celestia.org/ghost/api/v3/content/posts/?key=000cf34311006e070b17fffcfd&limit=6&fields=title,text,feature_image,url,excerpt,published_at&formats=plaintext"
);
const responseJson = await res.json();
const posts = responseJson.posts;
const res = await fetch(
"https://blog.celestia.org/ghost/api/v3/content/posts/?key=000cf34311006e070b17fffcfd&limit=6&fields=title,text,feature_image,url,excerpt,published_at&formats=plaintext"
);
const responseJson = await res.json();
const posts = responseJson.posts;

if (!posts) {
throw new Error("Failed to fetch blog posts");
}
if (!posts) {
throw new Error("Failed to fetch blog posts");
}

return posts;
return posts;
};

0 comments on commit 8ca7274

Please sign in to comment.