Ephemeralkaze/patchcraft-pro-custom-emblems-more
0
1<!DOCTYPE html>2<html lang="en">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>PatchCraft Pro - Custom Emblems & More</title>7 <link rel="icon" type="image/x-icon" href="/static/favicon.ico">8 <link rel="stylesheet" href="style.css">9 <script src="https://cdn.tailwindcss.com"></script>10 <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>11 <script src="https://unpkg.com/feather-icons"></script>12</head>13<body class="bg-gray-50">14 <!-- Navigation Component -->15 <custom-navbar></custom-navbar>16 17 <!-- Hero Section -->18 <section class="relative bg-gradient-to-r from-blue-600 to-purple-700 text-white py-20">19 <div class="container mx-auto px-6 text-center">20 <h1 class="text-5xl md:text-7xl font-bold mb-6">Premium Custom Patches & Products</h1>21 <p class="text-xl md:text-2xl mb-8 max-w-3xl mx-auto">Create lasting impressions with our high-quality custom emblems, patches, and promotional items</p>22 <div class="flex flex-col sm:flex-row gap-4 justify-center">23 <button class="bg-white text-blue-600 px-8 py-3 rounded-lg font-semibold hover:bg-gray-100 transition duration-300">Get Free Quote</button>24 <button class="border-2 border-white text-white px-8 py-3 rounded-lg font-semibold hover:bg-white hover:text-blue-600 transition duration-300">View Products</button>25 </div>26 </div>27 </section>28 29 <!-- Trust Badges Section -->30 <section class="py-12 bg-white">31 <div class="container mx-auto px-6">32 <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center">33 <div class="p-6">34 <i data-feather="dollar-sign" class="w-12 h-12 text-green-500 mx-auto mb-4"></i>35 <h3 class="text-xl font-semibold mb-2">Low Minimums36<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>37</body>38</html>