| | <!DOCTYPE html> |
| | <html lang="en"> |
| | <head> |
| | <meta charset="UTF-8"> |
| | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| | <title>International shipping from the United States - SmartPost</title> |
| | <script src="https://cdn.tailwindcss.com"></script> |
| | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
| | <script> |
| | tailwind.config = { |
| | theme: { |
| | extend: { |
| | colors: { |
| | primary: '#2B4474', |
| | secondary: '#E74C3C', |
| | accent: '#3498DB', |
| | } |
| | } |
| | } |
| | } |
| | </script> |
| | <style> |
| | |
| | @keyframes fadeIn { |
| | from { opacity: 0; transform: translateY(20px); } |
| | to { opacity: 1; transform: translateY(0); } |
| | } |
| | |
| | .fade-in { |
| | animation: fadeIn 0.8s ease-out forwards; |
| | } |
| | |
| | |
| | html { |
| | scroll-behavior: smooth; |
| | } |
| | |
| | |
| | .hamburger span { |
| | display: block; |
| | height: 3px; |
| | width: 25px; |
| | background: #2B4474; |
| | margin: 5px auto; |
| | transition: all 0.3s ease-in-out; |
| | } |
| | |
| | .hamburger.is-active span:nth-child(1) { |
| | transform: translateY(8px) rotate(45deg); |
| | } |
| | |
| | .hamburger.is-active span:nth-child(2) { |
| | opacity: 0; |
| | } |
| | |
| | .hamburger.is-active span:nth-child(3) { |
| | transform: translateY(-8px) rotate(-45deg); |
| | } |
| | |
| | |
| | .service-card:hover { |
| | transform: translateY(-10px); |
| | box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); |
| | } |
| | </style> |
| | </head> |
| | <body class="font-sans bg-gray-50"> |
| | |
| | <header class="sticky top-0 z-50 bg-white shadow-md"> |
| | <div class="container mx-auto px-4 py-3"> |
| | <div class="flex justify-between items-center"> |
| | |
| | <a href="#" class="flex items-center space-x-2"> |
| | <div class="w-40 md:w-48"> |
| | <svg viewBox="0 0 180 50" fill="#2B4474"> |
| | <text x="0" y="35" font-family="Arial" font-weight="bold" font-size="36">SmartPost</text> |
| | </svg> |
| | </div> |
| | </a> |
| | |
| | |
| | <nav class="hidden md:flex items-center space-x-1 lg:space-x-4"> |
| | <a href="#about" class="px-3 py-2 font-medium text-gray-700 hover:text-primary transition">About Us</a> |
| | <a href="#news" class="px-3 py-2 font-medium text-gray-700 hover:text-primary transition">News</a> |
| | |
| | <div class="relative group"> |
| | <button class="px-3 py-2 font-medium text-gray-700 hover:text-primary transition flex items-center"> |
| | Services <i class="fas fa-chevron-down ml-1 text-xs"></i> |
| | </button> |
| | <div class="hidden group-hover:block absolute left-0 mt-0 w-56 bg-white shadow-lg rounded-md z-10"> |
| | <a href="#parcel-delivery" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Parcel Delivery</a> |
| | <a href="#large-cargo" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Large-Size Cargo</a> |
| | <a href="#consolidation" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Consolidation of Goods</a> |
| | <a href="#mail-delivery" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Mail Correspondence Delivery</a> |
| | <a href="#commercial" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Commercial Cargo</a> |
| | <a href="#shopping" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">US Shopping</a> |
| | </div> |
| | </div> |
| | |
| | <div class="relative group"> |
| | <button class="px-3 py-2 font-medium text-gray-700 hover:text-primary transition flex items-center"> |
| | Delivery Terms <i class="fas fa-chevron-down ml-1 text-xs"></i> |
| | </button> |
| | <div class="hidden group-hover:block absolute left-0 mt-0 w-48 bg-white shadow-lg rounded-md z-10"> |
| | <a href="#uzbekistan" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Uzbekistan</a> |
| | <a href="#kyrgyzstan" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Kyrgyzstan</a> |
| | </div> |
| | </div> |
| | |
| | <a href="#contact" class="px-3 py-2 font-medium text-gray-700 hover:text-primary transition">Contact</a> |
| | |
| | <div class="relative group ml-2"> |
| | <button class="px-3 py-2 font-medium text-gray-700 hover:text-primary transition flex items-center"> |
| | EN <i class="fas fa-chevron-down ml-1 text-xs"></i> |
| | </button> |
| | <div class="hidden group-hover:block absolute right-0 mt-0 w-16 bg-white shadow-lg rounded-md z-10"> |
| | <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">RU</a> |
| | <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">EN</a> |
| | </div> |
| | </div> |
| | |
| | <a href="tel:7183323332" class="ml-4 px-4 py-2 bg-primary text-white rounded-md hover:bg-primary-dark transition flex items-center"> |
| | <i class="fas fa-phone-alt mr-2"></i> (718) 332-3332 |
| | </a> |
| | </nav> |
| | |
| | |
| | <div class="hidden md:flex items-center space-x-4 ml-4"> |
| | <a href="https://www.facebook.com/SmartPostus-104157981806656/" class="text-gray-600 hover:text-accent"> |
| | <i class="fab fa-facebook-f"></i> |
| | </a> |
| | <a href="https://instagram.com/smartpost.us" class="text-gray-600 hover:text-accent"> |
| | <i class="fab fa-instagram"></i> |
| | </a> |
| | <a href="http://t.me/smartpost_us" class="text-gray-600 hover:text-accent"> |
| | <i class="fab fa-telegram"></i> |
| | </a> |
| | </div> |
| | |
| | |
| | <button id="mobile-menu-button" class="md:hidden hamburger"> |
| | <span></span> |
| | <span></span> |
| | <span></span> |
| | </button> |
| | </div> |
| | |
| | |
| | <div id="mobile-menu" class="hidden md:hidden fixed inset-0 bg-white z-40 mt-16 p-4 h-full w-full overflow-y-auto"> |
| | <div class="flex flex-col space-y-4"> |
| | <a href="#about" class="px-3 py-2 font-medium text-gray-700 border-b border-gray-100">About Us</a> |
| | <a href="#news" class="px-3 py-2 font-medium text-gray-700 border-b border-gray-100">News</a> |
| | |
| | <div class="relative"> |
| | <button id="services-toggle" class="w-full flex justify-between items-center px-3 py-2 font-medium text-gray-700 border-b border-gray-100"> |
| | <span>Services</span> |
| | <i class="fas fa-chevron-down transition-transform"></i> |
| | </button> |
| | <div id="services-menu" class="hidden pl-4 my-2"> |
| | <a href="#parcel-delivery" class="block px-3 py-2 text-gray-600">Parcel Delivery</a> |
| | <a href="#large-cargo" class="block px-3 py-2 text-gray-600">Large-Size Cargo</a> |
| | <a href="#consolidation" class="block px-3 py-2 text-gray-600">Consolidation of Goods</a> |
| | <a href="#mail-delivery" class="block px-3 py-2 text-gray-600">Mail Correspondence Delivery</a> |
| | <a href="#commercial" class="block px-3 py-2 text-gray-600">Commercial Cargo</a> |
| | <a href="#shopping" class="block px-3 py-2 text-gray-600">US Shopping</a> |
| | </div> |
| | </div> |
| | |
| | <div class="relative"> |
| | <button id="delivery-toggle" class="w-full flex justify-between items-center px-3 py-2 font-medium text-gray-700 border-b border-gray-100"> |
| | <span>Delivery Terms</span> |
| | <i class="fas fa-chevron-down transition-transform"></i> |
| | </button> |
| | <div id="delivery-menu" class="hidden pl-4 my-2"> |
| | <a href="#uzbekistan" class="block px-3 py-2 text-gray-600">Uzbekistan</a> |
| | <a href="#kyrgyzstan" class="block px-3 py-2 text-gray-600">Kyrgyzstan</a> |
| | </div> |
| | </div> |
| | |
| | <a href="#contact" class="px-3 py-2 font-medium text-gray-700 border-b border-gray-100">Contact</a> |
| | |
| | <div class="relative"> |
| | <button id="lang-toggle" class="w-full flex justify-between items-center px-3 py-2 font-medium text-gray-700 border-b border-gray-100"> |
| | <span>Language (EN)</span> |
| | <i class="fas fa-chevron-down transition-transform"></i> |
| | </button> |
| | <div id="lang-menu" class="hidden pl-4 my-2"> |
| | <a href="#" class="block px-3 py-2 text-gray-600">RU</a> |
| | <a href="#" class="block px-3 py-2 text-gray-600">EN</a> |
| | </div> |
| | </div> |
| | |
| | <a href="tel:7183323332" class="mt-4 px-4 py-2 bg-primary text-white rounded-md hover:bg-primary-dark transition text-center"> |
| | <i class="fas fa-phone-alt mr-2"></i> (718) 332-3332 |
| | </a> |
| | |
| | <div class="flex justify-center space-x-6 mt-4"> |
| | <a href="https://www.facebook.com/SmartPostus-104157981806656/" class="text-gray-600 hover:text-accent text-xl"> |
| | <i class="fab fa-facebook-f"></i> |
| | </a> |
| | <a href="https://instagram.com/smartpost.us" class="text-gray-600 hover:text-accent text-xl"> |
| | <i class="fab fa-instagram"></i> |
| | </a> |
| | <a href="http://t.me/smartpost_us" class="text-gray-600 hover:text-accent text-xl"> |
| | <i class="fab fa-telegram"></i> |
| | </a> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </header> |
| |
|
| | |
| | <section class="relative bg-gradient-to-r from-primary to-accent text-white py-20 md:py-32"> |
| | <div class="container mx-auto px-4"> |
| | <div class="max-w-3xl mx-auto text-center fade-in"> |
| | <h1 class="text-4xl md:text-6xl font-bold mb-6">International shipping from the United States</h1> |
| | <p class="text-xl md:text-2xl mb-8">Fast, reliable and affordable shipping services to Uzbekistan, Kyrgyzstan, Kazakhstan and Tajikistan</p> |
| | <div class="space-x-4"> |
| | <a href="#services" class="bg-white text-primary px-8 py-3 rounded-lg font-bold hover:bg-opacity-90 transition inline-block">Our Services</a> |
| | <a href="#contact" class="border-2 border-white px-8 py-3 rounded-lg font-bold hover:bg-white hover:text-primary transition inline-block">Contact Us</a> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | |
| | <section id="news" class="py-16 bg-gray-50"> |
| | <div class="container mx-auto px-4"> |
| | <h2 class="text-3xl font-bold text-center mb-12 text-gray-800">Latest News</h2> |
| | |
| | <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> |
| | |
| | <div class="bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition fade-in"> |
| | <div class="h-48 bg-gray-200 flex items-center justify-center"> |
| | <i class="fas fa-map-marker-alt text-5xl text-accent"></i> |
| | </div> |
| | <div class="p-6"> |
| | <h3 class="text-xl font-bold mb-2 text-gray-800">Receiving Parcels Philadelphia</h3> |
| | <p class="text-gray-600 mb-4">Philadelphia office address: 842 Red Line, Unit 9, Philadelphia, PA, 19115. You can also contact our representative by phone: (215) 869-5454.</p> |
| | <a href="#" class="text-accent font-semibold hover:underline flex items-center"> |
| | Read more <i class="fas fa-chevron-right ml-2 text-sm"></i> |
| | </a> |
| | </div> |
| | </div> |
| | |
| | |
| | <div class="bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition fade-in" style="animation-delay: 0.2s"> |
| | <div class="h-48 bg-gray-200 flex items-center justify-center"> |
| | <i class="fas fa-truck text-5xl text-accent"></i> |
| | </div> |
| | <div class="p-6"> |
| | <h3 class="text-xl font-bold mb-2 text-gray-800">Receiving Parcels Chicago</h3> |
| | <p class="text-gray-600 mb-4">The SmartPost Chicago team is pleased to offer its service to all residents of the state of Illinois to use our service for the delivery of parcels.</p> |
| | <a href="#" class="text-accent font-semibold hover:underline flex items-center"> |
| | Read more <i class="fas fa-chevron-right ml-2 text-sm"></i> |
| | </a> |
| | </div> |
| | </div> |
| | |
| | |
| | <div class="bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition fade-in" style="animation-delay: 0.4s"> |
| | <div class="h-48 bg-gray-200 flex items-center justify-center"> |
| | <i class="fas fa-city text-5xl text-accent"></i> |
| | </div> |
| | <div class="p-6"> |
| | <h3 class="text-xl font-bold mb-2 text-gray-800">Receiving Parcels New-York</h3> |
| | <p class="text-gray-600 mb-4">SmartPost will deliver your parcels to Uzbekistan, Kyrgyzstan, Kazakhstan and Tajikistan quickly and efficiently. Our company's head office located in Brooklyn.</p> |
| | <a href="#" class="text-accent font-semibold hover:underline flex items-center"> |
| | Read more <i class="fas fa-chevron-right ml-2 text-sm"></i> |
| | </a> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | |
| | <section class="py-16 bg-white"> |
| | <div class="container mx-auto px-4"> |
| | <div class="max-w-4xl mx-auto text-center mb-16"> |
| | <h2 class="text-3xl font-bold text-gray-800 mb-6">Why Choose SmartPost</h2> |
| | <p class="text-gray-600 text-lg">We provide the most reliable and efficient shipping solutions from the US to Central Asia</p> |
| | </div> |
| | |
| | <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> |
| | |
| | <div class="text-center px-6 fade-in"> |
| | <div class="bg-primary bg-opacity-10 w-20 h-20 mx-auto rounded-full flex items-center justify-center mb-6"> |
| | <i class="fas fa-clock text-3xl text-primary"></i> |
| | </div> |
| | <h3 class="text-xl font-bold mb-3 text-gray-800">Minimal Delivery Times</h3> |
| | <p class="text-gray-600">SmartPost is a new generation logistics service that allows you to deliver your cargo as quickly as possible to any destination. Our professionals work 24/7.</p> |
| | </div> |
| | |
| | |
| | <div class="text-center px-6 fade-in" style="animation-delay: 0.2s"> |
| | <div class="bg-primary bg-opacity-10 w-20 h-20 mx-auto rounded-full flex items-center justify-center mb-6"> |
| | <i class="fas fa-dollar-sign text-3xl text-primary"></i> |
| | </div> |
| | <h3 class="text-xl font-bold mb-3 text-gray-800">Affordable Rates</h3> |
| | <p class="text-gray-600">Our modern approach to delivery and partner network help us provide the best price-quality ratio for our clients. Our prices are 10% lower on average.</p> |
| | </div> |
| | |
| | |
| | <div class="text-center px-6 fade-in" style="animation-delay: 0.4s"> |
| | <div class="bg-primary bg-opacity-10 w-20 h-20 mx-auto rounded-full flex items-center justify-center mb-6"> |
| | <i class="fas fa-map-marked-alt text-3xl text-primary"></i> |
| | </div> |
| | <h3 class="text-xl font-bold mb-3 text-gray-800">Cargo Tracking 24/7</h3> |
| | <p class="text-gray-600">You can check the status of your cargo anywhere and anytime by simply going to the cargo tracking page. Real-time updates give you peace of mind.</p> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | |
| | <section id="services" class="py-16 bg-gray-50"> |
| | <div class="container mx-auto px-4"> |
| | <div class="max-w-4xl mx-auto text-center mb-16"> |
| | <h2 class="text-3xl font-bold text-gray-800 mb-6">Our Services</h2> |
| | <p class="text-gray-600 text-lg">Comprehensive shipping solutions tailored to your needs</p> |
| | </div> |
| | |
| | <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> |
| | |
| | <a href="#" class="service-card bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition fade-in transform hover:-translate-y-2 duration-300"> |
| | <div class="h-48 bg-gray-200 flex items-center justify-center"> |
| | <i class="fas fa-box-open text-6xl text-primary opacity-30"></i> |
| | </div> |
| | <div class="p-6"> |
| | <h3 class="text-xl font-bold mb-3 text-gray-800">Parcel Delivery</h3> |
| | <p class="text-gray-600 mb-4">SmartPost.us will help you deliver parcels from the United States of America to any region of Uzbekistan and Kyrgyzstan at a single price.</p> |
| | <div class="text-accent font-semibold flex items-center"> |
| | More details <i class="fas fa-chevron-right ml-2 text-sm"></i> |
| | </div> |
| | </div> |
| | </a> |
| | |
| | |
| | <a href="#" class="service-card bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition fade-in transform hover:-translate-y-2 duration-300" style="animation-delay: 0.1s"> |
| | <div class="h-48 bg-gray-200 flex items-center justify-center"> |
| | <i class="fas fa-truck-loading text-6xl text-primary opacity-30"></i> |
| | </div> |
| | <div class="p-6"> |
| | <h3 class="text-xl font-bold mb-3 text-gray-800">Large Sized Cargo</h3> |
| | <p class="text-gray-600 mb-4">SmartPost.us delivers bulk and oversized goods (TVs, musical instruments, auto parts, etc.) with special volumetric weight calculations.</p> |
| | <div class="text-accent font-semibold flex items-center"> |
| | More details <i class="fas fa-chevron-right ml-2 text-sm"></i> |
| | </div> |
| | </div> |
| | </a> |
| | |
| | |
| | <a href="#" class="service-card bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition fade-in transform hover:-translate-y-2 duration-300" style="animation-delay: 0.2s"> |
| | <div class="h-48 bg-gray-200 flex items-center justify-center"> |
| | <i class="fas fa-boxes text-6xl text-primary opacity-30"></i> |
| | </div> |
| | <div class="p-6"> |
| | <h3 class="text-xl font-bold mb-3 text-gray-800">Consolidation of Goods</h3> |
| | <p class="text-gray-600 mb-4">Combine goods from several manufacturers in our US warehouse, then send them in a single batch to significantly save on international delivery.</p> |
| | <div class="text-accent font-semibold flex items-center"> |
| | More details <i class="fas fa-chevron-right ml-2 text-sm"></i> |
| | </div> |
| | </div> |
| | </a> |
| | |
| | |
| | <a href="#" class="service-card bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition fade-in transform hover:-translate-y-2 duration-300" style="animation-delay: 0.3s"> |
| | <div class="h-48 bg-gray-200 flex items-center justify-center"> |
| | <i class="fas fa-envelope-open-text text-6xl text-primary opacity-30"></i> |
| | </div> |
| | <div class="p-6"> |
| | <h3 class="text-xl font-bold mb-3 text-gray-800">Mail Correspondence Delivery</h3> |
| | <p class="text-gray-600 mb-4">Our mail delivery service allows you to send personal or business mail correspondence with a guarantee of confidentiality and security.</p> |
| | <div class="text-accent font-semibold flex items-center"> |
| | More details <i class="fas fa-chevron-right ml-2 text-sm"></i> |
| | </div> |
| | </div> |
| | </a> |
| | |
| | |
| | <a href="#" class="service-card bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition fade-in transform hover:-translate-y-2 duration-300" style="animation-delay: 0.4s"> |
| | <div class="h-48 bg-gray-200 flex items-center justify-center"> |
| | <i class="fas fa-shipping-fast text-6xl text-primary opacity-30"></i> |
| | </div> |
| | <div class="p-6"> |
| | <h3 class="text-xl font-bold mb-3 text-gray-800">Commercial Cargo</h3> |
| | <p class="text-gray-600 mb-4">Our experts provide services for the organization of international transport with the necessary registrations and stamps from official customs representatives.</p> |
| | <div class="text-accent font-semibold flex items-center"> |
| | More details <i class="fas fa-chevron-right ml-2 text-sm"></i> |
| | </div> |
| | </div> |
| | </a> |
| | |
| | |
| | <a href="#" class="service-card bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition fade-in transform hover:-translate-y-2 duration-300" style="animation-delay: 0.5s"> |
| | <div class="h-48 bg-gray-200 flex items-center justify-center"> |
| | <i class="fas fa-shopping-bag text-6xl text-primary opacity-30"></i> |
| | </div> |
| | <div class="p-6"> |
| | <h3 class="text-xl font-bold mb-3 text-gray-800">US Shopping Assistance</h3> |
| | <p class="text-gray-600 mb-4">Many American stores don't deliver to CIS countries. We'll bring your US orders to your city through convenient pick-up points.</p> |
| | <div class="text-accent font-semibold flex items-center"> |
| | More details <i class="fas fa-chevron-right ml-2 text-sm"></i> |
| | </div> |
| | </div> |
| | </a> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | |
| | <section class="py-16 bg-primary text-white"> |
| | <div class="container mx-auto px-4"> |
| | <div class="max-w-4xl mx-auto text-center"> |
| | <h2 class="text-3xl font-bold mb-6">Ready to Ship Your Items?</h2> |
| | <p class="text-xl mb-8 opacity-90">Get a free quote today and experience fast, reliable shipping to Central Asia</p> |
| | <div class="flex flex-col sm:flex-row justify-center space-y-4 sm:space-y-0 sm:space-x-4"> |
| | <a href="tel:7183323332" class="bg-white text-primary px-8 py-3 rounded-lg font-bold hover:bg-opacity-90 transition inline-block"> |
| | <i class="fas fa-phone-alt mr-2"></i> Call Now |
| | </a> |
| | <a href="#contact" class="bg-transparent border-2 border-white px-8 py-3 rounded-lg font-bold hover:bg-white hover:text-primary transition inline-block"> |
| | Contact Form |
| | </a> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | |
| | <section id="contact" class="py-16 bg-white"> |
| | <div class="container mx-auto px-4"> |
| | <div class="max-w-4xl mx-auto text-center mb-16"> |
| | <h2 class="text-3xl font-bold text-gray-800 mb-6">Contact Us</h2> |
| | <p class="text-gray-600">Have questions or need assistance? Reach out to our team today.</p> |
| | </div> |
| | |
| | <div class="grid grid-cols-1 lg:grid-cols-2 gap-12"> |
| | |
| | <div class="bg-white rounded-xl shadow-md p-8 fade-in"> |
| | <h3 class="text-xl font-bold mb-6 text-gray-800">Send Us a Message</h3> |
| | <form class="space-y-4"> |
| | <div> |
| | <label for="name" class="block text-sm font-medium text-gray-700 mb-1">Your Name</label> |
| | <input type="text" id="name" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-accent focus:border-accent outline-none transition"> |
| | </div> |
| | <div> |
| | <label for="email" class="block text-sm font-medium text-gray-700 mb-1">Email Address</label> |
| | <input type="email" id="email" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-accent focus:border-accent outline-none transition"> |
| | </div> |
| | <div> |
| | <label for="phone" class="block text-sm font-medium text-gray-700 mb-1">Phone Number</label> |
| | <input type="tel" id="phone" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-accent focus:border-accent outline-none transition"> |
| | </div> |
| | <div> |
| | <label for="message" class="block text-sm font-medium text-gray-700 mb-1">Your Message</label> |
| | <textarea id="message" rows="4" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-accent focus:border-accent outline-none transition"></textarea> |
| | </div> |
| | <button type="submit" class="w-full bg-primary text-white py-3 px-6 rounded-lg font-bold hover:bg-primary-dark transition"> |
| | Send Message |
| | </button> |
| | </form> |
| | </div> |
| | |
| | |
| | <div class="bg-white rounded-xl shadow-md p-8 fade-in" style="animation-delay: 0.2s"> |
| | <h3 class="text-xl font-bold mb-6 text-gray-800">Contact Information</h3> |
| | |
| | <div class="space-y-6"> |
| | <div class="flex items-start"> |
| | <div class="bg-primary bg-opacity-10 p-3 rounded-full mr-4"> |
| | <i class="fas fa-map-marker-alt text-primary"></i> |
| | </div> |
| | <div> |
| | <h4 class="font-semibold text-gray-800">Office Address</h4> |
| | <p class="text-gray-600">2688 Coney Island Ave Brooklyn, NY, 11235</p> |
| | </div> |
| | </div> |
| | |
| | <div class="flex items-start"> |
| | <div class="bg-primary bg-opacity-10 p-3 rounded-full mr-4"> |
| | <i class="fas fa-envelope text-primary"></i> |
| | </div> |
| | <div> |
| | <h4 class="font-semibold text-gray-800">Email</h4> |
| | <p class="text-gray-600">smartpostus@gmail.com</p> |
| | </div> |
| | </div> |
| | |
| | <div class="flex items-start"> |
| | <div class="bg-primary bg-opacity-10 p-3 rounded-full mr-4"> |
| | <i class="fas fa-phone-alt text-primary"></i> |
| | </div> |
| | <div> |
| | <h4 class="font-semibold text-gray-800">Phone</h4> |
| | <p class="text-gray-600">(718) 332-3332</p> |
| | </div> |
| | </div> |
| | |
| | <div class="flex items-start"> |
| | <div class="bg-primary bg-opacity-10 p-3 rounded-full mr-4"> |
| | <i class="fas fa-clock text-primary"></i> |
| | </div> |
| | <div> |
| | <h4 class="font-semibold text-gray-800">Working Hours</h4> |
| | <p class="text-gray-600">Monday - Sunday: 9 AM - 8 PM</p> |
| | </div> |
| | </div> |
| | |
| | <div class="pt-4"> |
| | <h4 class="font-semibold text-gray-800 mb-4">Follow Us</h4> |
| | <div class="flex space-x-4"> |
| | <a href="https://www.facebook.com/SmartPostus-104157981806656/" class="bg-gray-100 p-3 rounded-full text-gray-700 hover:bg-primary hover:text-white transition"> |
| | <i class="fab fa-facebook-f"></i> |
| | </a> |
| | <a href="https://instagram.com/smartpost.us" class="bg-gray-100 p-3 rounded-full text-gray-700 hover:bg-primary hover:text-white transition"> |
| | <i class="fab fa-instagram"></i> |
| | </a> |
| | <a href="http://t.me/smartpost_us" class="bg-gray-100 p-3 rounded-full text-gray-700 hover:bg-primary hover:text-white transition"> |
| | <i class="fab fa-telegram"></i> |
| | </a> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | |
| | <div class="h-96 w-full bg-gray-200"> |
| | <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3027.3325485046456!2d-73.95818798459726!3d40.64104577934033!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c25bbc5e3e8b1f%3A0x62a5e5a5e9c2f3e9!2s2688%20Coney%20Island%20Ave%2C%20Brooklyn%2C%20NY%2011235%2C%20USA!5e0!3m2!1sen!2s!4v1626265431012!5m2!1sen!2s" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy"></iframe> |
| | </div> |
| |
|
| | |
| | <footer class="bg-gray-900 text-white py-12"> |
| | <div class="container mx-auto px-4"> |
| | <div class="grid grid-cols-1 md:grid-cols-4 gap-8"> |
| | |
| | <div class="mb-8 md:mb-0"> |
| | <a href="#" class="inline-block mb-4"> |
| | <svg viewBox="0 0 180 50" fill="#ffffff" class="h-10"> |
| | <text x="0" y="35" font-family="Arial" font-weight="bold" font-size="36">SmartPost</text> |
| | </svg> |
| | </a> |
| | <p class="text-gray-400 text-sm">Fast, reliable international shipping from the US to Central Asia.</p> |
| | </div> |
| | |
| | |
| | <div> |
| | <h3 class="font-bold text-lg mb-4">Menu</h3> |
| | <ul class="space-y-2"> |
| | <li><a href="#about" class="text-gray-400 hover:text-white transition">About Us</a></li> |
| | <li><a href="#contact" class="text-gray-400 hover:text-white transition">Contact</a></li> |
| | </ul> |
| | </div> |
| | |
| | |
| | <div> |
| | <h3 class="font-bold text-lg mb-4">Services</h3> |
| | <ul class="space-y-2"> |
| | <li><a href="#parcel-delivery" class="text-gray-400 hover:text-white transition">Parcel Delivery</a></li> |
| | <li><a href="#large-cargo" class="text-gray-400 hover:text-white transition">Large-Size Cargo</a></li> |
| | <li><a href="#consolidation" class="text-gray-400 hover:text-white transition">Consolidation of Goods</a></li> |
| | <li><a href="#mail-delivery" class="text-gray-400 hover:text-white transition">Mail Correspondence</a></li> |
| | <li><a href="#commercial" class="text-gray-400 hover:text-white transition">Commercial Cargo</a></li> |
| | <li><a href="#shopping" class="text-gray-400 hover:text-white transition">US Shopping</a></li> |
| | </ul> |
| | </div> |
| | |
| | |
| | <div> |
| | <h3 class="font-bold text-lg mb-4">Contacts</h3> |
| | <address class="not-italic"> |
| | <p class="text-gray-400 mb-2">2688 Coney Island Ave</p> |
| | <p class="text-gray-400 mb-2">Brooklyn, NY, 11235</p> |
| | <p class="text-gray-400 mb-2">smartpostus@gmail.com</p> |
| | <p class="text-gray-400">(718) 332-3332</p> |
| | </address> |
| | |
| | <div class="flex space-x-4 mt-4"> |
| | <a href="https://www.facebook.com/SmartPostus-104157981806656/" class="text-gray-400 hover:text-white transition text-lg"> |
| | <i class="fab fa-facebook-f"></i> |
| | </a> |
| | <a href="https://instagram.com/smartpost.us" class="text-gray-400 hover:text-white transition text-lg"> |
| | <i class="fab fa-instagram"></i> |
| | </a> |
| | <a href="http://t.me/smartpost_us" class="text-gray-400 hover:text-white transition text-lg"> |
| | <i class="fab fa-telegram"></i> |
| | </a> |
| | </div> |
| | </div> |
| | </div> |
| | |
| | <div class="border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center"> |
| | <p class="text-gray-400 text-sm mb-4 md:mb-0">© 2023 SmartPost. All rights reserved.</p> |
| | <p class="text-gray-400 text-sm"> |
| | <a href="https://tarasovs.me/" class="hover:text-white transition">Website development - Tarasovs Studio</a> |
| | </p> |
| | </div> |
| | </div> |
| | </footer> |
| |
|
| | <script> |
| | |
| | const mobileMenuButton = document.getElementById('mobile-menu-button'); |
| | const mobileMenu = document.getElementById('mobile-menu'); |
| | |
| | mobileMenuButton.addEventListener('click', function() { |
| | this.classList.toggle('is-active'); |
| | mobileMenu.classList.toggle('hidden'); |
| | }); |
| | |
| | |
| | document.getElementById('services-toggle').addEventListener('click', function() { |
| | document.getElementById('services-menu').classList.toggle('hidden'); |
| | this.querySelector('i').classList.toggle('fa-chevron-up'); |
| | }); |
| | |
| | document.getElementById('delivery-toggle').addEventListener('click', function() { |
| | document.getElementById('delivery-menu').classList.toggle('hidden'); |
| | this.querySelector('i').classList.toggle('fa-chevron-up'); |
| | }); |
| | |
| | document.getElementById('lang-toggle').addEventListener('click', function() { |
| | document.getElementById('lang-menu').classList.toggle('hidden'); |
| | this.querySelector('i').classList.toggle('fa-chevron-up'); |
| | }); |
| | |
| | |
| | const observerOptions = { |
| | threshold: 0.1 |
| | }; |
| | |
| | const observer = new IntersectionObserver((entries) => { |
| | entries.forEach(entry => { |
| | if (entry.isIntersecting) { |
| | entry.target.classList.add('fade-in'); |
| | observer.unobserve(entry.target); |
| | } |
| | }); |
| | }, observerOptions); |
| | |
| | document.querySelectorAll('.fade-in').forEach(element => { |
| | observer.observe(element); |
| | }); |
| | |
| | |
| | document.querySelectorAll('a[href^="#"]').forEach(anchor => { |
| | anchor.addEventListener('click', function(e) { |
| | e.preventDefault(); |
| | |
| | |
| | if (!mobileMenu.classList.contains('hidden')) { |
| | mobileMenuButton.classList.remove('is-active'); |
| | mobileMenu.classList.add('hidden'); |
| | } |
| | |
| | const targetId = this.getAttribute('href'); |
| | if (targetId === '#') return; |
| | |
| | const targetElement = document.querySelector(targetId); |
| | if (targetElement) { |
| | window.scrollTo({ |
| | top: targetElement.offsetTop - 100, |
| | behavior: 'smooth' |
| | }); |
| | } |
| | }); |
| | }); |
| | </script> |
| | <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=sdurdiyev/getirtm" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
| | </html> |
