diff --git a/app/page.tsx b/app/page.tsx index 127c5ca4..f871961e 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -1,65 +1,48 @@ "use client"; -import React, { useContext } from "react"; +import React, { useCallback } from "react"; import styles from "@styles/Home.module.css"; import { useRouter } from "next/navigation"; -import HowToParticipate from "@components/pages/home/howToParticipate"; -import Stats from "@components/UI/stats/stats"; import Blur from "@components/shapes/blur"; -import { QuestsContext } from "@context/QuestsProvider"; -import FeaturedQuest from "@components/UI/featured_banner/featuredQuest"; -import QuestAndCollectionTabs from "@components/pages/home/questAndCollectionTabs"; -import CategoryTitle from "@components/UI/titles/categoryTitle"; +import Typography from "@components/UI/typography/typography"; +import { TEXT_TYPE } from "@constants/typography"; +import MainHeader from "@components/pages/home/hero"; +import Card from "@components/pages/home/card"; +import CallToAction from "@components/pages/home/callToAction"; + export default function Page() { const router = useRouter(); - const { featuredQuest, categories, trendingQuests, quests } = - useContext(QuestsContext); + + const handleNavigateToDefi = useCallback(() => { + router.push("/discover/defi"); + }, [router]); + + const handleNavigateToQuests = useCallback(() => { + router.push("/quests"); + }, [router]); return (
-
+
-
- router.push(`/quest/${featuredQuest?.id}`)} - imgSrc={featuredQuest?.img_card} - issuer={{ - name: featuredQuest?.issuer ?? "", - logoFavicon: featuredQuest?.logo ?? "", - }} - reward={featuredQuest?.rewards_title} - desc={featuredQuest?.desc} - expiry={featuredQuest?.expiry_timestamp} - questId={featuredQuest?.id} - /> -
- - - -
- -
- + + + + + + + Access the top DeFi opportunities on Starknet and grow your assets effortlessly. + + + + + Complete exciting quests, earn rewards, and deepen your knowledge of Starknet. + + + +
); diff --git a/app/quests/page.tsx b/app/quests/page.tsx new file mode 100644 index 00000000..acada7af --- /dev/null +++ b/app/quests/page.tsx @@ -0,0 +1,66 @@ +"use client"; +import React, { useContext } from "react"; +import styles from "@styles/Home.module.css"; +import { useRouter } from "next/navigation"; +import HowToParticipate from "@components/pages/home/howToParticipate"; +import Stats from "@components/UI/stats/stats"; +import Blur from "@components/shapes/blur"; +import { QuestsContext } from "@context/QuestsProvider"; +import FeaturedQuest from "@components/UI/featured_banner/featuredQuest"; +import QuestAndCollectionTabs from "@components/pages/home/questAndCollectionTabs"; +import CategoryTitle from "@components/UI/titles/categoryTitle"; + +export default function Page() { + const router = useRouter(); + const { featuredQuest, categories, trendingQuests, quests } = + useContext(QuestsContext); + + return ( +
+
+
+ +
+
+ router.push(`/quest/${featuredQuest?.id}`)} + imgSrc={featuredQuest?.img_card} + issuer={{ + name: featuredQuest?.issuer ?? "", + logoFavicon: featuredQuest?.logo ?? "", + }} + reward={featuredQuest?.rewards_title} + desc={featuredQuest?.desc} + expiry={featuredQuest?.expiry_timestamp} + questId={featuredQuest?.id} + /> +
+ + + +
+ +
+ +
+
+ ); +} \ No newline at end of file diff --git a/components/UI/changeWallet.tsx b/components/UI/changeWallet.tsx index 966cd973..7ae6b2d9 100644 --- a/components/UI/changeWallet.tsx +++ b/components/UI/changeWallet.tsx @@ -5,7 +5,7 @@ import Button from "./button"; import { FunctionComponent } from "react"; import { Modal } from "@mui/material"; import WalletIcons from "@components/UI/iconsComponents/icons/walletIcons"; -import getDiscoveryWallets from "get-starknet-core"; +import getDiscoveryWallets from "@starknet-io/get-starknet-core"; import useGetDiscoveryWallets from "@hooks/useGetDiscoveryWallets"; import Typography from "./typography/typography"; import { TEXT_TYPE } from "@constants/typography"; diff --git a/components/UI/navbar.tsx b/components/UI/navbar.tsx index c25a3b19..951d8f9d 100644 --- a/components/UI/navbar.tsx +++ b/components/UI/navbar.tsx @@ -190,22 +190,22 @@ const Navbar: FunctionComponent = () => { Starknet.id Logo
-