feat: add lottie anims to index page

remove lottie example page
celestiaorg · Jan 24, 2024 · 0217b3c · 0217b3c
1 parent 3ab07f3
commit 0217b3c
Show file tree

Hide file tree

Showing 9 changed files with 6 additions and 367 deletions.
diff --git a/src/anim/anim-p1.json b/src/anim/anim-p1.json
diff --git a/src/anim/groovyWalk.json b/src/anim/groovyWalk.json
diff --git a/src/anim/anim-p3.json → src/anim/trans-anim-1.json b/src/anim/anim-p3.json → src/anim/trans-anim-1.json
diff --git a/src/anim/anim-p2.json → src/anim/trans-anim-2.json b/src/anim/anim-p2.json → src/anim/trans-anim-2.json
diff --git a/src/components/lottie-version-1.js b/src/components/lottie-version-1.js
diff --git a/src/components/lottie-version-2.js b/src/components/lottie-version-2.js
diff --git a/src/components/lottie-version-3.js b/src/components/lottie-version-3.js
diff --git a/src/pages/index.js b/src/pages/index.js
@@ -22,6 +22,8 @@ import Seo from "../components/seo";
 import HomeHeroSection from "../components/sections/home-hero-section";
 
 import TwoColumnH2 from "../components/sections/two-column-h2";
+import lottiAnim1 from "../anim/trans-anim-1.json";
+import lottiAnim2 from "../anim/trans-anim-2.json";
 
 const IndexPage = () => {
 	const [isModalOpen, setIsModalOpen] = useState(false);
@@ -57,6 +59,7 @@ const IndexPage = () => {
 							image={"graph-scale.png"}
 							buttonPrimaryTitle={"Learn Celestia"}
 							buttonPrimaryUrl={"/what-is-celestia/"}
+							anim={lottiAnim1}
 						/>
 						<TwoColumnH2
 							direction={"rtl"}
@@ -70,6 +73,7 @@ const IndexPage = () => {
 							buttonPrimaryUrl={"/build/"}
 							buttonSecondaryTitle={"Deploy"}
 							buttonSecondaryUrl={"/build#deploy"}
+							anim={lottiAnim2}
 						/>
 
 						<section id={`${heroData.buttons[1]?.url.replace(/\s+/g, "-").toLowerCase()}`} className='explore-celestia'>

diff --git a/src/pages/lottie.js b/src/pages/lottie.js