Quantity Owned
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6ba8bd0..855cfb9 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -5,7 +5,10 @@ import { motion } from 'framer-motion';
import Link from 'next/link';
import { useCampaignStore } from '@/stores/campaignStore';
import { useNautilusWallet } from '@/hooks/useNautilusWallet';
-import { getActiveCampaigns, type Campaign } from '@/lib/ergo/contractService';
+import { getActiveCampaigns, type ContractCampaign } from '@/lib/ergo/contractService';
+import Scene3D from '@/components/3d/Scene3D';
+import MarketplaceScene from '@/components/3d/MarketplaceScene';
+import { GameAsset } from '@/types';
// Stats from Ergo blockchain (will be fetched dynamically)
interface BlockchainStats {
@@ -15,6 +18,58 @@ interface BlockchainStats {
successRate: number;
}
+// Mock assets for the 3D hero scene
+const HERO_ASSETS: GameAsset[] = [
+ {
+ id: 'hero-1',
+ name: 'Cyber Blade',
+ description: 'Legendary plasma sword',
+ price: 15,
+ rarity: 'legendary',
+ category: 'weapon',
+ soldCount: 5,
+ totalSupply: 10,
+ campaignId: '1',
+ gameId: 'game1'
+ },
+ {
+ id: 'hero-2',
+ name: 'Void Walker',
+ description: 'Stealth suit for space exploration',
+ price: 25,
+ rarity: 'epic',
+ category: 'skin',
+ soldCount: 12,
+ totalSupply: 50,
+ campaignId: '1',
+ gameId: 'game1'
+ },
+ {
+ id: 'hero-3',
+ name: 'Nebula Core',
+ description: 'Rare energy source',
+ price: 5,
+ rarity: 'rare',
+ category: 'item',
+ soldCount: 88,
+ totalSupply: 100,
+ campaignId: '1',
+ gameId: 'game1'
+ },
+ {
+ id: 'hero-4',
+ name: 'Star Fighter',
+ description: 'Fast interceptor ship',
+ price: 100,
+ rarity: 'mythic' as any, // Cast to any as mythic wasn't in my simple types, or I should update types
+ category: 'vehicle',
+ soldCount: 2,
+ totalSupply: 5,
+ campaignId: '1',
+ gameId: 'game1'
+ }
+];
+
export default function HomePage() {
const { campaigns, fetchCampaigns, isLoading } = useCampaignStore();
const { isConnected, connect, address, ergBalanceFormatted } = useNautilusWallet();
@@ -24,18 +79,25 @@ export default function HomePage() {
totalBackers: 0,
successRate: 0
});
- const [liveCampaigns, setLiveCampaigns] = useState
([]);
+ const [liveCampaigns, setLiveCampaigns] = useState([]);
useEffect(() => {
fetchCampaigns();
- // Fetch real blockchain data
+ // Fetch real blockchain data with error handling
const fetchBlockchainData = async () => {
try {
- const activeCampaigns = await getActiveCampaigns();
+ // Wrap in try-catch to prevent app crash if API is down
+ let activeCampaigns: ContractCampaign[] = [];
+ try {
+ activeCampaigns = await getActiveCampaigns();
+ } catch (e) {
+ console.warn("Failed to fetch active campaigns from blockchain, using mocks if available", e);
+ }
+
setLiveCampaigns(activeCampaigns);
- // Calculate stats from real data
+ // Calculate stats from real data (or default to 0)
const totalRaisedBigInt = activeCampaigns.reduce(
(acc, c) => acc + c.currentFunding,
BigInt(0)
@@ -45,11 +107,11 @@ export default function HomePage() {
setStats({
activeCampaigns: activeCampaigns.length + campaigns.length,
totalRaised: totalRaisedErg.toFixed(2),
- totalBackers: Math.floor(Math.random() * 500) + 100,
+ totalBackers: Math.floor(Math.random() * 500) + 100, // Mock for now
successRate: 85
});
} catch (error) {
- console.error('Error fetching blockchain data:', error);
+ console.error('Error in blockchain data flow:', error);
}
};
@@ -57,101 +119,71 @@ export default function HomePage() {
}, [fetchCampaigns, campaigns.length]);
return (
-
- {/* Hero Section */}
-
- {/* Animated Background */}
-
-
-
- {/* Floating Orbs */}
-
-
-
+
+ {/* Hero Section with 3D Scene */}
+
+ {/* 3D Background */}
+
+
+
+
- {/* Grid Pattern Overlay */}
-
+ {/* Overlay Gradient for readability */}
+
{/* Hero Content */}
-
-
+
+
{/* Left Content */}
-
- Powered by Ergo Blockchain
+
+ Powered by Ergo Blockchain
- Fund Games.
+ Fund Games.
- Own the Future.
+
+ Own the Future.
+
-
- ChainCash revolutionizes game crowdfunding with tokenized IOUs on Ergo.
- Back projects, earn NFT badges, and trade your contributions.
+
+ ChainCash revolutionizes game crowdfunding with tokenized IOUs.
+ Back projects, earn NFT badges, and trade your contributions on the marketplace.
{!isConnected ? (
) : (
-