templates/home/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Hello HomeController!{% endblock %}
  5. {% block body %}
  6. <style>
  7.     /* .example-wrapper { margin: 1em auto; max-width: 800px; width: 95%; font: 18px/1.5 sans-serif; }
  8.     .example-wrapper code { background: #F5F5F5; padding: 2px 6px; }
  9.     
  10.     .mapphoto{background-image: url("{{asset('img/map-hero.png')}}");background-size: cover;}
  11.     body {background: #002b4e;}
  12.     .carousel-item div{
  13.         width: 75%;
  14.         margin: 0 auto;
  15.         padding: 48px 0;
  16.         color: #f5efe5;
  17.     }
  18.     .fa-star{
  19.       color: #FFC107;
  20.     }
  21.     .fa-check-square {color: #08d119;} */
  22. </style>
  23. <section class="relative py-20 md:py-28 overflow-hidden bg-gradient-to-r from-blue-50 to-white">
  24.     <div class="container mx-auto px-4">
  25.         <div class="grid grid-cols-1 md:grid-cols-2 gap-12 items-center">
  26.             <div class="space-y-6">
  27.                 <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold text-gray-900">Connect with <span class="bg-gradient-to-r from-red-600 to-blue-800 bg-clip-text text-transparent">U.S. Manufacturers</span></h1>
  28.                 <p class="text-lg text-gray-700 max-w-md">Connect with trusted American manufacturers and suppliers to streamline your supply chain, ensure quality, and support the domestic economy.</p>
  29.                 <div class="flex flex-col sm:flex-row gap-4">
  30.                     <a href="{{ path('add_company') }}"
  31.                         class="inline-flex items-center justify-center gap-2 whitespace-nowrap 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 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 h-10 bg-red-600 hover:bg-red-700 text-white py-6 px-8 rounded-md text-lg font-medium"
  32.                     >
  33.                         List Your Company
  34.                     </a>
  35.                     <a href="{{ path('app_company_index') }}"
  36.                         class="inline-flex items-center justify-center gap-2 whitespace-nowrap 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 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border bg-background hover:text-accent-foreground h-10 border-blue-800 text-blue-800 hover:bg-blue-50 py-6 px-8 rounded-md text-lg font-medium"
  37.                     >
  38.                         Search by Industry
  39.                     </a>
  40.                 </div>
  41.             </div>
  42.             <div class="relative h-64 md:h-96">
  43.                 <div class="absolute inset-0 z-10">
  44.                     <div class="relative w-full h-full flex items-center justify-center">
  45.                         <div class="w-full h-full relative">
  46.                             <img src="{{asset('img/map-hero.png')}}">
  47.                         </div>
  48.                         <div class="absolute top-1/4 left-1/4 w-12 h-12 rounded-full bg-red-600 opacity-20"></div>
  49.                     </div>
  50.                 </div>
  51.                 <div class="absolute -right-16 -bottom-16 w-64 h-64 bg-red-100 rounded-full opacity-30"></div>
  52.                 <div class="absolute -left-20 -top-20 w-48 h-48 bg-blue-100 rounded-full opacity-30"></div>
  53.             </div>
  54.         </div>
  55.     </div>
  56.     <div class="absolute top-0 right-0 w-64 h-64 bg-blue-800 rounded-full opacity-5 -translate-y-1/2 translate-x-1/3"></div>
  57.     <div class="absolute bottom-0 left-0 w-80 h-80 bg-red-600 rounded-full opacity-5 translate-y-1/2 -translate-x-1/3"></div>
  58. </section>
  59. <section id="services" class="py-20 bg-gray-50">
  60.     <div class="container mx-auto px-4">
  61.         <div class="text-center mb-12">
  62.             <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">Our <span class="bg-gradient-to-r from-red-600 to-blue-800 bg-clip-text text-transparent">Services</span></h2>
  63.             <p class="text-gray-600 max-w-2xl mx-auto mb-8">Discover how we connect businesses with reliable American manufacturers and suppliers.</p>
  64.             <div class="max-w-3xl mx-auto bg-white rounded-lg shadow-lg overflow-hidden mb-12">
  65.                 <div class="aspect-[16/9] relative">
  66.                     <iframe style="width: 100%; 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>
  67.                 </div>
  68.             </div>
  69.         </div>
  70.         <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
  71.             <div class="relative group">
  72.                 <div class="absolute inset-0 bg-gradient-to-b from-transparent to-blue-900/80 rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
  73.                 <div class="relative h-80 rounded-lg shadow-md overflow-hidden">
  74.                     <div class="w-full h-full bg-gray-200 flex items-center justify-center">
  75.                         <svg xmlns="http://www.w3.org/2000/svg" class="w-2/3 h-2/3 text-gray-400" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round">
  76.                             <path d="M2 20h20"></path>
  77.                             <path d="M5 20V9l7-4v15"></path>
  78.                             <path d="M17 5h2a1 1 0 0 1 1 1v14h-4V6a1 1 0 0 1 1-1Z"></path>
  79.                             <path d="M10 12H7v2h3v-2Z"></path>
  80.                             <path d="M17 9h-1v1h1V9Z"></path>
  81.                             <path d="M17 12h-1v1h1v-1Z"></path>
  82.                             <path d="M17 15h-1v1h1v-1Z"></path>
  83.                             <path d="m10 20 2-3 2 3"></path>
  84.                         </svg>
  85.                     </div>
  86.                     <div class="absolute inset-0 bg-black/30"></div>
  87.                     <div class="absolute inset-0 p-6 flex flex-col justify-end">
  88.                         <h3 class="text-xl text-white font-semibold mb-2 group-hover:text-blue-200 transition-colors">Verified U.S. Suppliers</h3>
  89.                         <p class="text-white text-sm opacity-0 group-hover:opacity-100 transition-opacity duration-300">
  90.                             Access our database of thousands of verified U.S. manufacturers and suppliers, all thoroughly vetted and ready to meet your business needs.
  91.                         </p>
  92.                     </div>
  93.                 </div>
  94.             </div>
  95.             <div class="relative group">
  96.                 <div class="absolute inset-0 bg-gradient-to-b from-transparent to-red-900/80 rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
  97.                 <div class="relative h-80 rounded-lg shadow-md overflow-hidden">
  98.                     <div class="w-full h-full bg-gray-200 flex items-center justify-center">
  99.                         <svg xmlns="http://www.w3.org/2000/svg" class="w-2/3 h-2/3 text-gray-400" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round">
  100.                             <path d="M20 8h-9l-2-3H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7a2 2 0 0 0-2-2Z"></path>
  101.                             <path d="M18 14v1"></path>
  102.                             <path d="M18 22v1"></path>
  103.                             <path d="M5 7v1"></path>
  104.                             <rect x="2" y="10" width="5" height="8" rx="1"></rect>
  105.                             <path d="M22 13h-5a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h5"></path>
  106.                         </svg>
  107.                     </div>
  108.                     <div class="absolute inset-0 bg-black/30"></div>
  109.                     <div class="absolute inset-0 p-6 flex flex-col justify-end">
  110.                         <h3 class="text-xl text-white font-semibold mb-2 group-hover:text-red-200 transition-colors">Business Matching Service</h3>
  111.                         <p class="text-white text-sm opacity-0 group-hover:opacity-100 transition-opacity duration-300">
  112.                             Our intelligent matching system connects your specific requirements with the most suitable American manufacturers, saving you time and resources.
  113.                         </p>
  114.                     </div>
  115.                 </div>
  116.             </div>
  117.             <div class="relative group">
  118.                 <div class="absolute inset-0 bg-gradient-to-b from-transparent to-gray-900/80 rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
  119.                 <div class="relative h-80 rounded-lg shadow-md overflow-hidden">
  120.                     <div class="w-full h-full bg-gray-200 flex items-center justify-center">
  121.                         <svg xmlns="http://www.w3.org/2000/svg" class="w-2/3 h-2/3 text-gray-400" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round">
  122.                             <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path>
  123.                             <path d="m9 12 2 2 4-4"></path>
  124.                         </svg>
  125.                     </div>
  126.                     <div class="absolute inset-0 bg-black/30"></div>
  127.                     <div class="absolute inset-0 p-6 flex flex-col justify-end">
  128.                         <h3 class="text-xl text-white font-semibold mb-2 group-hover:text-gray-200 transition-colors">Quality Assurance</h3>
  129.                         <p class="text-white text-sm opacity-0 group-hover:opacity-100 transition-opacity duration-300">
  130.                             All listed companies undergo a thorough verification process to ensure they meet high-quality American manufacturing standards.
  131.                         </p>
  132.                     </div>
  133.                 </div>
  134.             </div>
  135.         </div>
  136.     </div>
  137. </section>
  138. <section id="about" class="py-20 bg-white">
  139.     <div class="container mx-auto px-4">
  140.         <div class="text-center mb-12">
  141.             <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">About <span class="bg-gradient-to-r from-red-600 to-blue-800 bg-clip-text text-transparent">Made in USA Global</span></h2>
  142.             <p class="text-gray-600 max-w-2xl mx-auto">Your gateway to American manufacturing excellence and business connections.</p>
  143.         </div>
  144.         <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
  145.             <div class="rounded-lg bg-card text-card-foreground border border-gray-100 shadow-sm hover:shadow-md transition-shadow">
  146.                 <div class="p-6 pt-6">
  147.                     <div class="mb-4 p-2 bg-red-50 inline-block rounded-md">
  148.                         <svg xmlns="http://www.w3.org/2000/svg" class="h-7 w-7 text-red-600" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  149.                             <path
  150.                                 stroke-linecap="round"
  151.                                 stroke-linejoin="round"
  152.                                 stroke-width="2"
  153.                                 d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"
  154.                             ></path>
  155.                         </svg>
  156.                     </div>
  157.                     <h3 class="text-xl font-semibold text-gray-900 mb-2">Our Mission</h3>
  158.                     <p class="text-gray-600">Our mission is to strengthen the American manufacturing sector by creating a robust network that connects businesses with verified U.S.-based manufacturers and suppliers.</p>
  159.                 </div>
  160.             </div>
  161.             <div class="rounded-lg bg-card text-card-foreground border border-gray-100 shadow-sm hover:shadow-md transition-shadow">
  162.                 <div class="p-6 pt-6">
  163.                     <div class="mb-4 p-2 bg-blue-50 inline-block rounded-md">
  164.                         <svg xmlns="http://www.w3.org/2000/svg" class="h-7 w-7 text-blue-800" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  165.                             <path
  166.                                 stroke-linecap="round"
  167.                                 stroke-linejoin="round"
  168.                                 stroke-width="2"
  169.                                 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"
  170.                             ></path>
  171.                         </svg>
  172.                     </div>
  173.                     <h3 class="text-xl font-semibold text-gray-900 mb-2">Our Directory</h3>
  174.                     <p class="text-gray-600">Our comprehensive directory helps you find reliable suppliers across all industries, simplifying the process of sourcing American-made products and materials.</p>
  175.                 </div>
  176.             </div>
  177.             <div class="rounded-lg bg-card text-card-foreground border border-gray-100 shadow-sm hover:shadow-md transition-shadow">
  178.                 <div class="p-6 pt-6">
  179.                     <div class="mb-4 p-2 bg-gray-50 inline-block rounded-md">
  180.                         <svg xmlns="http://www.w3.org/2000/svg" class="h-7 w-7 text-gray-800" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  181.                             <path
  182.                                 stroke-linecap="round"
  183.                                 stroke-linejoin="round"
  184.                                 stroke-width="2"
  185.                                 d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"
  186.                             ></path>
  187.                         </svg>
  188.                     </div>
  189.                     <h3 class="text-xl font-semibold text-gray-900 mb-2">Why Us</h3>
  190.                     <p class="text-gray-600">We rigorously vet all manufacturers, ensuring quality, reliability, and compliance with American manufacturing standards for all your business needs.</p>
  191.                 </div>
  192.             </div>
  193.         </div>
  194.     </div>
  195. </section>
  196. <section id="testimonials" class="py-20 bg-white">
  197. <div class="text-center mb-12">
  198.             <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">What Our <span class="bg-gradient-to-r from-red-600 to-blue-800 bg-clip-text text-transparent">Clients Say</span></h2>
  199.             <p class="text-gray-600 max-w-2xl mx-auto">Don't just take our word for it. See what businesses across America have to say about our platform.</p>
  200.         </div>
  201. <!-- Reviews Carousel -->
  202. <div id="reviewsCarousel" style="width: 80%;margin: 0 auto;" class="carousel slide" data-ride="carousel">
  203.   <!-- Indicators -->
  204.   <ol class="carousel-indicators">
  205.     <li data-target="#reviewsCarousel" data-slide-to="0" class="active"></li>
  206.     <li data-target="#reviewsCarousel" data-slide-to="1"></li>
  207.     <li data-target="#reviewsCarousel" data-slide-to="2"></li>
  208.   </ol>
  210.   <!-- Slides -->
  211.   <div class="carousel-inner text-center p-4">
  212.     <div class="carousel-item active">
  213.     <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
  214.       <p class="fst-italic">“Made in USA Global transformed our supply chain. We found reliable American manufacturers that improved our product quality and reduced delivery times.”</p>
  215.       <h6 class="mt-3 font-weight-bold">John Doe</h6>
  216.     </div>
  217.     <div class="carousel-item">
  218.     <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
  219.       <p class="fst-italic">“As a small business, finding quality suppliers was a challenge until we discovered this platform. The connections we've made have been invaluable to our growth.”</p>
  220.       <h6 class="mt-3 font-weight-bold">Sarah Smith</h6>
  221.     </div>
  222.     <div class="carousel-item">
  223.     <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
  224.       <p class="fst-italic">“The verification process gives us confidence in the suppliers we connect with. It's been crucial for maintaining our quality standards.”</p>
  225.       <h6 class="mt-3 font-weight-bold">Ahmed Ali</h6>
  226.     </div>
  227.   </div>
  228.   <style>.fa-star{color:gold;}</style>
  230.   <!-- Controls -->
  231.   <a class="carousel-control-prev" style="background: #cd2831; opacity: 1;width: 1rem;height: 1rem;" href="#reviewsCarousel" role="button" data-slide="prev">
  232.     <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  233.     <span class="sr-only">Previous</span>
  234.   </a>
  235.   <a class="carousel-control-next" style="background: #cd2831; opacity: 1;width: 1rem;height: 1rem;" href="#reviewsCarousel" role="button" data-slide="next">
  236.     <span class="carousel-control-next-icon" aria-hidden="true"></span>
  237.     <span class="sr-only">Next</span>
  238.   </a>
  239. </div>
  240. <style>.carousel-item {
  241.   transition: transform 0.2s ease-in-out;
  242. }
  243. </style>
  244.     {# <div class="container mx-auto px-4">
  245.         
  246.         <div class="relative max-w-4xl mx-auto">
  247.             <div class="overflow-hidden">
  248.                 <div class="flex transition-transform duration-500 ease-in-out" style="transform: translateX(0%);">
  249.                     <div class="w-full flex-shrink-0 px-4">
  250.                         <div class="rounded-lg bg-card text-card-foreground border border-gray-100 shadow-sm hover:shadow-md transition-shadow">
  251.                             <div class="p-8">
  252.                                 <div class="flex text-yellow-500 mb-4">
  253.                                     <svg
  254.                                         xmlns="http://www.w3.org/2000/svg"
  255.                                         width="24"
  256.                                         height="24"
  257.                                         viewBox="0 0 24 24"
  258.                                         fill="none"
  259.                                         stroke="currentColor"
  260.                                         stroke-width="2"
  261.                                         stroke-linecap="round"
  262.                                         stroke-linejoin="round"
  263.                                         class="lucide lucide-star h-5 w-5 fill-current"
  264.                                     >
  265.                                         <path
  266.                                             d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"
  267.                                         ></path>
  268.                                     </svg>
  269.                                     <svg
  270.                                         xmlns="http://www.w3.org/2000/svg"
  271.                                         width="24"
  272.                                         height="24"
  273.                                         viewBox="0 0 24 24"
  274.                                         fill="none"
  275.                                         stroke="currentColor"
  276.                                         stroke-width="2"
  277.                                         stroke-linecap="round"
  278.                                         stroke-linejoin="round"
  279.                                         class="lucide lucide-star h-5 w-5 fill-current"
  280.                                     >
  281.                                         <path
  282.                                             d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"
  283.                                         ></path>
  284.                                     </svg>
  285.                                     <svg
  286.                                         xmlns="http://www.w3.org/2000/svg"
  287.                                         width="24"
  288.                                         height="24"
  289.                                         viewBox="0 0 24 24"
  290.                                         fill="none"
  291.                                         stroke="currentColor"
  292.                                         stroke-width="2"
  293.                                         stroke-linecap="round"
  294.                                         stroke-linejoin="round"
  295.                                         class="lucide lucide-star h-5 w-5 fill-current"
  296.                                     >
  297.                                         <path
  298.                                             d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"
  299.                                         ></path>
  300.                                     </svg>
  301.                                     <svg
  302.                                         xmlns="http://www.w3.org/2000/svg"
  303.                                         width="24"
  304.                                         height="24"
  305.                                         viewBox="0 0 24 24"
  306.                                         fill="none"
  307.                                         stroke="currentColor"
  308.                                         stroke-width="2"
  309.                                         stroke-linecap="round"
  310.                                         stroke-linejoin="round"
  311.                                         class="lucide lucide-star h-5 w-5 fill-current"
  312.                                     >
  313.                                         <path
  314.                                             d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"
  315.                                         ></path>
  316.                                     </svg>
  317.                                     <svg
  318.                                         xmlns="http://www.w3.org/2000/svg"
  319.                                         width="24"
  320.                                         height="24"
  321.                                         viewBox="0 0 24 24"
  322.                                         fill="none"
  323.                                         stroke="currentColor"
  324.                                         stroke-width="2"
  325.                                         stroke-linecap="round"
  326.                                         stroke-linejoin="round"
  327.                                         class="lucide lucide-star h-5 w-5 fill-current"
  328.                                     >
  329.                                         <path
  330.                                             d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"
  331.                                         ></path>
  332.                                     </svg>
  333.                                 </div>
  334.                                 <blockquote class="text-lg text-gray-700 italic mb-6">
  335.                                     "Made in USA Global transformed our supply chain. We found reliable American manufacturers that improved our product quality and reduced delivery times."
  336.                                 </blockquote>
  337.                                 <div class="flex items-center">
  338.                                     <div class="h-10 w-10 rounded-full bg-blue-100 flex items-center justify-center text-blue-800 font-semibold text-sm mr-4">J</div>
  339.                                     <div>
  340.                                         <p class="font-semibold text-gray-900">Jennifer Martinez</p>
  341.                                         <p class="text-sm text-gray-500">Blueprint Electronics</p>
  342.                                     </div>
  343.                                 </div>
  344.                             </div>
  345.                         </div>
  346.                     </div>
  347.                     <div class="w-full flex-shrink-0 px-4">
  348.                         <div class="rounded-lg bg-card text-card-foreground border border-gray-100 shadow-sm hover:shadow-md transition-shadow">
  349.                             <div class="p-8">
  350.                                 <div class="flex text-yellow-500 mb-4">
  351.                                     <svg
  352.                                         xmlns="http://www.w3.org/2000/svg"
  353.                                         width="24"
  354.                                         height="24"
  355.                                         viewBox="0 0 24 24"
  356.                                         fill="none"
  357.                                         stroke="currentColor"
  358.                                         stroke-width="2"
  359.                                         stroke-linecap="round"
  360.                                         stroke-linejoin="round"
  361.                                         class="lucide lucide-star h-5 w-5 fill-current"
  362.                                     >
  363.                                         <path
  364.                                             d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"
  365.                                         ></path>
  366.                                     </svg>
  367.                                     <svg
  368.                                         xmlns="http://www.w3.org/2000/svg"
  369.                                         width="24"
  370.                                         height="24"
  371.                                         viewBox="0 0 24 24"
  372.                                         fill="none"
  373.                                         stroke="currentColor"
  374.                                         stroke-width="2"
  375.                                         stroke-linecap="round"
  376.                                         stroke-linejoin="round"
  377.                                         class="lucide lucide-star h-5 w-5 fill-current"
  378.                                     >
  379.                                         <path
  380.                                             d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"
  381.                                         ></path>
  382.                                     </svg>
  383.                                     <svg
  384.                                         xmlns="http://www.w3.org/2000/svg"
  385.                                         width="24"
  386.                                         height="24"
  387.                                         viewBox="0 0 24 24"
  388.                                         fill="none"
  389.                                         stroke="currentColor"
  390.                                         stroke-width="2"
  391.                                         stroke-linecap="round"
  392.                                         stroke-linejoin="round"
  393.                                         class="lucide lucide-star h-5 w-5 fill-current"
  394.                                     >
  395.                                         <path
  396.                                             d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"
  397.                                         ></path>
  398.                                     </svg>
  399.                                     <svg
  400.                                         xmlns="http://www.w3.org/2000/svg"
  401.                                         width="24"
  402.                                         height="24"
  403.                                         viewBox="0 0 24 24"
  404.                                         fill="none"
  405.                                         stroke="currentColor"
  406.                                         stroke-width="2"
  407.                                         stroke-linecap="round"
  408.                                         stroke-linejoin="round"
  409.                                         class="lucide lucide-star h-5 w-5 fill-current"
  410.                                     >
  411.                                         <path
  412.                                             d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"
  413.                                         ></path>
  414.                                     </svg>
  415.                                     <svg
  416.                                         xmlns="http://www.w3.org/2000/svg"
  417.                                         width="24"
  418.                                         height="24"
  419.                                         viewBox="0 0 24 24"
  420.                                         fill="none"
  421.                                         stroke="currentColor"
  422.                                         stroke-width="2"
  423.                                         stroke-linecap="round"
  424.                                         stroke-linejoin="round"
  425.                                         class="lucide lucide-star h-5 w-5 fill-current"
  426.                                     >
  427.                                         <path
  428.                                             d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"
  429.                                         ></path>
  430.                                     </svg>
  431.                                 </div>
  432.                                 <blockquote class="text-lg text-gray-700 italic mb-6">
  433.                                     "As a small business, finding quality suppliers was a challenge until we discovered this platform. The connections we've made have been invaluable to our growth."
  434.                                 </blockquote>
  435.                                 <div class="flex items-center">
  436.                                     <div class="h-10 w-10 rounded-full bg-blue-100 flex items-center justify-center text-blue-800 font-semibold text-sm mr-4">R</div>
  437.                                     <div>
  438.                                         <p class="font-semibold text-gray-900">Robert Johnson</p>
  439.                                         <p class="text-sm text-gray-500">Heritage Furniture Co.</p>
  440.                                     </div>
  441.                                 </div>
  442.                             </div>
  443.                         </div>
  444.                     </div>
  445.                     <div class="w-full flex-shrink-0 px-4">
  446.                         <div class="rounded-lg bg-card text-card-foreground border border-gray-100 shadow-sm hover:shadow-md transition-shadow">
  447.                             <div class="p-8">
  448.                                 <div class="flex text-yellow-500 mb-4">
  449.                                     <svg
  450.                                         xmlns="http://www.w3.org/2000/svg"
  451.                                         width="24"
  452.                                         height="24"
  453.                                         viewBox="0 0 24 24"
  454.                                         fill="none"
  455.                                         stroke="currentColor"
  456.                                         stroke-width="2"
  457.                                         stroke-linecap="round"
  458.                                         stroke-linejoin="round"
  459.                                         class="lucide lucide-star h-5 w-5 fill-current"
  460.                                     >
  461.                                         <path
  462.                                             d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"
  463.                                         ></path>
  464.                                     </svg>
  465.                                     <svg
  466.                                         xmlns="http://www.w3.org/2000/svg"
  467.                                         width="24"
  468.                                         height="24"
  469.                                         viewBox="0 0 24 24"
  470.                                         fill="none"
  471.                                         stroke="currentColor"
  472.                                         stroke-width="2"
  473.                                         stroke-linecap="round"
  474.                                         stroke-linejoin="round"
  475.                                         class="lucide lucide-star h-5 w-5 fill-current"
  476.                                     >
  477.                                         <path
  478.                                             d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"
  479.                                         ></path>
  480.                                     </svg>
  481.                                     <svg
  482.                                         xmlns="http://www.w3.org/2000/svg"
  483.                                         width="24"
  484.                                         height="24"
  485.                                         viewBox="0 0 24 24"
  486.                                         fill="none"
  487.                                         stroke="currentColor"
  488.                                         stroke-width="2"
  489.                                         stroke-linecap="round"
  490.                                         stroke-linejoin="round"
  491.                                         class="lucide lucide-star h-5 w-5 fill-current"
  492.                                     >
  493.                                         <path
  494.                                             d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"
  495.                                         ></path>
  496.                                     </svg>
  497.                                     <svg
  498.                                         xmlns="http://www.w3.org/2000/svg"
  499.                                         width="24"
  500.                                         height="24"
  501.                                         viewBox="0 0 24 24"
  502.                                         fill="none"
  503.                                         stroke="currentColor"
  504.                                         stroke-width="2"
  505.                                         stroke-linecap="round"
  506.                                         stroke-linejoin="round"
  507.                                         class="lucide lucide-star h-5 w-5 fill-current"
  508.                                     >
  509.                                         <path
  510.                                             d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"
  511.                                         ></path>
  512.                                     </svg>
  513.                                 </div>
  514.                                 <blockquote class="text-lg text-gray-700 italic mb-6">"The verification process gives us confidence in the suppliers we connect with. It's been crucial for maintaining our quality standards."</blockquote>
  515.                                 <div class="flex items-center">
  516.                                     <div class="h-10 w-10 rounded-full bg-blue-100 flex items-center justify-center text-blue-800 font-semibold text-sm mr-4">D</div>
  517.                                     <div>
  518.                                         <p class="font-semibold text-gray-900">David Thompson</p>
  519.                                         <p class="text-sm text-gray-500">Midwest Manufacturing</p>
  520.                                     </div>
  521.                                 </div>
  522.                             </div>
  523.                         </div>
  524.                     </div>
  525.                     <div class="w-full flex-shrink-0 px-4">
  526.                         <div class="rounded-lg bg-card text-card-foreground border border-gray-100 shadow-sm hover:shadow-md transition-shadow">
  527.                             <div class="p-8">
  528.                                 <div class="flex text-yellow-500 mb-4">
  529.                                     <svg
  530.                                         xmlns="http://www.w3.org/2000/svg"
  531.                                         width="24"
  532.                                         height="24"
  533.                                         viewBox="0 0 24 24"
  534.                                         fill="none"
  535.                                         stroke="currentColor"
  536.                                         stroke-width="2"
  537.                                         stroke-linecap="round"
  538.                                         stroke-linejoin="round"
  539.                                         class="lucide lucide-star h-5 w-5 fill-current"
  540.                                     >
  541.                                         <path
  542.                                             d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"
  543.                                         ></path>
  544.                                     </svg>
  545.                                     <svg
  546.                                         xmlns="http://www.w3.org/2000/svg"
  547.                                         width="24"
  548.                                         height="24"
  549.                                         viewBox="0 0 24 24"
  550.                                         fill="none"
  551.                                         stroke="currentColor"
  552.                                         stroke-width="2"
  553.                                         stroke-linecap="round"
  554.                                         stroke-linejoin="round"
  555.                                         class="lucide lucide-star h-5 w-5 fill-current"
  556.                                     >
  557.                                         <path
  558.                                             d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"
  559.                                         ></path>
  560.                                     </svg>
  561.                                     <svg
  562.                                         xmlns="http://www.w3.org/2000/svg"
  563.                                         width="24"
  564.                                         height="24"
  565.                                         viewBox="0 0 24 24"
  566.                                         fill="none"
  567.                                         stroke="currentColor"
  568.                                         stroke-width="2"
  569.                                         stroke-linecap="round"
  570.                                         stroke-linejoin="round"
  571.                                         class="lucide lucide-star h-5 w-5 fill-current"
  572.                                     >
  573.                                         <path
  574.                                             d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"
  575.                                         ></path>
  576.                                     </svg>
  577.                                     <svg
  578.                                         xmlns="http://www.w3.org/2000/svg"
  579.                                         width="24"
  580.                                         height="24"
  581.                                         viewBox="0 0 24 24"
  582.                                         fill="none"
  583.                                         stroke="currentColor"
  584.                                         stroke-width="2"
  585.                                         stroke-linecap="round"
  586.                                         stroke-linejoin="round"
  587.                                         class="lucide lucide-star h-5 w-5 fill-current"
  588.                                     >
  589.                                         <path
  590.                                             d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"
  591.                                         ></path>
  592.                                     </svg>
  593.                                     <svg
  594.                                         xmlns="http://www.w3.org/2000/svg"
  595.                                         width="24"
  596.                                         height="24"
  597.                                         viewBox="0 0 24 24"
  598.                                         fill="none"
  599.                                         stroke="currentColor"
  600.                                         stroke-width="2"
  601.                                         stroke-linecap="round"
  602.                                         stroke-linejoin="round"
  603.                                         class="lucide lucide-star h-5 w-5 fill-current"
  604.                                     >
  605.                                         <path
  606.                                             d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"
  607.                                         ></path>
  608.                                     </svg>
  609.                                 </div>
  610.                                 <blockquote class="text-lg text-gray-700 italic mb-6">
  611.                                     "We've been able to market our products as 100% American-made thanks to the suppliers we found through this platform. Our customers appreciate the transparency."
  612.                                 </blockquote>
  613.                                 <div class="flex items-center">
  614.                                     <div class="h-10 w-10 rounded-full bg-blue-100 flex items-center justify-center text-blue-800 font-semibold text-sm mr-4">S</div>
  615.                                     <div>
  616.                                         <p class="font-semibold text-gray-900">Sarah Williams</p>
  617.                                         <p class="text-sm text-gray-500">Coastal Apparel</p>
  618.                                     </div>
  619.                                 </div>
  620.                             </div>
  621.                         </div>
  622.                     </div>
  623.                 </div>
  624.             </div>
  625.             <button
  626.                 class="inline-flex items-center justify-center gap-2 whitespace-nowrap 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 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground h-10 w-10 absolute -left-4 top-1/2 -translate-y-1/2 bg-white border border-gray-200 shadow-sm rounded-full z-10"
  627.             >
  628.                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-left h-5 w-5">
  629.                     <path d="m15 18-6-6 6-6"></path>
  630.                 </svg>
  631.             </button>
  632.             <button
  633.                 class="inline-flex items-center justify-center gap-2 whitespace-nowrap 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 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground h-10 w-10 absolute -right-4 top-1/2 -translate-y-1/2 bg-white border border-gray-200 shadow-sm rounded-full z-10"
  634.             >
  635.                 <svg
  636.                     xmlns="http://www.w3.org/2000/svg"
  637.                     width="24"
  638.                     height="24"
  639.                     viewBox="0 0 24 24"
  640.                     fill="none"
  641.                     stroke="currentColor"
  642.                     stroke-width="2"
  643.                     stroke-linecap="round"
  644.                     stroke-linejoin="round"
  645.                     class="lucide lucide-chevron-right h-5 w-5"
  646.                 >
  647.                     <path d="m9 18 6-6-6-6"></path>
  648.                 </svg>
  649.             </button>
  650.             <div class="flex justify-center mt-6 gap-2">
  651.                 <button class="h-2 rounded-full transition-all w-6 bg-blue-800" aria-label="Go to testimonial 1"></button><button class="h-2 rounded-full transition-all w-2 bg-gray-300" aria-label="Go to testimonial 2"></button>
  652.                 <button class="h-2 rounded-full transition-all w-2 bg-gray-300" aria-label="Go to testimonial 3"></button><button class="h-2 rounded-full transition-all w-2 bg-gray-300" aria-label="Go to testimonial 4"></button>
  653.             </div>
  654.         </div>
  655.     </div> #}
  656. </section>
  659. {# <section class="hero">
  660.     <div style="text-align:left;">
  661.     <div class="row g-4">
  662.         <div class="col-md-9">
  663.         <h1>CONNECTING BUSINESSES<br> TO AMERICAN MANUFACTURERS</h1>
  664.         <p>facilitating Connections with manufacturers spanning diverse U.S. industries</p>
  665.         </div>
  666.         <div class="col-md-3">
  667.         <img class="w-100" src="{{asset('img/map-hero.png')}}">
  668.         </div>
  669.     </div>
  670.     </section>
  671.     <section class="pb-5" style="background-color:#0d2c4d; color:white;">
  672.         <h1 class="text-center">Choose your path</h1>
  673.         <div class="row g-4">
  674.         <div class="col-md-6">
  675.             <a  href="{{ path('app_company_new') }}" class=" category-card d-block">
  676.                 <h4 class="d-block"><b>Register your manufacturing company</b></h4>
  677.                 <img style="filter: invert(1);" class="w-25" src="{{asset('img/register.png')}}">
  678.             </a>
  679.         </div>
  680.         <div class="col-md-6">
  681.             <a href="{{ path('app_company_index') }}" class=" category-card d-block">
  682.                 <h4 class="d-block"><b>Explore U.S. manufacturers by industry</b></h4>
  683.                 <img style="filter: invert(1);" class="w-25" src="{{asset('img/explore.png')}}">
  684.             </a>
  685.         </div>
  686.         </div>
  687.     </section> #}
  688.     {# <section class="p-5" style="background-color:#f5efe5; color:#0d2c4d; border-radius:30px;">
  689.         <div class="row g-4">
  690.         <div class="col-md-4">
  691.             <h2 class="text-center">Who we are?</h2>
  692.             <img class="w-100" src="{{asset('img/who.png')}}">
  693.         </div>
  694.         <div class="col-md-4">
  695.             <h2 class="text-center">What we do?</h2>
  696.             <p>we provide a directory of US manufacturers, making it easy to business to find reliable suppliers and partners</p>
  697.         </div>
  698.         <div class="col-md-4">    
  699.             <h2 class="text-center">Why us?</h2>
  700.             <p>We deliver a network of vetted manufacturers, committed to quality and excellence. Partner with us to strengthen US Manufacturing</p>
  701.         </div>
  702.         </div>
  703.     </section>
  704.     <section id="service" style="color:white;">
  705.     <center><h1>Our service</h1></center>
  706.     <div class="row">
  707.       <div class="col-md-6">
  708.           <h2>Empowering American Manufacturing. Connecting the World.</h2>
  709.           <p>At MadeInUSAGlobal, our mission is to showcase and support U.S.-based manufacturers by providing a powerful online platform that connects them with global buyers, suppliers, and partners. We offer a range of services tailored to meet the needs of both manufacturers and businesses looking for high-quality, American-made products.</p>
  710.       </div>
  711.       <div class="col-md-6">
  712.           <img class="w-100" src="{{asset('img/manu.jpg')}}">
  713.       </div>
  714.     </div>
  715.     </section>
  716.     <br>
  717.     <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
  718.     <center><h1 style="color:white;">They trusted us</h1></center>
  719.   <ol class="carousel-indicators">
  720.     <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
  721.     <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
  722.     <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
  723.   </ol>
  724.   <div class="carousel-inner">
  725.     <div class="carousel-item active">
  726.       <div><span class="" style="text-align: center;display:block;"><span class="fa fa-star checked"></span>
  727.             <span class="fa fa-star checked"></span>
  728.             <span class="fa fa-star checked"></span>
  729.             <span class="fa fa-star checked"></span>
  730.             <span class="fa fa-star {{ random(['', 'checked']) }}"></span>
  731.         </span><h3>Finally, a real platform focused on American manufacturers. </h3>
  732.       <p>
  733.       We listed our company in the Premium section and got three solid inquiries in the first two weeks. The traffic and visibility are exactly what we were looking for.
  734.       </p>
  735.       <span class="text-right">David M., CEO of Patriot Tools Inc.</span>
  736.       </div>
  737.     </div>
  738.     <div class="carousel-item">
  739.         <div><span class="" style="text-align: center;display:block;"><span class="fa fa-star checked"></span>
  740.             <span class="fa fa-star checked"></span>
  741.             <span class="fa fa-star checked"></span>
  742.             <span class="fa fa-star checked"></span>
  743.             <span class="fa fa-star {{ random(['', 'checked']) }}"></span><h3>Love the message: Make Manufacturing Great Again!</h3>
  744.       <p>
  745.       As a small manufacturer in Ohio, it’s hard to get attention online. MadeInUSAGlobal gave us a professional spotlight and serious credibility.
  746.       </p>
  747.       <span class="text-right">Lisa H., Owner of MidState Machining</span>
  748.       </div>
  749.     </div>
  750.     <div class="carousel-item">
  751.       <div><span class="" style="text-align: center;display:block;"><span class="fa fa-star checked"></span>
  752.             <span class="fa fa-star checked"></span>
  753.             <span class="fa fa-star checked"></span>
  754.             <span class="fa fa-star checked"></span>
  755.             <span class="fa fa-star {{ random(['', 'checked']) }}"></span><h3>Simple, clean, effective.</h3>
  756.       <p>
  757.       I found exactly the type of supplier I needed for my retail business. No middlemen, no fluff—just real American companies.
  758.       </p>
  759.       <span class="text-right">Andre P., Sourcing Manager at WestBay Retail</span>
  760.       </div>
  761.     </div>
  762.   </div>
  763.   <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
  764.     <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  765.     <span class="sr-only">Previous</span>
  766.   </a>
  767.   <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
  768.     <span class="carousel-control-next-icon" aria-hidden="true"></span>
  769.     <span class="sr-only">Next</span>
  770.   </a>
  771. </div>
  772.     <section id="services">
  773.     <center><h1 style="color:white;">Our plans</h1></center>
  774.     <div class="container">
  775.       <div class="card-deck mb-3 text-center">
  776.         <div class="card mb-4 box-shadow">
  777.           <div class="card-header">
  778.             <h4 class="my-0 font-weight-normal">Free</h4>
  779.           </div>
  780.           <div class="card-body">
  781.             <h1 class="card-title pricing-card-title">$0 <small class="text-muted">/ mo</small></h1>
  782.             <ul class="list-unstyled mt-3 mb-4">
  783.               <li><i class="fas fa-check-square"></i> feature</li>
  784.               <li><i class="fas fa-check-square"></i> feature</li>
  785.               <li><i class="fas fa-check-square"></i> feature</li>
  786.               <li><i class="fas fa-check-square"></i> feature</li>
  787.             </ul>
  788.             <a href="{{ path('app_company_new') }}" type="button" class="btn btn-lg btn-block btn-outline-primary">Register for free</a>
  789.           </div>
  790.         </div>
  791.         <div class="card mb-4 box-shadow">
  792.           <div class="card-header">
  793.             <h4 class="my-0 font-weight-normal">Pro</h4>
  794.           </div>
  795.           <div class="card-body">
  796.             <h1 class="card-title pricing-card-title">$15 <small class="text-muted">/ mo</small></h1>
  797.             <ul class="list-unstyled mt-3 mb-4">
  798.               <li><i class="fas fa-check-square"></i> feature</li>
  799.               <li><i class="fas fa-check-square"></i> feature</li>
  800.               <li><i class="fas fa-check-square"></i> feature</li>
  801.               <li><i class="fas fa-check-square"></i> feature</li>
  802.             </ul>
  803.             <button type="button" class="btn btn-lg btn-block btn-primary">Get started</button>
  804.           </div>
  805.         </div>
  806.       </div>
  808.     </div>
  809.     </section> #}
  811.     {# <section class="container text-center my-5">
  812.         <h2 class="mb-4">BROWSE BY CATEGORY</h2>
  813.         <div class="row g-4">
  814.             <div class="col-6 col-md-3">
  815.                 <div class="category-card">Electronics</div>
  816.             </div>
  817.             <div class="col-6 col-md-3">
  818.                 <div class="category-card">Renewable Energy</div>
  819.             </div>
  820.             <div class="col-6 col-md-3">
  821.                 <div class="category-card">Automotive</div>
  822.             </div>
  823.             <div class="col-6 col-md-3">
  824.                 <div class="category-card">Medical</div>
  825.             </div>
  826.             <div class="col-6 col-md-3">
  827.                 <div class="category-card">Home Goods</div>
  828.             </div>
  829.             <div class="col-6 col-md-3">
  830.                 <div class="category-card">Heavy Industry</div>
  831.             </div>
  832.             <div class="col-6 col-md-3">
  833.                 <div class="category-card">Plastics & Rubber</div>
  834.             </div>
  835.             <div class="col-6 col-md-3">
  836.                 <div class="category-card">Aerospace</div>
  837.             </div>
  838.             <div class="col-6 col-md-3">
  839.                 <div class="category-card">Construction</div>
  840.             </div>
  841.             <div class="col-6 col-md-3">
  842.                 <div class="category-card">Food & Beverage</div>
  843.             </div>
  844.             <div class="col-6 col-md-3">
  845.                 <div class="category-card">Chemicals</div>
  846.             </div>
  847.             <div class="col-6 col-md-3">
  848.                 <div class="category-card">Chemicals</div>
  849.             </div>
  850.         </div>
  851.         <p class="mt-4">...AND MORE</p>
  852.     </section> #}
  853. {% endblock %}