Newer section and modular view

src/components/HeroSection.tsx

@@ -2,7 +2,7 @@ import { useState, useEffect } from "react";
 import { motion } from "framer-motion";
 import { Button } from "@/components/ui/button";
 import { useTranslation } from "react-i18next";
-import { EVENT_INFO } from "@/data/event-data";
+import { EVENT_INFO, SECTIONS } from "@/data/event-data";
 import heroBg from "@/assets/hero-bg.jpg";
 
 /** Calcula diferencia entre ahora y la fecha del evento */
@@ -116,7 +116,7 @@ const HeroSection = () => {
           transition={{ delay: 1 }}
         >
           <Button variant="hero" size="lg" className="text-lg px-10 py-6" asChild>
-            <a href="#booking">{t('hero.bookYourPass')}</a>
+            <a href={SECTIONS.booking ? "#booking" : "#mixed-booking"}>{t('hero.bookYourPass')}</a>
           </Button>
         </motion.div>
       </div>