From f14795f7ff610f8a482a45c015508436c471e3c3 Mon Sep 17 00:00:00 2001 From: Cursor Agent Date: Fri, 24 Oct 2025 17:53:50 +0000 Subject: [PATCH] feat: Add core website pages and styling This commit introduces the main HTML pages for the Lethal Reborn website, including index, about, gallery, news, contact, terms, and privacy. It also includes the base CSS styling and JavaScript for navigation and basic interactivity. Co-authored-by: landongrowtopia --- about.html | 151 +++++++++ contact.html | 139 ++++++++ gallery.html | 139 ++++++++ index.html | 127 ++++++++ news.html | 122 +++++++ privacy.html | 147 +++++++++ script.js | 206 ++++++++++++ styles.css | 893 +++++++++++++++++++++++++++++++++++++++++++++++++++ terms.html | 123 +++++++ 9 files changed, 2047 insertions(+) create mode 100644 about.html create mode 100644 contact.html create mode 100644 gallery.html create mode 100644 index.html create mode 100644 news.html create mode 100644 privacy.html create mode 100644 script.js create mode 100644 styles.css create mode 100644 terms.html diff --git a/about.html b/about.html new file mode 100644 index 000000000..fdb6605d5 --- /dev/null +++ b/about.html @@ -0,0 +1,151 @@ + + + + + + About - Lethal Reborn + + + + + + + + +
+
+

About Lethal Reborn

+
+
+ + +
+
+
+

The Story

+

Lethal Reborn is a groundbreaking VR horror experience that pushes the boundaries of immersive gaming. Set in a dystopian future where reality and nightmare have merged, players must navigate through procedurally generated environments filled with unspeakable horrors.

+ +

The game takes inspiration from classic survival horror titles while introducing innovative VR mechanics that make every encounter feel real and terrifying. Our team at BORISGAMES Studios has spent years perfecting the atmospheric tension and psychological horror elements that make Lethal Reborn a truly unforgettable experience.

+ +

Whether you're playing solo or with friends in multiplayer mode, every session is unique thanks to our advanced procedural generation system that creates new maps, creatures, and challenges each time you play.

+
+ +
+

Development Team

+

Lethal Reborn is developed by BORISGAMES Studios, a passionate team of developers, artists, and designers dedicated to creating the most immersive horror experiences possible.

+ +
+
+
+ Alex Chen +
+

Alex Chen

+

Lead Developer & Game Director

+
+ +
+
+ Sarah Williams +
+

Sarah Williams

+

Art Director & 3D Artist

+
+ +
+
+ Marcus Rodriguez +
+

Marcus Rodriguez

+

Sound Designer & Composer

+
+ +
+
+ Emma Thompson +
+

Emma Thompson

+

Level Designer & Environment Artist

+
+ +
+
+ David Kim +
+

David Kim

+

VR Specialist & Technical Lead

+
+ +
+
+ Luna Martinez +
+

Luna Martinez

+

UI/UX Designer & Animator

+
+
+
+ +
+

Our Vision

+

At BORISGAMES Studios, we believe that horror games should be more than just jump scares and gore. Lethal Reborn represents our vision of psychological horror that stays with you long after you've taken off the VR headset.

+ +

We're committed to pushing the boundaries of what's possible in VR gaming, creating experiences that are not only terrifying but also emotionally resonant and intellectually stimulating. Every element of Lethal Reborn, from the sound design to the environmental storytelling, has been crafted with this vision in mind.

+
+ +
+

Technology

+

Lethal Reborn is built using cutting-edge VR technology and proprietary game engines optimized for maximum immersion. Our custom procedural generation system creates unique experiences every time, while our advanced AI systems ensure that every encounter feels organic and unpredictable.

+ +

The game supports all major VR platforms and is constantly updated with new features, maps, and content based on community feedback and our ongoing development roadmap.

+
+
+
+ + + + + + + \ No newline at end of file diff --git a/contact.html b/contact.html new file mode 100644 index 000000000..05be37a9d --- /dev/null +++ b/contact.html @@ -0,0 +1,139 @@ + + + + + + Contact - Lethal Reborn + + + + + + + + +
+
+

Contact Us

+

Get in touch with the BORISGAMES Studios team

+
+
+ + +
+
+
+
+

Get in Touch

+

Have questions about Lethal Reborn? Want to report a bug or suggest a feature? We'd love to hear from you!

+ +
+
+

Business Inquiries

+

For business partnerships, media inquiries, or press requests:

+

Email: contact@lethalreborn.com

+
+ +
+

Technical Support

+

For technical issues, bug reports, or gameplay questions:

+

Email: support@lethalreborn.com

+
+ +
+

Community

+

Join our Discord community for the latest updates and discussions:

+

Discord: discord.gg/lethalreborn

+
+
+
+ +
+

Send us a Message

+
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ + +
+
+
+ +
+

Response Time

+

We typically respond to all inquiries within 24-48 hours. For urgent technical issues, please mention "URGENT" in your subject line.

+
+
+
+ + + + + + + \ No newline at end of file diff --git a/gallery.html b/gallery.html new file mode 100644 index 000000000..879158eff --- /dev/null +++ b/gallery.html @@ -0,0 +1,139 @@ + + + + + + Gallery - Lethal Reborn + + + + + + + + +
+
+

Game Gallery

+

Experience the horror through these gameplay screenshots

+
+
+ + +
+
+
+
+ Gameplay Screenshot 1 - Dark corridor with flickering lights +
+ 🔍 +
+
+ +
+ Gameplay Screenshot 2 - Terrifying creature in the shadows +
+ 🔍 +
+
+ +
+ Gameplay Screenshot 3 - Abandoned laboratory with mysterious equipment +
+ 🔍 +
+
+ +
+ Gameplay Screenshot 4 - Multiplayer co-op moment +
+ 🔍 +
+
+ +
+ Gameplay Screenshot 5 - Atmospheric forest environment +
+ 🔍 +
+
+ +
+ Gameplay Screenshot 6 - Intense VR combat scene +
+ 🔍 +
+
+ +
+ Gameplay Screenshot 7 - Underground facility exploration +
+ 🔍 +
+
+ +
+ Gameplay Screenshot 8 - Nightmare sequence +
+ 🔍 +
+
+ +
+ Gameplay Screenshot 9 - Custom map showcase +
+ 🔍 +
+
+
+
+
+ + + + + + + \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 000000000..85f88a0b6 --- /dev/null +++ b/index.html @@ -0,0 +1,127 @@ + + + + + + Lethal Reborn - VR Horror Game + + + + + + + + +
+
+ Main Game Art - Horror Background +
+
+
+
+

LETHAL REBORN

+

Face your fears. Survive the rebirth.

+
+ + +
+
+
+
+
+ + +
+
+

Experience the Horror

+
+
+ Game Trailer Video +
+
+
+
+
+
+
+ + +
+
+

Game Features

+
+
+
🎮
+

Intense Multiplayer Horror

+

Face the darkness with friends or alone in this heart-pounding VR experience.

+
+
+
🌍
+

Realistic Environments

+

Immersive 3D environments that blur the line between reality and nightmare.

+
+
+
🗺️
+

Custom Maps & Creatures

+

Explore procedurally generated maps and encounter terrifying custom creatures.

+
+
+
+
+ + +
+
+

Coming Soon

+

New content and features are being developed. Stay tuned for updates!

+
+
+ + + + + + + \ No newline at end of file diff --git a/news.html b/news.html new file mode 100644 index 000000000..40843e2bb --- /dev/null +++ b/news.html @@ -0,0 +1,122 @@ + + + + + + News & Updates - Lethal Reborn + + + + + + + + +
+
+

News & Updates

+

Stay updated with the latest Lethal Reborn news

+
+
+ + +
+
+
+
+

Lethal Reborn Alpha Testing Begins

+
January 15, 2025
+

We're excited to announce that closed alpha testing for Lethal Reborn has officially begun! Selected testers are now experiencing the first taste of our VR horror masterpiece. Stay tuned for more updates as we gather feedback and refine the experience.

+
+ +
+

New Creature Revealed: The Shadow Stalker

+
January 8, 2025
+

Meet the Shadow Stalker, one of the most terrifying creatures you'll encounter in Lethal Reborn. This AI-driven entity adapts to player behavior, making each encounter unique and unpredictable. Can you survive its hunt?

+
+ +
+

VR Platform Support Confirmed

+
December 28, 2024
+

Lethal Reborn will be available on all major VR platforms including Oculus, HTC Vive, PlayStation VR, and Valve Index. Cross-platform multiplayer will be supported, allowing friends to play together regardless of their VR setup.

+
+ +
+

Procedural Generation System Showcase

+
December 15, 2024
+

Our advanced procedural generation system creates unique environments every time you play. From abandoned laboratories to haunted forests, no two playthroughs will ever be the same. Watch our latest dev diary to see the system in action.

+
+ +
+

BORISGAMES Studios Joins Forces with Horror Experts

+
December 1, 2024
+

We're proud to announce our collaboration with renowned horror game designers and psychologists to ensure Lethal Reborn delivers the most authentic and psychologically impactful horror experience possible.

+
+ +
+

Lethal Reborn Official Announcement

+
November 20, 2024
+

BORISGAMES Studios is thrilled to officially announce Lethal Reborn, our most ambitious VR horror project to date. Prepare to face your fears like never before in this groundbreaking immersive experience.

+
+
+ +
+

Coming Soon

+

More exciting updates and announcements are on the way. Follow us on social media and join our Discord community to be the first to know about new features, release dates, and exclusive content!

+ +
+ + +
+
+
+
+ + + + + + + \ No newline at end of file diff --git a/privacy.html b/privacy.html new file mode 100644 index 000000000..30262cf3a --- /dev/null +++ b/privacy.html @@ -0,0 +1,147 @@ + + + + + + Privacy Policy - Lethal Reborn + + + + + + + + +
+
+

Privacy Policy

+

Last updated: January 1, 2025

+
+
+ + +
+
+
+

1. Information Collection

+

We collect information you provide directly to us, such as when you create an account, use our services, or contact us for support. This may include:

+
    +
  • Account information (username, email address, password)
    • +
  • Profile information (display name, avatar, preferences)
    • +
  • Gameplay data (progress, achievements, statistics)
    • +
  • Communication data (messages, support requests)
    • +
  • Payment information (processed securely through third-party providers)
    • +
+ +

2. Data Usage

+

We use the information we collect to:

+
    +
  • Provide, maintain, and improve our services
    • +
  • Process transactions and send related information
    • +
  • Send technical notices, updates, security alerts, and support messages
    • +
  • Respond to your comments, questions, and requests
    • +
  • Monitor and analyze trends, usage, and activities in connection with our services
    • +
  • Personalize and improve your gaming experience
    • +
+ +

3. Cookies and Tracking Technologies

+

We use cookies and similar tracking technologies to collect and use personal information about you. Cookies are small data files that are placed on your device when you visit our website or use our services. We use both session cookies (which expire when you close your browser) and persistent cookies (which stay on your device until you delete them).

+ +

You can control cookies through your browser settings, but please note that disabling cookies may affect the functionality of our services.

+ +

4. Information Sharing

+

We do not sell, trade, or otherwise transfer your personal information to third parties without your consent, except in the following circumstances:

+
    +
  • With your explicit consent
    • +
  • To comply with legal obligations
    • +
  • To protect our rights, property, or safety, or that of our users or others
    • +
  • In connection with a merger, acquisition, or sale of assets
    • +
  • With service providers who assist us in operating our services
    • +
+ +

5. Data Security

+

We implement appropriate technical and organizational security measures to protect your personal information against unauthorized access, alteration, disclosure, or destruction. However, no method of transmission over the internet or electronic storage is 100% secure, and we cannot guarantee absolute security.

+ +

6. Data Retention

+

We retain your personal information for as long as necessary to provide our services and fulfill the purposes outlined in this Privacy Policy, unless a longer retention period is required or permitted by law. When we no longer need your personal information, we will securely delete or anonymize it.

+ +

7. Your Rights

+

Depending on your location, you may have certain rights regarding your personal information, including:

+
    +
  • The right to access your personal information
    • +
  • The right to correct inaccurate personal information
    • +
  • The right to delete your personal information
    • +
  • The right to restrict or object to certain processing of your personal information
    • +
  • The right to data portability
    • +
  • The right to withdraw consent where processing is based on consent
    • +
+ +

8. Children's Privacy

+

Our services are not intended for children under 13 years of age. We do not knowingly collect personal information from children under 13. If you are a parent or guardian and believe your child has provided us with personal information, please contact us immediately.

+ +

9. International Data Transfers

+

Your information may be transferred to and processed in countries other than your own. We ensure that such transfers are subject to appropriate safeguards and that your personal information receives an adequate level of protection.

+ +

10. Changes to This Privacy Policy

+

We may update this Privacy Policy from time to time. We will notify you of any changes by posting the new Privacy Policy on this page and updating the "Last updated" date. We encourage you to review this Privacy Policy periodically for any changes.

+ +

11. Contact Information

+

If you have any questions about this Privacy Policy or our privacy practices, please contact us at:

+

Email: privacy@lethalreborn.com

+

Address: BORISGAMES Studios, 1234 Game Street, Los Angeles, CA 90210

+ +
+

This document was last updated on January 1, 2025.

+
+
+
+
+ + + + + + + \ No newline at end of file diff --git a/script.js b/script.js new file mode 100644 index 000000000..1da7a3b84 --- /dev/null +++ b/script.js @@ -0,0 +1,206 @@ +// Mobile Navigation Toggle +const hamburger = document.querySelector('.hamburger'); +const navMenu = document.querySelector('.nav-menu'); + +hamburger.addEventListener('click', () => { + hamburger.classList.toggle('active'); + navMenu.classList.toggle('active'); +}); + +// Close mobile menu when clicking on a link +document.querySelectorAll('.nav-link').forEach(n => n.addEventListener('click', () => { + hamburger.classList.remove('active'); + navMenu.classList.remove('active'); +})); + +// Smooth scrolling for anchor links +document.querySelectorAll('a[href^="#"]').forEach(anchor => { + anchor.addEventListener('click', function (e) { + e.preventDefault(); + const target = document.querySelector(this.getAttribute('href')); + if (target) { + target.scrollIntoView({ + behavior: 'smooth', + block: 'start' + }); + } + }); +}); + +// Parallax effect for hero section +window.addEventListener('scroll', () => { + const scrolled = window.pageYOffset; + const hero = document.querySelector('.hero'); + if (hero) { + const rate = scrolled * -0.5; + hero.style.transform = `translateY(${rate}px)`; + } +}); + +// Glitch effect on hover +document.querySelectorAll('.glitch').forEach(element => { + element.addEventListener('mouseenter', () => { + element.style.animation = 'glitch-1 0.1s infinite'; + }); + + element.addEventListener('mouseleave', () => { + element.style.animation = ''; + }); +}); + +// Button hover effects +document.querySelectorAll('.btn').forEach(button => { + button.addEventListener('mouseenter', function() { + this.style.transform = 'translateY(-2px) scale(1.05)'; + }); + + button.addEventListener('mouseleave', function() { + this.style.transform = 'translateY(0) scale(1)'; + }); +}); + +// Gallery lightbox functionality +function createLightbox() { + const lightbox = document.createElement('div'); + lightbox.className = 'lightbox'; + lightbox.innerHTML = ` +
+ × + +
+
+ `; + document.body.appendChild(lightbox); + + // Close lightbox + lightbox.querySelector('.lightbox-close').addEventListener('click', () => { + lightbox.style.display = 'none'; + }); + + lightbox.addEventListener('click', (e) => { + if (e.target === lightbox) { + lightbox.style.display = 'none'; + } + }); + + return lightbox; +} + +// Initialize gallery lightbox +document.addEventListener('DOMContentLoaded', () => { + const galleryItems = document.querySelectorAll('.gallery-item'); + if (galleryItems.length > 0) { + const lightbox = createLightbox(); + + galleryItems.forEach(item => { + item.addEventListener('click', () => { + const img = item.querySelector('img'); + const lightboxImg = lightbox.querySelector('.lightbox-image'); + const lightboxCaption = lightbox.querySelector('.lightbox-caption'); + + lightboxImg.src = img.src; + lightboxImg.alt = img.alt; + lightboxCaption.textContent = img.alt; + lightbox.style.display = 'flex'; + }); + }); + } +}); + +// Form validation and submission +function initContactForm() { + const form = document.querySelector('form'); + if (form) { + form.addEventListener('submit', (e) => { + e.preventDefault(); + + const formData = new FormData(form); + const name = formData.get('name'); + const email = formData.get('email'); + const message = formData.get('message'); + + // Basic validation + if (!name || !email || !message) { + alert('Please fill in all fields.'); + return; + } + + if (!isValidEmail(email)) { + alert('Please enter a valid email address.'); + return; + } + + // Simulate form submission + alert('Thank you for your message! We will get back to you soon.'); + form.reset(); + }); + } +} + +function isValidEmail(email) { + const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; + return emailRegex.test(email); +} + +// Initialize contact form +document.addEventListener('DOMContentLoaded', initContactForm); + +// Add loading animation +window.addEventListener('load', () => { + document.body.classList.add('loaded'); +}); + +// Add CSS for lightbox +const lightboxCSS = ` +.lightbox { + display: none; + position: fixed; + z-index: 9999; + left: 0; + top: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.9); + align-items: center; + justify-content: center; +} + +.lightbox-content { + position: relative; + max-width: 90%; + max-height: 90%; +} + +.lightbox-image { + max-width: 100%; + max-height: 80vh; + object-fit: contain; +} + +.lightbox-close { + position: absolute; + top: -40px; + right: 0; + color: #fff; + font-size: 30px; + font-weight: bold; + cursor: pointer; + z-index: 10000; +} + +.lightbox-close:hover { + color: #ff0000; +} + +.lightbox-caption { + color: #fff; + text-align: center; + margin-top: 10px; + font-size: 1.1rem; +} +`; + +// Inject lightbox CSS +const style = document.createElement('style'); +style.textContent = lightboxCSS; +document.head.appendChild(style); \ No newline at end of file diff --git a/styles.css b/styles.css new file mode 100644 index 000000000..04cfca685 --- /dev/null +++ b/styles.css @@ -0,0 +1,893 @@ +/* Reset and Base Styles */ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font-family: 'Exo 2', sans-serif; + background: #000; + color: #fff; + line-height: 1.6; + overflow-x: hidden; +} + +.container { + max-width: 1200px; + margin: 0 auto; + padding: 0 20px; +} + +/* Navigation */ +.navbar { + position: fixed; + top: 0; + width: 100%; + background: rgba(0, 0, 0, 0.9); + backdrop-filter: blur(10px); + z-index: 1000; + border-bottom: 1px solid #ff0000; +} + +.nav-container { + max-width: 1200px; + margin: 0 auto; + padding: 0 20px; + display: flex; + justify-content: space-between; + align-items: center; + height: 70px; +} + +.nav-logo .logo { + height: 40px; + width: auto; +} + +.nav-menu { + display: flex; + list-style: none; + gap: 30px; +} + +.nav-link { + color: #fff; + text-decoration: none; + font-weight: 600; + text-transform: uppercase; + letter-spacing: 1px; + transition: all 0.3s ease; + position: relative; +} + +.nav-link:hover, +.nav-link.active { + color: #ff0000; +} + +.nav-link::after { + content: ''; + position: absolute; + bottom: -5px; + left: 0; + width: 0; + height: 2px; + background: #ff0000; + transition: width 0.3s ease; +} + +.nav-link:hover::after, +.nav-link.active::after { + width: 100%; +} + +.hamburger { + display: none; + flex-direction: column; + cursor: pointer; +} + +.bar { + width: 25px; + height: 3px; + background: #fff; + margin: 3px 0; + transition: 0.3s; +} + +/* Hero Section */ +.hero { + height: 100vh; + position: relative; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; +} + +.hero-background { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: -2; +} + +.hero-bg-image { + width: 100%; + height: 100%; + object-fit: cover; + filter: blur(3px) brightness(0.3); +} + +.hero-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: linear-gradient(45deg, rgba(0, 0, 0, 0.8), rgba(255, 0, 0, 0.1)); + z-index: -1; +} + +.hero-content { + text-align: center; + z-index: 1; + position: relative; +} + +.hero-title { + font-family: 'Orbitron', monospace; + font-size: 4rem; + font-weight: 900; + margin-bottom: 20px; + text-shadow: 0 0 20px #ff0000; + position: relative; +} + +.glitch { + position: relative; + color: #fff; + font-size: 4rem; + font-weight: 900; + text-transform: uppercase; + letter-spacing: 3px; +} + +.glitch::before, +.glitch::after { + content: attr(data-text); + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +.glitch::before { + animation: glitch-1 0.5s infinite; + color: #ff0000; + z-index: -1; +} + +.glitch::after { + animation: glitch-2 0.5s infinite; + color: #00ffff; + z-index: -2; +} + +@keyframes glitch-1 { + 0%, 100% { transform: translate(0); } + 20% { transform: translate(-2px, 2px); } + 40% { transform: translate(-2px, -2px); } + 60% { transform: translate(2px, 2px); } + 80% { transform: translate(2px, -2px); } +} + +@keyframes glitch-2 { + 0%, 100% { transform: translate(0); } + 20% { transform: translate(2px, 2px); } + 40% { transform: translate(2px, -2px); } + 60% { transform: translate(-2px, 2px); } + 80% { transform: translate(-2px, -2px); } +} + +.hero-tagline { + font-size: 1.5rem; + margin-bottom: 40px; + color: #ccc; + font-weight: 300; +} + +.hero-buttons { + display: flex; + gap: 20px; + justify-content: center; + flex-wrap: wrap; +} + +.btn { + padding: 15px 30px; + border: none; + border-radius: 5px; + font-size: 1.1rem; + font-weight: 600; + text-transform: uppercase; + letter-spacing: 1px; + cursor: pointer; + transition: all 0.3s ease; + position: relative; + overflow: hidden; +} + +.btn-primary { + background: linear-gradient(45deg, #ff0000, #cc0000); + color: #fff; + box-shadow: 0 0 20px rgba(255, 0, 0, 0.3); +} + +.btn-primary:hover { + transform: translateY(-2px); + box-shadow: 0 5px 25px rgba(255, 0, 0, 0.5); +} + +.btn-secondary { + background: transparent; + color: #fff; + border: 2px solid #ff0000; +} + +.btn-secondary:hover { + background: #ff0000; + color: #000; + transform: translateY(-2px); +} + +/* Particles */ +.particles { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; + z-index: 0; +} + +.particles::before { + content: ''; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-image: + radial-gradient(2px 2px at 20px 30px, #ff0000, transparent), + radial-gradient(2px 2px at 40px 70px, #00ffff, transparent), + radial-gradient(1px 1px at 90px 40px, #fff, transparent), + radial-gradient(1px 1px at 130px 80px, #ff0000, transparent); + background-repeat: repeat; + background-size: 200px 100px; + animation: particles 20s linear infinite; +} + +@keyframes particles { + 0% { transform: translateY(0); } + 100% { transform: translateY(-100px); } +} + +/* Section Styles */ +.section-title { + font-family: 'Orbitron', monospace; + font-size: 2.5rem; + text-align: center; + margin-bottom: 50px; + color: #ff0000; + text-shadow: 0 0 10px rgba(255, 0, 0, 0.5); +} + +/* Trailer Section */ +.trailer-section { + padding: 100px 0; + background: linear-gradient(135deg, #000 0%, #1a0000 100%); +} + +.trailer-container { + position: relative; + max-width: 800px; + margin: 0 auto; +} + +.video-placeholder { + position: relative; + width: 100%; + height: 450px; + border-radius: 10px; + overflow: hidden; + box-shadow: 0 0 30px rgba(255, 0, 0, 0.3); +} + +.trailer-thumbnail { + width: 100%; + height: 100%; + object-fit: cover; +} + +.play-button { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + width: 80px; + height: 80px; + background: rgba(255, 0, 0, 0.8); + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; + transition: all 0.3s ease; +} + +.play-button:hover { + background: rgba(255, 0, 0, 1); + transform: translate(-50%, -50%) scale(1.1); +} + +.play-icon { + width: 0; + height: 0; + border-left: 20px solid #fff; + border-top: 12px solid transparent; + border-bottom: 12px solid transparent; + margin-left: 5px; +} + +/* Features Section */ +.features-section { + padding: 100px 0; + background: #000; +} + +.features-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); + gap: 40px; + margin-top: 50px; +} + +.feature-card { + background: linear-gradient(135deg, #111 0%, #222 100%); + padding: 40px 30px; + border-radius: 10px; + text-align: center; + border: 1px solid #333; + transition: all 0.3s ease; + position: relative; + overflow: hidden; +} + +.feature-card::before { + content: ''; + position: absolute; + top: 0; + left: -100%; + width: 100%; + height: 100%; + background: linear-gradient(90deg, transparent, rgba(255, 0, 0, 0.1), transparent); + transition: left 0.5s ease; +} + +.feature-card:hover::before { + left: 100%; +} + +.feature-card:hover { + transform: translateY(-10px); + border-color: #ff0000; + box-shadow: 0 10px 30px rgba(255, 0, 0, 0.2); +} + +.feature-icon { + font-size: 3rem; + margin-bottom: 20px; +} + +.feature-card h3 { + font-family: 'Orbitron', monospace; + font-size: 1.5rem; + margin-bottom: 15px; + color: #ff0000; +} + +.feature-card p { + color: #ccc; + line-height: 1.6; +} + +/* Coming Soon Section */ +.coming-soon { + padding: 80px 0; + background: linear-gradient(135deg, #1a0000 0%, #000 100%); + text-align: center; +} + +.coming-soon-text { + font-size: 1.2rem; + color: #ccc; + max-width: 600px; + margin: 0 auto; +} + +/* Footer */ +.footer { + background: #000; + padding: 50px 0 30px; + border-top: 1px solid #333; +} + +.footer-content { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); + gap: 40px; +} + +.footer-section h3, +.footer-section h4 { + color: #ff0000; + margin-bottom: 20px; + font-family: 'Orbitron', monospace; +} + +.footer-section ul { + list-style: none; +} + +.footer-section ul li { + margin-bottom: 10px; +} + +.footer-section a { + color: #ccc; + text-decoration: none; + transition: color 0.3s ease; +} + +.footer-section a:hover { + color: #ff0000; +} + +/* Responsive Design */ +@media (max-width: 768px) { + .hamburger { + display: flex; + } + + .nav-menu { + position: fixed; + left: -100%; + top: 70px; + flex-direction: column; + background-color: rgba(0, 0, 0, 0.95); + width: 100%; + text-align: center; + transition: 0.3s; + padding: 20px 0; + } + + .nav-menu.active { + left: 0; + } + + .hero-title { + font-size: 2.5rem; + } + + .glitch { + font-size: 2.5rem; + } + + .hero-tagline { + font-size: 1.2rem; + } + + .hero-buttons { + flex-direction: column; + align-items: center; + } + + .btn { + width: 200px; + } + + .section-title { + font-size: 2rem; + } + + .features-grid { + grid-template-columns: 1fr; + } + + .video-placeholder { + height: 300px; + } +} + +@media (max-width: 480px) { + .hero-title { + font-size: 2rem; + } + + .glitch { + font-size: 2rem; + } + + .container { + padding: 0 15px; + } +} + +/* Page-specific styles */ +.page-header { + padding: 120px 0 80px; + background: linear-gradient(135deg, #000 0%, #1a0000 100%); + text-align: center; +} + +.page-title { + font-family: 'Orbitron', monospace; + font-size: 3rem; + color: #ff0000; + text-shadow: 0 0 20px rgba(255, 0, 0, 0.5); +} + +.page-content { + padding: 80px 0; + background: #000; +} + +.content-section { + margin-bottom: 60px; +} + +.content-section h2 { + font-family: 'Orbitron', monospace; + font-size: 2rem; + color: #ff0000; + margin-bottom: 20px; +} + +.content-section p { + color: #ccc; + line-height: 1.8; + margin-bottom: 15px; +} + +/* Form Styles */ +.form-group { + margin-bottom: 20px; +} + +.form-group label { + display: block; + margin-bottom: 5px; + color: #ff0000; + font-weight: 600; +} + +.form-group input, +.form-group textarea { + width: 100%; + padding: 12px; + background: #111; + border: 1px solid #333; + border-radius: 5px; + color: #fff; + font-family: inherit; +} + +.form-group input:focus, +.form-group textarea:focus { + outline: none; + border-color: #ff0000; + box-shadow: 0 0 10px rgba(255, 0, 0, 0.3); +} + +.form-group textarea { + height: 120px; + resize: vertical; +} + +/* Gallery Styles */ +.gallery-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); + gap: 20px; + margin-top: 40px; +} + +.gallery-item { + position: relative; + border-radius: 10px; + overflow: hidden; + cursor: pointer; + transition: transform 0.3s ease; +} + +.gallery-item:hover { + transform: scale(1.05); +} + +.gallery-item img { + width: 100%; + height: 250px; + object-fit: cover; +} + +.gallery-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.7); + display: flex; + align-items: center; + justify-content: center; + opacity: 0; + transition: opacity 0.3s ease; +} + +.gallery-item:hover .gallery-overlay { + opacity: 1; +} + +/* News Styles */ +.news-item { + background: #111; + padding: 30px; + border-radius: 10px; + margin-bottom: 20px; + border-left: 4px solid #ff0000; +} + +.news-item h3 { + color: #ff0000; + margin-bottom: 10px; +} + +.news-date { + color: #999; + font-size: 0.9rem; + margin-bottom: 15px; +} + +.news-item p { + color: #ccc; + line-height: 1.6; +} + +/* Team Grid Styles */ +.team-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); + gap: 30px; + margin-top: 40px; +} + +.team-member { + text-align: center; + background: #111; + padding: 30px 20px; + border-radius: 10px; + border: 1px solid #333; + transition: all 0.3s ease; +} + +.team-member:hover { + transform: translateY(-5px); + border-color: #ff0000; + box-shadow: 0 10px 25px rgba(255, 0, 0, 0.2); +} + +.member-avatar { + margin-bottom: 20px; +} + +.member-avatar img { + width: 100px; + height: 100px; + border-radius: 50%; + object-fit: cover; + border: 3px solid #ff0000; +} + +.team-member h3 { + color: #ff0000; + margin-bottom: 10px; + font-family: 'Orbitron', monospace; +} + +.team-member p { + color: #ccc; + font-size: 0.9rem; +} + +/* Page Subtitle */ +.page-subtitle { + color: #ccc; + font-size: 1.2rem; + margin-top: 20px; +} + +/* Contact Styles */ +.contact-content { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 60px; + margin-bottom: 60px; +} + +.contact-details { + margin-top: 30px; +} + +.contact-item { + margin-bottom: 30px; + padding: 20px; + background: #111; + border-radius: 10px; + border-left: 4px solid #ff0000; +} + +.contact-item h3 { + color: #ff0000; + margin-bottom: 10px; + font-family: 'Orbitron', monospace; +} + +.contact-item p { + color: #ccc; + margin-bottom: 5px; +} + +.contact-form-container { + background: #111; + padding: 40px; + border-radius: 10px; + border: 1px solid #333; +} + +.contact-form-container h2 { + color: #ff0000; + margin-bottom: 30px; + font-family: 'Orbitron', monospace; +} + +.contact-form select { + width: 100%; + padding: 12px; + background: #111; + border: 1px solid #333; + border-radius: 5px; + color: #fff; + font-family: inherit; +} + +.contact-form select:focus { + outline: none; + border-color: #ff0000; + box-shadow: 0 0 10px rgba(255, 0, 0, 0.3); +} + +.contact-note { + background: #111; + padding: 30px; + border-radius: 10px; + text-align: center; + border: 1px solid #333; +} + +.contact-note h3 { + color: #ff0000; + margin-bottom: 15px; + font-family: 'Orbitron', monospace; +} + +/* News Styles */ +.news-container { + margin-bottom: 60px; +} + +.news-cta { + display: flex; + gap: 20px; + justify-content: center; + margin-top: 30px; + flex-wrap: wrap; +} + +.coming-soon-news { + background: #111; + padding: 40px; + border-radius: 10px; + text-align: center; + border: 1px solid #333; +} + +.coming-soon-news h2 { + color: #ff0000; + margin-bottom: 20px; + font-family: 'Orbitron', monospace; +} + +/* Legal Page Styles */ +.legal-content { + max-width: 800px; + margin: 0 auto; +} + +.legal-content h2 { + font-family: 'Orbitron', monospace; + font-size: 2rem; + color: #ff0000; + margin: 40px 0 20px; +} + +.legal-content h3 { + font-size: 1.3rem; + color: #fff; + margin: 30px 0 15px; +} + +.legal-content p { + color: #ccc; + line-height: 1.8; + margin-bottom: 15px; +} + +.legal-content ul { + margin-left: 20px; + margin-bottom: 15px; +} + +.legal-content li { + color: #ccc; + margin-bottom: 5px; +} + +.legal-footer { + margin-top: 50px; + padding-top: 30px; + border-top: 1px solid #333; + text-align: center; +} + +.legal-footer p { + color: #999; + font-style: italic; +} + +/* Responsive Updates */ +@media (max-width: 768px) { + .contact-content { + grid-template-columns: 1fr; + gap: 40px; + } + + .team-grid { + grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); + gap: 20px; + } + + .news-cta { + flex-direction: column; + align-items: center; + } + + .contact-form-container { + padding: 20px; + } +} \ No newline at end of file diff --git a/terms.html b/terms.html new file mode 100644 index 000000000..79b91fa65 --- /dev/null +++ b/terms.html @@ -0,0 +1,123 @@ + + + + + + Terms of Service - Lethal Reborn + + + + + + + + +
+
+

Terms of Service

+

Last updated: January 1, 2025

+
+
+ + +
+
+
+

1. Acceptance of Terms

+

By accessing and using Lethal Reborn ("the Game") and related services provided by BORISGAMES Studios ("the Company"), you accept and agree to be bound by the terms and provision of this agreement. If you do not agree to abide by the above, please do not use this service.

+ +

2. Use Restrictions

+

You may not use the Game for any unlawful purpose or any purpose prohibited under this clause. You may not use the Game in any manner that could damage, disable, overburden, or impair any server, or the network(s) connected to any server, or interfere with any other party's use and enjoyment of the Game.

+ +

You may not attempt to gain unauthorized access to any part of the Game, other accounts, computer systems or networks connected to any server, through hacking, password mining or any other means. You may not obtain or attempt to obtain any materials or information through any means not intentionally made available through the Game.

+ +

3. User Conduct

+

You agree to use the Game only for lawful purposes and in accordance with these Terms. You agree not to use the Game:

+
    +
  • In any way that violates any applicable federal, state, local, or international law or regulation
    • +
  • To transmit, or procure the sending of, any advertising or promotional material without our prior written consent
    • +
  • To impersonate or attempt to impersonate the Company, a Company employee, another user, or any other person or entity
    • +
  • To engage in any other conduct that restricts or inhibits anyone's use or enjoyment of the Game
    • +
+ +

4. Intellectual Property Rights

+

The Game and its original content, features, and functionality are and will remain the exclusive property of BORISGAMES Studios and its licensors. The Game is protected by copyright, trademark, and other laws. Our trademarks and trade dress may not be used in connection with any product or service without our prior written consent.

+ +

5. Privacy Policy

+

Your privacy is important to us. Please review our Privacy Policy, which also governs your use of the Game, to understand our practices.

+ +

6. Termination

+

We may terminate or suspend your access immediately, without prior notice or liability, for any reason whatsoever, including without limitation if you breach the Terms. Upon termination, your right to use the Game will cease immediately.

+ +

7. Disclaimer

+

The information on this Game is provided on an "as is" basis. To the fullest extent permitted by law, this Company excludes all representations, warranties, conditions and terms relating to our Game and the use of this Game (including, without limitation, any warranties implied by law in respect of satisfactory quality, fitness for purpose and/or the use of reasonable care and skill).

+ +

8. Limitation of Liability

+

In no event shall BORISGAMES Studios, nor its directors, employees, partners, agents, suppliers, or affiliates, be liable for any indirect, incidental, special, consequential, or punitive damages, including without limitation, loss of profits, data, use, goodwill, or other intangible losses, resulting from your use of the Game.

+ +

9. Governing Law

+

These Terms shall be interpreted and governed by the laws of the State of California, United States, without regard to its conflict of law provisions. Our failure to enforce any right or provision of these Terms will not be considered a waiver of those rights.

+ +

10. Changes to Terms

+

We reserve the right, at our sole discretion, to modify or replace these Terms at any time. If a revision is material, we will try to provide at least 30 days notice prior to any new terms taking effect.

+ +

11. Contact Information

+

If you have any questions about these Terms of Service, please contact us at:

+

Email: legal@lethalreborn.com

+

Address: BORISGAMES Studios, 1234 Game Street, Los Angeles, CA 90210

+ +
+

This document was last updated on January 1, 2025.

+
+
+
+
+ + + + + + + \ No newline at end of file