|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>Dialup - Premium Watches Collection</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"> |
|
|
<style> |
|
|
|
|
|
.watch-card:hover { |
|
|
transform: translateY(-5px); |
|
|
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); |
|
|
} |
|
|
|
|
|
.hero-section { |
|
|
background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('https://images.unsplash.com/photo-1523170335258-f5ed11844a49?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1480&q=80'); |
|
|
background-size: cover; |
|
|
background-position: center; |
|
|
} |
|
|
|
|
|
.cart-sidebar { |
|
|
transition: all 0.3s ease; |
|
|
} |
|
|
|
|
|
.cart-open { |
|
|
right: 0; |
|
|
} |
|
|
|
|
|
.cart-closed { |
|
|
right: -100%; |
|
|
} |
|
|
|
|
|
@keyframes pulse { |
|
|
0% { transform: scale(1); } |
|
|
50% { transform: scale(1.05); } |
|
|
100% { transform: scale(1); } |
|
|
} |
|
|
|
|
|
.pulse-animation { |
|
|
animation: pulse 2s infinite; |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body class="font-sans bg-gray-50"> |
|
|
|
|
|
<header class="bg-white shadow-md sticky top-0 z-50"> |
|
|
<div class="container mx-auto px-4 py-3 flex justify-between items-center"> |
|
|
<div class="flex items-center"> |
|
|
<a href="#" class="text-2xl font-bold text-gray-800 flex items-center"> |
|
|
<i class="fas fa-clock mr-2 text-blue-600"></i> |
|
|
<span>DIALUP</span> |
|
|
</a> |
|
|
</div> |
|
|
|
|
|
<nav class="hidden md:flex space-x-8"> |
|
|
<a href="#" class="text-gray-800 hover:text-blue-600 font-medium">Home</a> |
|
|
<a href="#shop" class="text-gray-800 hover:text-blue-600 font-medium">Shop</a> |
|
|
<a href="#collections" class="text-gray-800 hover:text-blue-600 font-medium">Collections</a> |
|
|
<a href="#about" class="text-gray-800 hover:text-blue-600 font-medium">About</a> |
|
|
<a href="#contact" class="text-gray-800 hover:text-blue-600 font-medium">Contact</a> |
|
|
</nav> |
|
|
|
|
|
<div class="flex items-center space-x-4"> |
|
|
<button id="search-btn" class="text-gray-600 hover:text-blue-600"> |
|
|
<i class="fas fa-search"></i> |
|
|
</button> |
|
|
<button id="cart-btn" class="text-gray-600 hover:text-blue-600 relative"> |
|
|
<i class="fas fa-shopping-cart"></i> |
|
|
<span id="cart-count" class="absolute -top-2 -right-2 bg-blue-600 text-white text-xs rounded-full h-5 w-5 flex items-center justify-center hidden">0</span> |
|
|
</button> |
|
|
<button id="mobile-menu-btn" class="md:hidden text-gray-600 hover:text-blue-600"> |
|
|
<i class="fas fa-bars text-xl"></i> |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div id="mobile-menu" class="hidden md:hidden bg-white py-2 px-4 shadow-lg"> |
|
|
<a href="#" class="block py-2 text-gray-800 hover:text-blue-600">Home</a> |
|
|
<a href="#shop" class="block py-2 text-gray-800 hover:text-blue-600">Shop</a> |
|
|
<a href="#collections" class="block py-2 text-gray-800 hover:text-blue-600">Collections</a> |
|
|
<a href="#about" class="block py-2 text-gray-800 hover:text-blue-600">About</a> |
|
|
<a href="#contact" class="block py-2 text-gray-800 hover:text-blue-600">Contact</a> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div id="search-bar" class="hidden bg-white py-3 px-4 shadow-md"> |
|
|
<div class="container mx-auto flex"> |
|
|
<input type="text" placeholder="Search for watches..." class="flex-grow px-4 py-2 border border-gray-300 rounded-l focus:outline-none focus:ring-2 focus:ring-blue-500"> |
|
|
<button class="bg-blue-600 text-white px-6 py-2 rounded-r hover:bg-blue-700"> |
|
|
<i class="fas fa-search"></i> |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
</header> |
|
|
|
|
|
|
|
|
<section class="hero-section text-white py-20 md:py-32 flex items-center"> |
|
|
<div class="container mx-auto px-4 text-center"> |
|
|
<h1 class="text-4xl md:text-6xl font-bold mb-4">Timeless Elegance</h1> |
|
|
<p class="text-xl md:text-2xl mb-8 max-w-2xl mx-auto">Discover our exquisite collection of premium watches that blend craftsmanship with modern design</p> |
|
|
<a href="#shop" class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-8 rounded-full inline-block transition duration-300 transform hover:scale-105 pulse-animation"> |
|
|
Shop Now |
|
|
</a> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="collections" class="py-16 bg-white"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<h2 class="text-3xl font-bold text-center mb-12">Our Collections</h2> |
|
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-8"> |
|
|
|
|
|
<div class="relative rounded-lg overflow-hidden shadow-lg group"> |
|
|
<img src="https://images.unsplash.com/photo-1524592094714-0f0654e20314?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1492&q=80" alt="Luxury Collection" class="w-full h-64 object-cover"> |
|
|
<div class="absolute inset-0 bg-black bg-opacity-40 flex items-center justify-center opacity-0 group-hover:opacity-100 transition duration-300"> |
|
|
<a href="#" class="text-white text-xl font-bold bg-blue-600 hover:bg-blue-700 px-6 py-2 rounded-full">Explore</a> |
|
|
</div> |
|
|
<div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black to-transparent p-4"> |
|
|
<h3 class="text-white text-xl font-bold">Luxury Series</h3> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="relative rounded-lg overflow-hidden shadow-lg group"> |
|
|
<img src="https://images.unsplash.com/photo-1542496658-e33a6d0d50f6?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Sports Collection" class="w-full h-64 object-cover"> |
|
|
<div class="absolute inset-0 bg-black bg-opacity-40 flex items-center justify-center opacity-0 group-hover:opacity-100 transition duration-300"> |
|
|
<a href="#" class="text-white text-xl font-bold bg-blue-600 hover:bg-blue-700 px-6 py-2 rounded-full">Explore</a> |
|
|
</div> |
|
|
<div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black to-transparent p-4"> |
|
|
<h3 class="text-white text-xl font-bold">Sports Series</h3> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="relative rounded-lg overflow-hidden shadow-lg group"> |
|
|
<img src="data:image/jpeg;base64,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" alt="Classic Collection" class="w-full h-64 object-cover"> |
|
|
<div class="absolute inset-0 bg-black bg-opacity-40 flex items-center justify-center opacity-0 group-hover:opacity-100 transition duration-300"> |
|
|
<a href="#" class="text-white text-xl font-bold bg-blue-600 hover:bg-blue-700 px-6 py-2 rounded-full">Explore</a> |
|
|
</div> |
|
|
<div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black to-transparent p-4"> |
|
|
<h3 class="text-white text-xl font-bold">Classic Series</h3> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="shop" class="py-16 bg-gray-50"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<h2 class="text-3xl font-bold text-center mb-4">Our Watches</h2> |
|
|
<p class="text-gray-600 text-center mb-12 max-w-2xl mx-auto">Browse our carefully curated selection of premium timepieces</p> |
|
|
|
|
|
|
|
|
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-8"> |
|
|
|
|
|
<div class="bg-white rounded-lg shadow-md overflow-hidden watch-card transition duration-300"> |
|
|
<div class="relative"> |
|
|
<img src="data:image/jpeg;base64,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" alt="Rolex Watch" class="w-full h-64 object-contain p-4"> |
|
|
<div class="absolute top-2 right-2"> |
|
|
<span class="bg-red-500 text-white text-xs font-bold px-2 py-1 rounded-full">NEW</span> |
|
|
</div> |
|
|
</div> |
|
|
<div class="p-4"> |
|
|
<h3 class="text-lg font-bold text-gray-800 mb-1">ROLEX</h3> |
|
|
<p class="text-gray-600 text-sm mb-2">Premium stainless steel with leather strap</p> |
|
|
<div class="flex justify-between items-center"> |
|
|
<span class="text-lg font-bold text-blue-600">3799/-</span> |
|
|
<button class="add-to-cart bg-blue-600 hover:bg-blue-700 text-white px-3 py-1 rounded text-sm" data-id="1" data-name="Chronograph Pro" data-price="3799"> |
|
|
<i class="fas fa-cart-plus mr-1"></i> Add |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-white rounded-lg shadow-md overflow-hidden watch-card transition duration-300"> |
|
|
<div class="relative"> |
|
|
<img src="data:image/jpeg;base64,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" alt="Hublot Watch" class="w-full h-64 object-contain p-4"> |
|
|
</div> |
|
|
<div class="p-4"> |
|
|
<h3 class="text-lg font-bold text-gray-800 mb-1">HUBLOT</h3> |
|
|
<p class="text-gray-600 text-sm mb-2">Water resistant up to 300m</p> |
|
|
<div class="flex justify-between items-center"> |
|
|
<span class="text-lg font-bold text-blue-600">3799/-</span> |
|
|
<button class="add-to-cart bg-blue-600 hover:bg-blue-700 text-white px-3 py-1 rounded text-sm" data-id="2" data-name="Ocean Diver 300" data-price="3799"> |
|
|
<i class="fas fa-cart-plus mr-1"></i> Add |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-white rounded-lg shadow-md overflow-hidden watch-card transition duration-300"> |
|
|
<div class="relative"> |
|
|
<img src="data:image/jpeg;base64,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" alt="Tissot Watch" class="w-full h-64 object-contain p-4"> |
|
|
<div class="absolute top-2 right-2"> |
|
|
<span class="bg-green-500 text-white text-xs font-bold px-2 py-1 rounded-full">BESTSELLER</span> |
|
|
</div> |
|
|
</div> |
|
|
<div class="p-4"> |
|
|
<h3 class="text-lg font-bold text-gray-800 mb-1">TISSOT</h3> |
|
|
<p class="text-gray-600 text-sm mb-2">Advanced health tracking features</p> |
|
|
<div class="flex justify-between items-center"> |
|
|
<span class="text-lg font-bold text-blue-600">3799</span> |
|
|
<button class="add-to-cart bg-blue-600 hover:bg-blue-700 text-white px-3 py-1 rounded text-sm" data-id="3" data-name="TISSOT" data-price="199.99"> |
|
|
<i class="fas fa-cart-plus mr-1"></i> Add |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-white rounded-lg shadow-md overflow-hidden watch-card transition duration-300"> |
|
|
<div class="relative"> |
|
|
<img src="data:image/jpeg;base64,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" alt="Classic Watch" class="w-full h-64 object-contain p-4"> |
|
|
</div> |
|
|
<div class="p-4"> |
|
|
<h3 class="text-lg font-bold text-gray-800 mb-1">Vintage Classic</h3> |
|
|
<p class="text-gray-600 text-sm mb-2">Handcrafted leather with sapphire glass</p> |
|
|
<div class="flex justify-between items-center"> |
|
|
<span class="text-lg font-bold text-blue-600">3799/-</span> |
|
|
<button class="add-to-cart bg-blue-600 hover:bg-blue-700 text-white px-3 py-1 rounded text-sm" data-id="4" data-name="Vintage Classic" data-price="2799"> |
|
|
<i class="fas fa-cart-plus mr-1"></i> Add |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="text-center mt-12"> |
|
|
<a href="#" class="inline-block border-2 border-blue-600 text-blue-600 font-bold py-2 px-8 rounded-full hover:bg-blue-600 hover:text-white transition duration-300"> |
|
|
View All Watches |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-16 bg-white"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-8"> |
|
|
<div class="text-center p-6"> |
|
|
<div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4"> |
|
|
<i class="fas fa-truck text-blue-600 text-xl"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-2">Free Shipping</h3> |
|
|
<p class="text-gray-600">Free worldwide shipping on all orders over $100</p> |
|
|
</div> |
|
|
|
|
|
<div class="text-center p-6"> |
|
|
<div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4"> |
|
|
<i class="fas fa-undo text-blue-600 text-xl"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-2">30-Day Returns</h3> |
|
|
<p class="text-gray-600">Not satisfied? Return within 30 days for a full refund</p> |
|
|
</div> |
|
|
|
|
|
<div class="text-center p-6"> |
|
|
<div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4"> |
|
|
<i class="fas fa-shield-alt text-blue-600 text-xl"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-2">2-Year Warranty</h3> |
|
|
<p class="text-gray-600">All our watches come with a 2-year manufacturer warranty</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="about" class="py-16 bg-gray-100"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="flex flex-col md:flex-row items-center"> |
|
|
<div class="md:w-1/2 mb-8 md:mb-0 md:pr-8"> |
|
|
<img src="https://media.istockphoto.com/id/1180244659/photo/luxury-watch-isolated-on-white-background-with-clipping-path-for-artwork-or-design-black.jpg?s=612x612&w=0&k=20&c=yeFNfkQmcVV9BTUlZO8vY_oLOQgDAt23LfCbF1e3fbI=" alt="About Dialup" class="rounded-lg shadow-lg w-full"> |
|
|
</div> |
|
|
<div class="md:w-1/2"> |
|
|
<h2 class="text-3xl font-bold mb-6">About Dialup</h2> |
|
|
<p class="text-gray-700 mb-4">Dialup has been at the forefront of watch design and innovation, seamlessly blending traditional craftsmanship with modern aesthetics. Our watches have gained attention for their unique designs and outstanding quality.</p> |
|
|
<p class="text-gray-700 mb-6">Our mission is to create timepieces that not only tell time but also tell a story - your story. Each watch is meticulously crafted to perfection, ensuring quality and durability that lasts generations.</p> |
|
|
<a href="#" class="inline-block bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-6 rounded transition duration-300"> |
|
|
Learn More |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-16 bg-white"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<h2 class="text-3xl font-bold text-center mb-12">What Our Customers Say</h2> |
|
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-8"> |
|
|
<div class="bg-gray-50 p-6 rounded-lg shadow-sm"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="text-yellow-400 mr-2"> |
|
|
<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> |
|
|
</div> |
|
|
</div> |
|
|
<p class="text-gray-700 mb-4">"The Rolex watch exceeded my expectations. It looks even better in person and has a truly stunning presence."</p> |
|
|
<div class="flex items-center"> |
|
|
<div class="w-10 h-10 rounded-full bg-gray-300 mr-3 overflow-hidden"> |
|
|
<img src="https://randomuser.me/api/portraits/men/32.jpg" alt="Customer" class="w-full h-full object-cover"> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-bold">Abdullah Khan</h4> |
|
|
<p class="text-gray-500 text-sm">Verified Buyer</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="bg-gray-50 p-6 rounded-lg shadow-sm"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="text-yellow-400 mr-2"> |
|
|
<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> |
|
|
</div> |
|
|
</div> |
|
|
<p class="text-gray-700 mb-4">"I’ve been wearing my Hublot daily for six months, and it still looks brand new. The quality is outstanding, with zero wear and impressive durability"</p> |
|
|
<div class="flex items-center"> |
|
|
<div class="w-10 h-10 rounded-full bg-gray-300 mr-3 overflow-hidden"> |
|
|
<img src="data:image/jpeg;base64,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" alt="Customer" class="w-full h-full object-cover">" |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-bold">Shahid Rafique</h4> |
|
|
<p class="text-gray-500 text-sm">Verified Buyer</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="bg-gray-50 p-6 rounded-lg shadow-sm"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="text-yellow-400 mr-2"> |
|
|
<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-half-alt"></i> |
|
|
</div> |
|
|
</div> |
|
|
<p class="text-gray-700 mb-4">"Excellent customer service and fast shipping. The watch arrived beautifully packaged and exactly as described."</p> |
|
|
<div class="flex items-center"> |
|
|
<div class="w-10 h-10 rounded-full bg-gray-300 mr-3 overflow-hidden"> |
|
|
<img src="https://randomuser.me/api/portraits/men/75.jpg" alt="Customer" class="w-full h-full object-cover"> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-bold">Atizaz Khan</h4> |
|
|
<p class="text-gray-500 text-sm">Verified Buyer</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-16 bg-blue-600 text-white"> |
|
|
<div class="container mx-auto px-4 text-center"> |
|
|
<h2 class="text-3xl font-bold mb-4">Stay Updated</h2> |
|
|
<p class="text-xl mb-8 max-w-2xl mx-auto">Subscribe to our newsletter for exclusive offers, new arrivals, and watch care tips</p> |
|
|
|
|
|
<div class="max-w-md mx-auto flex"> |
|
|
<input type="email" placeholder="Your email address" class="flex-grow px-4 py-3 rounded-l focus:outline-none text-gray-800"> |
|
|
<button class="bg-gray-900 hover:bg-gray-800 px-6 py-3 rounded-r font-bold transition duration-300"> |
|
|
Subscribe |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="contact" class="py-16 bg-white"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<h2 class="text-3xl font-bold text-center mb-12">Contact Us</h2> |
|
|
|
|
|
<div class="flex flex-col md:flex-row"> |
|
|
<div class="md:w-1/2 mb-8 md:mb-0 md:pr-8"> |
|
|
<h3 class="text-xl font-bold mb-4">Get in Touch</h3> |
|
|
<p class="text-gray-700 mb-6">Have questions about our products or need assistance with your order? Our customer service team is here to help.</p> |
|
|
|
|
|
<div class="space-y-4"> |
|
|
<div class="flex items-start"> |
|
|
<div class="bg-blue-100 p-3 rounded-full mr-4"> |
|
|
<i class="fas fa-map-marker-alt text-blue-600"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-bold">Address</h4> |
|
|
<p class="text-gray-600">Jinnah Garden Islamabad</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="flex items-start"> |
|
|
<div class="bg-blue-100 p-3 rounded-full mr-4"> |
|
|
<i class="fas fa-phone-alt text-blue-600"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-bold">Phone</h4> |
|
|
<p class="text-gray-600">+92-323-5186970</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="flex items-start"> |
|
|
<div class="bg-blue-100 p-3 rounded-full mr-4"> |
|
|
<i class="fas fa-envelope text-blue-600"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-bold">Email</h4> |
|
|
<p class="text-gray-600">[email protected]</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="md:w-1/2"> |
|
|
<form class="bg-gray-50 p-6 rounded-lg shadow-sm"> |
|
|
<div class="mb-4"> |
|
|
<label for="name" class="block text-gray-700 font-medium mb-2">Name</label> |
|
|
<input type="text" id="name" class="w-full px-4 py-2 border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-500"> |
|
|
</div> |
|
|
|
|
|
<div class="mb-4"> |
|
|
<label for="email" class="block text-gray-700 font-medium mb-2">Email</label> |
|
|
<input type="email" id="email" class="w-full px-4 py-2 border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-500"> |
|
|
</div> |
|
|
|
|
|
<div class="mb-4"> |
|
|
<label for="subject" class="block text-gray-700 font-medium mb-2">Subject</label> |
|
|
<input type="text" id="subject" class="w-full px-4 py-2 border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-500"> |
|
|
</div> |
|
|
|
|
|
<div class="mb-4"> |
|
|
<label for="message" class="block text-gray-700 font-medium mb-2">Message</label> |
|
|
<textarea id="message" rows="4" class="w-full px-4 py-2 border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-500"></textarea> |
|
|
</div> |
|
|
|
|
|
<button type="submit" class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-6 rounded transition duration-300 w-full"> |
|
|
Send Message |
|
|
</button> |
|
|
</form> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
<style> |
|
|
input[type="radio"] { |
|
|
accent-color: #2563eb; |
|
|
} |
|
|
.payment-method { |
|
|
background-color: #f8fafc; |
|
|
padding: 1rem; |
|
|
border-radius: 0.5rem; |
|
|
border: 1px solid #e2e8f0; |
|
|
} |
|
|
</style> |
|
|
|
|
|
|
|
|
<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> |
|
|
<h3 class="text-xl font-bold mb-4 flex items-center"> |
|
|
<i class="fas fa-clock mr-2 text-blue-400"></i> |
|
|
<span>DIALUP</span> |
|
|
</h3> |
|
|
<p class="text-gray-400">Premium watches for those who appreciate timeless elegance and precision engineering.</p> |
|
|
<div class="flex space-x-4 mt-4"> |
|
|
<a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-facebook-f"></i></a> |
|
|
<a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-twitter"></i></a> |
|
|
<a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-instagram"></i></a> |
|
|
<a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-pinterest"></i></a> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<h4 class="text-lg font-bold mb-4">Shop</h4> |
|
|
<ul class="space-y-2"> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white">All Watches</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white">New Arrivals</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white">Best Sellers</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white">Special Offers</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white">Gift Cards</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<h4 class="text-lg font-bold mb-4">Customer Service</h4> |
|
|
<ul class="space-y-2"> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white">Contact Us</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white">FAQs</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white">Shipping & Returns</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white">Product Care</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white">Warranty</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<h4 class="text-lg font-bold mb-4">About</h4> |
|
|
<ul class="space-y-2"> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white">Our Story</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white">Blog</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white">Careers</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white">Privacy Policy</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white">Terms of Service</a></li> |
|
|
</ul> |
|
|
</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 mb-4 md:mb-0">© 2023 Dialup Watches. All rights reserved.</p> |
|
|
<div class="flex space-x-6"> |
|
|
<img src="https://cdn.worldvectorlogo.com/logos/visa.svg" alt="Visa" class="h-8"> |
|
|
<img src="https://cdn.worldvectorlogo.com/logos/mastercard.svg" alt="Mastercard" class="h-8"> |
|
|
<img src="https://cdn.worldvectorlogo.com/logos/paypal.svg" alt="PayPal" class="h-8"> |
|
|
<img src="https://cdn.worldvectorlogo.com/logos/apple-pay.svg" alt="Apple Pay" class="h-8"> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</footer> |
|
|
|
|
|
|
|
|
<div id="cart-sidebar" class="cart-sidebar fixed top-0 right-0 h-full w-full md:w-1/3 lg:w-1/4 bg-white shadow-xl z-50 overflow-y-auto hidden"> |
|
|
<div class="p-6"> |
|
|
<div class="flex justify-between items-center mb-6"> |
|
|
<h3 class="text-xl font-bold">Your Cart</h3> |
|
|
<button id="close-cart" class="text-gray-500 hover:text-gray-700"> |
|
|
<i class="fas fa-times"></i> |
|
|
</button> |
|
|
</div> |
|
|
|
|
|
<div id="cart-items" class="mb-6"> |
|
|
|
|
|
<div class="text-center py-8 text-gray-500"> |
|
|
<i class="fas fa-shopping-cart text-4xl mb-2"></i> |
|
|
<p>Your cart is empty</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="border-t border-gray-200 pt-4 mb-4"> |
|
|
<div class="flex justify-between mb-2"> |
|
|
<span class="text-gray-600">Subtotal</span> |
|
|
<span id="cart-subtotal" class="font-bold">0/-</span> |
|
|
</div> |
|
|
<div class="flex justify-between mb-2"> |
|
|
<span class="text-gray-600">Shipping</span> |
|
|
<span class="font-bold">Free</span> |
|
|
</div> |
|
|
<div class="flex justify-between text-lg font-bold"> |
|
|
<span>Total</span> |
|
|
<span id="cart-total">0/-</span> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="mb-6"> |
|
|
<h4 class="font-bold mb-3">Payment Method</h4> |
|
|
<div class="space-y-3"> |
|
|
<div class="flex items-center"> |
|
|
<input type="radio" id="easypaisa" name="payment" value="easypaisa" class="mr-2" checked> |
|
|
<label for="easypaisa" class="flex items-center"> |
|
|
<img src="https://play-lh.googleusercontent.com/DTXkUuB2V7V8OQYioQpVJkEEEFHZq8n1qtzdH8iXyJ4gXQz9Xz9Xz9Xz9Xz9Xz9Xz9" alt="EasyPaisa" class="h-6 mr-2"> |
|
|
EasyPaisa |
|
|
</label> |
|
|
</div> |
|
|
<div class="flex items-center"> |
|
|
<input type="radio" id="jazzcash" name="payment" value="jazzcash" class="mr-2"> |
|
|
<label for="jazzcash" class="flex items-center"> |
|
|
<img src="https://play-lh.googleusercontent.com/9pXJ9z5z9pXJ9z5z9pXJ9z5z9pXJ9z5z9pXJ9z5z9pXJ9z5z9pXJ9z5z9pXJ9z5" alt="JazzCash" class="h-6 mr-2"> |
|
|
JazzCash |
|
|
</label> |
|
|
</div> |
|
|
<div class="flex items-center"> |
|
|
<input type="radio" id="bank" name="payment" value="bank" class="mr-2"> |
|
|
<label for="bank" class="flex items-center"> |
|
|
<i class="fas fa-university text-blue-500 mr-2"></i> |
|
|
Bank Transfer |
|
|
</label> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div id="payment-details" class="mb-4 hidden"> |
|
|
<div id="easypaisa-details" class="payment-method"> |
|
|
<p class="text-sm mb-2">Send payment to EasyPaisa account:</p> |
|
|
<p class="font-bold">0323-5186970</p> |
|
|
<p class="text-sm mt-2">After payment, share receipt via WhatsApp at +92 323 5186970</p> |
|
|
</div> |
|
|
<div id="jazzcash-details" class="payment-method hidden"> |
|
|
<p class="text-sm mb-2">Send payment to JazzCash account:</p> |
|
|
<p class="font-bold">0323-5186970</p> |
|
|
<p class="text-sm mt-2">After payment, share receipt via WhatsApp at +92 323 5186970</p> |
|
|
</div> |
|
|
<div id="bank-details" class="payment-method hidden"> |
|
|
<p class="text-sm mb-2">Bank Account Details:</p> |
|
|
<p class="font-bold">Bank: HBL</p> |
|
|
<p class="font-bold">Account Title: Dialup Watches</p> |
|
|
<p class="font-bold">Account #: 1234567890123</p> |
|
|
<p class="text-sm mt-2">After transfer, share receipt via WhatsApp at +92 323 5186970</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<button id="checkout-btn" class="w-full bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-4 rounded transition duration-300 mb-4"> |
|
|
Confirm Order |
|
|
</button> |
|
|
|
|
|
<a href="#" class="block text-center text-blue-600 hover:text-blue-800 font-medium"> |
|
|
Continue Shopping |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div id="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-40 hidden"></div> |
|
|
|
|
|
<script> |
|
|
|
|
|
const mobileMenuBtn = document.getElementById('mobile-menu-btn'); |
|
|
const mobileMenu = document.getElementById('mobile-menu'); |
|
|
const overlay = document.getElementById('overlay'); |
|
|
|
|
|
mobileMenuBtn.addEventListener('click', () => { |
|
|
mobileMenu.classList.toggle('hidden'); |
|
|
overlay.classList.toggle('hidden'); |
|
|
}); |
|
|
|
|
|
|
|
|
const searchBtn = document.getElementById('search-btn'); |
|
|
const searchBar = document.getElementById('search-bar'); |
|
|
|
|
|
searchBtn.addEventListener('click', () => { |
|
|
searchBar.classList.toggle('hidden'); |
|
|
}); |
|
|
|
|
|
|
|
|
const cartBtn = document.getElementById('cart-btn'); |
|
|
const cartSidebar = document.getElementById('cart-sidebar'); |
|
|
const closeCart = document.getElementById('close-cart'); |
|
|
|
|
|
cartBtn.addEventListener('click', () => { |
|
|
cartSidebar.classList.remove('hidden'); |
|
|
overlay.classList.remove('hidden'); |
|
|
}); |
|
|
|
|
|
closeCart.addEventListener('click', () => { |
|
|
cartSidebar.classList.add('hidden'); |
|
|
overlay.classList.add('hidden'); |
|
|
}); |
|
|
|
|
|
overlay.addEventListener('click', () => { |
|
|
mobileMenu.classList.add('hidden'); |
|
|
cartSidebar.classList.add('hidden'); |
|
|
overlay.classList.add('hidden'); |
|
|
}); |
|
|
|
|
|
|
|
|
let cart = []; |
|
|
const addToCartButtons = document.querySelectorAll('.add-to-cart'); |
|
|
const cartItemsContainer = document.getElementById('cart-items'); |
|
|
const cartSubtotal = document.getElementById('cart-subtotal'); |
|
|
const cartTotal = document.getElementById('cart-total'); |
|
|
const cartCount = document.getElementById('cart-count'); |
|
|
|
|
|
addToCartButtons.forEach(button => { |
|
|
button.addEventListener('click', () => { |
|
|
const id = button.getAttribute('data-id'); |
|
|
const name = button.getAttribute('data-name'); |
|
|
const price = parseFloat(button.getAttribute('data-price')); |
|
|
|
|
|
|
|
|
const existingItem = cart.find(item => item.id === id); |
|
|
|
|
|
if (existingItem) { |
|
|
existingItem.quantity += 1; |
|
|
} else { |
|
|
cart.push({ |
|
|
id, |
|
|
name, |
|
|
price, |
|
|
quantity: 1 |
|
|
}); |
|
|
} |
|
|
|
|
|
updateCart(); |
|
|
|
|
|
|
|
|
cartSidebar.classList.remove('hidden'); |
|
|
overlay.classList.remove('hidden'); |
|
|
}); |
|
|
}); |
|
|
|
|
|
function updateCart() { |
|
|
|
|
|
if (cart.length === 0) { |
|
|
cartItemsContainer.innerHTML = ` |
|
|
<div class="text-center py-8 text-gray-500"> |
|
|
<i class="fas fa-shopping-cart text-4xl mb-2"></i> |
|
|
<p>Your cart is empty</p> |
|
|
</div> |
|
|
`; |
|
|
} else { |
|
|
cartItemsContainer.innerHTML = ''; |
|
|
|
|
|
cart.forEach(item => { |
|
|
const cartItem = document.createElement('div'); |
|
|
cartItem.className = 'flex justify-between items-center mb-4 pb-4 border-b border-gray-200'; |
|
|
cartItem.innerHTML = ` |
|
|
<div> |
|
|
<h4 class="font-medium">${item.name}</h4> |
|
|
<p class="text-gray-600 text-sm">$${item.price.toFixed(2)} x ${item.quantity}</p> |
|
|
</div> |
|
|
<div class="flex items-center"> |
|
|
<span class="font-bold mr-4">${(item.price * item.quantity).toFixed(0)}/-</span> |
|
|
<button class="remove-item text-red-500 hover:text-red-700" data-id="${item.id}"> |
|
|
<i class="fas fa-trash"></i> |
|
|
</button> |
|
|
</div> |
|
|
`; |
|
|
cartItemsContainer.appendChild(cartItem); |
|
|
}); |
|
|
|
|
|
|
|
|
document.querySelectorAll('.remove-item').forEach(button => { |
|
|
button.addEventListener('click', () => { |
|
|
const id = button.getAttribute('data-id'); |
|
|
cart = cart.filter(item => item.id !== id); |
|
|
updateCart(); |
|
|
}); |
|
|
}); |
|
|
} |
|
|
|
|
|
|
|
|
const subtotal = cart.reduce((sum, item) => sum + (item.price * item.quantity), 0); |
|
|
cartSubtotal.textContent = `${subtotal.toFixed(0)}/-`; |
|
|
cartTotal.textContent = `${subtotal.toFixed(0)}/-`; |
|
|
|
|
|
|
|
|
const totalItems = cart.reduce((sum, item) => sum + item.quantity, 0); |
|
|
if (totalItems > 0) { |
|
|
cartCount.textContent = totalItems; |
|
|
cartCount.classList.remove('hidden'); |
|
|
} else { |
|
|
cartCount.classList.add('hidden'); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
const paymentMethods = document.querySelectorAll('input[name="payment"]'); |
|
|
const paymentDetails = document.getElementById('payment-details'); |
|
|
const paymentMethodDetails = document.querySelectorAll('.payment-method'); |
|
|
|
|
|
paymentMethods.forEach(method => { |
|
|
method.addEventListener('change', () => { |
|
|
paymentDetails.classList.remove('hidden'); |
|
|
paymentMethodDetails.forEach(detail => { |
|
|
detail.classList.add('hidden'); |
|
|
}); |
|
|
document.getElementById(`${method.value}-details`).classList.remove('hidden'); |
|
|
}); |
|
|
}); |
|
|
|
|
|
|
|
|
const checkoutBtn = document.getElementById('checkout-btn'); |
|
|
checkoutBtn.addEventListener('click', () => { |
|
|
if (cart.length > 0) { |
|
|
const selectedPayment = document.querySelector('input[name="payment"]:checked').value; |
|
|
let paymentInfo = ''; |
|
|
|
|
|
if (selectedPayment === 'easypaisa') { |
|
|
paymentInfo = 'EasyPaisa: 0323-5186970'; |
|
|
} else if (selectedPayment === 'jazzcash') { |
|
|
paymentInfo = 'JazzCash: 0323-5186970'; |
|
|
} else { |
|
|
paymentInfo = 'Bank: HBL - Account # 1234567890123'; |
|
|
} |
|
|
|
|
|
|
|
|
let orderSummary = 'Order Summary:\n\n'; |
|
|
cart.forEach(item => { |
|
|
orderSummary += `${item.name} x ${item.quantity} = Rs.${item.price * item.quantity}\n`; |
|
|
}); |
|
|
|
|
|
orderSummary += `\nTotal: Rs.${cart.reduce((sum, item) => sum + (item.price * item.quantity), 0)}\n`; |
|
|
orderSummary += `\nPayment Method: ${selectedPayment}\n${paymentInfo}`; |
|
|
|
|
|
|
|
|
const confirmed = confirm(`${orderSummary}\n\nPlease confirm your order. After payment, share receipt via WhatsApp at +92 323 5186970`); |
|
|
|
|
|
if (confirmed) { |
|
|
|
|
|
alert('Order confirmed! Please complete your payment and share the receipt. We will process your order shortly.'); |
|
|
cart = []; |
|
|
updateCart(); |
|
|
cartSidebar.classList.add('hidden'); |
|
|
overlay.classList.add('hidden'); |
|
|
} |
|
|
} else { |
|
|
alert('Your cart is empty. Please add some items before checking out.'); |
|
|
} |
|
|
}); |
|
|
|
|
|
|
|
|
document.querySelectorAll('a[href^="#"]').forEach(anchor => { |
|
|
anchor.addEventListener('click', function (e) { |
|
|
e.preventDefault(); |
|
|
|
|
|
document.querySelector(this.getAttribute('href')).scrollIntoView({ |
|
|
behavior: 'smooth' |
|
|
}); |
|
|
|
|
|
|
|
|
mobileMenu.classList.add('hidden'); |
|
|
overlay.classList.add('hidden'); |
|
|
}); |
|
|
}); |
|
|
</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=07alpha/dialup" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
|
|
</html> |
