<!DOCTYPE html>

<head>

<title>LAYANGMAN | Handcrafted Rubber Band Guns | Singapore</title>

<style>

* {

margin: 0;

padding: 0;

box-sizing: border-box;

font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

}

body {

background: linear-gradient(135deg, #f9f9f9 0%, #e6e6e6 100%);

color: #333;

line-height: 1.6;

}

.container {

max-width: 1200px;

margin: 0 auto;

padding: 0 20px;

}

/* Header Styles */

header {

background: #8B4513;

background: linear-gradient(90deg, #5D4037 0%, #8B4513 100%);

padding: 20px 0;

box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);

position: sticky;

top: 0;

z-index: 100;

}

.header-content {

display: flex;

justify-content: space-between;

align-items: center;

}

.logo {

display: flex;

align-items: center;

}

.logo h1 {

color: #FFF;

font-size: 28px;

margin-left: 15px;

text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);

}

.logo-icon {

background: #D2691E;

width: 50px;

height: 50px;

border-radius: 50%;

display: flex;

align-items: center;

justify-content: center;

color: white;

font-size: 24px;

box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);

}

nav ul {

display: flex;

list-style: none;

}

nav li {

margin-left: 25px;

}

nav a {

color: #FFD700;

text-decoration: none;

font-weight: 600;

font-size: 18px;

transition: color 0.3s;

padding: 5px 10px;

border-radius: 4px;

}

nav a:hover {

color: #FFF;

background: rgba(0, 0, 0, 0.2);

}

/* Hero Section */

.hero {

background: url('https://images.unsplash.com/photo-1588159343745-445ae0b16383?ixlib=rb-4.0.3&auto=format&fit=crop&w=2000&q=80') no-repeat center center/cover;

height: 80vh;

display: flex;

align-items: center;

position: relative;

}

.hero::before {

content: '';

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

background: rgba(0, 0, 0, 0.5);

}

.hero-content {

position: relative;

color: white;

max-width: 650px;

padding: 30px;

background: rgba(139, 69, 19, 0.85);

border-radius: 10px;

margin-left: 50px;

animation: fadeIn 1.5s ease-out;

}

@keyframes fadeIn {

from { opacity: 0; transform: translateY(20px); }

to { opacity: 1; transform: translateY(0); }

}

.hero h2 {

font-size: 3.5rem;

margin-bottom: 20px;

text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);

}

.hero p {

font-size: 1.3rem;

margin-bottom: 25px;

text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);

}

.btn {

display: inline-block;

background: #FFD700;

color: #5D4037;

padding: 15px 35px;

border-radius: 50px;

text-decoration: none;

font-weight: bold;

font-size: 1.2rem;

transition: all 0.3s;

border: 2px solid #FFD700;

box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);

text-transform: uppercase;

letter-spacing: 1px;

}

.btn:hover {

background: transparent;

color: #FFD700;

transform: translateY(-3px);

box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);

}

/* Features Section */

.features {

padding: 80px 0;

background: white;

}

.section-title {

text-align: center;

font-size: 2.5rem;

color: #5D4037;

margin-bottom: 60px;

position: relative;

}

.section-title::after {

content: '';

position: absolute;

bottom: -15px;

left: 50%;

transform: translateX(-50%);

width: 80px;

height: 4px;

background: #FFD700;

}

.features-grid {

display: grid;

grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

gap: 30px;

}

.feature-card {

background: #f5f5f5;

border-radius: 10px;

padding: 30px;

text-align: center;

transition: transform 0.3s, box-shadow 0.3s;

box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);

}

.feature-card:hover {

transform: translateY(-10px);

box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);

}

.feature-icon {

font-size: 3rem;

color: #8B4513;

margin-bottom: 20px;

}

.feature-card h3 {

font-size: 1.5rem;

margin-bottom: 15px;

color: #5D4037;

}

/* Products Section */

.products {

padding: 80px 0;

background: #f9f9f9;

}

.products-grid {

display: grid;

grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));

gap: 30px;

}

.product-card {

background: white;

border-radius: 10px;

overflow: hidden;

box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);

transition: transform 0.3s;

}

.product-card:hover {

transform: scale(1.03);

}

.product-img {

height: 250px;

background: #8B4513;

display: flex;

align-items: center;

justify-content: center;

color: white;

font-size: 4rem;

}

.product-info {

padding: 20px;

}

.product-info h3 {

font-size: 1.4rem;

color: #5D4037;

margin-bottom: 10px;

}

/* About Section */

.about {

padding: 80px 0;

background: white;

}

.about-content {

display: flex;

align-items: center;

gap: 50px;

}

.about-text {

flex: 1;

}

.about-text h2 {

font-size: 2.5rem;

color: #5D4037;

margin-bottom: 25px;

}

.about-text p {

margin-bottom: 20px;

font-size: 1.1rem;

}

.about-image {

flex: 1;

height: 400px;

background: #8B4513;

border-radius: 10px;

display: flex;

align-items: center;

justify-content: center;

color: white;

font-size: 5rem;

box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);

}

/* Contact Section */

.contact {

padding: 80px 0;

background: linear-gradient(135deg, #5D4037 0%, #8B4513 100%);

color: white;

}

.contact-grid {

display: grid;

grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

gap: 50px;

}

.contact-info h3 {

font-size: 1.8rem;

margin-bottom: 20px;

color: #FFD700;

}

.contact-info p {

margin-bottom: 15px;

font-size: 1.1rem;

}

.contact-form form {

display: grid;

gap: 20px;

}

.form-group {

display: flex;

flex-direction: column;

}

.form-group label {

margin-bottom: 8px;

font-weight: 500;

}

.form-group input,

.form-group textarea {

padding: 15px;

border-radius: 5px;

border: none;

font-size: 1rem;

}

.form-group textarea {

min-height: 150px;

resize: vertical;

}

.form-btn {

background: #FFD700;

color: #5D4037;

border: none;

padding: 15px;

font-size: 1.1rem;

font-weight: bold;

border-radius: 5px;

cursor: pointer;

transition: background 0.3s;

}

.form-btn:hover {

background: #ffc107;

}

/* Footer */

footer {

background: #333;

color: #ddd;

padding: 40px 0 20px;

}

.footer-content {

display: grid;

grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

gap: 30px;

margin-bottom: 30px;

}

.footer-section h3 {

color: #FFD700;

margin-bottom: 20px;

font-size: 1.4rem;

}

.footer-links a {

display: block;

color: #ddd;

margin-bottom: 10px;

text-decoration: none;

transition: color 0.3s;

}

.footer-links a:hover {

color: #FFD700;

}

.social-icons {

display: flex;

gap: 15px;

}

.social-icons a {

display: inline-flex;

align-items: center;

justify-content: center;

width: 40px;

height: 40px;

background: #444;

border-radius: 50%;

color: white;

font-size: 1.2rem;

transition: background 0.3s;

}

.social-icons a:hover {

background: #FFD700;

color: #5D4037;

}

.copyright {

text-align: center;

padding-top: 20px;

border-top: 1px solid #444;

font-size: 0.9rem;

}

/* Responsive Design */

@media (max-width: 768px) {

.header-content {

flex-direction: column;

text-align: center;

}

nav ul {

margin-top: 20px;

justify-content: center;

}

nav li {

margin: 0 10px;

}

.hero-content {

margin: 20px;

text-align: center;

}

.hero h2 {

font-size: 2.5rem;

}

.about-content {

flex-direction: column;

}

</style>

</head>

<body>

</div>

<h1>LAYANGMAN</h1>

</div>

<nav>

<ul>

<li><a href="#features">Features</a></li>

<li><a href="#products">Products</a></li>

<li><a href="#about">About</a></li>

<li><a href="#contact">Contact</a></li>

</ul>

</nav>

</div>

</header>

<h2>Handcrafted Rubber Band Guns</h2>

<p>Experience nostalgic fun with our premium bespoke wooden rubber band guns. Meticulously crafted in Singapore for over 10 years.</p>

<p>Perfect for target shooting, safe play, and collecting.</p>

<a href="https://hitpay.shop/rubberbandguns" class="btn">BROWSE COLLECTION</a>

</div>

</section>

<h2 class="section-title">Why Choose LAYANGMAN</h2>

</div>

<h3>Premium Wood Craftsmanship</h3>

<p>Each rubber band gun is handcrafted from high-quality wood, ensuring durability and a beautiful finish.</p>

</div>

</div>

<h3>Safe & Fun Target Shooting</h3>

<p>Our rubber band guns provide hours of safe, exciting target shooting entertainment for all ages.</p>

</div>

</div>

<h3>Singapore Made Quality</h3>

<p>Proudly crafted in Singapore with over 10 years of woodworking expertise and attention to detail.</p>

</div>

</section>

<h2 class="section-title">Popular Rubber Band Guns</h2>

</div>

<h3>Classic Pistol</h3>

<p>Our signature single-shot rubber band pistol with smooth wooden finish.</p>

</div>

</div>

<h3>Rapid Fire Rifle</h3>

<p>Multi-shot rubber band rifle for continuous target shooting action.</p>

</div>

</div>

<h3>Precision Sniper</h3>

<p>Long-range rubber band gun with improved accuracy for target practice.</p>

</div>

</div>

<h3>Western Revolver</h3>

<p>Six-shot revolver style with classic design for cowboy adventures.</p>

</div>

<a href="https://hitpay.shop/rubberbandguns" class="btn">VIEW ALL PRODUCTS</a>

</div>

</section>

<h2>Singapore Craftsmanship Since 2013</h2>

<p>LAYANGMAN was founded with a passion for bringing back the simple joy of classic toys. Our rubber band guns are more than just toys - they're handcrafted pieces of art that evoke nostalgia while providing safe, screen-free entertainment.</p>

<p>Each piece is meticulously crafted in our Singapore workshop using sustainable wood sources. With over 10 years of experience, we've perfected the balance of form and function to create rubber band guns that are beautiful to display and exciting to use.</p>

<p>Whether you're looking for boys toys, men's toys, or unique gifts, our rubber band guns offer timeless fun for target shooting enthusiasts of all ages.</p>

</div>

</div>

</section>

<h2 class="section-title" style="color: #FFD700;">Get In Touch</h2>

<h3>Contact Information</h3>

<p><i class="fas fa-envelope"></i> Email: layangman@gmail.com</p>

<p><i class="fas fa-map-marker-alt"></i> Based in Singapore</p>

<p><i class="fas fa-clock"></i> Business Hours: Mon-Fri, 9am-5pm</p>

<p>Have questions about our bespoke rubber band guns? Interested in custom orders? Reach out to us!</p>

</div>

<h3>Send Us a Message</h3>

</div>

<label for="email">Email Address</label>

</div>

<label for="message">Your Message</label>

</div>

<button type="submit" class="form-btn">SEND MESSAGE</button>

</form>

</div>

</section>

<h3>LAYANGMAN</h3>

<p>Premium handmade wooden rubber band guns crafted in Singapore since 2013. Bringing nostalgic fun to all ages.</p>

</div>

<h3>Quick Links</h3>

<a href="#features">Features</a>

<a href="#products">Products</a>

<a href="#about">About Us</a>

<a href="#contact">Contact</a>

</div>

<a href="https://hitpay.shop/rubberbandguns">All Products</a>

<a href="#">Best Sellers</a>

<a href="#">New Arrivals</a>

<a href="#">Gift Ideas</a>

</div>

<h3>Newsletter</h3>

<p>Subscribe for updates and special offers</p>

<form>

</div>

<button class="form-btn" style="width: 100%;">SUBSCRIBE</button>

</form>

</div>

</div>

</footer>

// Form submission handling

document.getElementById('contactForm').addEventListener('submit', function(e) {

e.preventDefault();

// Get form values

const name = document.getElementById('name').value;

const email = document.getElementById('email').value;

const message = document.getElementById('message').value;

// Basic validation

if(name && email && message) {

// In a real implementation, you would send this data to a server

// For this demo, we'll just show an alert

alert(`Thank you ${name}! Your message has been sent. We'll contact you at ${email} soon.`);

// Reset form

document.getElementById('contactForm').reset();

} else {

alert('Please fill in all fields');

}

});

// Smooth scrolling for anchor links

document.querySelectorAll('a[href^="#"]').forEach(anchor => {

anchor.addEventListener('click', function (e) {

e.preventDefault();

document.querySelector(this.getAttribute('href')).scrollIntoView({

behavior: 'smooth'

});

</script>

</body>

</html>