templates/home/add_company.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Hello HomeController!{% endblock %}
  5. {% block body %}
  6. <section id="pricing" class="py-20 bg-gray-50">
  7.     <div class="container mx-auto px-4">
  8.         <div class="text-center mb-12">
  9.             <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">
  10.                 Simple, Transparent <span class="bg-gradient-to-r from-red-600 to-blue-800 bg-clip-text text-transparent">Pricing</span>
  11.             </h2>
  12.         </div>
  13.         <div class="max-w-5xl mx-auto">
  14.             <div class="grid grid-cols-1 md:grid-cols-1 gap-8">
  15.                 <!-- Free Plan -->
  16.                 {# <div class="bg-card text-card-foreground border rounded-lg overflow-hidden transition-all shadow-md">
  17.                     <div class="flex flex-col space-y-1.5 p-6 pt-6">
  18.                         <h3 class="tracking-tight text-2xl font-bold">Free Plan</h3>
  19.                         <div class="mt-2"><span class="text-3xl font-bold">$0</span><span class="text-gray-500 ml-1">/month</span></div>
  20.                         <p class="text-gray-500 mt-2">Get started with essential features at no cost</p>
  21.                     </div>
  22.                     <div class="p-6 pt-0">
  23.                         <ul class="space-y-3 mt-6">
  24.                             <li class="flex items-start text-gray-600">❌ Limited</li>
  25.                             <li class="flex items-start text-gray-600">✅ Basic Listing</li>
  26.                             <li class="flex items-start text-gray-600">❌ Unlimited Direct Messaging</li>
  27.                             <li class="flex items-start text-gray-600">❌ Track Views & Engagement</li>
  28.                             <li class="flex items-start text-gray-600">❌ Boost Trust & Credibility</li>
  29.                             <li class="flex items-start text-gray-600">❌ Smart AI Boost</li>
  30.                             <li class="flex items-start text-gray-600">❌ Tailored Campaigns</li>
  31.                             <li class="flex items-start text-gray-600">❌ Professional Video</li>
  32.                             <li class="flex items-start text-gray-600">$0 (No Fees)</li>
  33.                         </ul>
  34.                         <a href="{{ path('app_company_new') }}"
  35.                             class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 h-10 px-4 py-2 w-full mt-6 bg-white text-blue-800 border-blue-800 border hover:bg-blue-50">
  36.                             Get Started
  37.                         </a>
  38.                     </div>
  39.                 </div> #}
  40.                 <div class="max-w-3xl mx-auto bg-white rounded-lg shadow-lg overflow-hidden mb-12">
  41.                 <div class="aspect-[16/9] relative">
  42.                     <iframe style="width: 600px; height: 100%" src="https://www.youtube.com/embed/coegUqdHuQk?si=ZrdMKNlQsPXm7VJ0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
  43.                 </div>
  44.             </div>
  45.                         <p class="text-gray-600 max-w-2xl mx-auto">Choose the plan that works best for your business needs</p>
  47.                 <!-- Pro Plan -->
  48.                 <div class="bg-card text-card-foreground border rounded-lg overflow-hidden transition-all shadow-lg border-blue-800/20">
  49.                     <div class="bg-blue-800 text-white text-center py-1 text-sm font-medium">Most Popular</div>
  50.                     <div class="flex flex-col space-y-1.5 p-6 pt-6">
  51.                         <h3 class="tracking-tight text-2xl font-bold">Pro Plan</h3>
  52.                         <div class="mt-2"><span class="text-3xl font-bold">$399</span><span class="text-gray-500 ml-1">/month</span></div>
  53.                         <p class="text-gray-500 mt-2">Full access with premium features and visibility</p>
  54.                     </div>
  55.                     <div class="p-6 pt-0">
  56.                         <ul class="space-y-3 mt-6">
  57.                             <li class="flex items-start text-gray-600">✅ Unlimited + Smart Filters</li>
  58.                             <li class="flex items-start text-gray-600">✅ Featured (Top Search Placement)</li>
  59.                             <li class="flex items-start text-gray-600">✅ Unlimited Direct Messaging</li>
  60.                             <li class="flex items-start text-gray-600">✅ Full Access – Track Views & Engagement</li>
  61.                             <li class="flex items-start text-gray-600">✅ Boosts Trust & Credibility</li>
  62.                             <li class="flex items-start text-gray-600">✅ Smart AI Boost</li>
  63.                             <li class="flex items-start text-gray-600">✅ Tailored Campaigns Just for You</li>
  64.                             <li class="flex items-start text-gray-600">✅ Professional Video Made Monthly</li>
  65.                             <li class="flex items-start text-gray-600">✅ Still $0 + More Buyer Visibility</li>
  66.                         </ul>
  67.                         <a href="{{ path('app_company_new') }}"
  68.                             class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 text-primary-foreground h-10 px-4 py-2 w-full mt-6 bg-blue-800 hover:bg-blue-900">
  69.                             Start Pro Trial
  70.                         </a>
  71.                     </div>
  72.                 </div>
  73.             </div>
  74.             <div class="mt-10 text-center text-gray-500">
  75.                 <p>All plans come with a 14-day free trial. No credit card required.</p>
  76.             </div>
  77.         </div>
  78.     </div>
  79. </section>
  80. {% endblock %}