var/cache/dev/twig/14/14dc7beb3f27dd2530953d003e980069.php line 54

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\CoreExtension;
  7. use Twig\Extension\SandboxExtension;
  8. use Twig\Markup;
  9. use Twig\Sandbox\SecurityError;
  10. use Twig\Sandbox\SecurityNotAllowedTagError;
  11. use Twig\Sandbox\SecurityNotAllowedFilterError;
  12. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  13. use Twig\Source;
  14. use Twig\Template;
  15. use Twig\TemplateWrapper;
  17. /* home/index.html.twig */
  18. class __TwigTemplate_ad6196f156176f29b6eceed694f7750b extends Template
  19. {
  20.     private Source $source;
  21.     /**
  22.      * @var array<string, Template>
  23.      */
  24.     private array $macros = [];
  26.     public function __construct(Environment $env)
  27.     {
  28.         parent::__construct($env);
  30.         $this->source = $this->getSourceContext();
  32.         $this->blocks = [
  33.             'title' => [$this, 'block_title'],
  34.             'body' => [$this, 'block_body'],
  35.         ];
  36.     }
  38.     protected function doGetParent(array $context): bool|string|Template|TemplateWrapper
  39.     {
  40.         // line 1
  41.         return "base.html.twig";
  42.     }
  44.     protected function doDisplay(array $context, array $blocks = []): iterable
  45.     {
  46.         $macros = $this->macros;
  47.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  48.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "home/index.html.twig"));
  50.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  51.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "home/index.html.twig"));
  53.         $this->parent = $this->load("base.html.twig", 1);
  54.         yield from $this->parent->unwrap()->yield($context, array_merge($this->blocks, $blocks));
  55.         
  56.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  58.         
  59.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  61.     }
  63.     // line 3
  64.     /**
  65.      * @return iterable<null|scalar|\Stringable>
  66.      */
  67.     public function block_title(array $context, array $blocks = []): iterable
  68.     {
  69.         $macros = $this->macros;
  70.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  71.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  73.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  74.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  76.         
  77.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  79.         
  80.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  82.         yield from [];
  83.     }
  85.     // line 5
  86.     /**
  87.      * @return iterable<null|scalar|\Stringable>
  88.      */
  89.     public function block_body(array $context, array $blocks = []): iterable
  90.     {
  91.         $macros = $this->macros;
  92.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  93.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  95.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  96.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  98.         // line 6
  99.         yield "
  101.     <style>
  102.         
  103.         .hero {
  104.             height: 50vh;
  105.             background: url('/images/test.png') no-repeat center center/cover;
  106.             display: flex;
  107.             align-items: center;
  108.             justify-content: center;
  109.             position: relative;
  110.             text-align: center;
  111.             color: white;
  112.         }
  113.         .hero-overlay {
  114.             position: absolute;
  115.             top: 0;
  116.             left: 0;
  117.             width: 100%;
  118.             height: 100%;
  119.             background: rgba(0, 0, 0, 0.5);
  120.             z-index: 1;
  121.         }
  122.         .hero-content {
  123.             position: relative;
  124.             z-index: 2;
  125.         }
  126.         .hero-content h1 {
  127.             font-size: 4rem;
  128.             font-weight: 600;
  129.             margin-bottom: 20px;
  130.             text-shadow: 2px 2px 5px #000;
  131.         }
  133.         .hero-content p {
  134.             font-size: 1.5rem;
  135.             margin-bottom: 30px;
  136.             text-shadow: 1px 1px 3px #000;
  137.         }
  139.         .hero-content .btn {
  140.             margin: 10px;
  141.             padding: 15px 30px;
  142.             font-size: 1.2rem;
  143.             background-color: #e50914;
  144.             color: white;
  145.             border: none;
  146.             transition: transform 0.3s ease, background-color 0.3s ease;
  147.         }
  148.         .hero-content .btn:hover {
  149.             background-color: #c10812;
  150.             transform: scale(1.05);
  151.         }
  152.         
  153.         .section-title {
  154.             font-weight: 600;
  155.             margin-bottom: 0px;
  156.             color: #e50914;
  157.         }
  158.         .card:hover {
  159.             transform: translateY(-5px);
  160.             box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
  161.         }
  162.         .carousel-item img {
  163.             object-fit: cover;
  164.             height: 400px;
  165.         }
  166.         .popup-img {
  167.             cursor: pointer;
  168.         }
  169.         .carousel-indicators button {
  170.             background-color: #f8f9fa;
  171.             width: 20px;
  172.             height: 20px;
  173.         }
  175.         .carousel-indicators .active {
  176.             background-color: #dc3545!important; /* Un tono más claro para destacar */
  177.         }
  178.         .carousel-indicators {
  179.              /* Un tono más claro para destacar */
  180.         }
  181.         .b-r {
  182.             border: 1px solid #dc3545!important;
  183.             background-color: #f8f9fa !important;
  184.             border-radius: 100px;
  185.         }
  186.     </style>
  187.     <!-- Estilos -->
  188.     <style>
  189.         /* Estilo para las tarjetas (hover zoom) */
  190.         .hover-card {
  191.             transition: transform 0.3s ease, box-shadow 0.3s ease;
  192.         }
  194.         .hover-card:hover {
  195.             transform: scale(1.05);
  196.             box-shadow: 0 6px 25px rgba(0, 0, 0, 0.2);
  197.         }
  199.         /* Estilo adicional para las imágenes redondeadas en la tarjeta */
  200.         .card-img-top {
  201.             border-radius: 8px 8px 0 0;
  202.         }
  203.     </style>
  204.     <!-- Estilos -->
  205.     <style>
  206.         #events h3 {
  207.             font-weight: bold;
  208.             font-size: 1.75rem;
  209.         }
  211.         #events p {
  212.             line-height: 1.8;
  213.             font-size: 1rem;
  214.             color: #555;
  215.         }
  217.         /* Ajustes de imágenes */
  218.         #events img {
  219.             height: auto;
  220.             max-height: 50vh;
  221.             object-fit: cover;
  222.         }
  224.         /* Control hover para flechas del carrusel */
  225.         .carousel-control-prev-icon,
  226.         .carousel-control-next-icon {
  227.             
  228.             /*background-color: rgba(0, 0, 0, 0.5);*/
  229.             filter: invert(1);
  230.             border-radius: 50%;
  231.             width: 50px;
  232.             height: 50px;
  233.             
  235.         }
  236.         .carousel-control-next,
  237.         .carousel-control-prev{
  238.             opacity: 0.2;
  239.             background: lightgrey;
  240.         }
  241.         .carousel-control-next:hover,
  242.         .carousel-control-prev:hover{
  243.             opacity: 0.3;
  244.             background: lightgrey;
  245.         }
  247.         .carousel-control-next:focus,
  248.         .carousel-control-prev:focus{
  249.             opacity: 0.3;
  250.             background: lightgrey;
  251.         }
  253.         /* Ajustes responsivos */
  254.         @media (max-width: 768px) {
  255.             .hero h1{
  256.                 font-size:2.5rem;
  257.             }
  258.             #events img {
  259.                 max-height: 250px;
  260.             }
  262.             #events h3 {
  263.                 font-size: 1.5rem;
  264.             }
  266.             #events p {
  267.                 font-size: 0.9rem;
  268.             }
  269.             .carousel-control-next,
  270.             .carousel-control-prev{
  271.                 display:none;
  272.             }
  273.         }
  275.         .stiky-container{
  276.             height:50vh;
  277.         }
  278.     </style>
  280. <!-- Estilos para centrar el contenido -->
  281. <style>
  282.     .event-content {
  283.         display: flex;
  284.         flex-direction: column;
  285.         align-items: center;
  286.         justify-content: center;
  287.         min-height: 300px; /* Ajusta este valor según el alto deseado */
  288.     }
  289.     
  290. </style>
  292. <body>
  293.     <!-- Header -->
  294.     ";
  295.         // line 201
  296.         yield $this->env->getRuntime('Symfony\Bridge\Twig\Extension\HttpKernelRuntime')->renderFragment(Symfony\Bridge\Twig\Extension\HttpKernelExtension::controller("App\\Controller\\HeaderController::index"));
  297.         yield "
  298.     <!-- Hero Section -->
  299.     <section id=\"hero\" class=\"py-3\" style=\"min-height: 50vh; background-color: #fff;\">
  300.         <div class=\"container\">
  301.             <div class=\"hero rounded\">
  302.                 <div class=\"hero-overlay rounded\"></div>
  303.                 <div class=\"hero-content text-white\">
  304.                     <h1>Bienvenido a TCGBUNKER</h1>
  305.                     <p>Donde cada deck es único</p>
  306.                     <div>
  307.                         <button class=\"btn\" onclick=\"window.location.href='/order'\">Ver Decks</button>
  308.                     </div>
  309.                 </div>
  310.             </div>
  311.         </div>
  312.     </section>
  314.     <section id=\"best-dishes\" class=\"py-3\" style=\"background-color: #fff;\" >
  315.         <div class=\"container h-100 d-flex flex-column justify-content-center\">
  316.                 ";
  317.         // line 220
  318.         yield $this->env->getRuntime('Symfony\Bridge\Twig\Extension\HttpKernelRuntime')->renderFragment(Symfony\Bridge\Twig\Extension\HttpKernelExtension::controller("App\\Controller\\Blocks\\BestProductsController::index"));
  319.         yield "
  320.             </div>
  321.         </div>
  322.     </section>
  324.     <section class=\"py-3\" style=\"background-color: #fff;\">
  325.         <div class=\"container\">
  326.             <div class=\"row align-items-center\">
  327.             <!-- Column 1: Imagen -->
  328.             <div class=\"col-md-7 mb-4 mb-md-0 \" >
  329.                 <img src=\"/images/b6v8unpgk1b91.jpg\" alt=\"Imagen de vendedor\" class=\"img-fluid rounded w-100\" style=\"max-height: 450px\" />
  330.             </div>
  331.             <!-- Column 2: Texto y Botón -->
  332.             <div class=\"col-md-5 text-center text-md-start\">
  333.                 <h1 class=\"h1 mb-4 text-center fw-bolder section-title\">Conviértete en Vendedor</h1>
  334.                 <button type=\"button\" class=\"btn btn-primary w-100\" onclick=\"window.location.href = '/contact'\">Contactanos</button>
  335.             </div>
  336.             </div>
  337.         </div>
  338.     </section>
  340.     <section id=\"best\" class=\"py-3\" style=\"background-color: #fff;\" >
  341.         <div class=\"container h-100 d-flex flex-column justify-content-center\">
  342.                 ";
  343.         // line 243
  344.         yield $this->env->getRuntime('Symfony\Bridge\Twig\Extension\HttpKernelRuntime')->renderFragment(Symfony\Bridge\Twig\Extension\HttpKernelExtension::controller("App\\Controller\\Blocks\\CategoryViewController::index"));
  345.         yield "
  346.             </div>
  347.         </div>
  348.     </section>
  350.     
  351. </body>
  354. ";
  355.         
  356.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  358.         
  359.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  361.         yield from [];
  362.     }
  364.     /**
  365.      * @codeCoverageIgnore
  366.      */
  367.     public function getTemplateName(): string
  368.     {
  369.         return "home/index.html.twig";
  370.     }
  372.     /**
  373.      * @codeCoverageIgnore
  374.      */
  375.     public function isTraitable(): bool
  376.     {
  377.         return false;
  378.     }
  380.     /**
  381.      * @codeCoverageIgnore
  382.      */
  383.     public function getDebugInfo(): array
  384.     {
  385.         return array (  344 => 243,  318 => 220,  296 => 201,  99 => 6,  86 => 5,  64 => 3,  41 => 1,);
  386.     }
  388.     public function getSourceContext(): Source
  389.     {
  390.         return new Source("{% extends 'base.html.twig' %}
  392. {% block title %}{% endblock %}
  394. {% block body %}
  397.     <style>
  398.         
  399.         .hero {
  400.             height: 50vh;
  401.             background: url('/images/test.png') no-repeat center center/cover;
  402.             display: flex;
  403.             align-items: center;
  404.             justify-content: center;
  405.             position: relative;
  406.             text-align: center;
  407.             color: white;
  408.         }
  409.         .hero-overlay {
  410.             position: absolute;
  411.             top: 0;
  412.             left: 0;
  413.             width: 100%;
  414.             height: 100%;
  415.             background: rgba(0, 0, 0, 0.5);
  416.             z-index: 1;
  417.         }
  418.         .hero-content {
  419.             position: relative;
  420.             z-index: 2;
  421.         }
  422.         .hero-content h1 {
  423.             font-size: 4rem;
  424.             font-weight: 600;
  425.             margin-bottom: 20px;
  426.             text-shadow: 2px 2px 5px #000;
  427.         }
  429.         .hero-content p {
  430.             font-size: 1.5rem;
  431.             margin-bottom: 30px;
  432.             text-shadow: 1px 1px 3px #000;
  433.         }
  435.         .hero-content .btn {
  436.             margin: 10px;
  437.             padding: 15px 30px;
  438.             font-size: 1.2rem;
  439.             background-color: #e50914;
  440.             color: white;
  441.             border: none;
  442.             transition: transform 0.3s ease, background-color 0.3s ease;
  443.         }
  444.         .hero-content .btn:hover {
  445.             background-color: #c10812;
  446.             transform: scale(1.05);
  447.         }
  448.         
  449.         .section-title {
  450.             font-weight: 600;
  451.             margin-bottom: 0px;
  452.             color: #e50914;
  453.         }
  454.         .card:hover {
  455.             transform: translateY(-5px);
  456.             box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
  457.         }
  458.         .carousel-item img {
  459.             object-fit: cover;
  460.             height: 400px;
  461.         }
  462.         .popup-img {
  463.             cursor: pointer;
  464.         }
  465.         .carousel-indicators button {
  466.             background-color: #f8f9fa;
  467.             width: 20px;
  468.             height: 20px;
  469.         }
  471.         .carousel-indicators .active {
  472.             background-color: #dc3545!important; /* Un tono más claro para destacar */
  473.         }
  474.         .carousel-indicators {
  475.              /* Un tono más claro para destacar */
  476.         }
  477.         .b-r {
  478.             border: 1px solid #dc3545!important;
  479.             background-color: #f8f9fa !important;
  480.             border-radius: 100px;
  481.         }
  482.     </style>
  483.     <!-- Estilos -->
  484.     <style>
  485.         /* Estilo para las tarjetas (hover zoom) */
  486.         .hover-card {
  487.             transition: transform 0.3s ease, box-shadow 0.3s ease;
  488.         }
  490.         .hover-card:hover {
  491.             transform: scale(1.05);
  492.             box-shadow: 0 6px 25px rgba(0, 0, 0, 0.2);
  493.         }
  495.         /* Estilo adicional para las imágenes redondeadas en la tarjeta */
  496.         .card-img-top {
  497.             border-radius: 8px 8px 0 0;
  498.         }
  499.     </style>
  500.     <!-- Estilos -->
  501.     <style>
  502.         #events h3 {
  503.             font-weight: bold;
  504.             font-size: 1.75rem;
  505.         }
  507.         #events p {
  508.             line-height: 1.8;
  509.             font-size: 1rem;
  510.             color: #555;
  511.         }
  513.         /* Ajustes de imágenes */
  514.         #events img {
  515.             height: auto;
  516.             max-height: 50vh;
  517.             object-fit: cover;
  518.         }
  520.         /* Control hover para flechas del carrusel */
  521.         .carousel-control-prev-icon,
  522.         .carousel-control-next-icon {
  523.             
  524.             /*background-color: rgba(0, 0, 0, 0.5);*/
  525.             filter: invert(1);
  526.             border-radius: 50%;
  527.             width: 50px;
  528.             height: 50px;
  529.             
  531.         }
  532.         .carousel-control-next,
  533.         .carousel-control-prev{
  534.             opacity: 0.2;
  535.             background: lightgrey;
  536.         }
  537.         .carousel-control-next:hover,
  538.         .carousel-control-prev:hover{
  539.             opacity: 0.3;
  540.             background: lightgrey;
  541.         }
  543.         .carousel-control-next:focus,
  544.         .carousel-control-prev:focus{
  545.             opacity: 0.3;
  546.             background: lightgrey;
  547.         }
  549.         /* Ajustes responsivos */
  550.         @media (max-width: 768px) {
  551.             .hero h1{
  552.                 font-size:2.5rem;
  553.             }
  554.             #events img {
  555.                 max-height: 250px;
  556.             }
  558.             #events h3 {
  559.                 font-size: 1.5rem;
  560.             }
  562.             #events p {
  563.                 font-size: 0.9rem;
  564.             }
  565.             .carousel-control-next,
  566.             .carousel-control-prev{
  567.                 display:none;
  568.             }
  569.         }
  571.         .stiky-container{
  572.             height:50vh;
  573.         }
  574.     </style>
  576. <!-- Estilos para centrar el contenido -->
  577. <style>
  578.     .event-content {
  579.         display: flex;
  580.         flex-direction: column;
  581.         align-items: center;
  582.         justify-content: center;
  583.         min-height: 300px; /* Ajusta este valor según el alto deseado */
  584.     }
  585.     
  586. </style>
  588. <body>
  589.     <!-- Header -->
  590.     {{ render(controller('App\\\\Controller\\\\HeaderController::index')) }}
  591.     <!-- Hero Section -->
  592.     <section id=\"hero\" class=\"py-3\" style=\"min-height: 50vh; background-color: #fff;\">
  593.         <div class=\"container\">
  594.             <div class=\"hero rounded\">
  595.                 <div class=\"hero-overlay rounded\"></div>
  596.                 <div class=\"hero-content text-white\">
  597.                     <h1>Bienvenido a TCGBUNKER</h1>
  598.                     <p>Donde cada deck es único</p>
  599.                     <div>
  600.                         <button class=\"btn\" onclick=\"window.location.href='/order'\">Ver Decks</button>
  601.                     </div>
  602.                 </div>
  603.             </div>
  604.         </div>
  605.     </section>
  607.     <section id=\"best-dishes\" class=\"py-3\" style=\"background-color: #fff;\" >
  608.         <div class=\"container h-100 d-flex flex-column justify-content-center\">
  609.                 {{ render(controller('App\\\\Controller\\\\Blocks\\\\BestProductsController::index')) }}
  610.             </div>
  611.         </div>
  612.     </section>
  614.     <section class=\"py-3\" style=\"background-color: #fff;\">
  615.         <div class=\"container\">
  616.             <div class=\"row align-items-center\">
  617.             <!-- Column 1: Imagen -->
  618.             <div class=\"col-md-7 mb-4 mb-md-0 \" >
  619.                 <img src=\"/images/b6v8unpgk1b91.jpg\" alt=\"Imagen de vendedor\" class=\"img-fluid rounded w-100\" style=\"max-height: 450px\" />
  620.             </div>
  621.             <!-- Column 2: Texto y Botón -->
  622.             <div class=\"col-md-5 text-center text-md-start\">
  623.                 <h1 class=\"h1 mb-4 text-center fw-bolder section-title\">Conviértete en Vendedor</h1>
  624.                 <button type=\"button\" class=\"btn btn-primary w-100\" onclick=\"window.location.href = '/contact'\">Contactanos</button>
  625.             </div>
  626.             </div>
  627.         </div>
  628.     </section>
  630.     <section id=\"best\" class=\"py-3\" style=\"background-color: #fff;\" >
  631.         <div class=\"container h-100 d-flex flex-column justify-content-center\">
  632.                 {{ render(controller('App\\\\Controller\\\\Blocks\\\\CategoryViewController::index')) }}
  633.             </div>
  634.         </div>
  635.     </section>
  637.     
  638. </body>
  641. {% endblock %}", "home/index.html.twig", "/home/u619587673/domains/tcgbunker.shop/templates/home/index.html.twig");
  642.     }
  643. }