Skip to content

Commit e8e7645

Browse files
feat: Add navigation button for Advanced Analysis in hero section
Added "Análisis Avanzado" button in the hero section of landing page for easy access to the new advanced fuel price analysis page. Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
1 parent 50ef1ee commit e8e7645

2 files changed

Lines changed: 18 additions & 3 deletions

File tree

src/components/HeroSection.tsx

Lines changed: 13 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,16 @@
11
import { motion } from "framer-motion";
2-
import { MapPin, TrendingDown, Zap, TrendingUp, Gift } from "lucide-react";
2+
import { MapPin, TrendingDown, Zap, TrendingUp, Gift, BarChart3 } from "lucide-react";
33
import { Button } from "@/components/ui/button";
44
import heroBackground from "@/assets/hero-bg.jpg";
55

66
interface HeroSectionProps {
77
onGetStarted: () => void;
88
onViewHistory: () => void;
99
onViewPromotions: () => void;
10+
onViewAdvancedAnalysis: () => void;
1011
}
1112

12-
export const HeroSection = ({ onGetStarted, onViewHistory, onViewPromotions }: HeroSectionProps) => {
13+
export const HeroSection = ({ onGetStarted, onViewHistory, onViewPromotions, onViewAdvancedAnalysis }: HeroSectionProps) => {
1314
return (
1415
<section className="relative min-h-screen flex items-center justify-center overflow-hidden">
1516
{/* Background with overlay */}
@@ -57,7 +58,7 @@ export const HeroSection = ({ onGetStarted, onViewHistory, onViewPromotions }: H
5758
Ahorra en cada repostaje con nuestra tecnología inteligente.
5859
</p>
5960

60-
<div className="flex flex-col sm:flex-row gap-4 justify-center items-center">
61+
<div className="flex flex-col sm:flex-row gap-4 justify-center items-center flex-wrap">
6162
<Button
6263
size="lg"
6364
className="text-lg px-8 py-6 rounded-full bg-primary hover:bg-primary/90 shadow-[0_0_40px_hsl(263_70%_60%_/_0.6)] hover:shadow-[0_0_60px_hsl(263_70%_60%_/_0.8)] transition-all duration-300"
@@ -66,6 +67,15 @@ export const HeroSection = ({ onGetStarted, onViewHistory, onViewPromotions }: H
6667
<MapPin className="w-5 h-5 mr-2" />
6768
Buscar cerca de mí
6869
</Button>
70+
<Button
71+
size="lg"
72+
variant="outline"
73+
className="text-lg px-8 py-6 rounded-full glass border-white/20 hover:bg-white/10"
74+
onClick={onViewAdvancedAnalysis}
75+
>
76+
<BarChart3 className="w-5 h-5 mr-2" />
77+
Análisis Avanzado
78+
</Button>
6979
<Button
7080
size="lg"
7181
variant="outline"

src/pages/Landing.tsx

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -20,12 +20,17 @@ const Landing = () => {
2020
navigate('/promociones');
2121
};
2222

23+
const handleViewAdvancedAnalysis = () => {
24+
navigate('/analisis');
25+
};
26+
2327
return (
2428
<div className="min-h-screen">
2529
<HeroSection
2630
onGetStarted={handleGetStarted}
2731
onViewHistory={handleViewHistory}
2832
onViewPromotions={handleViewPromotions}
33+
onViewAdvancedAnalysis={handleViewAdvancedAnalysis}
2934
/>
3035
<FeaturesSection />
3136
<div ref={chartRef}>

0 commit comments

Comments
 (0)