Hello world!

<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Google Tag Manager -->
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-PTSZCKHK');</script>
    <!-- End Google Tag Manager -->
    
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-PLLSGXTKBX"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', 'G-PLLSGXTKBX');
    </script>
    
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Free YouTube Script Generator Tool - Create professional video scripts in seconds">
    <meta name="keywords" content="YouTube, script generator, video content, content creation">
    <title>YouTube Script Generator Tool - Create Professional Video Scripts</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&family=Poppins:wght@400;500;600&display=swap" rel="stylesheet">
    <style>
        :root {
            --youtube-red: #ff0000;
            --youtube-dark: #202020;
            --light-gray: #f5f5f5;
            --medium-gray: #e0e0e0;
            --dark-gray: #333;
            --text-color: #333;
            --shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        }
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'Roboto', sans-serif;
            color: var(--text-color);
            background-color: white;
            line-height: 1.6;
        }
        
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }
        
        /* Header Styles */
        header {
            background-color: var(--youtube-red);
            padding: 15px 0;
            position: sticky;
            top: 0;
            z-index: 100;
            box-shadow: var(--shadow);
        }
        
        .header-content {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .logo {
            display: flex;
            align-items: center;
        }
        
        .logo i {
            font-size: 28px;
            color: white;
            margin-right: 10px;
        }
        
        .logo h1 {
            font-family: 'Poppins', sans-serif;
            font-size: 24px;
            font-weight: 600;
            color: white;
        }
        
        nav ul {
            display: flex;
            list-style: none;
        }
        
        nav ul li {
            margin-left: 25px;
        }
        
        nav ul li a {
            text-decoration: none;
            color: white;
            font-weight: 500;
            font-size: 18px;
            transition: all 0.3s ease;
            padding: 8px 15px;
            border-radius: 4px;
        }
        
        nav ul li a:hover {
            background-color: rgba(255, 255, 255, 0.2);
        }
        
        /* Hero Section */
        .hero {
            background: linear-gradient(135deg, #ff8a8a 0%, var(--youtube-red) 100%);
            color: white;
            text-align: center;
            padding: 60px 20px;
        }
        
        .hero h2 {
            font-size: 2.8rem;
            margin-bottom: 20px;
            font-weight: 700;
        }
        
        .hero p {
            font-size: 1.2rem;
            max-width: 700px;
            margin: 0 auto 30px;
        }
        
        /* Tool Section */
        .tool-section {
            padding: 60px 0;
            background-color: white;
        }
        
        .section-title {
            text-align: center;
            margin-bottom: 40px;
        }
        
        .section-title h2 {
            font-size: 2.2rem;
            color: var(--youtube-red);
            margin-bottom: 15px;
        }
        
        .section-title p {
            color: var(--dark-gray);
            max-width: 700px;
            margin: 0 auto;
        }
        
        .tool-container {
            background-color: white;
            border-radius: 10px;
            box-shadow: var(--shadow);
            padding: 30px;
            max-width: 900px;
            margin: 0 auto;
        }
        
        .form-group {
            margin-bottom: 25px;
        }
        
        .form-group label {
            display: block;
            margin-bottom: 8px;
            font-weight: 500;
            color: var(--dark-gray);
        }
        
        .form-control {
            width: 100%;
            padding: 14px;
            border: 1px solid var(--medium-gray);
            border-radius: 6px;
            font-size: 16px;
            transition: border-color 0.3s;
        }
        
        .form-control:focus {
            border-color: var(--youtube-red);
            outline: none;
            box-shadow: 0 0 0 3px rgba(255, 0, 0, 0.1);
        }
        
        textarea.form-control {
            min-height: 150px;
            resize: vertical;
        }
        
        .btn {
            display: inline-block;
            background-color: var(--youtube-red);
            color: white;
            padding: 14px 30px;
            border: none;
            border-radius: 6px;
            font-size: 16px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s ease;
            text-align: center;
        }
        
        .btn:hover {
            background-color: #cc0000;
            transform: translateY(-2px);
        }
        
        .btn:active {
            transform: translateY(0);
        }
        
        .btn-block {
            display: block;
            width: 100%;
        }
        
        /* Results Section */
        .results {
            margin-top: 30px;
            padding: 25px;
            background-color: var(--light-gray);
            border-radius: 8px;
            display: none;
        }
        
        .results h3 {
            margin-bottom: 15px;
            color: var(--youtube-red);
        }
        
        /* How To Use Section */
        .how-to {
            background-color: var(--light-gray);
            padding: 60px 0;
        }
        
        .steps {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 30px;
            margin-top: 40px;
        }
        
        .step-card {
            background: white;
            border-radius: 10px;
            box-shadow: var(--shadow);
            padding: 30px;
            flex: 1;
            min-width: 250px;
            max-width: 350px;
            text-align: center;
            transition: transform 0.3s ease;
        }
        
        .step-card:hover {
            transform: translateY(-10px);
        }
        
        .step-number {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 50px;
            height: 50px;
            background-color: var(--youtube-red);
            color: white;
            border-radius: 50%;
            font-size: 24px;
            font-weight: bold;
            margin: 0 auto 20px;
        }
        
        .step-card h3 {
            margin-bottom: 15px;
            color: var(--youtube-red);
        }
        
        /* Contact Section */
        .contact {
            padding: 60px 0;
            background-color: white;
        }
        
        .contact-container {
            display: flex;
            flex-wrap: wrap;
            gap: 40px;
        }
        
        .contact-info {
            flex: 1;
            min-width: 300px;
        }
        
        .contact-form {
            flex: 1;
            min-width: 300px;
        }
        
        .contact-card {
            background-color: var(--light-gray);
            padding: 25px;
            border-radius: 8px;
            margin-bottom: 20px;
        }
        
        .contact-card h3 {
            margin-bottom: 15px;
            color: var(--youtube-red);
        }

        /* Legal Pages Styles */
        .legal-page {
            display: none;
            padding: 60px 0;
            background-color: white;
        }
        
        .legal-page.active {
            display: block;
        }
        
        .legal-content {
            max-width: 800px;
            margin: 0 auto;
            background-color: var(--light-gray);
            padding: 30px;
            border-radius: 8px;
        }
        
        .legal-content h2 {
            color: var(--youtube-red);
            margin-bottom: 20px;
            text-align: center;
        }
        
        .legal-content h3 {
            color: var(--youtube-red);
            margin: 25px 0 15px;
        }
        
        .legal-content p, .legal-content ul {
            margin-bottom: 15px;
        }
        
        .legal-content ul {
            padding-left: 20px;
        }
        
        .back-to-top {
            display: block;
            text-align: center;
            margin-top: 30px;
        }
        
        .back-to-top a {
            color: var(--youtube-red);
            text-decoration: none;
            font-weight: 500;
        }
        
        .back-to-top a:hover {
            text-decoration: underline;
        }
        
        /* Footer */
        footer {
            background-color: var(--youtube-dark);
            color: white;
            padding: 50px 0 20px;
        }
        
        .footer-content {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            gap: 40px;
            margin-bottom: 30px;
        }
        
        .footer-section {
            flex: 1;
            min-width: 250px;
        }
        
        .footer-section h3 {
            font-size: 20px;
            margin-bottom: 20px;
            color: white;
            position: relative;
            padding-bottom: 10px;
        }
        
        .footer-section h3::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 50px;
            height: 3px;
            background-color: var(--youtube-red);
        }
        
        .footer-links {
            list-style: none;
        }
        
        .footer-links li {
            margin-bottom: 12px;
        }
        
        .footer-links a {
            color: #bbb;
            text-decoration: none;
            transition: color 0.3s;
        }
        
        .footer-links a:hover {
            color: white;
        }
        
        .copyright {
            text-align: center;
            padding-top: 20px;
            border-top: 1px solid #444;
            color: #bbb;
            font-size: 14px;
        }
        
        /* Responsive Design */
        @media (max-width: 768px) {
            .header-content {
                flex-direction: column;
                text-align: center;
            }
            
            nav ul {
                margin-top: 20px;
                justify-content: center;
            }
            
            nav ul li {
                margin: 0 10px;
            }
            
            .hero h2 {
                font-size: 2.2rem;
            }
            
            .steps {
                flex-direction: column;
                align-items: center;
            }

            .contact-container {
                flex-direction: column;
            }
        }
        
        @media (max-width: 480px) {
            nav ul {
                flex-direction: column;
            }
            
            nav ul li {
                margin: 5px 0;
            }
            
            .hero h2 {
                font-size: 1.8rem;
            }
            
            .section-title h2 {
                font-size: 1.8rem;
            }

            .footer-content {
                flex-direction: column;
            }
        }
    </style>
</head>
<body>
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PTSZCKHK"
    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->

    <!-- Header -->
    <header>
        <div class="container header-content">
            <div class="logo">
                <i class="fab fa-youtube"></i>
                <h1>YouTube Script Generator</h1>
            </div>
            <nav>
                <ul>
                    <li><a href="#home">Home</a></li>
                    <li><a href="#about">About</a></li>
                    <li><a href="#contact">Contact</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <!-- Hero Section -->
    <section id="home" class="hero">
        <div class="container">
            <h2>Create Professional YouTube Scripts in Seconds</h2>
            <p>Our AI-powered tool helps content creators generate engaging video scripts quickly and easily. Perfect for beginners and experts alike!</p>
        </div>
    </section>

    <!-- Tool Section -->
    <section class="tool-section">
        <div class="container">
            <div class="section-title">
                <h2>Generate Your YouTube Script</h2>
                <p>Fill in the details below and let our AI create a professional script for your next video</p>
            </div>
            
            <div class="tool-container">
                <div class="form-group">
                    <label for="videoTopic">Video Topic *</label>
                    <input type="text" id="videoTopic" class="form-control" placeholder="What is your video about?">
                </div>
                
                <div class="form-group">
                    <label for="videoType">Video Type *</label>
                    <select id="videoType" class="form-control">
                        <option value="">Select a video type</option>
                        <option value="tutorial">Tutorial/How-to</option>
                        <option value="review">Product Review</option>
                        <option value="vlog">Vlog</option>
                        <option value="educational">Educational/Explainer</option>
                        <option value="entertainment">Entertainment</option>
                    </select>
                </div>
                
                <div class="form-group">
                    <label for="targetAudience">Target Audience</label>
                    <input type="text" id="targetAudience" class="form-control" placeholder="Who is your target audience?">
                </div>
                
                <div class="form-group">
                    <label for="keyPoints">Key Points to Cover</label>
                    <textarea id="keyPoints" class="form-control" placeholder="List the main points you want to cover in your video..."></textarea>
                </div>
                
                <button id="generateBtn" class="btn btn-block">Generate Script</button>
                
                <div class="results" id="results">
                    <h3>Your YouTube Script:</h3>
                    <div id="scriptOutput"></div>
                </div>
            </div>
        </div>
    </section>

    <!-- How To Use Section -->
    <section id="about" class="how-to">
        <div class="container">
            <div class="section-title">
                <h2>How to Use YouTube Script Generator Tool</h2>
                <p>Follow these simple steps to create compelling YouTube scripts in minutes</p>
            </div>
            
            <div class="steps">
                <div class="step-card">
                    <div class="step-number">1</div>
                    <h3>Enter Video Details</h3>
                    <p>Fill in your video topic, select the type of video, and specify your target audience.</p>
                </div>
                
                <div class="step-card">
                    <div class="step-number">2</div>
                    <h3>Add Key Points</h3>
                    <p>List the main points you want to cover in your video for a more tailored script.</p>
                </div>
                
                <div class="step-card">
                    <div class="step-number">3</div>
                    <h3>Generate Script</h3>
                    <p>Click the generate button and our AI will create a professional script for you.</p>
                </div>
                
                <div class="step-card">
                    <div class="step-number">4</div>
                    <h3>Refine & Customize</h3>
                    <p>Edit the generated script to match your personal style and video requirements.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Contact Section -->
    <section id="contact" class="contact">
        <div class="container">
            <div class="section-title">
                <h2>Contact Us</h2>
                <p>Have questions or feedback? We'd love to hear from you!</p>
            </div>
            
            <div class="contact-container">
                <div class="contact-info">
                    <div class="contact-card">
                        <h3><i class="fas fa-envelope"></i> Email Us</h3>
                        <p>achuthanr94@gmail.com</p>
                    </div>
                    
                    <div class="contact-card">
                        <h3><i class="fas fa-map-marker-alt"></i> Our Location</h3>
                        <p>Content Creator Street, Digital Media City</p>
                    </div>
                    
                    <div class="contact-card">
                        <h3><i class="fas fa-clock"></i> Business Hours</h3>
                        <p>Monday - Friday: 9AM - 6PM</p>
                        <p>Saturday: 10AM - 4PM</p>
                    </div>
                </div>
                
                <div class="contact-form">
                    <div class="form-group">
                        <label for="name">Your Name</label>
                        <input type="text" id="name" class="form-control">
                    </div>
                    
                    <div class="form-group">
                        <label for="email">Email Address</label>
                        <input type="email" id="email" class="form-control">
                    </div>
                    
                    <div class="form-group">
                        <label for="message">Message</label>
                        <textarea id="message" class="form-control" rows="5"></textarea>
                    </div>
                    
                    <button class="btn">Send Message</button>
                </div>
            </div>
        </div>
    </section>

    <!-- Privacy Policy Page -->
    <section id="privacy-policy" class="legal-page">
        <div class="container">
            <div class="legal-content">
                <h2>Privacy Policy</h2>
                
                <p><strong>Last Updated:</strong> January 1, 2023</p>
                
                <p>Thank you for visiting YouTube Script Generator ("we", "us", or "our"). We are committed to protecting your privacy. This Privacy Policy explains how we collect, use, disclose, and safeguard your information when you use our website.</p>
                
                <h3>Information We Collect</h3>
                <p>We may collect personal information that you voluntarily provide to us when using our script generator tool, including:</p>
                <ul>
                    <li>Video topic and content preferences</li>
                    <li>Contact information if you reach out to us</li>
                    <li>Usage data and analytics</li>
                </ul>
                
                <h3>How We Use Your Information</h3>
                <p>We use the information we collect to:</p>
                <ul>
                    <li>Provide and improve our script generation service</li>
                    <li>Respond to your inquiries and requests</li>
                    <li>Analyze usage trends to enhance user experience</li>
                    <li>Comply with legal obligations</li>
                </ul>
                
                <h3>Cookies and Tracking Technologies</h3>
                <p>We may use cookies and similar tracking technologies to track activity on our website and hold certain information to improve your experience.</p>
                
                <h3>Third-Party Services</h3>
                <p>We may employ third-party companies to facilitate our service, provide the service on our behalf, or assist us in analyzing how our service is used.</p>
                
                <h3>Data Security</h3>
                <p>We implement appropriate technical and organizational measures to protect your personal information.</p>
                
                <h3>Changes to This Privacy Policy</h3>
                <p>We may update our Privacy Policy from time to time. We will notify you of any changes by posting the new Privacy Policy on this page.</p>
                
                <div class="back-to-top">
                    <a href="#" class="back-to-top-link">Back to Top</a>
                </div>
            </div>
        </div>
    </section>
    
    <!-- Terms of Service Page -->
    <section id="terms-of-service" class="legal-page">
        <div class="container">
            <div class="legal-content">
                <h2>Terms of Service</h2>
                
                <p><strong>Last Updated:</strong> January 1, 2023</p>
                
                <p>Welcome to YouTube Script Generator. By accessing or using our service, you agree to be bound by these Terms of Service.</p>
                
                <h3>Use of Our Service</h3>
                <p>Our script generator tool is provided for personal, non-commercial use. You may not use our service for any illegal or unauthorized purpose.</p>
                
                <h3>Intellectual Property</h3>
                <p>The scripts generated by our tool are for your personal use. We claim no ownership over the content you create using our service.</p>
                
                <h3>User Responsibilities</h3>
                <p>You agree not to:</p>
                <ul>
                    <li>Use our service to generate harmful, offensive, or illegal content</li>
                    <li>Attempt to reverse engineer or hack our service</li>
                    <li>Use our service in any way that could damage, disable, or impair our website</li>
                </ul>
                
                <h3>Disclaimer of Warranties</h3>
                <p>Our service is provided "as is" without warranty of any kind. We do not guarantee that the service will meet your requirements or be error-free.</p>
                
                <h3>Limitation of Liability</h3>
                <p>We shall not be liable for any indirect, incidental, special, or consequential damages resulting from your use of our service.</p>
                
                <h3>Changes to Terms</h3>
                <p>We reserve the right to modify these terms at any time. Your continued use of the service constitutes acceptance of the modified terms.</p>
                
                <div class="back-to-top">
                    <a href="#" class="back-to-top-link">Back to Top</a>
                </div>
            </div>
        </div>
    </section>
    
    <!-- Disclaimer Page -->
    <section id="disclaimer" class="legal-page">
        <div class="container">
            <div class="legal-content">
                <h2>Disclaimer</h2>
                
                <p><strong>Last Updated:</strong> January 1, 2023</p>
                
                <h3>Content Disclaimer</h3>
                <p>The scripts generated by YouTube Script Generator are created by artificial intelligence and should be used as a starting point only. We do not guarantee the accuracy, completeness, or usefulness of any generated content.</p>
                
                <h3>No Professional Advice</h3>
                <p>The information provided by our service is for general informational purposes only and should not be considered professional advice. Always seek the advice of qualified professionals regarding any specific questions you may have.</p>
                
                <h3>External Links</h3>
                <p>Our website may contain links to external websites. We have no control over the content and nature of these sites and assume no responsibility for them.</p>
                
                <h3>Affiliate Disclosure</h3>
                <p>We may participate in affiliate marketing and may allow affiliate links to be included on our website. This means we may earn a commission if you click on or make purchases via affiliate links.</p>
                
                <h3>Testimonials</h3>
                <p>Any testimonials or success stories on our website are examples of real results, but they are not guarantees that you will achieve the same results.</p>
                
                <h3>Earnings Disclaimer</h3>
                <p>We make no guarantees regarding income or success from using our script generator tool. Your results will depend on many factors including your content quality, consistency, and marketing efforts.</p>
                
                <div class="back-to-top">
                    <a href="#" class="back-to-top-link">Back to Top</a>
                </div>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer>
        <div class="container">
            <div class="footer-content">
                <div class="footer-section">
                    <h3>YouTube Script Generator</h3>
                    <p>The ultimate tool for content creators to generate professional YouTube scripts quickly and easily.</p>
                </div>
                
                <div class="footer-section">
                    <h3>Quick Links</h3>
                    <ul class="footer-links">
                        <li><a href="#home">Home</a></li>
                        <li><a href="#about">How to Use</a></li>
                        <li><a href="#contact">Contact Us</a></li>
                        <li><a href="#privacy-policy" class="legal-link">Privacy Policy</a></li>
                        <li><a href="#terms-of-service" class="legal-link">Terms of Service</a></li>
                        <li><a href="#disclaimer" class="legal-link">Disclaimer</a></li>
                    </ul>
                </div>
            </div>
            
            <div class="copyright">
                <p>&copy; 2023 YouTube Script Generator Tool. All rights reserved.</p>
            </div>
        </div>
    </footer>

    <script>
        document.addEventListener('DOMContentLoaded', function() {
            // Script generation functionality
            const generateBtn = document.getElementById('generateBtn');
            const resultsSection = document.getElementById('results');
            const scriptOutput = document.getElementById('scriptOutput');
            
            generateBtn.addEventListener('click', function() {
                const topic = document.getElementById('videoTopic').value;
                const videoType = document.getElementById('videoType').value;
                
                if (!topic || !videoType) {
                    alert('Please fill in the required fields: Video Topic and Video Type');
                    return;
                }
                
                // Show loading state
                scriptOutput.innerHTML = '<p><i class="fas fa-spinner fa-spin"></i> Generating your script...</p>';
                resultsSection.style.display = 'block';
                
                // Scroll to results
                resultsSection.scrollIntoView({ behavior: 'smooth', block: 'start' });
                
                // Simulate AI processing delay
                setTimeout(function() {
                    // Generate script based on inputs
                    const script = generateScript(topic, videoType);
                    scriptOutput.innerHTML = `<div class="generated-script">${script}</div>`;
                }, 2000);
            });
            
            // Function to generate script
            function generateScript(topic, type) {
                let script = `<h4>Your YouTube Script: "${topic}"</h4>`;
                
                // Introduction
                script += `<p><strong>Introduction:</strong> Hey everyone, welcome back to my channel! Today, we're diving into "${topic}". Whether you're new to this topic or looking to deepen your knowledge, this video has something for you. If you find this helpful, don't forget to hit that like button and subscribe for more content like this!</p>`;
                
                // Main content based on video type
                script += `<p><strong>Main Content:</strong>`;
                
                switch(type) {
                    case 'tutorial':
                        script += `In this tutorial, I'll walk you through step-by-step how to accomplish this. First, we'll start with the basics. Next, I'll show you the essential tools you'll need. Then, we'll go through the process together. Finally, I'll share some pro tips to help you master this technique.`;
                        break;
                    case 'review':
                        script += `I've been testing this product for the past few weeks, and I'm ready to share my honest thoughts. We'll look at the key features, discuss the pros and cons, and I'll give you my final verdict on whether it's worth your money.`;
                        break;
                    case 'vlog':
                        script += `Today was an exciting day! I started my morning with... Then I headed over to... The highlight of the day was definitely... I also wanted to share with you this interesting thing that happened...`;
                        break;
                    case 'educational':
                        script += `Let's break down this concept into understandable parts. First, we need to understand the fundamental principles. Then we'll explore how this applies in real-world situations. Finally, I'll share some practical applications you can use right away.`;
                        break;
                    case 'entertainment':
                        script += `Get ready for some fun! We've got an exciting lineup today. First up is... Then we'll move on to... And finally, we'll wrap up with... Make sure you stick around until the end for a special surprise!`;
                        break;
                    default:
                        script += `Today we're going to explore ${topic} in depth. I'll share valuable insights, practical tips, and personal experiences that will help you better understand this subject.`;
                }
                
                script += `</p>`;
                
                // Conclusion
                script += `<p><strong>Conclusion:</strong> And that's a wrap on ${topic}! I hope you found this video valuable and informative. If you have any questions or thoughts, drop them in the comments below - I read every single one. Don't forget to like this video if you found it helpful, and subscribe for more content like this. Thanks for watching, and I'll see you in the next video!</p>`;
                
                // Call to action
                script += `<p><strong>Call to Action:</strong> If you enjoyed this video, give it a thumbs up! It really helps the channel. Subscribe and hit the notification bell so you don't miss our next video. Thanks for watching!</p>`;
                
                return script;
            }
            
            // Smooth scrolling for navigation
            document.querySelectorAll('a[href^="#"]').forEach(anchor => {
                anchor.addEventListener('click', function (e) {
                    e.preventDefault();
                    
                    const targetId = this.getAttribute('href');
                    const targetElement = document.querySelector(targetId);
                    
                    if (targetElement) {
                        window.scrollTo({
                            top: targetElement.offsetTop - 80,
                            behavior: 'smooth'
                        });
                    }
                });
            });
            
            // Legal pages functionality
            const legalLinks = document.querySelectorAll('.legal-link');
            const legalPages = document.querySelectorAll('.legal-page');
            const mainSections = document.querySelectorAll('section:not(.legal-page)');
            
            legalLinks.forEach(link => {
                link.addEventListener('click', function(e) {
                    e.preventDefault();
                    const targetId = this.getAttribute('href');
                    
                    // Hide all legal pages first
                    legalPages.forEach(page => {
                        page.classList.remove('active');
                    });
                    
                    // Hide main content sections
                    mainSections.forEach(section => {
                        section.style.display = 'none';
                    });
                    
                    // Show the selected legal page
                    document.querySelector(targetId).classList.add('active');
                    
                    // Scroll to top
                    window.scrollTo({ top: 0, behavior: 'smooth' });
                });
            });
            
            // Back to top functionality for legal pages
            const backToTopLinks = document.querySelectorAll('.back-to-top-link');
            
            backToTopLinks.forEach(link => {
                link.addEventListener('click', function(e) {
                    e.preventDefault();
                    
                    // Hide all legal pages
                    legalPages.forEach(page => {
                        page.classList.remove('active');
                    });
                    
                    // Show main content sections
                    mainSections.forEach(section => {
                        section.style.display = 'block';
                    });
                    
                    // Scroll to top
                    window.scrollTo({ top: 0, behavior: 'smooth' });
                });
            });
        });
    </script>
</body>
</html>

1 thought on “Hello world!”

Leave a Reply to A WordPress Commenter Cancel reply