// Define all blog articles
// Note: Articles are ordered by date (newest first)
$articles = [
    [
        'title' => 'The Best Free Arabic Text-to-Speech Website',
        'subtitle' => 'Discover Speechbest, the definitive platform for free and unlimited Arabic text-to-speech conversion with advanced AI technology.',
        'slug' => 'best-free-arabic-text-to-speech',
        'category' => 'Tools Guide',
        'date' => 'December 5, 2024',
        'read_time' => '12 min read',
        'image' => '/assets/images/blog/image4.png',
        'url' => '/best-free-arabic-text-to-speech'
    ],
    [
        'title' => 'Text to Speech Online Free Unlimited No Sign Up',
        'subtitle' => 'Discover the revolutionary platform that delivers unlimited, high-quality text-to-speech conversion without sign-up requirements or restrictions.',
        'slug' => 'text-to-speech-online-free-unlimited-no-sign-up',
        'category' => 'Tools Guide',
        'date' => 'December 3, 2024',
        'read_time' => '9 min read',
        'image' => '/assets/images/blog/image3.png',
        'url' => '/text-to-speech-online-free-unlimited-no-sign-up'
    ],
    [
        'title' => 'Text to Speech Online Free Unlimited No Word Limit',
        'subtitle' => 'Discover how to convert unlimited text to speech without word limits, restrictions, or paywalls.',
        'slug' => 'unlimited-tts',
        'category' => 'Tools Guide',
        'date' => 'December 1, 2024',
        'read_time' => '7 min read',
        'image' => '/assets/images/blog/image2.jpg',
        'url' => '/unlimited-tts.php'
    ],
    [
        'title' => 'Text to Speech Online Free Unlimited No Word Limit AI Voice',
        'subtitle' => 'Discover the ultimate solution for unlimited, high-quality AI voice synthesis without restrictions or paywalls.',
        'slug' => 'text-to-speech-online-free-unlimited',
        'category' => 'Tools Guide',
        'date' => 'November 28, 2024',
        'read_time' => '8 min read',
        'image' => '/assets/images/blog/image1.png',
        'url' => '/future-of-tts-free-and-unrestricted
'
    ],
    [
        'title' => ' Text to Speech Online Free Unlimited Characters MP3 Download',
        'subtitle' => 'A comprehensive guide to converting unlimited text into professional MP3 voiceovers using SpeechBest.',
        'slug' => 'text-to-speech-online-free-unlimited-characters-mp3-download',
        'category' => 'Tools Guide',
        'date' => 'December 7, 2025',
        'read_time' => '10 min read',
        'image' => '/assets/images/blog/text-to-speech-online-free-unlimited-characters-mp3-download.webp',
        'url' => '/text-to-speech-online-free-unlimited-characters-mp3-download
'
    ],
    [
        'title' => 'What is the best free text to speech converter?',
        'subtitle' => 'A complete guide to choosing the most powerful free text to speech tool with realistic AI voices and unlimited MP3 downloads.',
        'slug' => 'What-is-the-best-free-text-to-speech-converter',
        'category' => 'Tools Guide',
        'date' => 'December 7, 2025',
        'read_time' => '8 min read',
        'image' => '/assets/images/blog/what-is-the-best-free-text-to-speech-converter.webp',
        'url' => '/what-is-the-best-free-text-to-speech-converter
'
    ],
    [
        'title' => 'best ai lyrics generator free no sign up',
        'subtitle' => 'This is an example subtitle that describes what the article is about.',
        'slug' => 'ai-lyrics-generator-free-no-sign-up',
        'category' => 'Tools Guide',
        'date' => 'December 9, 2025',
        'read_time' => '10 min read',
        'image' => '/assets/images/blog/ai-lyrics-generator-free-no-sign-up.webp',
        'url' => '/ai-lyrics-generator-free-no-sign-up
'
    ],
    [
        'title' => 'The 7 best free text-to-speech websites in 2026',
        'subtitle' => 'Discover the most powerful free text-to-speech websites of 2026, featuring realistic AI voices, unlimited text generation, and lightning-fast MP3 downloads.',
        'slug' => 'best-text-to-speech-website',
        'category' => 'Tools Guide',
        'date' => 'December 9, 2025',
        'read_time' => '7 min read',
        'image' => '/assets/images/blog/best-text-to-speech-website.webp',
        'url' => '/best-text-to-speech-website
'
    ],
    [
        'title' => 'How Do I Make My Own Ringtone on Android for Free?',
        'subtitle' => 'Discover the easiest way to create custom Android ringtones for free using SpeechBest’s AI-powered ringtone maker.',
        'slug' => 'How-do-I-make-my-own-ringtone-on-android-for-free',
        'category' => 'Tools Guide',
        'date' => 'December 10, 2025',
        'read_time' => '12 min read',
        'image' => '/assets/images/blog/How-do-I-make-my-own-ringtone-on-android-for-free.webp',
        'url' => '/How-do-I-make-my-own-ringtone-on-android-for-free
'
    ],
    [
        'title' => 'Convert Text to Speech Online for Free with Our AI Voice Generator',
        'subtitle' => 'Use SpeechBest to turn any text into natural, human-like speech with 100% free AI text to speech voices.',
        'slug' => 'convert-text-to-speech-online-for-free-with-our-ai-voice-generator',
        'category' => 'Tools Guide',
        'date' => 'December 14, 2025',
        'read_time' => '18 min read',
        'image' => '/assets/images/blog/convert-text-to-speech-online-for-free-ai-voice-generator.webp',
        'url' => '/convert-text-to-speech-online-for-free-with-our-ai-voice-generator
'
    ],
    [
        'title' => 'How Content Creators Can Benefit from AI Voice Tools',
        'subtitle' => 'Discover practical ways to leverage AI text-to-speech and AI lyrics generators for creating high-quality content.',
        'slug' => 'how-content-creators-can-benefit-from-ai-voice-tools',
        'category' => 'Tools Guide',
        'date' => 'December 15, 2025',
        'read_time' => '7 min read',
        'image' => '/assets/images/blog/how-content-creators-can-benefit-from-ai-voice-tools.webp',
        'url' => '/how-content-creators-can-benefit-from-ai-voice-tools
'
    ],
    [
        'title' => 'Common Mistakes to Avoid When Using AI Voice Generation Tools',
        'subtitle' => 'Learn the most common AI voice generation mistakes and how to avoid them to create professional, high-quality audio content.',
        'slug' => 'common-mistakes-to-avoid-when-using-ai-voice-generation-tools',
        'category' => 'Tools Guide',
        'date' => 'December 15, 2025',
        'read_time' => '8 min read',
        'image' => '/assets/images/blog/common-mistakes-to-avoid-when-using-ai-voice-generation-tools.webp',
        'url' => '/common-mistakes-to-avoid-when-using-ai-voice-generation-tools
'
    ],
    [
        'title' => 'How to Improve Arabic Pronunciation in AI Voice Generation Tools',
        'subtitle' => 'Practical techniques to enhance clarity, accuracy, and natural sound when using AI voice tools for Arabic content.',
        'slug' => 'how-to-improve-arabic-pronunciation-in-ai-voice-tools',
        'category' => 'Tools Guide',
        'date' => 'December 18, 2025',
        'read_time' => '7 min read',
        'image' => '/assets/images/blog/how-to-improve-arabic-pronunciation-in-ai-voice-generation-tools.webp.webp.webp',
        'url' => '/how-to-improve-arabic-pronunciation-in-ai-voice-generation-tools
'
    ],
    [
        'title' => 'Why Punctuation Matters in Text-to-Speech Technology',
        'subtitle' => 'Understand how punctuation improves clarity, rhythm, and natural sound in AI voice generation.',
        'slug' => 'why-punctuation-matters-in-text-to-speech-technology',
        'category' => 'Tools Guide',
        'date' => 'December 18, 2025',
        'read_time' => '7 min read',
        'image' => '/assets/images/blog/why-punctuation-matters-in-text-to-speech-technology.webp',
        'url' => '/why-punctuation-matters-in-text-to-speech-technology
'
    ],
    [
        'title' => 'Is There a Free Online Text to Speech Converter?',
        'subtitle' => 'A complete, in-depth guide to finding a truly free online text to speech converter powered by modern AI voice technology.',
        'slug' => 'is-there-a-free-online-text-to-speech-converter',
        'category' => 'Tools Guide',
        'date' => 'December 20, 2025',
        'read_time' => '10 min read',
        'image' => '/assets/images/blog/Is-there-a-free-online-text-to-speech-converter.webp',
        'url' => '/Is-there-a-free-online-text-to-speech-converter
'
    ]
];

// Page metadata
$page_title = 'Blog | ' . SITE_NAME;
$page_description = 'Read our latest articles about text-to-speech technology, AI voice generation, and content creation tips.';
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <link rel="icon" href="/assets/images/Speecbest.png" type="image/x-icon">

    <!-- Meta tags -->
    <meta name="description" content="">
    <meta name="author" content="Speech Best Team">
    <meta property="og:title" content="">
    <meta property="og:description" content="">
    <meta property="og:type" content="website">
    <meta property="og:site_name" content="SpeechBest">

    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
    <link rel="stylesheet" href="/assets/css/styles.css">
    
    <!-- Cookie Consent Banner -->
    <!-- Cookie Consent Banner - Required for GDPR and AdSense -->
<link rel="stylesheet" href="/assets/css/cookie-consent.css">
<script src="/assets/js/cookie-consent.js" defer></script>
    
    <!-- Structured Data (Schema.org) -->
    <!-- Structured Data (Schema.org) for SEO and AdSense -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebSite",
  "name": "SpeechBest",
  "url": "https://speechbest.com/",
  "description": "Convert text to speech for free using over 30 premium intelligent voices. Speech Best is the best AI-powered text-to-speech converter, free and unlimited.",
  "potentialAction": {
    "@type": "SearchAction",
    "target": "https://speechbest.com/?q={search_term_string}",
    "query-input": "required name=search_term_string"
  }
}
</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "SpeechBest",
  "url": "https://speechbest.com/",
  "logo": "https://speechbest.com//assets/images/Speecbest.png",
  "description": "Convert text to speech for free using over 30 premium intelligent voices. Speech Best is the best AI-powered text-to-speech converter, free and unlimited.",
  "contactPoint": {
    "@type": "ContactPoint",
    "contactType": "Customer Support",
    "email": "support@speechbest.com",
    "url": "https://speechbest.com//contact-us"
  },
  "sameAs": [
    "https://www.facebook.com/share/1CLwuwcADf/",
    "https://x.com/speechbestt?t=DoG47H8iTf0x-GZjQQFwxw&s=09",
    "https://www.instagram.com/speechbestt?igsh=NzU1NG1heTZva2U0",
    "https://www.linkedin.com/in/speech-best-141555384?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app",
    "https://youtube.com/@speechbestt?si=_5QqnzjliiuvkMSi"
  ]
}
</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebApplication",
  "name": "SpeechBest - AI Text to Speech",
  "url": "https://speechbest.com/",
  "applicationCategory": "MultimediaApplication",
  "operatingSystem": "Web Browser",
  "offers": {
    "@type": "Offer",
    "price": "0",
    "priceCurrency": "USD"
  },
  "description": "Convert text to speech for free using over 30 premium intelligent voices. Speech Best is the best AI-powered text-to-speech converter, free and unlimited."
}
</script>
    
    <!-- Google Analytics --> 
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-61J9PP6BWH"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'G-61J9PP6BWH');
    </script>

    <!-- Google AdSense (load only for free/guest users) -->
        <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1074758951549296"
         crossorigin="anonymous"></script>
    
    <!-- GTranslate Widget -->
    <script>window.gtranslateSettings = {"default_language":"en","detect_browser_language":true,"languages":["en","fr","es","de","ja","ru","ar","it"],"wrapper_selector":".gtranslate_wrapper","flag_size":24,"switcher_horizontal_position":"inline"}</script>
    <script src="https://cdn.gtranslate.net/widgets/latest/popup.js" defer></script>

    <style>
        .blog-hero {
            padding: 4rem 0 3rem;
            text-align: center;
        }

        .blog-hero h1 {
            font-size: 3rem;
            font-weight: 800;
            margin-bottom: 1rem;
            background: var(--primary-gradient);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .blog-hero p {
            font-size: 1.2rem;
            color: var(--text-secondary);
            max-width: 700px;
            margin: 0 auto;
        }

        .article-card {
            background: var(--card-bg);
            backdrop-filter: blur(10px);
            border-radius: 20px;
            overflow: hidden;
            border: 1px solid rgba(255, 255, 255, 0.1);
            transition: all 0.3s ease;
            height: 100%;
            display: flex;
            flex-direction: column;
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
        }

        .article-card:hover {
            transform: translateY(-8px);
            box-shadow: none;
            border-color: rgba(255, 255, 255, 0.08);
        }

        .article-card-image {
            width: 100%;
            aspect-ratio: 16 / 9;
            background: linear-gradient(135deg, rgba(99, 102, 241, 0.2) 0%, rgba(139, 92, 246, 0.2) 100%);
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--text-secondary);
            position: relative;
            overflow: hidden;
        }

        .article-card-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }

        .article-card-image::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.3) 100%);
        }

        .article-card-body {
            padding: 1.75rem;
            flex-grow: 1;
            display: flex;
            flex-direction: column;
        }

        .article-card-category {
            display: inline-block;
            padding: 0.4rem 0.9rem;
            background: linear-gradient(135deg, rgba(255, 107, 107, 0.2) 0%, rgba(247, 180, 44, 0.2) 100%);
            border-radius: 20px;
            font-size: 0.75rem;
            font-weight: 600;
            color: var(--text-primary);
            margin-bottom: 1rem;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .article-card-title {
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--text-primary);
            margin-bottom: 0.75rem;
            line-height: 1.3;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .article-card-title a {
            color: var(--text-primary);
            text-decoration: none;
            transition: color 0.3s ease;
        }

        .article-card-title a:hover {
            background: var(--primary-gradient);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .article-card-subtitle {
            font-size: 0.95rem;
            color: var(--text-secondary);
            line-height: 1.6;
            margin-bottom: 1.25rem;
            flex-grow: 1;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .article-card-meta {
            display: flex;
            align-items: center;
            gap: 1.5rem;
            font-size: 0.85rem;
            color: var(--text-secondary);
            padding-top: 1rem;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
        }

        .article-card-meta-item {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .article-card-meta-item i {
            color: var(--primary-gradient);
            font-size: 0.9rem;
        }

        .article-card-link {
            margin-top: 1rem;
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            color: var(--text-primary);
            text-decoration: none;
            font-weight: 600;
            font-size: 0.95rem;
            transition: all 0.3s ease;
        }

        .article-card-link:hover {
            gap: 0.75rem;
            color: var(--text-primary);
        }

        .article-card-link i {
            transition: transform 0.3s ease;
        }

        .article-card-link:hover i {
            transform: translateX(4px);
        }

        .articles-grid {
            margin-top: 3rem;
        }

        @media (max-width: 768px) {
            .blog-hero h1 {
                font-size: 2rem;
            }

            .blog-hero p {
                font-size: 1rem;
            }

            .article-card-image {
                height: 200px;
            }

            .article-card-title {
                font-size: 1.25rem;
            }

            .article-card-meta {
                flex-wrap: wrap;
                gap: 1rem;
            }
        }

        .empty-state {
            text-align: center;
            padding: 4rem 2rem;
            color: var(--text-secondary);
        }

        .empty-state i {
            font-size: 4rem;
            margin-bottom: 1rem;
            opacity: 0.5;
        }
    </style>
</head>
<body>
    
    <!-- Header -->
        <header class="header">
        <div class="container">
            <nav class="navbar navbar-expand-lg navbar-dark">
                <a class="navbar-brand d-flex align-items-center notranslate" href="/">
                    <img class="me-2" src="/assets/images/Speecbest.png" style="width:30px">
                   SpeechBest                </a>
                <div class="d-flex align-items-center">
                    <div class="gtranslate_wrapper me-2 d-lg-none"></div>
                    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMain" aria-controls="navbarMain" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon"></span>
                    </button>
                </div>
                <div class="collapse navbar-collapse" id="navbarMain">
                    <ul class="navbar-nav ms-auto nav-glow">
                        <li class="nav-item">
                            <a class="nav-link " href="/"><i class="bi bi-house-fill nav-icon"></i> Home</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="/#featuresSection"><i class="bi bi-magic nav-icon"></i> Features</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="/#faqSection"><i class="bi bi-question-circle-fill nav-icon"></i> FAQ</a>
                        </li>
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle " href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                <i class="bi bi-grid-3x3-gap-fill nav-icon"></i> Resources
                            </a>
                            <ul class="dropdown-menu dropdown-glow">
                                <li><a class="dropdown-item " href="/"><i class="bi bi-mic-fill me-2"></i> AI TTS</a></li>
                                <li><a class="dropdown-item " href="/ringtone-maker"><i class="bi bi-speaker me-2"></i> Ringtone Maker</a></li>
                                <li><hr class="dropdown-divider"></li>
                                <li><a class="dropdown-item " href="/ai-lyrics-generator"><i class="bi bi-music-note me-2"></i> AI Lyrics Generator</a></li>
                            </ul>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link active" href="/blog"><i class="bi bi-journal-text nav-icon"></i> Blog</a>
                        </li>
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle " href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                <i class="bi bi-file-earmark-text nav-icon"></i> Legal
                            </a>
                            <ul class="dropdown-menu dropdown-glow">
                                <li><a class="dropdown-item " href="/privacy-policy"><i class="bi bi-shield-lock me-2"></i> Privacy Policy</a></li>
                                <li><a class="dropdown-item " href="/cookie-policy"><i class="bi bi-cookie me-2"></i> Cookie Policy</a></li>
                                <li><a class="dropdown-item " href="/terms-of-service"><i class="bi bi-file-text me-2"></i> Terms of Service</a></li>
                                <li><a class="dropdown-item " href="/about-us"><i class="bi bi-info-circle me-2"></i> About Us</a></li>
                                <li><a class="dropdown-item " href="/contact-us"><i class="bi bi-envelope-fill me-2"></i> Contact Us</a></li>
                            </ul>
                        </li>
                    </ul>
                    
                    <div class="d-flex align-items-center ms-3">
                        <div class="gtranslate_wrapper me-3 d-none d-lg-block"></div>
                        
                                                    <a href="/login" class="btn btn-sm btn-outline-light">
                                <i class="bi bi-box-arrow-in-right me-1"></i>Sign In
                            </a>
                                            </div>
                </div>
            </nav>
        </div>
    </header>
    <!-- Blog Hero Section -->
    <section class="blog-hero">
        <div class="container">
            <div class="row">
                <div class="col-lg-10 mx-auto">
                    <h1>Our Blog</h1>
                    <p>Discover insights, guides, and tips about text-to-speech technology, AI voice generation, and content creation.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Articles Grid -->
    <div class="app-container">
        <div class="container">
            <div class="row">
                <div class="col-12">
                                            <div class="glass-card">
                            <div class="empty-state">
                                <i class="bi bi-journal-x"></i>
                                <h3>No articles yet</h3>
                                <p>Check back soon for new content!</p>
                            </div>
                        </div>
                                    </div>
            </div>
        </div>
    </div>

    <!-- Footer Section -->
    <footer class="site-footer">
        <!-- Footer Background Elements -->
        <div class="footer-bg">
            <div class="footer-wave"></div>
            <div class="footer-orb footer-orb-1"></div>
            <div class="footer-orb footer-orb-2"></div>
        </div>
        
        <div class="container footer-content">
            <div class="row">
                <div class="col-lg-4 col-md-6 footer-col">
                    <a href="#" class="footer-logo d-flex align-items-center notranslate">
                        <i class="bi bi-mic-fill me-2"></i>
                        Speech Best
                    </a>
                    <p class="footer-text">Transform your content into a professional, realistic voice with SPEECHBSET's advanced AI voices. Whether you're creating natural speech, adding emotion, or enhancing engagement with your videos, podcasts, ads, or e-learning materials, SPEECHBSET delivers the perfect voice for every project. Create authentic, lifelike speech that resonates with your audience and brings your content to life.</p>
                    <div class="social-links"> 
                        <a href="https://www.facebook.com/share/1CLwuwcADf/" class="social-link"><i class="bi bi-facebook"></i></a>
                        <a href="https://youtube.com/@speechbestt?si=_5QqnzjliiuvkMSi" class="social-link"><i class="bi bi-youtube"></i></a>
                    </div>
                </div>
                
                
<div class="col-lg-2 col-md-6 footer-col">
    <h3 class="footer-heading">Quick Links</h3>
    <ul class="footer-links">
        <li><a href="/"><i class="bi bi-chevron-right"></i> Home</a></li>
        
        <li><a href="/#featuresSection"><i class="bi bi-chevron-right"></i> Features</a></li>
        
        <li><a href="/#faqSection"><i class="bi bi-chevron-right"></i> FAQ</a></li>
        
        <li><a href="/blog"><i class="bi bi-chevron-right"></i> Blog</a></li>
        
        <li><a href="contact-us"><i class="bi bi-chevron-right"></i> Contact Us</a></li>
    </ul>
</div>
                
                <div class="col-lg-3 col-md-6 footer-col">
                    <h3 class="footer-heading">Resources</h3>
                    <ul class="footer-links">
                        <li><a href="/ringtone-maker"><i class="bi bi-file-music"></i> Ringtone Maker</a></li>
                        <li><a href="/ai-lyrics-generator"><i class="bi bi-music-note"></i> AI Lyrics Generator</a></li>
                        <li><a href="/"><i class="bi bi-mic"></i> Text to Speech</a></li>
                    </ul>
                </div>
                
                <div class="col-lg-3 col-md-6 footer-col">
                    <h3 class="footer-heading">Get in Touch</h3>
                    <p class="footer-text">Have an issue? Contact us!</p>
                    <div class="footer-contact-form">
                        <a class="footer-btn text-center" href="/contact-us" style="text-decoration: none;">Send Message</a>
                    </div>
                </div>
            </div>
            
            <div class="row footer-bottom">
                <div class="col-md-6">
                    <p class="footer-copyright">© 2025 SpeechBest. All rights reserved.</p>
                </div>
                <div class="col-md-6 text-md-end">
                    <div class="footer-policy-links">
                        <a href="/about-us" class="text-white" style="text-decoration: none;">About Us</a>
                        <a href="/contact-us" class="text-white" style="text-decoration: none;">Contact Us</a>
                        <a href="/terms-of-service" class="text-white" style="text-decoration: none;">Terms of Service</a>
                        <a href="/privacy-policy" class="text-white " style="text-decoration: none;">Privacy Policy</a>
                        <a href="/cookie-policy" class="text-white" style="text-decoration: none;">Cookie Policy</a>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <script src="/assets/js/language-codes.js"></script>

    <!-- Bootstrap JS -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
    
    <a href="#" id="back-to-top" title="Back to top">
        ⇧
    </a>

    <script>
        document.addEventListener('DOMContentLoaded', function() {
            let backToTopButton = document.getElementById("back-to-top");
            const scrollThreshold = 200;

            function toggleBackToTop() {
                if (window.scrollY > scrollThreshold) { 
                    backToTopButton.style.display = "block";
                } else {
                    backToTopButton.style.display = "none";
                }
            }

            window.addEventListener("scroll", toggleBackToTop);

            backToTopButton.addEventListener("click", function(e) {
                e.preventDefault(); 
                window.scrollTo({
                    top: 0,
                    behavior: 'smooth' 
                });
            });

            toggleBackToTop(); 
        });
    </script>
</body>
</html>