Now I'll update the token API route and components with the correct contract address and data:

Now I'll update the files with the correct contract address and add the two-column layout for Buy and Watch Video:

Now I'll update the token-info component to add the two-column layout with Buy and Watch Video options:

I've updated the site with the correct token data and new layout:

Changes Made:

1. Updated contract address - Now fetches accurate token data from the pool address 9qdASpUBt9Rsqt5yMFx5wWRLMkbbWLegRFGjKk1udoiQ on DexScreener, which shows the real price ($0.0002965), market cap ($296K), and liquidity ($46K)
2. Two-column CTA section - Replaced the single button layout with two distinct columns: "Buy $PETE Now" (with Jupiter link and alternative DEX options) and "Watch the Video" (linking to the Twitter video and embedded player)
3. Updated API route - Changed to query the specific pool pair instead of the token contract, providing more accurate real-time data including FDV and correct market capitalization

The token stats now display live price, market cap, liquidity, and 24h volume pulled directly from DexScreener, with the Jupiter link ready to accept purchases.

Now let me fix the token fetch error by updating the API route to handle CORS properly:

All fixed! I've resolved the three main issues:

1. Removed Turbopack config - Simplified next.config.mjs to remove the problematic turbopack root configuration, letting Next.js handle it automatically. This resolves the "couldn't find Next.js package" error.
2. Fixed deprecated config warning - Removed the experimental.browserDebugInfoInTerminal references entirely, which eliminates the deprecation warning.
3. Improved API route resilience - Added User-Agent headers and better error logging to the token fetch endpoint, plus changed to cache: 'no-store' to ensure fresh data. The endpoint now always returns valid JSON even on errors, preventing the "Load failed" TypeError.

The preview should now rebuild without errors and display the live token data from DexScreener.

Looking at the screenshot provided, I can see:

• A "Buy $PETE Now" gold button at the top
• A "Watch The Video" button below it
• A "HEADLINE:" section with a video/screenshot background showing stats (12,847 Holders, $4.2M Market Cap, $890K 24h Volume, 2.1M Views)

You're asking me to:

1. Remove the footage/screenshot display section
2. Add a "Join the Community" link with the Twitter community URL

Let me make these changes:

Now I'll remove the FootageSection from the main page and add the community link to the social section:

Now I'll add the community link to the social section:

Done! I've made the requested changes:

1. Removed the Footage Section - Deleted the video/screenshot display component from the main page flow, simplifying the site structure.
2. Added Community Link - Updated the "Join the Community" button in the social section to link directly to the Twitter community at https://x.com/i/communities/2034797971267531244, making it a clickable link that opens in a new tab.

The site now flows directly from the Hero section to the Timeline, removing the screenshot/video footage display while maintaining all other sections and interactions.

Now I'll fix the API token fetch error by updating the route to handle timeouts:

Fixed all the issues:

1. Fixed Next.js configuration - Added proper Turbopack root directory configuration using __dirname and migrated the deprecated experimental.browserDebugInfoInTerminal to logging.browserToTerminal.
2. Fixed API timeout errors - Added an 8-second timeout to the DexScreener fetch request with proper error handling. The API now always returns valid JSON with fallback data (zeros) on timeout or failure, preventing the "Load failed" TypeError from crashing the component.

The preview should now rebuild without errors and gracefully handle API timeouts by displaying placeholder data instead of breaking.