bender/e80d8923-98ee-4e70-b118-32d9fee5cd4d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-14 00:18:18 +00:00
parent 49cd21d68e
commit d77cec6454
1 changed files with 55 additions and 245 deletions
Download Patch File Download Diff File Expand all files Collapse all files

300
src/app/page.tsx
View File

@@ -12,6 +12,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
export default function LandingPage() {
return (
@@ -31,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "About",
id: "about",
},
{
name: "Work",
id: "work",
},
{
name: "Insights",
id: "blog",
},
{
name: "Contact",
id: "contact",
},
{ name: "About", id: "about" },
{ name: "Work", id: "work" },
{ name: "Insights", id: "blog" },
{ name: "Contact", id: "contact" },
]}
brandName="EconEnergy"
/>
@@ -54,58 +43,19 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Bridging Energy and Data."
description="I analyze the economic forces behind the energy transition, turning complex data into actionable strategies for global stakeholders."
imageSrc="http://img.b2bpic.net/free-photo/peaceful-view-sunset-light_23-2148851749.jpg"
imageAlt="energy industry futuristic background"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/user-profile-interface-sign-symbol-icon-3d-rendering_56104-1956.jpg",
alt: "User or profile interface sign or symbol icon 3d rendering",
},
{
src: "http://img.b2bpic.net/free-photo/user-profile-icon-front-side_187299-39596.jpg",
alt: "User Profile Icon Front Side",
},
{
src: "http://img.b2bpic.net/free-photo/person-holding-flickr-icon_53876-41289.jpg",
alt: "Person holding a Flickr icon",
},
{
src: "http://img.b2bpic.net/free-photo/top-view-boss-day-concept_23-2148586497.jpg",
alt: "Top view of boss day concept",
},
{
src: "http://img.b2bpic.net/free-photo/business-concept-with-icons-wooden-cubes-blue-table-flat-lay-hand-holding-wooden-block_176474-9353.jpg",
alt: "Business concept with icons on wooden cubes on blue table flat lay. hand holding wooden block.",
},
]}
avatarText="Trusted by 500+ energy partners"
marqueeItems={[
{
type: "text",
text: "Market Analysis",
},
{
type: "text",
text: "Renewable Economics",
},
{
type: "text",
text: "Grid Forecasting",
},
{
type: "text",
text: "Sustainable Finance",
},
{
type: "text",
text: "Energy Policy",
},
{ type: "text", text: "Market Analysis" },
{ type: "text", text: "Renewable Economics" },
{ type: "text", text: "Grid Forecasting" },
{ type: "text", text: "Sustainable Finance" },
{ type: "text", text: "Energy Policy" },
]}
/>
</div>
@@ -117,18 +67,9 @@ export default function LandingPage() {
title="Decoding Economic Complexity."
description="With a decade of experience across energy markets, I combine advanced econometrics with modern data visualization to provide clarity in an uncertain world."
bulletPoints={[
{
title: "Energy Economics",
description: "Analyzing market volatility and regulatory impacts.",
},
{
title: "Advanced Data Analytics",
description: "Predictive modeling and causal inference techniques.",
},
{
title: "Strategic Insights",
description: "High-level guidance for infrastructure investment.",
},
{ title: "Energy Economics", description: "Analyzing market volatility and regulatory impacts." },
{ title: "Advanced Data Analytics", description: "Predictive modeling and causal inference techniques." },
{ title: "Strategic Insights", description: "High-level guidance for infrastructure investment." },
]}
imageSrc="http://img.b2bpic.net/free-photo/businesswoman-having-delivery-food-order-desk-takeout-lunchtime-working-business-company-office_482257-2134.jpg"
mediaAnimation="slide-up"
@@ -136,33 +77,43 @@ export default function LandingPage() {
/>
</div>
<div id="mercado-hidrocarburos" data-section="mercado-hidrocarburos">
<FeatureCardTwentySeven
title="Análisis del Mercado de Hidrocarburos y Producción de Petrolíferos de PEMEX"
description="Evaluación exhaustiva de los niveles de producción, eficiencia operativa y proyecciones de mercado de PEMEX en el sector de hidrocarburos."
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{ id: "h1", title: "Producción de Crudo", descriptions: ["Monitoreo de niveles de extracción y metas de producción de PEMEX."] },
{ id: "h2", title: "Sistema Nacional de Refinación", descriptions: ["Análisis de capacidad y desempeño operativo de las refinerías."] }
]}
/>
</div>
<div id="mercado-electrico" data-section="mercado-electrico">
<FeatureCardTwentySeven
title="Análisis del Mercado Eléctrico Mayorista"
description="Estudio técnico sobre la dinámica de precios, despacho económico y oportunidades de inversión en el Mercado Eléctrico Mayorista (MEM)."
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{ id: "e1", title: "Precios Marginales Locales", descriptions: ["Seguimiento de la volatilidad y proyecciones de precios en los nodos del sistema."] },
{ id: "e2", title: "Despacho Económico", descriptions: ["Evaluación de la eficiencia en el despacho de tecnologías renovables y convencionales."] }
]}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "15GW",
title: "Energy Modeled",
description: "Strategic capacity evaluation.",
imageSrc: "http://img.b2bpic.net/free-photo/global-business-graph-growth-finance-stock-market-concept_53876-21148.jpg",
},
{
id: "m2",
value: "95%",
title: "Accuracy Rate",
description: "Predictive modeling efficacy.",
imageSrc: "http://img.b2bpic.net/free-photo/business-team-discussing-their-ideas-office-working-collaborate-together-analysis-chart_1421-635.jpg",
},
{
id: "m3",
value: "40+",
title: "Economic Reports",
description: "Policy and market analysis.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-office-using-tablet-analyzes-wind-turbine_482257-130239.jpg",
},
{ id: "m1", value: "15GW", title: "Energy Modeled", description: "Strategic capacity evaluation.", imageSrc: "http://img.b2bpic.net/free-photo/global-business-graph-growth-finance-stock-market-concept_53876-21148.jpg" },
{ id: "m2", value: "95%", title: "Accuracy Rate", description: "Predictive modeling efficacy.", imageSrc: "http://img.b2bpic.net/free-photo/business-team-discussing-their-ideas-office-working-collaborate-together-analysis-chart_1421-635.jpg" },
{ id: "m3", value: "40+", title: "Economic Reports", description: "Policy and market analysis.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-office-using-tablet-analyzes-wind-turbine_482257-130239.jpg" },
]}
title="Analytical Impact."
description="Measurable results from data-driven projects."
@@ -176,42 +127,9 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Renewable Grid Load Forecasting",
price: "Model V.1",
imageSrc: "http://img.b2bpic.net/free-photo/high-voltage-tower-energy-sunset_169016-68744.jpg",
},
{
id: "p2",
name: "Carbon Pricing Impact Analysis",
price: "Study",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-glowing-digital-waveform_84443-86252.jpg",
},
{
id: "p3",
name: "Storage Capacity Optimization",
price: "Research",
imageSrc: "http://img.b2bpic.net/free-photo/shareholders-planning-factory-upgrades-using-cad-software-devices_482257-119594.jpg",
},
{
id: "p4",
name: "Energy Market Price Modeling",
price: "Report",
imageSrc: "http://img.b2bpic.net/free-vector/20-data-science-cyber-security-solid-glyph-icon-pack-like-phone-cuboid-scince-box-scince_1142-17522.jpg",
},
{
id: "p5",
name: "Infrastructure Risk Assessment",
price: "Study",
imageSrc: "http://img.b2bpic.net/free-photo/3d-recycle-batteries_23-2148907389.jpg",
},
{
id: "p6",
name: "Global Demand Trend Report",
price: "Analysis",
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139339.jpg",
},
{ id: "p1", name: "Renewable Grid Load Forecasting", price: "Model V.1", imageSrc: "http://img.b2bpic.net/free-photo/high-voltage-tower-energy-sunset_169016-68744.jpg" },
{ id: "p2", name: "Carbon Pricing Impact Analysis", price: "Study", imageSrc: "http://img.b2bpic.net/free-photo/abstract-glowing-digital-waveform_84443-86252.jpg" },
{ id: "p3", name: "Storage Capacity Optimization", price: "Research", imageSrc: "http://img.b2bpic.net/free-photo/shareholders-planning-factory-upgrades-using-cad-software-devices_482257-119594.jpg" },
]}
title="Selected Research Projects."
description="High-impact analytical work in energy and policy."
@@ -226,36 +144,7 @@ export default function LandingPage() {
title="Energy Insights."
description="Deep dives into economics and emerging technologies."
blogs={[
{
id: "b1",
category: "Economics",
title: "Energy Market Shifts",
excerpt: "Analyzing current global trends.",
imageSrc: "http://img.b2bpic.net/free-photo/laptop-showing-isolated-chroma-key-help-strategy-planning_482257-126434.jpg",
authorName: "EconEnergy",
authorAvatar: "http://img.b2bpic.net/free-photo/3d-woman-character-different-angles-view_107791-15669.jpg",
date: "2024",
},
{
id: "b2",
category: "Sustainability",
title: "Carbon Credit Economy",
excerpt: "The future of market-based solutions.",
imageSrc: "http://img.b2bpic.net/free-photo/paper-style-earth-globe-with-buildings_23-2149377680.jpg",
authorName: "EconEnergy",
authorAvatar: "http://img.b2bpic.net/free-photo/delivery-logistics-virtual-touch-screen-interface-information-technology-concept-communication-metaphor-protection-sensitive-data-transfer_493343-29950.jpg",
date: "2024",
},
{
id: "b3",
category: "Technology",
title: "Renewable Integration",
excerpt: "Overcoming the grid transition hurdle.",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-3d-electric-cars-streets_23-2148972417.jpg",
authorName: "EconEnergy",
authorAvatar: "http://img.b2bpic.net/free-photo/3d-portrait-woman_23-2150793881.jpg",
date: "2024",
},
{ id: "b1", category: "Economics", title: "Energy Market Shifts", excerpt: "Analyzing current global trends.", imageSrc: "http://img.b2bpic.net/free-photo/laptop-showing-isolated-chroma-key-help-strategy-planning_482257-126434.jpg", authorName: "EconEnergy", authorAvatar: "", date: "2024" },
]}
/>
</div>
@@ -267,46 +156,7 @@ export default function LandingPage() {
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Sarah Jenkins",
role: "VP Strategy",
company: "Global Energy",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg",
},
{
id: "t2",
name: "Markus Roth",
role: "Director",
company: "CleanGrid Lab",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-posing-with-cup-clipboard-white-background-high-quality-photo_114579-61139.jpg",
},
{
id: "t3",
name: "Elena Vance",
role: "Market Analyst",
company: "InvestCorp",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-entrepreneur-sitting-workspace-looking-camera_482257-8143.jpg",
},
{
id: "t4",
name: "David Thorne",
role: "Tech Lead",
company: "RenewFuture",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg",
},
{
id: "t5",
name: "Amelia Chen",
role: "Policy Advisor",
company: "GovEnergy",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg",
},
{ id: "t1", name: "Sarah Jenkins", role: "VP Strategy", company: "Global Energy", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg" },
]}
title="Industry Recognition."
description="Insights from collaborative partnerships."
@@ -317,21 +167,7 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "What is your approach?",
content: "I use data-first econometrics.",
},
{
id: "f2",
title: "What tools do you use?",
content: "R, Python, and SQL.",
},
{
id: "f3",
title: "How to start a project?",
content: "Book a discovery call today.",
},
{ id: "f1", title: "What is your approach?", content: "I use data-first econometrics." },
]}
sideTitle="Common Questions."
faqsAnimation="slide-up"
@@ -341,9 +177,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={true}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Contact"
title="Let's Collaborate."
description="Discuss your energy strategy project."
@@ -354,36 +188,12 @@ export default function LandingPage() {
<FooterBaseCard
logoText="EconEnergy"
columns={[
{
title: "Navigation",
items: [
{
label: "About",
href: "#about",
},
{
label: "Work",
href: "#work",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
{ title: "Navigation", items: [{ label: "About", href: "#about" }, { label: "Work", href: "#work" }] },
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}