diff --git a/packages/nextjs/app/dexs/page.tsx b/packages/nextjs/app/dexs/page.tsx
index 163d8e3..9bc072c 100644
--- a/packages/nextjs/app/dexs/page.tsx
+++ b/packages/nextjs/app/dexs/page.tsx
@@ -1,4 +1,4 @@
-import DexPage from "~~/components/Navigations/Dexs";
+import DexPage from "./Dexs";
 
 export default function DexsPage() {
   return <DexPage />;
diff --git a/packages/nextjs/components/Navigations/Keywords.tsx b/packages/nextjs/app/keywords/Keywords.tsx
similarity index 97%
rename from packages/nextjs/components/Navigations/Keywords.tsx
rename to packages/nextjs/app/keywords/Keywords.tsx
index 0912e19..8f88ddc 100644
--- a/packages/nextjs/components/Navigations/Keywords.tsx
+++ b/packages/nextjs/app/keywords/Keywords.tsx
@@ -1,9 +1,9 @@
 "use client";
 
 import React, { useState } from "react";
-import Pagination from "../Pagination";
+import Pagination from "../../components/Pagination";
 import { BookOpen, Search } from "lucide-react";
-import { keywords } from "~~/app/keywords/data";
+import { keywords } from "./data";
 
 const itemPerPage = 10;
 const startIndex = (currentPage: number) => {
diff --git a/packages/nextjs/app/keywords/page.tsx b/packages/nextjs/app/keywords/page.tsx
index 42e6dd5..f954b75 100644
--- a/packages/nextjs/app/keywords/page.tsx
+++ b/packages/nextjs/app/keywords/page.tsx
@@ -1,5 +1,5 @@
-import DefiKeywordsPage from "~~/components/Navigations/Keywords";
+import DefiKeywordsPage from "./Keywords";
 
-export default function KeywordPage(){
-    return <DefiKeywordsPage />
-}
\ No newline at end of file
+export default function KeywordPage() {
+  return <DefiKeywordsPage />;
+}
diff --git a/packages/nextjs/app/news/page.tsx b/packages/nextjs/app/news/page.tsx
index a3072a5..af45ae7 100644
--- a/packages/nextjs/app/news/page.tsx
+++ b/packages/nextjs/app/news/page.tsx
@@ -1,4 +1,4 @@
-import DeFiNews from "~~/components/Navigations/News";
+import DeFiNews from "./News";
 
 export default function NewsPage() {
   return <DeFiNews />;
diff --git a/packages/nextjs/components/Navigations/Dexs.tsx b/packages/nextjs/components/Navigations/Dexs.tsx
deleted file mode 100644
index 0cfaad7..0000000
--- a/packages/nextjs/components/Navigations/Dexs.tsx
+++ /dev/null
@@ -1,206 +0,0 @@
-"use client";
-import React, { useState } from 'react';
-import { Search, TrendingUp, ArrowRightLeft, PieChart, Shield } from 'lucide-react';
-
-const DexsPage = () => {
-  const [activeTab, setActiveTab] = useState('all');
-
-  const dexData = [
-    {
-      name: "Uniswap",
-      description: "Leading AMM DEX with concentrated liquidity",
-      tvl: "$3.5B",
-      volume24h: "$1.2B",
-      features: ["Multiple chains support", "Concentrated liquidity", "Low slippage"],
-      type: "AMM",
-      chains: ["Ethereum", "Polygon", "Arbitrum", "Optimism"],
-      icon: "🦄"
-    },
-    {
-      name: "Curve",
-      description: "Specialized in stablecoin and like-kind asset swaps",
-      tvl: "$2.8B",
-      volume24h: "$800M",
-      features: ["Low slippage", "Stable asset focus", "High efficiency"],
-      type: "Stableswap AMM",
-      chains: ["Ethereum", "Polygon", "Avalanche"],
-      icon: "⚡"
-    },
-    {
-      name: "dYdX",
-      description: "Leading derivatives DEX with perpetual contracts",
-      tvl: "$1.5B",
-      volume24h: "$2.1B",
-      features: ["Perpetual trading", "High leverage", "Professional tools"],
-      type: "Derivatives",
-      chains: ["Ethereum", "StarkNet"],
-      icon: "📈"
-    },
-    {
-      name: "Aave",
-      description: "Decentralized protocol for lending and borrowing assets",
-      tvl: "$4.7B",
-      volume24h: "$400M",
-      features: ["Flash Loans", "Flexible interest rates", "Multi-chain support"],
-      type: "Lending",
-      chains: ["Ethereum", "Polygon", "Avalanche", "Arbitrum"],
-      icon: "🏦"
-    },
-    {
-      name: "Compound",
-      description: "Algorithmic, autonomous interest rate protocol",
-      tvl: "$2.1B",
-      volume24h: "$350M",
-      features: ["Lending and borrowing", "Governance token (COMP)", "Decentralized governance"],
-      type: "Lending",
-      chains: ["Ethereum"],
-      icon: "📊"
-    },
-    {
-      name: "Balancer",
-      description: "Automated portfolio manager and trading platform",
-      tvl: "$1.3B",
-      volume24h: "$600M",
-      features: ["Custom AMM pools", "Smart pools", "Multi-asset support"],
-      type: "AMM",
-      chains: ["Ethereum", "Polygon", "Arbitrum"],
-      icon: "⚖️"
-    }
-  ];
-
-  const filteredDexs = activeTab === 'all' 
-    ? dexData
-    : dexData.filter(dex => dex.type.toLowerCase().includes(activeTab.toLowerCase()));
-
-  return (
-    <div className="container mx-auto p-6">
-      <div className="space-y-6">
-        {/* Header Section */}
-        <div className="text-center space-y-4">
-          <h1 className="text-4xl font-bold">DeFi Platforms</h1>
-          <p className="text-lg text-gray-600">
-            Discover and compare the leading DeFi platforms in AMMs, lending, and derivatives
-          </p>
-        </div>
-
-        {/* Quick Stats */}
-        <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
-          <div className="bg-white rounded-lg shadow p-6">
-            <div className="flex items-center space-x-2">
-              <TrendingUp className="h-6 w-6 text-green-500" />
-              <div>
-                <p className="text-sm text-gray-600">Total Value Locked</p>
-                <p className="text-2xl font-bold">$15.9B</p>
-              </div>
-            </div>
-          </div>
-          <div className="bg-white rounded-lg shadow p-6">
-            <div className="flex items-center space-x-2">
-              <ArrowRightLeft className="h-6 w-6 text-blue-500" />
-              <div>
-                <p className="text-sm text-gray-600">24h Volume</p>
-                <p className="text-2xl font-bold">$4.7B</p>
-              </div>
-            </div>
-          </div>
-          <div className="bg-white rounded-lg shadow p-6">
-            <div className="flex items-center space-x-2">
-              <PieChart className="h-6 w-6 text-purple-500" />
-              <div>
-                <p className="text-sm text-gray-600">Active Users</p>
-                <p className="text-2xl font-bold">300K+</p>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        {/* Tabs */}
-        <div className="border-b border-gray-200">
-          <div className="flex space-x-4">
-            {['all', 'amm', 'lending', 'derivatives'].map((tab) => (
-              <button
-                key={tab}
-                onClick={() => setActiveTab(tab)}
-                className={`py-2 px-4 text-sm font-medium border-b-2 ${
-                  activeTab === tab
-                    ? 'border-blue-500 text-blue-600'
-                    : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'
-                }`}
-              >
-                {tab.charAt(0).toUpperCase() + tab.slice(1)}
-              </button>
-            ))}
-          </div>
-        </div>
-
-        {/* Platform Cards */}
-        <div className="space-y-4">
-          {filteredDexs.map((dex) => (
-            <div key={dex.name} className="bg-white rounded-lg shadow overflow-hidden">
-              <div className="p-6">
-                <div className="flex items-center justify-between mb-4">
-                  <div className="flex items-center space-x-2">
-                    <span className="text-2xl">{dex.icon}</span>
-                    <h2 className="text-xl font-bold">{dex.name}</h2>
-                  </div>
-                  <div className="flex items-center space-x-2">
-                    <Shield className="h-5 w-5 text-green-500" />
-                    <span className="text-sm text-gray-600">Audited</span>
-                  </div>
-                </div>
-                <p className="text-gray-600 mb-4">{dex.description}</p>
-                
-                <div className="grid grid-cols-1 md:grid-cols-3 gap-4 mb-4">
-                  <div>
-                    <p className="text-sm text-gray-600">TVL</p>
-                    <p className="font-bold">{dex.tvl}</p>
-                  </div>
-                  <div>
-                    <p className="text-sm text-gray-600">24h Volume</p>
-                    <p className="font-bold">{dex.volume24h}</p>
-                  </div>
-                  <div>
-                    <p className="text-sm text-gray-600">Type</p>
-                    <p className="font-bold">{dex.type}</p>
-                  </div>
-                </div>
-
-                <div className="space-y-4">
-                  <div>
-                    <p className="text-sm text-gray-600 mb-2">Supported Chains</p>
-                    <div className="flex flex-wrap gap-2">
-                      {dex.chains.map((chain) => (
-                        <span
-                          key={chain}
-                          className="px-2 py-1 bg-gray-100 rounded-full text-sm"
-                        >
-                          {chain}
-                        </span>
-                      ))}
-                    </div>
-                  </div>
-
-                  <div>
-                    <p className="text-sm text-gray-600 mb-2">Key Features</p>
-                    <div className="flex flex-wrap gap-2">
-                      {dex.features.map((feature) => (
-                        <span
-                          key={feature}
-                          className="px-2 py-1 bg-blue-100 text-blue-800 rounded-full text-sm"
-                        >
-                          {feature}
-                        </span>
-                      ))}
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          ))}
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default DexsPage;
diff --git a/packages/nextjs/components/Navigations/ExpandableQuiz.tsx b/packages/nextjs/components/Navigations/ExpandableQuiz.tsx
deleted file mode 100644
index 1ccceb6..0000000
--- a/packages/nextjs/components/Navigations/ExpandableQuiz.tsx
+++ /dev/null
@@ -1,804 +0,0 @@
-export const QuizQuestions = [
-  {
-    question: "What is the core principle of Decentralized Finance (DeFi)?",
-    options: [
-      "Centralized control of financial systems",
-      "Increasing government regulation",
-      "Limiting financial access",
-      "Removing intermediaries and creating open financial protocols",
-    ],
-    correctAnswer: "Removing intermediaries and creating open financial protocols",
-  },
-  {
-    question: "What makes Automated Market Makers (AMMs) unique?",
-    options: [
-      "They use traditional order books",
-      "They rely on centralized exchanges",
-      "They use mathematical formulas to provide liquidity",
-      "They only work with government-backed currencies",
-    ],
-    correctAnswer: "They use mathematical formulas to provide liquidity",
-  },
-  {
-    question: "What is a key advantage of flash loans?",
-    options: [
-      "Long-term lending options",
-      "Uncollateralized loans within a single transaction",
-      "High-interest credit lines",
-      "Personal banking services",
-    ],
-    correctAnswer: "Uncollateralized loans within a single transaction",
-  },
-  {
-    question: "What risk do liquidity providers face in DeFi?",
-    options: [
-      "No specific risks",
-      "Impermanent loss due to price volatility",
-      "Always guaranteed profits",
-      "Fixed returns",
-    ],
-    correctAnswer: "Impermanent loss due to price volatility",
-  },
-  {
-    question: "What are synthetic assets in DeFi?",
-    options: [
-      "Physical financial instruments",
-      "Tokens tracking the value of another asset",
-      "Government-issued digital currencies",
-      "Traditional stock market derivatives",
-    ],
-    correctAnswer: "Tokens tracking the value of another asset",
-  },
-  {
-    question: "What is the core principle of Decentralized Finance (DeFi)?",
-    options: [
-      "Centralized control of financial systems",
-      "Removing intermediaries and creating open financial protocols",
-      "Increasing government regulation",
-      "Limiting financial access",
-    ],
-    correctAnswer: "Removing intermediaries and creating open financial protocols",
-  },
-  {
-    question: "What makes Automated Market Makers (AMMs) unique?",
-    options: [
-      "They use traditional order books",
-      "They rely on centralized exchanges",
-      "They use mathematical formulas to provide liquidity",
-      "They only work with government-backed currencies",
-    ],
-    correctAnswer: "They use mathematical formulas to provide liquidity",
-  },
-  {
-    question: "What is a key advantage of flash loans?",
-    options: [
-      "Long-term lending options",
-      "Uncollateralized loans within a single transaction",
-      "High-interest credit lines",
-      "Personal banking services",
-    ],
-    correctAnswer: "Uncollateralized loans within a single transaction",
-  },
-  {
-    question: "What risk do liquidity providers face in DeFi?",
-    options: [
-      "No specific risks",
-      "Impermanent loss due to price volatility",
-      "Always guaranteed profits",
-      "Fixed returns",
-    ],
-    correctAnswer: "Impermanent loss due to price volatility",
-  },
-  {
-    question: "What are synthetic assets in DeFi?",
-    options: [
-      "Physical financial instruments",
-      "Tokens tracking the value of another asset",
-      "Government-issued digital currencies",
-      "Traditional stock market derivatives",
-    ],
-    correctAnswer: "Tokens tracking the value of another asset",
-  },
-  {
-    question: "What is a primary function of a liquidity pool?",
-    options: [
-      "Storing physical cash",
-      "Providing liquidity for token trading",
-      "Offering banking services",
-      "Creating government regulations",
-    ],
-    correctAnswer: "Providing liquidity for token trading",
-  },
-  {
-    question: "What blockchain is most commonly used for DeFi applications?",
-    options: ["Bitcoin", "Ripple", "Ethereum", "Litecoin"],
-    correctAnswer: "Ethereum",
-  },
-  {
-    question: "What is yield farming in DeFi?",
-    options: [
-      "Agricultural investment",
-      "Generating returns by staking or lending crypto assets",
-      "Traditional crop farming",
-      "Government agricultural subsidies",
-    ],
-    correctAnswer: "Generating returns by staking or lending crypto assets",
-  },
-  {
-    question: "What is a smart contract in blockchain context?",
-    options: [
-      "A legal document",
-      "Self-executing code with predefined conditions",
-      "A physical contract",
-      "A bank agreement",
-    ],
-    correctAnswer: "Self-executing code with predefined conditions",
-  },
-  {
-    question: "What does 'non-custodial' mean in DeFi?",
-    options: [
-      "Regulated by government",
-      "Users maintain control of their private keys",
-      "Managed by a central authority",
-      "Restricted access",
-    ],
-    correctAnswer: "Users maintain control of their private keys",
-  },
-  {
-    question: "What is a decentralized exchange (DEX)?",
-    options: [
-      "A government-regulated exchange",
-      "A peer-to-peer trading platform without central authority",
-      "A traditional stock market",
-      "A bank trading platform",
-    ],
-    correctAnswer: "A peer-to-peer trading platform without central authority",
-  },
-  {
-    question: "What is the primary purpose of a stablecoin?",
-    options: [
-      "High-risk investment",
-      "Maintaining a stable value relative to a reference asset",
-      "Generating high returns",
-      "Speculative trading",
-    ],
-    correctAnswer: "Maintaining a stable value relative to a reference asset",
-  },
-  {
-    question: "What is a governance token?",
-    options: [
-      "A government-issued currency",
-      "A token giving voting rights in a protocol",
-      "A stock market investment",
-      "A physical currency",
-    ],
-    correctAnswer: "A token giving voting rights in a protocol",
-  },
-  {
-    question: "What is 'slippage' in DeFi trading?",
-    options: [
-      "A trading error",
-      "The difference between expected and actual trade price",
-      "A marketing term",
-      "A type of insurance",
-    ],
-    correctAnswer: "The difference between expected and actual trade price",
-  },
-  {
-    question: "What is lending protocol in DeFi?",
-    options: [
-      "A government loan program",
-      "A platform allowing users to lend and borrow crypto assets",
-      "A traditional bank service",
-      "A credit scoring system",
-    ],
-    correctAnswer: "A platform allowing users to lend and borrow crypto assets",
-  },
-  {
-    question: "What does 'TVL' stand for in DeFi?",
-    options: ["Total Valuable Loans", "Total Value Locked", "Total Volatile Liquidity", "Total Verified Transactions"],
-    correctAnswer: "Total Value Locked",
-  },
-  {
-    question: "What is a wrapped token?",
-    options: [
-      "A physical packaging of tokens",
-      "A token representing another asset on a different blockchain",
-      "A marketing strategy",
-      "A government regulation",
-    ],
-    correctAnswer: "A token representing another asset on a different blockchain",
-  },
-  {
-    question: "What is 'composability' in DeFi?",
-    options: [
-      "Physical token construction",
-      "The ability to combine different protocols and services",
-      "A trading strategy",
-      "A regulatory framework",
-    ],
-    correctAnswer: "The ability to combine different protocols and services",
-  },
-  {
-    question: "What is a blockchain oracle?",
-    options: [
-      "A physical device",
-      "A service providing external data to smart contracts",
-      "A government information center",
-      "A trading platform",
-    ],
-    correctAnswer: "A service providing external data to smart contracts",
-  },
-  {
-    question: "What is liquid staking?",
-    options: [
-      "A physical liquidity method",
-      "Staking tokens while maintaining liquidity through derivative tokens",
-      "A government investment program",
-      "A traditional banking service",
-    ],
-    correctAnswer: "Staking tokens while maintaining liquidity through derivative tokens",
-  },
-  {
-    question: "What is a multi-sig wallet?",
-    options: [
-      "A single-owner wallet",
-      "A wallet requiring multiple signatures to authorize transactions",
-      "A government-issued wallet",
-      "A trading platform",
-    ],
-    correctAnswer: "A wallet requiring multiple signatures to authorize transactions",
-  },
-  {
-    question: "What is 'tokenomics'?",
-    options: [
-      "A physical token system",
-      "The economic model and design of a cryptocurrency",
-      "A government economic policy",
-      "A trading strategy",
-    ],
-    correctAnswer: "The economic model and design of a cryptocurrency",
-  },
-  {
-    question: "What is a decentralized autonomous organization (DAO)?",
-    options: [
-      "A government organization",
-      "A community-driven organization with blockchain-based governance",
-      "A traditional corporate structure",
-      "A banking institution",
-    ],
-    correctAnswer: "A community-driven organization with blockchain-based governance",
-  },
-  {
-    question: "What is a bridge in blockchain context?",
-    options: [
-      "A physical infrastructure",
-      "A protocol enabling token transfers between different blockchains",
-      "A government communication network",
-      "A trading platform",
-    ],
-    correctAnswer: "A protocol enabling token transfers between different blockchains",
-  },
-  {
-    question: "What is impermanent loss?",
-    options: [
-      "A trading mistake",
-      "Potential loss experienced by liquidity providers due to price volatility",
-      "A physical asset depreciation",
-      "A government financial term",
-    ],
-    correctAnswer: "Potential loss experienced by liquidity providers due to price volatility",
-  },
-  {
-    question: "What is a layer-2 solution?",
-    options: [
-      "A physical network layer",
-      "A scaling solution built on top of an existing blockchain",
-      "A government infrastructure",
-      "A trading platform",
-    ],
-    correctAnswer: "A scaling solution built on top of an existing blockchain",
-  },
-  {
-    question: "What is a bonding curve?",
-    options: [
-      "A physical graph",
-      "A mathematical curve defining token pricing based on supply",
-      "A government pricing model",
-      "A trading strategy",
-    ],
-    correctAnswer: "A mathematical curve defining token pricing based on supply",
-  },
-  {
-    question: "What is a CDP in DeFi?",
-    options: ["A government document", "Collateralized Debt Position", "A trading platform", "A physical asset"],
-    correctAnswer: "Collateralized Debt Position",
-  },
-  {
-    question: "What is a liquidity mining program?",
-    options: [
-      "Agricultural mining",
-      "Rewarding users with tokens for providing liquidity",
-      "A government subsidy",
-      "A traditional investment strategy",
-    ],
-    correctAnswer: "Rewarding users with tokens for providing liquidity",
-  },
-  {
-    question: "What is 'ZK-rollup'?",
-    options: [
-      "A physical rolling mechanism",
-      "A layer-2 scaling solution using zero-knowledge proofs",
-      "A government security protocol",
-      "A trading algorithm",
-    ],
-    correctAnswer: "A layer-2 scaling solution using zero-knowledge proofs",
-  },
-  {
-    question: "What is a launchpad in crypto context?",
-    options: [
-      "A physical launch platform",
-      "A platform for new crypto projects to raise funds",
-      "A government funding program",
-      "A trading exchange",
-    ],
-    correctAnswer: "A platform for new crypto projects to raise funds",
-  },
-  {
-    question: "What is 'slashing' in proof-of-stake?",
-    options: [
-      "A physical cutting process",
-      "Penalizing validators for malicious or incorrect behavior",
-      "A government punishment",
-      "A trading strategy",
-    ],
-    correctAnswer: "Penalizing validators for malicious or incorrect behavior",
-  },
-  {
-    question: "What is a liquid democracy?",
-    options: [
-      "A government system",
-      "A voting mechanism allowing token holders to delegate voting power",
-      "A traditional voting process",
-      "A trading platform",
-    ],
-    correctAnswer: "A voting mechanism allowing token holders to delegate voting power",
-  },
-  {
-    question: "What is a cross-chain swap?",
-    options: [
-      "A physical exchange",
-      "Exchanging tokens across different blockchain networks",
-      "A government currency exchange",
-      "A trading algorithm",
-    ],
-    correctAnswer: "Exchanging tokens across different blockchain networks",
-  },
-  {
-    question: "What is a rebase token?",
-    options: [
-      "A physical token",
-      "A token with a supply that automatically adjusts",
-      "A government-issued currency",
-      "A trading strategy",
-    ],
-    correctAnswer: "A token with a supply that automatically adjusts",
-  },
-  {
-    question: "What is 'front-running' in blockchain?",
-    options: [
-      "A racing strategy",
-      "Exploiting transaction order to gain an unfair advantage",
-      "A government regulation",
-      "A trading technique",
-    ],
-    correctAnswer: "Exploiting transaction order to gain an unfair advantage",
-  },
-  {
-    question: "What is a proof of reserves?",
-    options: [
-      "A physical document",
-      "Demonstrating that a crypto platform holds sufficient assets",
-      "A government audit",
-      "A trading certification",
-    ],
-    correctAnswer: "Demonstrating that a crypto platform holds sufficient assets",
-  },
-  {
-    question: "What is a trustless system?",
-    options: [
-      "A system requiring complete trust",
-      "A system where no single entity needs to be trusted",
-      "A government-controlled system",
-      "A traditional banking platform",
-    ],
-    correctAnswer: "A system where no single entity needs to be trusted",
-  },
-  {
-    question: "What is a rollup in blockchain?",
-    options: [
-      "A physical rolling mechanism",
-      "A layer-2 scaling solution that processes transactions off-chain",
-      "A government infrastructure",
-      "A trading algorithm",
-    ],
-    correctAnswer: "A layer-2 scaling solution that processes transactions off-chain",
-  },
-  {
-    question: "What is a bonding curve offering?",
-    options: [
-      "A physical bond",
-      "A token sale mechanism with dynamically changing prices",
-      "A government investment",
-      "A traditional stock offering",
-    ],
-    correctAnswer: "A token sale mechanism with dynamically changing prices",
-  },
-  {
-    question: "What is a liquidity bootstrap pool?",
-    options: [
-      "An agricultural water system",
-      "A token launch mechanism for creating initial liquidity",
-      "A government funding program",
-      "A trading platform",
-    ],
-    correctAnswer: "A token launch mechanism for creating initial liquidity",
-  },
-  {
-    question: "What is a meta-transaction?",
-    options: [
-      "A physical transaction",
-      "A transaction where fees are paid by a third party",
-      "A government transaction",
-      "A traditional banking process",
-    ],
-    correctAnswer: "A transaction where fees are paid by a third party",
-  },
-  {
-    question: "What is a liquid queue?",
-    options: [
-      "A physical waiting line",
-      "A DeFi mechanism for managing token distribution",
-      "A government process",
-      "A trading algorithm",
-    ],
-    correctAnswer: "A DeFi mechanism for managing token distribution",
-  },
-  {
-    question: "What is a time-weighted average price (TWAP)?",
-    options: [
-      "A physical measurement",
-      "An average price calculated over a specific time period",
-      "A government pricing model",
-      "A trading strategy",
-    ],
-    correctAnswer: "An average price calculated over a specific time period",
-  },
-  {
-    question: "What is a merkle tree?",
-    options: [
-      "A physical tree",
-      "A data structure for efficiently verifying data integrity",
-      "A government record-keeping system",
-      "A trading platform",
-    ],
-    correctAnswer: "A data structure for efficiently verifying data integrity",
-  },
-  {
-    question: "What is a honeypot in crypto?",
-    options: [
-      "A physical container",
-      "A malicious smart contract designed to trap and steal funds",
-      "A government security measure",
-      "A trading technique",
-    ],
-    correctAnswer: "A malicious smart contract designed to trap and steal funds",
-  },
-  {
-    question: "What is a rage quit in DAO context?",
-    options: [
-      "A physical exit",
-      "Withdrawing funds and leaving a DAO with your proportional share",
-      "A government resignation",
-      "A trading strategy",
-    ],
-    correctAnswer: "Withdrawing funds and leaving a DAO with your proportional share",
-  },
-
-  // Derivatives
-  {
-    question: "What is a derivative in the context of DeFi?",
-    options: [
-      "A secondary blockchain network",
-      "A financial instrument deriving value from an underlying asset",
-      "A staking mechanism",
-      "A method of token minting",
-    ],
-    correctAnswer: "A financial instrument deriving value from an underlying asset",
-  },
-  {
-    question: "What is the purpose of perpetual futures contracts in DeFi?",
-    options: [
-      "To settle trades instantly",
-      "To allow leverage trading without expiration dates",
-      "To provide liquidity for stablecoins",
-      "To automate staking rewards",
-    ],
-    correctAnswer: "To allow leverage trading without expiration dates",
-  },
-  {
-    question: "What is the role of collateral in DeFi derivatives?",
-    options: [
-      "Ensures transaction privacy",
-      "Secures a derivative position against potential loss",
-      "Prevents token duplication",
-      "Reduces gas fees",
-    ],
-    correctAnswer: "Secures a derivative position against potential loss",
-  },
-  {
-    question: "What is an options contract in DeFi?",
-    options: [
-      "A decentralized lending protocol",
-      "A right, but not an obligation, to buy or sell an asset at a set price",
-      "A token creation mechanism",
-      "A method to yield farm",
-    ],
-    correctAnswer: "A right, but not an obligation, to buy or sell an asset at a set price",
-  },
-  {
-    question: "What is 'leverage' in derivatives trading?",
-    options: [
-      "Using borrowed funds to increase position size",
-      "A method to reduce impermanent loss",
-      "A token wrapping technique",
-      "An oracle function",
-    ],
-    correctAnswer: "Using borrowed funds to increase position size",
-  },
-  // Oracles
-  {
-    question: "What is the main function of a blockchain oracle?",
-    options: [
-      "To mint new tokens",
-      "To provide external data to smart contracts",
-      "To verify user identities",
-      "To create stablecoins",
-    ],
-    correctAnswer: "To provide external data to smart contracts",
-  },
-  {
-    question: "What is a 'price feed' in blockchain oracle systems?",
-    options: [
-      "A list of all available tokens",
-      "External data providing asset prices to smart contracts",
-      "A transaction record",
-      "A staking reward calculation",
-    ],
-    correctAnswer: "External data providing asset prices to smart contracts",
-  },
-  {
-    question: "What is a 'trusted oracle'?",
-    options: [
-      "An oracle operated by a government body",
-      "An oracle with verified and secure data sources",
-      "A decentralized exchange",
-      "A stablecoin provider",
-    ],
-    correctAnswer: "An oracle with verified and secure data sources",
-  },
-  {
-    question: "What problem do decentralized oracles solve?",
-    options: [
-      "High gas fees",
-      "Single points of failure in data delivery",
-      "Blockchain congestion",
-      "Lack of token liquidity",
-    ],
-    correctAnswer: "Single points of failure in data delivery",
-  },
-  {
-    question: "What is 'oracle manipulation' in DeFi?",
-    options: [
-      "A technique to enhance transaction speed",
-      "Exploiting an oracle to provide false data for financial gain",
-      "A method to increase staking rewards",
-      "A governance token voting mechanism",
-    ],
-    correctAnswer: "Exploiting an oracle to provide false data for financial gain",
-  },
-  // Stablecoins
-  {
-    question: "What are algorithmic stablecoins?",
-    options: [
-      "Stablecoins backed by fiat currency",
-      "Stablecoins maintaining value through algorithms and smart contracts",
-      "Stablecoins pegged to gold",
-      "Stablecoins with no fixed value",
-    ],
-    correctAnswer: "Stablecoins maintaining value through algorithms and smart contracts",
-  },
-  {
-    question: "What is the primary advantage of fiat-collateralized stablecoins?",
-    options: [
-      "Complete decentralization",
-      "Price stability through traditional asset backing",
-      "No regulatory oversight",
-      "Guaranteed high returns",
-    ],
-    correctAnswer: "Price stability through traditional asset backing",
-  },
-  {
-    question: "What is a risk associated with stablecoins?",
-    options: [
-      "High price volatility",
-      "Loss of private keys",
-      "Dependence on collateral or algorithm stability",
-      "Gas fees for transactions",
-    ],
-    correctAnswer: "Dependence on collateral or algorithm stability",
-  },
-  {
-    question: "What is a fully collateralized stablecoin?",
-    options: [
-      "A stablecoin backed 100% by reserve assets",
-      "A token with no underlying value",
-      "A token used for staking",
-      "A blockchain oracle system",
-    ],
-    correctAnswer: "A stablecoin backed 100% by reserve assets",
-  },
-  {
-    question: "What does 'off-chain collateral' refer to in stablecoin systems?",
-    options: [
-      "Tokens held in liquidity pools",
-      "Real-world assets backing the stablecoin",
-      "Staked cryptocurrency",
-      "Untraceable assets",
-    ],
-    correctAnswer: "Real-world assets backing the stablecoin",
-  },
-  // Decentralized Exchanges (DEXs)
-  {
-    question: "What is the primary benefit of using a DEX?",
-    options: [
-      "Enhanced privacy and control of funds",
-      "Guaranteed profits",
-      "Centralized trade execution",
-      "Free trading fees",
-    ],
-    correctAnswer: "Enhanced privacy and control of funds",
-  },
-  {
-    question: "What is 'order book' trading?",
-    options: [
-      "A system used by AMMs",
-      "A blockchain governance model",
-      "A stablecoin issuance method",
-      "A system listing buy and sell orders for an asset",
-    ],
-    correctAnswer: "A system listing buy and sell orders for an asset",
-  },
-  {
-    question: "How do AMMs differ from traditional order books?",
-    options: [
-      "They use liquidity pools instead of matching orders",
-      "They rely on centralized servers",
-      "They only work with fiat currencies",
-      "They do not allow swaps",
-    ],
-    correctAnswer: "They use liquidity pools instead of matching orders",
-  },
-  {
-    question: "What is 'impermanent loss' in liquidity provision?",
-    options: [
-      "A loss due to holding volatile assets",
-      "A temporary loss from price divergence between deposited assets",
-      "A penalty for staking tokens",
-      "A decline in TVL",
-    ],
-    correctAnswer: "A temporary loss from price divergence between deposited assets",
-  },
-  {
-    question: "What is 'slippage tolerance' in DEX trading?",
-    options: [
-      "The percentage change allowed between quoted and executed prices",
-      "The minimum balance required to trade",
-      "The gas fee limit for transactions",
-      "The staking requirement",
-    ],
-    correctAnswer: "The percentage change allowed between quoted and executed prices",
-  },
-  // Security
-  {
-    question: "What is a common vulnerability in smart contracts?",
-    options: ["Reentrancy attacks", "Overcollateralization", "Token inflation", "Low transaction speeds"],
-    correctAnswer: "Reentrancy attacks",
-  },
-  {
-    question: "What is a rug pull?",
-    options: [
-      "A token burning mechanism",
-      "Developers abandoning a project and taking funds",
-      "A method to reduce slippage",
-      "A governance voting process",
-    ],
-    correctAnswer: "Developers abandoning a project and taking funds",
-  },
-  {
-    question: "What is 'cold storage' in crypto security?",
-    options: [
-      "A hardware-based secure storage solution",
-      "A staking mechanism",
-      "A liquidity pool feature",
-      "An oracle data service",
-    ],
-    correctAnswer: "A hardware-based secure storage solution",
-  },
-  {
-    question: "What is a phishing attack?",
-    options: [
-      "Exploiting a smart contract vulnerability",
-      "Manipulating oracle data",
-      "A fraudulent attempt to steal sensitive information",
-      "A gas fee optimization technique",
-    ],
-    correctAnswer: "A fraudulent attempt to steal sensitive information",
-  },
-  {
-    question: "What is a multisig wallet's primary purpose?",
-    options: [
-      "Providing additional layers of security for transactions",
-      "Automating transactions",
-      "Generating random private keys",
-      "Minting new tokens",
-    ],
-    correctAnswer: "Providing additional layers of security for transactions",
-  },
-  // Smart Contracts
-  {
-    question: "What is a smart contract?",
-    options: [
-      "A self-executing contract with predefined conditions",
-      "A physical agreement",
-      "A fiat-backed token",
-      "A DeFi lending protocol",
-    ],
-    correctAnswer: "A self-executing contract with predefined conditions",
-  },
-  {
-    question: "What language is commonly used to write Ethereum smart contracts?",
-    options: ["Python", "C++", "JavaScript", "Solidity"],
-    correctAnswer: "Solidity",
-  },
-  {
-    question: "What is 'gas' in Ethereum?",
-    options: [
-      "A transaction fee for executing smart contracts",
-      "A storage fee for tokens",
-      "A hardware requirement",
-      "A staking penalty",
-    ],
-    correctAnswer: "A transaction fee for executing smart contracts",
-  },
-  {
-    question: "What is 'state' in smart contracts?",
-    options: [
-      "Data stored on the blockchain related to the contract",
-      "A physical token",
-      "A transaction fee model",
-      "A governance mechanism",
-    ],
-    correctAnswer: "Data stored on the blockchain related to the contract",
-  },
-  {
-    question: "What is 'bytecode' in smart contracts?",
-    options: [
-      "A human-readable programming language",
-      "A private key encryption method",
-      "Compiled machine code executed by the Ethereum Virtual Machine (EVM)",
-      "A stablecoin issuance process",
-    ],
-    correctAnswer: "Compiled machine code executed by the Ethereum Virtual Machine (EVM)",
-  },
-];
diff --git a/packages/nextjs/components/Navigations/News.tsx b/packages/nextjs/components/Navigations/News.tsx
deleted file mode 100644
index d6f4522..0000000
--- a/packages/nextjs/components/Navigations/News.tsx
+++ /dev/null
@@ -1,191 +0,0 @@
-"use client"
-
-import React, { useState } from 'react';
-import { Search, TrendingUp, Shield, Wallet, ArrowRight, Star } from 'lucide-react';
-
-type Category = 'All' | 'Technology' | 'Market' | 'Security' | 'Regulation';
-
-type NewsArticle = {
-  id: number;
-  title: string;
-  description: string;
-  url: string;
-  category: Category;
-  isFeatured?: boolean;
-  date: string;
-  readTime: string;
-};
-
-const DeFiNews = () => {
-  const [searchTerm, setSearchTerm] = useState('');
-  const [selectedCategory, setSelectedCategory] = useState<Category>('All');
-
-  const news: NewsArticle[] = [
-    {
-      id: 1,
-      title: "Ethereum Upgrades Improve Scalability",
-      description: "The latest Ethereum upgrade focuses on reducing gas fees and improving transaction speeds.",
-      url: "https://example.com/ethereum-upgrades",
-      category: "Technology",
-      date: "2024-01-07",
-      readTime: "5 min",
-      isFeatured: true
-    },
-    {
-      id: 2,
-      title: "DeFi Market Hits New Highs",
-      description: "The total value locked in DeFi protocols has surpassed $100 billion.",
-      url: "https://example.com/defi-market-highs",
-      category: "Market",
-      date: "2024-01-06",
-      readTime: "4 min"
-    },
-    {
-      id: 3,
-      title: "Uniswap Launches New Feature",
-      description: "Uniswap introduces limit orders, enhancing user trading experience.",
-      url: "https://example.com/uniswap-limit-orders",
-      category: "Technology",
-      date: "2024-01-06",
-      readTime: "3 min"
-    },
-    {
-      id: 4,
-      title: "Regulation Looms Over DeFi",
-      description: "Global regulators are considering frameworks to regulate decentralized finance.",
-      category: "Regulation",
-      url: "https://example.com/defi-regulation",
-      date: "2024-01-05",
-      readTime: "6 min"
-    },
-    {
-      id: 5,
-      title: "DeFi Security Breaches: A Wake-Up Call",
-      description: "Recent hacks in DeFi protocols raise concerns about security practices.",
-      category: "Security",
-      url: "https://example.com/defi-security",
-      date: "2024-01-05",
-      readTime: "7 min"
-    }
-  ];
-
-  const categoryIcons = {
-    Technology: <Wallet className="w-5 h-5" />,
-    Market: <TrendingUp className="w-5 h-5" />,
-    Security: <Shield className="w-5 h-5" />,
-  };
-
-  const filteredNews = news.filter(article => {
-    const matchesSearch = article.title.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      article.description.toLowerCase().includes(searchTerm.toLowerCase());
-    const matchesCategory = selectedCategory === 'All' || article.category === selectedCategory;
-    return matchesSearch && matchesCategory;
-  });
-
-  const featuredArticle = news.find(article => article.isFeatured);
-
-  return (
-    <div className="min-h-screen bg-gray-50">
-      {/* Header */}
-      <header className="bg-white border-b border-gray-200">
-        <div className="max-w-7xl mx-auto px-4 py-6">
-          <h1 className="text-3xl font-bold text-gray-900">DeFi News</h1>
-        </div>
-      </header>
-
-      {/* Search and Filters */}
-      <div className="max-w-7xl mx-auto px-4 py-6">
-        <div className="flex flex-col sm:flex-row gap-4 items-center mb-8">
-          <div className="relative flex-1">
-            <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-5 h-5" />
-            <input
-              type="text"
-              placeholder="Search news..."
-              className="w-full pl-10 pr-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              value={searchTerm}
-              onChange={(e) => setSearchTerm(e.target.value)}
-            />
-          </div>
-          <div className="flex gap-2">
-            {['All', 'Technology', 'Market', 'Security', 'Regulation'].map((category) => (
-              <button
-                key={category}
-                onClick={() => setSelectedCategory(category as Category)}
-                className={`px-4 py-2 rounded-lg text-sm font-medium transition-colors ${
-                  selectedCategory === category
-                    ? 'bg-blue-600 text-white'
-                    : 'bg-white text-gray-600 hover:bg-gray-100'
-                }`}
-              >
-                {category}
-              </button>
-            ))}
-          </div>
-        </div>
-
-        {/* Featured Article */}
-        {featuredArticle && (
-          <div className="mb-8 bg-white rounded-xl shadow-sm overflow-hidden">
-            <div className="p-6">
-              <div className="flex items-center gap-2 mb-2">
-                <Star className="w-5 h-5 text-yellow-500" />
-                <span className="text-sm font-medium text-yellow-500">Featured</span>
-              </div>
-              <h2 className="text-2xl font-bold text-gray-900 mb-2">{featuredArticle.title}</h2>
-              <p className="text-gray-600 mb-4">{featuredArticle.description}</p>
-              <div className="flex items-center justify-between">
-                <div className="flex items-center gap-4 text-sm text-gray-500">
-                  <span>{featuredArticle.date}</span>
-                  <span>{featuredArticle.readTime} read</span>
-                </div>
-                <a
-                  href={featuredArticle.url}
-                  target="_blank"
-                  rel="noopener noreferrer"
-                  className="inline-flex items-center gap-2 text-blue-600 hover:text-blue-700 font-medium"
-                >
-                  Read More <ArrowRight className="w-4 h-4" />
-                </a>
-              </div>
-            </div>
-          </div>
-        )}
-
-        {/* News Grid */}
-        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
-          {filteredNews.map((article) => (
-            <article
-              key={article.id}
-              className="bg-white rounded-lg shadow-sm overflow-hidden hover:shadow-md transition-shadow"
-            >
-              <div className="p-6">
-                <div className="flex items-center gap-2 mb-3">
-                  {categoryIcons[article.category as keyof typeof categoryIcons]}
-                  <span className="text-sm font-medium text-gray-600">{article.category}</span>
-                </div>
-                <h3 className="text-lg font-semibold text-gray-900 mb-2">{article.title}</h3>
-                <p className="text-gray-600 mb-4">{article.description}</p>
-                <div className="flex items-center justify-between">
-                  <div className="flex items-center gap-4 text-sm text-gray-500">
-                    <span>{article.date}</span>
-                    <span>{article.readTime} read</span>
-                  </div>
-                  <a
-                    href={article.url}
-                    target="_blank"
-                    rel="noopener noreferrer"
-                    className="text-blue-600 hover:text-blue-700 font-medium inline-flex items-center gap-1"
-                  >
-                    Read <ArrowRight className="w-4 h-4" />
-                  </a>
-                </div>
-              </div>
-            </article>
-          ))}
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default DeFiNews;
\ No newline at end of file
diff --git a/packages/nextjs/components/assets/BuidlGuidlLogo.tsx b/packages/nextjs/components/assets/BuidlGuidlLogo.tsx
deleted file mode 100644
index af46b02..0000000
--- a/packages/nextjs/components/assets/BuidlGuidlLogo.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-export const BuidlGuidlLogo = ({ className }: { className: string }) => {
-  return (
-    <svg
-      className={className}
-      width="53"
-      height="72"
-      viewBox="0 0 53 72"
-      fill="currentColor"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        fillRule="evenodd"
-        d="M25.9 17.434v15.638h3.927v9.04h9.718v-9.04h6.745v18.08l-10.607 19.88-12.11-.182-12.11.183L.856 51.152v-18.08h6.713v9.04h9.75v-9.04h4.329V2.46a2.126 2.126 0 0 1 4.047-.914c1.074.412 2.157 1.5 3.276 2.626 1.33 1.337 2.711 2.726 4.193 3.095 1.496.373 2.605-.026 3.855-.475 1.31-.47 2.776-.997 5.005-.747 1.67.197 2.557 1.289 3.548 2.509 1.317 1.623 2.82 3.473 6.599 3.752l-.024.017c-2.42 1.709-5.726 4.043-10.86 3.587-1.605-.139-2.736-.656-3.82-1.153-1.546-.707-2.997-1.37-5.59-.832-2.809.563-4.227 1.892-5.306 2.903-.236.221-.456.427-.67.606Z"
-        clipRule="evenodd"
-      />
-    </svg>
-  );
-};