From 1640189398ffe1d6c6b186fe800a1c0b88cd9be6 Mon Sep 17 00:00:00 2001 From: bender Date: Sat, 7 Mar 2026 17:49:37 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 106 +++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 106 insertions(+) diff --git a/src/app/page.tsx b/src/app/page.tsx index 9b57219..e363240 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -9,7 +9,9 @@ import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven"; import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo"; import ContactCTA from "@/components/sections/contact/ContactCTA"; import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal"; +import BlogCardOne from "@/components/sections/blog/BlogCardOne"; import Link from "next/link"; +import { useEffect, useState } from "react"; import { TrendingUp, BarChart3, @@ -24,7 +26,93 @@ import { Quote, } from "lucide-react"; +interface NewsItem { + id: string; + category: string; + title: string; + excerpt: string; + imageSrc: string; + imageAlt?: string; + authorName: string; + authorAvatar: string; + date: string; +} + export default function HomePage() { + const [newsItems, setNewsItems] = useState([]); + const [loading, setLoading] = useState(true); + + useEffect(() => { + const fetchNews = async () => { + try { + const response = await fetch( + "https://newsapi.org/v2/everything?q=economy+OR+stocks+OR+commodities&sortBy=publishedAt&language=en&pageSize=6", { + headers: { + "X-Api-Key": process.env.NEXT_PUBLIC_NEWS_API_KEY || ""}, + } + ); + const data = await response.json(); + + if (data.articles) { + const transformedNews: NewsItem[] = data.articles.map( + (article: any, index: number) => ({ + id: `${index}`, + category: "Markets", title: article.title || "Market Update", excerpt: + article.description || + article.content?.substring(0, 150) || + "New market insights and economic data.", imageSrc: + article.urlToImage || + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcwKjmqX8hXdoaRHFrjpfUV87p/a-sophisticated-financial-analytics-dash-1772905169454-6a395dc8.png?_wi=1", imageAlt: article.title || "News article image", authorName: article.author || "MacroPulse", authorAvatar: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcwKjmqX8hXdoaRHFrjpfUV87p/professional-headshot-of-a-confident-fin-1772905169205-67b33284.png", date: new Date(article.publishedAt).toLocaleDateString("en-US", { + year: "numeric", month: "short", day: "numeric"}), + }) + ); + setNewsItems(transformedNews); + } + } catch (error) { + console.error("Error fetching news:", error); + setNewsItems(getDemoNewsItems()); + } finally { + setLoading(false); + } + }; + + fetchNews(); + }, []); + + const getDemoNewsItems = (): NewsItem[] => [ + { + id: "1", category: "Markets", title: "S&P 500 Reaches New All-Time High", excerpt: + "The stock market continues its upward trajectory with major indices posting strong gains amid positive economic data.", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcwKjmqX8hXdoaRHFrjpfUV87p/an-animated-market-ticker-showing-stock--1772905169008-f6c878de.png", imageAlt: "Market ticker", authorName: "MacroPulse", authorAvatar: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcwKjmqX8hXdoaRHFrjpfUV87p/professional-headshot-of-a-confident-fin-1772905169205-67b33284.png", date: "Today"}, + { + id: "2", category: "Commodities", title: "Oil Prices Rally on Supply Concerns", excerpt: + "Crude oil futures jumped 3% following reports of potential production delays in major oil-producing regions.", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcwKjmqX8hXdoaRHFrjpfUV87p/a-comprehensive-chart-showing-commodity--1772905170329-d43eb2c6.png", imageAlt: "Commodity chart", authorName: "MacroPulse", authorAvatar: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcwKjmqX8hXdoaRHFrjpfUV87p/professional-headshot-of-a-confident-fin-1772905169205-67b33284.png", date: "Yesterday"}, + { + id: "3", category: "Economic Data", title: "CPI Inflation Moderates Below Expectations", excerpt: + "Consumer Price Index report shows inflation cooling faster than anticipated, signaling potential Fed policy shifts.", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcwKjmqX8hXdoaRHFrjpfUV87p/a-dashboard-showing-key-economic-indicat-1772905170137-bcb35709.png", imageAlt: "Economic indicators", authorName: "MacroPulse", authorAvatar: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcwKjmqX8hXdoaRHFrjpfUV87p/professional-headshot-of-a-confident-fin-1772905169205-67b33284.png", date: "2 days ago"}, + { + id: "4", category: "Markets", title: "Tech Stocks Lead Market Recovery", excerpt: + "Major technology companies drive broader market gains as investors rotate into growth-oriented sectors.", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcwKjmqX8hXdoaRHFrjpfUV87p/an-animated-market-ticker-showing-stock--1772905169008-f6c878de.png", imageAlt: "Tech stocks", authorName: "MacroPulse", authorAvatar: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcwKjmqX8hXdoaRHFrjpfUV87p/professional-headshot-of-a-confident-fin-1772905169205-67b33284.png", date: "3 days ago"}, + { + id: "5", category: "Commodities", title: "Gold Hits Six-Month High Amid Geopolitical Tensions", excerpt: + "Precious metals gain momentum as investors seek safe-haven assets during periods of global uncertainty.", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcwKjmqX8hXdoaRHFrjpfUV87p/a-comprehensive-chart-showing-commodity--1772905170329-d43eb2c6.png", imageAlt: "Gold prices", authorName: "MacroPulse", authorAvatar: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcwKjmqX8hXdoaRHFrjpfUV87p/professional-headshot-of-a-confident-fin-1772905169205-67b33284.png", date: "4 days ago"}, + { + id: "6", category: "Economic Data", title: "Unemployment Rate Stays Near Historic Lows", excerpt: + "Labor market remains resilient with jobless claims continuing their downward trend, supporting economic outlook.", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcwKjmqX8hXdoaRHFrjpfUV87p/a-dashboard-showing-key-economic-indicat-1772905170137-bcb35709.png", imageAlt: "Employment data", authorName: "MacroPulse", authorAvatar: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcwKjmqX8hXdoaRHFrjpfUV87p/professional-headshot-of-a-confident-fin-1772905169205-67b33284.png", date: "5 days ago"}, + ]; + const navItems = [ { name: "Markets", id: "/markets" }, { name: "Commodities", id: "commodities" }, @@ -264,6 +352,24 @@ export default function HomePage() { /> + {/* News Feed Section */} + {!loading && newsItems.length > 0 && ( +
+ +
+ )} + {/* Contact/CTA Section */}