<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ravya Works | Modern Digital Solutions</title>
<!-- Import elegant fonts -->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- Header / Navigation -->
<header>
<nav class="nav-container">
<a href="#home" class="logo">Ravya<span>Works</span></a>
<ul class="nav-links">
<li><a href="#home">Home</a></li>
<li><a href="#about">About Us</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>
<!-- 1. HOME SECTION (Hero - Text Focused) -->
<section id="home" class="hero">
<div class="hero-content">
<h1>Building Scalable <span>Digital Solutions</span> for Modern Enterprises</h1>
<p>We design and engineer intelligent systems and custom technology solutions designed to improve business growth, efficiency, and user experience.</p>
<a href="#contact" class="btn">Let's Discuss Your Project</a>
</div>
</section>
<!-- 2. ABOUT US SECTION (With Image) -->
<section id="about">
<h2 class="section-title">About <span>Us</span></h2>
<div class="flex-container" style="margin-bottom: 50px;">
<div class="flex-image">
<!-- Professional digital collaboration image -->
<img src="https://images.unsplash.com/photo-1522071820081-009f0129c71c?auto=format&fit=crop&w=600&q=80" alt="Team Collaboration">
</div>
<div class="flex-text">
<p style="font-size: 18px; color: #F3F4F6; margin-bottom: 20px;">
<strong>Ravya Works</strong> is a specialized technology brand operated under <strong>RunavyaAvyaraWorks Private Limited</strong>.
</p>
<p style="color: #9CA3AF; line-height: 1.8; margin-bottom: 20px;">
We specialize in creating innovative digital platforms, intelligent systems, and custom technology solutions designed to improve efficiency, user experience, and business growth. Our approach combines modern technology, clean design, and scalable architecture to deliver reliable and future-ready solutions.
</p>
<p style="color: #9CA3AF; line-height: 1.8;">
At Ravya Works, we believe in transforming ideas into impactful digital experiences through innovation, strategy, and technology-driven execution.
</p>
</div>
</div>
<!-- Core Values Grid inside About Section -->
<div class="grid">
<div class="card">
<h3>Our Mission</h3>
<p>To deliver robust digital platforms and intelligent solutions that empower companies to optimize workflows and achieve sustainable growth.</p>
</div>
<div class="card">
<h3>Our Vision</h3>
<p>To be a trusted global partner for technological innovation, recognized for building reliable and highly scalable software architectures.</p>
</div>
</div>
</section>
<!-- 3. SERVICES SECTION -->
<section id="services" style="background-color: #0F172A; max-width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.05); border-bottom: 1px solid rgba(255, 255, 255, 0.05); padding: 100px 20px;">
<div style="max-width: 1200px; margin: 0 auto;">
<h2 class="section-title">Our <span>Services</span></h2>
<div class="grid">
<div class="card" style="background-color: #1E293B;">
<h3 style="color: #3B82F6;">Digital Platforms</h3>
<p>Custom-engineered web and mobile systems built with robust modern frameworks to ensure speed, stability, and clean user experience.</p>
</div>
<div class="card" style="background-color: #1E293B;">
<h3 style="color: #3B82F6;">Intelligent Systems</h3>
<p>Smart applications designed to automate business workflows, simplify operations, and provide data-driven insight for decision making.</p>
</div>
<div class="card" style="background-color: #1E293B;">
<h3 style="color: #3B82F6;">Custom Enterprise Solutions</h3>
<p>Tailored technology solutions designed from the ground up to align perfectly with your internal business requirements and processes.</p>
</div>
</div>
</div>
</section>
<!-- 4. CONTACT SECTION -->
<section id="contact">
<h2 class="section-title">Get in <span>Touch</span></h2>
<div class="contact-container">
<!-- Contact details -->
<div class="contact-info">
<h3>Let's collaborate</h3>
<p>Have an idea or a project in mind? Reach out to us, and our team will get back to you to discuss how we can turn your vision into a scalable digital reality.</p>
<div class="info-details">
<div class="info-item">
<strong>Parent Company:</strong> RunavyaAvyaraWorks Private Limited
</div>
<div class="info-item">
<strong>Domain:</strong> ravyaworks.com
</div>
<div class="info-item">
<strong>Email:</strong> <a href="mailto:info@ravyaworks.com">info@ravyaworks.com</a>
</div>
<div class="info-item">
<strong>Contact:</strong> <a href="tel:+919503196964">9503196964</a> / <a href="tel:+917620607304">7620607304</a>
</div>
</div>
</div>
<!-- Interactive form -->
<form class="contact-form" onsubmit="event.preventDefault(); alert('Message sent successfully! (This is a preview)');">
<div class="form-group">
<label for="name">Your Name</label>
<input type="text" id="name" required placeholder="Enter your name">
</div>
<div class="form-group">
<label for="email">Email Address</label>
<input type="email" id="email" required placeholder="Enter your email">
</div>
<div class="form-group">
<label for="message">How can we help you?</label>
<textarea id="message" rows="5" required placeholder="Describe your project or inquiry"></textarea>
</div>
<button type="submit" class="btn">Send Message</button>
</form>
</div>
</section>
<!-- Footer -->
<footer>
<p>© 2026 Ravya Works. A brand of RunavyaAvyaraWorks Private Limited. All rights reserved.</p>
</footer>
</body>
</html>