1#@!#!123s

: / home / etb1lp46s9ed / public_html / kudlaastraproductions.com /
Filename : index.html
back
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Astra Productions | Redefining Tulu Cinema</title>
    <meta name="description"
        content="Astra Productions is a passionate film production house based in Coastal Karnataka, dedicated to creating groundbreaking Tulu movies. Specializing in Tulu-language Cinema.">
    <meta name="keywords"
        content="Astra Productions, Tulu Cinema, Coastalwood, Film Production, Mangaluru, Tulu Movies, Film Distribution, Talent Management">
    <meta name="author" content="Astra Productions">
    <meta property="og:title" content="Astra Productions | Redefining Tulu Cinema">
    <meta property="og:description"
        content="Astra Productions is a passionate film production house based in Coastal Karnataka, dedicated to creating groundbreaking Tulu movies.">
    <meta property="og:image" content="https://kudlaastraproductions.com/images/logo.png">
    <meta property="og:url" content="https://kudlaastraproductions.com">
    <meta property="og:type" content="website">
    <link rel="canonical" href="https://kudlaastraproductions.com">
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "MovieProductionCompany",
      "name": "Astra Productions",
      "url": "https://kudlaastraproductions.com",
      "logo": "https://kudlaastraproductions.com/images/logo.png",
      "contactPoint": {
        "@type": "ContactPoint",
        "telephone": "+91 7022897368",
        "contactType": "customer service",
        "email": "business@astragroup.co.in"
      },
      "address": {
        "@type": "PostalAddress",
        "streetAddress": "Building No./Flat No.: 5-5-279/46, Empire Mall, M G Road, Kodialbail",
        "addressLocality": "Mangaluru",
        "addressRegion": "Karnataka",
        "postalCode": "575003",
        "addressCountry": "IN"
      },
      "sameAs": [
        "https://www.facebook.com/astraproductions",
        "https://www.instagram.com/astraproductions",
        "https://twitter.com/astraproductions",
        "https://www.youtube.com/astraproductions"
      ]
    }
    </script>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link
        href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Roboto:wght@300;400;500&display=swap"
        rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <link rel="stylesheet" href="css/style.css">
</head>

<body>

    <!-- Navigation -->
    <nav class="navbar">
        <div class="container">
            <a href="#" class="logo">
                <img src="images/logo.png" alt="Astra Productions Logo">
                <span class="logo-text">Astra Productions</span>
            </a>
            <div class="menu-toggle" id="mobile-menu">
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
            </div>
            <ul class="nav-menu">
                <li><a href="#home" class="nav-link">Home</a></li>
                <li><a href="#about" class="nav-link">About Us</a></li>
                <li><a href="#services" class="nav-link">Our Services</a></li>
                <li><a href="#why-us" class="nav-link">Why Choose Us</a></li>
                <li><a href="#contact" class="nav-link">Contact Us</a></li>
                <li class="dropdown">
                    <a href="#" class="nav-link">Policies <i class="fas fa-caret-down"></i></a>
                    <div class="dropdown-content">
                        <a href="terms.html">Terms & Conditions</a>
                        <a href="privacy.html">Privacy Policy</a>
                    </div>
                </li>
            </ul>
        </div>
    </nav>

    <!-- Hero Section -->
    <section id="home" class="hero">
        <div class="hero-slider">
            <!-- Poster 1 -->
            <div class="slide active">
                <div class="slide-bg" style="background-image: url('images/poster-1.png');"></div>
                <div class="slide-inner" style="background-image: url('images/poster-1.png');"></div>
            </div>
            <!-- Poster 2 -->
            <div class="slide">
                <div class="slide-bg" style="background-image: url('images/poster-2.jpg');"></div>
                <div class="slide-inner" style="background-image: url('images/poster-2.jpg');"></div>
            </div>
            <!-- Poster 3 -->
            <div class="slide">
                <div class="slide-bg" style="background-image: url('images/poster-3.jpg');"></div>
                <div class="slide-inner" style="background-image: url('images/poster-3.jpg');"></div>
            </div>
            <!-- Poster 4 -->
            <div class="slide">
                <div class="slide-bg" style="background-image: url('images/poster-4.jpg');"></div>
                <div class="slide-inner" style="background-image: url('images/poster-4.jpg');"></div>
            </div>
            <!-- Poster 5 -->
            <div class="slide">
                <div class="slide-bg" style="background-image: url('images/poster-5.jpg');"></div>
                <div class="slide-inner" style="background-image: url('images/poster-5.jpg');"></div>
            </div>
        </div>
        <button class="slider-btn prev-btn"><i class="fas fa-chevron-left"></i></button>
        <button class="slider-btn next-btn"><i class="fas fa-chevron-right"></i></button>
        <div class="hero-overlay"></div>
        <div class="hero-content">
            <h1>Redefining Tulu Cinema</h1>
            <p>Bringing fresh cinematic experiences to Coastalwood and beyond.</p>
            <a href="#contact" class="btn-primary">Get in Touch</a>
        </div>
    </section>

    <!-- About Us Section -->
    <section id="about" class="section">
        <div class="container">
            <h2 class="section-title">About Us</h2>
            <div class="about-content">
                <div class="about-text">
                    <p>Astra Productions was founded with a dream to redefine Tulu cinema and showcase its potential to
                        a global audience. While rooted deeply in the traditions, values, and culture of Tulunadu, our
                        focus lies in experimenting with different genres—thrillers, dramas, romances, comedies, and
                        beyond—something rarely explored in Tulu films.</p>
                    <p>We believe in nurturing local talent, telling untold stories, and raising the standard of
                        filmmaking in Coastalwood. With every project, Astra Productions strives to push boundaries,
                        innovate, and inspire.</p>
                </div>
                <div class="about-image">
                    <img src="https://images.unsplash.com/photo-1485846234645-a62644f84728?ixlib=rb-1.2.1&auto=format&fit=crop&w=1340&q=80"
                        alt="Film Production">
                </div>
            </div>
        </div>
    </section>

    <!-- Mission & Vision Section -->
    <section class="section bg-light">
        <div class="container">
            <div class="mission-vision-grid">
                <div class="mv-card">
                    <i class="fas fa-eye"></i>
                    <h3>Our Vision</h3>
                    <p>To take Coastalwood to the next level by exploring diverse genres and bringing fresh,
                        groundbreaking cinematic experiences to audiences worldwide.</p>
                </div>
                <div class="mv-card">
                    <i class="fas fa-bullseye"></i>
                    <h3>Our Mission</h3>
                    <p>To blend regional culture with world-class storytelling, nurturing local talent and making Tulu
                        cinema proud on every platform.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Our Services Section -->
    <section id="services" class="section">
        <div class="container">
            <h2 class="section-title">Our Services</h2>
            <div class="services-grid">
                <div class="service-card">
                    <i class="fas fa-video"></i>
                    <h3>Film Production</h3>
                    <p>End-to-end production services for feature films, short films, and documentaries, ensuring high
                        production value.</p>
                </div>
                <div class="service-card">
                    <i class="fas fa-bullhorn"></i>
                    <h3>Distribution & Marketing</h3>
                    <p>Strategic marketing and distribution networks to ensure our films reach the widest possible
                        audience.</p>
                </div>
                <div class="service-card">
                    <i class="fas fa-users"></i>
                    <h3>Talent Management</h3>
                    <p>Discovering and grooming new talent in acting, direction, and technical fields within
                        Coastalwood.</p>
                </div>
                <div class="service-card">
                    <i class="fas fa-film"></i>
                    <h3>Post-Production</h3>
                    <p>State-of-the-art editing, dubbing, and VFX services to bring cinematic visions to life.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Why Choose Us Section -->
    <section id="why-us" class="section bg-light">
        <div class="container">
            <h2 class="section-title">Why Choose Us</h2>
            <div class="features-grid">
                <div class="feature-item">
                    <img src="https://images.unsplash.com/photo-1536440136628-849c177e76a1?ixlib=rb-1.2.1&auto=format&fit=crop&w=1225&q=80"
                        alt="Quality">
                    <h3>Unmatched Quality</h3>
                    <p>We are committed to world-class storytelling and technical excellence.</p>
                </div>
                <div class="feature-item">
                    <img src="https://images.unsplash.com/photo-1515634928627-2a4e0dae3ddf?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80"
                        alt="Culture">
                    <h3>Cultural Roots</h3>
                    <p>Deeply connected to Tulunadu traditions while embracing modern cinema.</p>
                </div>
                <div class="feature-item">
                    <img src="https://images.unsplash.com/photo-1522071820081-009f0129c71c?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80"
                        alt="Innovation">
                    <h3>Innovative Approach</h3>
                    <p>Exploring diverse genres and fresh narratives in Tulu cinema.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Contact Us Section -->
    <section id="contact" class="section">
        <div class="container">
            <h2 class="section-title">Contact Us</h2>
            <div class="contact-wrapper">
                <div class="contact-info">
                    <div class="info-item">
                        <i class="fas fa-map-marker-alt"></i>
                        <div>
                            <h4>Address</h4>
                            <p>Building No./Flat No.: 5-5-279/46, Empire Mall,<br>M G Road, Kodialbail,
                                Mangaluru,<br>Dakshina Kannada, Karnataka - 575003</p>
                        </div>
                    </div>
                    <div class="info-item">
                        <i class="fas fa-phone-alt"></i>
                        <div>
                            <h4>Phone</h4>
                            <p>+91 7022897368</p>
                        </div>
                    </div>
                    <div class="info-item">
                        <i class="fas fa-envelope"></i>
                        <div>
                            <h4>Email</h4>
                            <p>business@astragroup.co.in</p>
                        </div>
                    </div>
                </div>
                <div class="contact-form">
                    <form id="contactForm">
                        <div class="form-group">
                            <input type="text" id="name" name="name" placeholder="Your Name" required>
                        </div>
                        <div class="form-group">
                            <input type="email" id="email" name="email" placeholder="Your Email" required>
                        </div>
                        <div class="form-group">
                            <input type="tel" id="phone" name="phone" placeholder="Your Phone Number">
                        </div>
                        <div class="form-group">
                            <textarea id="message" name="message" rows="5" placeholder="Your Message"
                                required></textarea>
                        </div>
                        <div class="form-group checkbox-group">
                            <input type="checkbox" id="opt-out" name="opt-out" required>
                            <label for="opt-out">I agree to the terms and conditions and privacy policy.</label>
                        </div>
                        <button type="submit" class="btn-primary">Send Message</button>
                    </form>
                    <div id="formStatus"></div>
                </div>
            </div>
            <div class="map-container">
                <iframe
                    src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3889.851724874404!2d74.84300631482276!3d12.87611199091858!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3ba35a4c9c0c0c0d%3A0x1234567890abcdef!2sEmpire%20Mall%2C%20M%20G%20Road%2C%20Kodialbail%2C%20Mangaluru%2C%20Karnataka%20575003!5e0!3m2!1sen!2sin!4v1633072800000!5m2!1sen!2sin"
                    width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer>
        <div class="container">
            <p>&copy; 2025 Astra Productions. All Rights Reserved.</p>
            <div class="social-links">
                <a href="#"><i class="fab fa-facebook-f"></i></a>
                <a href="#"><i class="fab fa-instagram"></i></a>
                <a href="#"><i class="fab fa-twitter"></i></a>
                <a href="#"><i class="fab fa-youtube"></i></a>
            </div>
        </div>
    </footer>

    <script src="js/script.js"></script>
</body>

</html>