<!DOCTYPE html>
<html lang="en"
      dir="ltr"
>
<head>
    <script>
        if (window.location.hostname.includes(".pages.dev")) {
            const newUrl =
                "https://superstarcar.net" + window.location.pathname + window.location.search;
            window.location.replace(newUrl);
        }
    </script>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>Super Star Car – Thrilling High-Speed F1 Racing Game</title>
    <meta name="description" content="Play Super Star Car on your web browser, a fast-paced Formula 1 racing game with realistic tracks and car controls."/>
    <meta property="og:type" content="website"/>
    <meta property="og:title" content="Super Star Car – Thrilling High-Speed F1 Racing Game"/>
    <meta property="og:url" content="https://superstarcar.net/"/>
    <meta property="og:site_name" content="Super Star Car"/>
    <meta property="og:image" content="https://superstarcar.net/super_star_car.webp"/>
    <meta property="og:description" content="Play Super Star Car on your web browser, a fast-paced Formula 1 racing game with realistic tracks and car controls."/>
    <meta property="og:locale" content="en_US"/>
    <meta name="twitter:card" content="summary"/>
    <meta name="twitter:title" content="Super Star Car – Thrilling High-Speed F1 Racing Game"/>
    <meta name="twitter:description" content="Play Super Star Car on your web browser, a fast-paced Formula 1 racing game with realistic tracks and car controls."/>
    <meta name="twitter:creator" content="Super Star Car"/>
    <meta name="twitter:image" content="https://superstarcar.net/super_star_car.webp"/>
    <link rel="apple-touch-icon"
          sizes="57x57"
          href="https://superstarcar.net/apple-icon-57x57.png"
    />
    <link rel="apple-touch-icon"
          sizes="60x60"
          href="https://superstarcar.net/apple-icon-60x60.png"
    />
    <link rel="apple-touch-icon"
          sizes="72x72"
          href="https://superstarcar.net/apple-icon-72x72.png"
    />
    <link rel="apple-touch-icon"
          sizes="76x76"
          href="https://superstarcar.net/apple-icon-76x76.png"
    />
    <link rel="apple-touch-icon"
          sizes="114x114"
          href="https://superstarcar.net/apple-icon-114x114.png"
    />
    <link rel="apple-touch-icon"
          sizes="120x120"
          href="https://superstarcar.net/apple-icon-120x120.png"
    />
    <link rel="apple-touch-icon"
          sizes="144x144"
          href="https://superstarcar.net/apple-icon-144x144.png"
    />
    <link rel="apple-touch-icon"
          sizes="152x152"
          href="https://superstarcar.net/apple-icon-152x152.png"
    />
    <link rel="apple-touch-icon"
          sizes="180x180"
          href="https://superstarcar.net/apple-icon-180x180.png"
    />
    <link rel="icon"
          type="image/png"
          sizes="192x192"
          href="https://superstarcar.net/android-icon-192x192.png"
    />
    <link rel="icon"
          type="image/png"
          sizes="32x32"
          href="https://superstarcar.net/favicon-32x32.png"
    />
    <link rel="icon"
          type="image/png"
          sizes="96x96"
          href="https://superstarcar.net/favicon-96x96.png"
    />
    <link rel="icon"
          type="image/png"
          sizes="16x16"
          href="https://superstarcar.net/favicon-16x16.png"
    />
    <meta name="msapplication-TileColor" content="#ffffff"/>
    <meta name="msapplication-TileImage"
          content="https://superstarcar.net/ms-icon-144x144.png"
    />
    <meta name="theme-color" content="#ffffff"/>
    <link rel="manifest" href="https://superstarcar.net/manifest.json"/>
    <link rel="preconnect" href="https://fonts.googleapis.com"/>
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/>
    <link rel="stylesheet"
          href="https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap"
          media="print"
          onload="this.media='all'"
    />
    <noscript>
        <link
                href="https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap"
                rel="stylesheet"
                type="text/css"
        />
    </noscript>
    <script src="https://cdn.jsdelivr.net/npm/alpinejs@3.13.3/dist/cdn.min.js" defer></script><script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "WebSite",
        "name": "Super Star Car",
        "url": "https://superstarcar.net",
        "abstract": "Play Super Star Car on your web browser, a fast-paced Formula 1 racing game with realistic tracks and car controls.",
        "copyrightYear": "2025",
        "keywords": "Super Star Car, Super Star Car Game, Super Star Car Online, Super Star Car Free"
    }
</script>
<script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": ["VideoGame", "WebApplication"],
        "name": "Super Star Car",
        "description": "Play Super Star Car on your web browser, a fast-paced Formula 1 racing game with realistic tracks and car controls.",
        "operatingSystem": "Web Browser",
        "applicationCategory": "GameApplication",
        "aggregateRating": {
            "@type": "AggregateRating",
            "ratingValue": 4.8,
            "ratingCount": 8294
        },
        "offers": {
            "@type": "Offer",
            "price": 0,
            "priceCurrency": "USD"
        }
    }
</script>
<script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "WebPage",
        "name": "Super Star Car – Thrilling High-Speed F1 Racing Game",
        "url": "https://superstarcar.net",
        "description": "Play Super Star Car on your web browser, a fast-paced Formula 1 racing game with realistic tracks and car controls.",
        "image": {
            "@type": "ImageObject",
            "url": "https://superstarcar.net/super_star_car.webp",
            "height": 1024,
            "width": 1024
        },
        "datePublished": "2025-05-15T10:12:47Z",
        "dateModified": "2025-05-15T10:12:47Z",
        "publisher": {
            "@type": "Person",
            "name": "Rylan Collins"
        }
    }
</script>  <script type="module" crossorigin src="/assets/app.CUuYMpjI.js"></script>
  <link rel="stylesheet" crossorigin href="/assets/app.Dr6R0Vya.css">
</head>
<body><header class=" bg-background border border-none container mx-auto"
        x-data="{ isMenuOpen: false }"
        @keydown.escape="isMenuOpen = false"
>
    <div class=" px-4">
        <div class="flex items-center justify-between py-1.5">
            <a href="/"
               aria-label="Go to Home Page"
            >
                <img src="/super_star_car_icon.webp"
                     alt="Super Star Car"
                     class="logo-image"
                >
            </a>
            <div class="nav-container">
                <nav class="hidden md:flex gap-6">
                    <a href="/"
                       class="nav-link">
                        Home
                    </a>
                    <a href="/blog/"
                       class="nav-link">
                        Blog
                    </a>
                </nav>
                <button @click="isMenuOpen = !isMenuOpen"
                        class="md:hidden rounded-lg"
                        :aria-expanded="isMenuOpen"
                        :aria-label="isMenuOpen ? 'Close Menu' : 'Open Menu'"
                >
                    <svg x-show="!isMenuOpen"
                         xmlns="http://www.w3.org/2000/svg"
                         class="size-10"
                         fill="none"
                         viewBox="0 0 24 24"
                         stroke="currentColor"
                         x-cloak
                    >
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                              d="M4 6h16M4 12h16M4 18h16"/>
                    </svg>
                    <svg x-show="isMenuOpen"
                         xmlns="http://www.w3.org/2000/svg"
                         class="size-10"
                         fill="none"
                         viewBox="0 0 24 24"
                         stroke="currentColor"
                         x-cloak
                    >
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                              d="M6 18L18 6M6 6l12 12"/>
                    </svg>
                </button>
            </div>
        </div>

        <div x-show="isMenuOpen"
             x-cloak
             class="md:hidden pb-4"
             @click.away="isMenuOpen = false"
        >
            <nav class="flex flex-col space-y-3">
                <a href="/"
                   class="mobile-nav-link"
                   @click="isMenuOpen = false"
                >
                    Home
                </a>
                <a href="/blog/"
                   class="mobile-nav-link"
                   @click="isMenuOpen = false"
                >
                    Blog
                </a>
            </nav>
        </div>
    </div>
</header><main class="py-12">
    <div class="container px-4">
        <section class="mb-12">
            <div class="text-center space-y-6">
                <h1 class="page-heading">Super Star Car: Dominate the Track in This Fast-Paced Formula Racing Game</h1>
                <p class="max-w-4xl mx-auto text-lg text-balance">
                    A car racing game must provide thrills of high-speed tracks and competitive gaming. Super Star Car has all the fascinating features for players who love racing games. It provides a real taste of a competitive Formula One race, along with fast cars and challenging tracks.
                </p>
                <p class="text-lg">⭐ Rated 4.8 - 8.2k 🎮 players</p>
            </div>
        </section>

        <section
                class="mb-12"
                x-data="{
                        currentUrl: 'https://embed.superstarcar.net/start/',
                        isFullscreen: false,
                        showConfirmDialog: false,
                        showControlsModal: false,
                        actionType: '',
                        targetUrl: '',
                        isPageLoaded: false,
                        init() {
                            this.showControlsModal = false;
                            this.showConfirmDialog = false;
                            window.addEventListener('load', () => {
                                this.isPageLoaded = true;
                            });
                        },
                        async changeGameUrl(url) {
                            this.showConfirmDialog = true;
                            this.actionType = 'change';
                            this.targetUrl = url;
                        },
                        async reloadGame() {
                            this.showConfirmDialog = true;
                            this.actionType = 'reload';
                        },
                        async confirmAction() {
                            if (this.actionType === 'change') {
                                this.currentUrl = this.targetUrl;
                            } else if (this.actionType === 'reload') {
                                const iframe = document.getElementById('game-iframe');
                                iframe.src = this.currentUrl;
                            }
                            this.showConfirmDialog = false;
                        },
                        goFullscreen() {
                            const iframe = document.getElementById('game-iframe');
                            if (iframe.requestFullscreen) {
                              iframe.requestFullscreen();
                            } else if (iframe.webkitRequestFullscreen) {
                              iframe.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
                            } else if (iframe.msRequestFullscreen) {
                              iframe.msRequestFullscreen();
                            }
                          }
                    }"
        >
            <div class="relative group">
                <iframe
                        id="game-iframe"
                        :src="isPageLoaded ? currentUrl : ''"
                        loading="lazy"
                        class="game-player relative z-10 rounded-2xl"
                        title="Super Star Car"
                        allowfullscreen
                ></iframe>
            </div>

            <div class="flex items-center flex-col sm:flex-row justify-between gap-4 mt-6"
            >
                <div class="flex flex-wrap gap-3 items-center justify-center">
                </div>
                <div class="flex flex-wrap gap-3 items-center justify-center">
                    <button @click="showControlsModal = true"
                            class="button-primary"
                    >
                        Controls
                    </button>
                    <button
                            @click="reloadGame()"
                            aria-label="Reload Game"
                            class="button-secondary"
                    >
                        <svg
                                xmlns="http://www.w3.org/2000/svg"
                                fill="none"
                                viewBox="0 0 24 24"
                                stroke-width="1.5"
                                stroke="currentColor"
                                class="size-6"
                        >
                            <path
                                    stroke-linecap="round"
                                    stroke-linejoin="round"
                                    d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99"
                            />
                        </svg>
                    </button>
                    <button
                            @click="goFullscreen()"
                            aria-label="View Fullscreen"
                            class="button-secondary"
                    >
                        <svg
                                xmlns="http://www.w3.org/2000/svg"
                                fill="none"
                                viewBox="0 0 24 24"
                                stroke-width="1.5"
                                stroke="currentColor"
                                class="size-6"
                        >
                            <path
                                    stroke-linecap="round"
                                    stroke-linejoin="round"
                                    d="M3.75 3.75v4.5m0-4.5h4.5m-4.5 0L9 9M3.75 20.25v-4.5m0 4.5h4.5m-4.5 0L9 15M20.25 3.75h-4.5m4.5 0v4.5m0-4.5L15 9m5.25 11.25h-4.5m4.5 0v-4.5m0 4.5L15 15"
                            />
                        </svg>
                    </button>
                    <div x-data="{ isSocialShareOpen: false }" class="relative">
                        <button
                                @click="isSocialShareOpen = !isSocialShareOpen"
                                class="social-share-button"
                                aria-label="Share It"
                        >
                            <svg xmlns="http://www.w3.org/2000/svg"
                                 class="size-6"
                                 viewBox="0 0 20 20"
                                 fill="currentColor"
                            >
                                <path d="M15 8a3 3 0 10-2.977-2.63l-4.94 2.47a3 3 0 100 4.319l4.94 2.47a3 3 0 10.895-1.789l-4.94-2.47a3.027 3.027 0 000-.74l4.94-2.47C13.456 7.68 14.19 8 15 8z"/>
                            </svg>
                        </button>
                    
                        <div
                                x-show="isSocialShareOpen"
                                x-cloak
                                @click="isSocialShareOpen = false"
                                class="fixed inset-0 z-50 bg-black bg-opacity-50 transition-opacity"
                                x-transition:enter="ease-out duration-300"
                                x-transition:enter-start="opacity-0"
                                x-transition:enter-end="opacity-100"
                                x-transition:leave="ease-in duration-200"
                                x-transition:leave-start="opacity-100"
                                x-transition:leave-end="opacity-0"
                        ></div>
                    
                        <div
                                x-show="isSocialShareOpen"
                                x-cloak
                                class="fixed inset-0 z-50 flex items-center justify-center p-4"
                                x-transition:enter="ease-out duration-300"
                                x-transition:enter-start="opacity-0 scale-95"
                                x-transition:enter-end="opacity-100 scale-100"
                                x-transition:leave="ease-in duration-200"
                                x-transition:leave-start="opacity-100 scale-100"
                                x-transition:leave-end="opacity-0 scale-95"
                        >
                            <div class="relative w-full max-w-xs p-4 bg-muted text-muted-foreground rounded-md rounded-tr-none shadow-xl">
                                <button @click="isSocialShareOpen = false"
                                        class="absolute -top-8 right-0 p-1 rounded-md rounded-b-none bg-muted text-muted-foreground focus:outline-none"
                                        aria-label="Close Menu"
                                >
                                    <svg class="size-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
                                    </svg>
                                </button>
                    
                                <div class="grid grid-cols-3 gap-4">
                                    <a
                                            href="https://www.linkedin.com/sharing/share-offsite?mini&#x3D;true&amp;url&#x3D;https%3A%2F%2Fsuperstarcar.net%2F&amp;title&#x3D;Super%20Star%20Car%20%E2%80%93%20Thrilling%20High-Speed%20F1%20Racing%20Game&amp;summary&#x3D;Super%20Star%20Car%20%E2%80%93%20Thrilling%20High-Speed%20F1%20Racing%20Game"
                                            target="_blank"
                                            rel="noopener noreferrer"
                                            class="flex items-center justify-center p-3 text-white bg-[#006699] rounded-md hover:bg-[#005580] transition-colors"
                                            title="Share on LinkedIn"
                                    >
                                        <svg class="size-6"
                                             viewBox="0 0 24 24"
                                             fill="currentColor"
                                        >
                                            <path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/>
                                        </svg>
                                    </a>
                    
                                    <a
                                            href="https://www.facebook.com/sharer/sharer.php?u&#x3D;https%3A%2F%2Fsuperstarcar.net%2F"
                                            target="_blank"
                                            rel="noopener noreferrer"
                                            class="flex items-center justify-center p-3 text-white bg-[#337FFF] rounded-md hover:bg-[#2b6cd9] transition-colors"
                                            title="_shareOnFacebook"
                                    >
                                        <svg class="size-6" viewBox="0 0 24 24" fill="currentColor">
                                            <path d="M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z"/>
                                        </svg>
                                    </a>
                    
                                    <a
                                            href="https://x.com/intent/post?text&#x3D;Super%20Star%20Car%20%E2%80%93%20Thrilling%20High-Speed%20F1%20Racing%20Game&amp;url&#x3D;https%3A%2F%2Fsuperstarcar.net%2F"
                                            target="_blank"
                                            rel="noopener noreferrer"
                                            class="flex items-center justify-center p-3 text-white bg-black rounded-md hover:bg-stone-800 transition-colors"
                                            title="_shareOnX"
                                    >
                                        <svg class="size-6" viewBox="0 0 24 24" fill="currentColor">
                                            <path d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"/>
                                        </svg>
                                    </a>
                    
                                    <a
                                            href="https://wa.me/?text&#x3D;Super%20Star%20Car%20%E2%80%93%20Thrilling%20High-Speed%20F1%20Racing%20Game%20https%3A%2F%2Fsuperstarcar.net%2F"
                                            target="_blank"
                                            rel="noopener noreferrer"
                                            class="flex items-center justify-center p-3 text-white bg-[#00D95F] rounded-md hover:bg-[#00c055] transition-colors"
                                            title=""
                                    >
                                        <svg class="size-6" viewBox="0 0 24 24" fill="currentColor">
                                            <path d="M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z"/>
                                        </svg>
                                    </a>
                    
                                    <a
                                            href="https://t.me/share/url?url&#x3D;https%3A%2F%2Fsuperstarcar.net%2F&amp;text&#x3D;Super%20Star%20Car%20%E2%80%93%20Thrilling%20High-Speed%20F1%20Racing%20Game"
                                            target="_blank"
                                            rel="noopener noreferrer"
                                            class="flex items-center justify-center p-3 text-white bg-[#34AADF] rounded-md hover:bg-[#2d95c2] transition-colors"
                                            title="Share on Telegram"
                                    >
                                        <svg class="size-6" viewBox="0 0 24 24" fill="currentColor">
                                            <path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm5.563 8.994l-1.791 8.425c-.127.585-.456.732-.925.456l-2.555-1.883-1.233 1.188c-.136.136-.255.255-.511.255l.361-2.29 4.735-4.275c.19-.181-.042-.282-.293-.101l-5.85 3.69-2.52-.789c-.546-.17-.556-.546.121-.82l9.684-3.73c.456-.17.855.101.711.82z"/>
                                        </svg>
                                    </a>
                    
                                    <a
                                            href="https://www.reddit.com/submit?url&#x3D;https%3A%2F%2Fsuperstarcar.net%2F&amp;title&#x3D;Super%20Star%20Car%20%E2%80%93%20Thrilling%20High-Speed%20F1%20Racing%20Game"
                                            target="_blank"
                                            rel="noopener noreferrer"
                                            class="flex items-center justify-center p-3 text-white bg-[#FF4500] rounded-md hover:bg-[#e63e00] transition-colors"
                                            title="Share on Reddit"
                                    >
                                        <svg class="size-6" viewBox="0 0 24 24" fill="currentColor">
                                            <path d="M12 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0zm5.01 4.744c.688 0 1.25.561 1.25 1.249a1.25 1.25 0 0 1-2.498.056l-2.597-.547-.8 3.747c1.824.07 3.48.632 4.674 1.488.308-.309.73-.491 1.207-.491.968 0 1.754.786 1.754 1.754 0 .716-.435 1.333-1.01 1.614a3.111 3.111 0 0 1 .042.52c0 2.694-3.13 4.87-7.004 4.87-3.874 0-7.004-2.176-7.004-4.87 0-.183.015-.366.043-.534A1.748 1.748 0 0 1 4.028 12c0-.968.786-1.754 1.754-1.754.463 0 .898.196 1.207.49 1.207-.883 2.878-1.43 4.744-1.487l.885-4.182a.342.342 0 0 1 .14-.197.35.35 0 0 1 .238-.042l2.906.617a1.214 1.214 0 0 1 1.108-.701zM9.25 12C8.561 12 8 12.562 8 13.25c0 .687.561 1.248 1.25 1.248.687 0 1.248-.561 1.248-1.249 0-.688-.561-1.249-1.249-1.249zm5.5 0c-.687 0-1.248.561-1.248 1.25 0 .687.561 1.248 1.249 1.248.688 0 1.249-.561 1.249-1.249 0-.687-.562-1.249-1.25-1.249zm-5.466 3.99a.327.327 0 0 0-.231.094.33.33 0 0 0 0 .463c.842.842 2.484.913 2.961.913.477 0 2.105-.056 2.961-.913a.361.361 0 0 0 .029-.463.33.33 0 0 0-.464 0c-.547.533-1.684.73-2.512.73-.828 0-1.979-.196-2.512-.73a.326.326 0 0 0-.232-.095z"/>
                                        </svg>
                                    </a>
                    
                                    <a
                                            href="https://pinterest.com/pin/create/button/?url&#x3D;https%3A%2F%2Fsuperstarcar.net%2F&amp;description&#x3D;Super%20Star%20Car%20%E2%80%93%20Thrilling%20High-Speed%20F1%20Racing%20Game"
                                            target="_blank"
                                            rel="noopener noreferrer"
                                            class="flex items-center justify-center p-3 text-white bg-[#E60023] rounded-md hover:bg-[#cc001f] transition-colors"
                                            title="Share on Pinterest"
                                    >
                                        <svg class="size-6" viewBox="0 0 24 24" fill="currentColor">
                                            <path d="M12 0C5.373 0 0 5.373 0 12c0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146C9.57 23.812 10.763 24 12 24c6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"/>
                                        </svg>
                                    </a>
                    
                                    <a
                                            href="https://www.tumblr.com/widgets/share/tool?canonicalUrl&#x3D;https%3A%2F%2Fsuperstarcar.net%2F&amp;title&#x3D;Super%20Star%20Car%20%E2%80%93%20Thrilling%20High-Speed%20F1%20Racing%20Game"
                                            target="_blank"
                                            rel="noopener noreferrer"
                                            class="flex items-center justify-center p-3 text-white bg-[#001935] rounded-md hover:bg-[#00152b] transition-colors"
                                            title="_shareOnTumblr"
                                    >
                                        <svg class="size-6" viewBox="0 0 24 24" fill="currentColor">
                                            <path d="M19.3 16.8c.6 1.8 1.3 3.3 2.3 4.5 1 .9 2.1 1.7 3.4 2.3-.3.2-.6.3-.9.5-.3.1-.6.2-.9.3-.3 0-.6.1-1 .1-.3 0-.6 0-.9-.1-.3 0-.6-.1-.9-.2-.3-.1-.6-.2-.8-.4-.2-.2-.4-.4-.6-.6-.2-.2-.3-.5-.4-.8-.1-.3-.2-.6-.2-1v-7.1h4.7v-3.2h-4.7V0h-3.2c-.2.3-.4.6-.5.9-.1.3-.2.6-.3.9 0 .3-.1.6-.1.9v2.7h-3.2v3.2h3.2v8.1c0 .6.1 1.2.2 1.7.1.6.3 1.1.5 1.7.2.5.5 1 .8 1.4.3.4.7.8 1.1 1.1.4.3.9.6 1.4.8.5.2 1.1.4 1.7.5.6.1 1.2.2 1.8.2.5 0 1 0 1.5-.1.5-.1.9-.2 1.4-.3.4-.2.8-.3 1.2-.5.4-.2.7-.4 1-.6z"/>
                                        </svg>
                                    </a>
                    
                                    <a href="/cdn-cgi/l/email-protection#2b14585e49414e485f0d0853186f10785e5b4e590e191b785f4a590e191b684a590e191b0e6e190e131b0e12180e191b7f435942474742454c0e191b63424c4306785b4e4e4f0e191b6d1a0e191b794a4842454c0e191b6c4a464e0d4a465b1049444f520d0853186f10435f5f5b580e186a0e196d0e196d585e5b4e59585f4a59484a5905454e5f0e196d" target="_blank" rel="noopener noreferrer" class="flex items-center justify-center p-3 text-white bg-stone-600 rounded-md hover:bg-stone-700 transition-colors" title="_shareOnEmail">
                                        <svg class="size-6" viewBox="0 0 24 24" fill="currentColor">
                                            <path d="M0 3v18h24v-18h-24zm21.518 2l-9.518 7.713-9.518-7.713h19.036zm-19.518 14v-11.817l10 8.104 10-8.104v11.817h-20z"/>
                                        </svg>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div x-show="showConfirmDialog"
                 x-cloak
                 class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50"
            >
                <div class="info-card max-w-md w-full mx-4 shadow-2xl">
                    <strong class="block text-2xl font-bold mb-4">
                        Confirm Action
                    </strong>
                    <p class="mb-6"
                       x-text="actionType === 'change' ? 'Are you sure you want to change the game?' : 'Are you sure you want to reload the game?'"
                    ></p>
                    <div class="flex justify-end space-x-4">
                        <button @click="showConfirmDialog = false" class="button-muted">
                            Cancel
                        </button>
                        <button @click="confirmAction()" class="button-secondary">
                            Confirm
                        </button>
                    </div>
                </div>
            </div>

            <div x-show="showControlsModal"
                 x-cloak
                 class="fixed inset-0 bg-black/90 bg-opacity-50 flex items-center justify-center z-50"
                 x-transition:enter="transition ease-out duration-300"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-in duration-200"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"
            >
                <div class="info-card shadow-2xl max-w-4xl w-full mx-4 max-h-[90vh] overflow-y-auto"
                     x-show="showControlsModal"
                     x-cloak
                     x-transition:enter="transition ease-out duration-300"
                     x-transition:enter-start="opacity-0 transform scale-95"
                     x-transition:enter-end="opacity-100 transform scale-100"
                     x-transition:leave="transition ease-in duration-200"
                     x-transition:leave-start="opacity-100 transform scale-100"
                     x-transition:leave-end="opacity-0 transform scale-95"
                     @click.away="showControlsModal = false"
                >
                    <div class="flex items-end justify-end">
                        <button
                                @click="showControlsModal = false"
                                class="bg-primary text-primary-foreground rounded-md"
                        >
                            <svg
                                    xmlns="http://www.w3.org/2000/svg"
                                    class="size-8"
                                    fill="none"
                                    viewBox="0 0 24 24"
                                    stroke="currentColor"
                            >
                                <path
                                        stroke-linecap="round"
                                        stroke-linejoin="round"
                                        stroke-width="2"
                                        d="M6 18L18 6M6 6l12 12"
                                />
                            </svg>
                        </button>
                    </div>
                    <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
                        <div>
                            <strong class="block text-2xl font-semibold mb-6">
                                Desktop
                            </strong>
                            <ul class="space-y-4">
                                <li class="space-y-2 shadow-lg p-4 rounded-md">
                                    <strong class="block font-bold shrink-0">
                                        Up Arrow &amp; W key
                                    </strong>
                                    <span class="block">
                                      To gather speed and start your vehicle
                                    </span>
                                </li>
                                <li class="space-y-2 shadow-lg p-4 rounded-md">
                                    <strong class="block font-bold shrink-0">
                                        Down Arrow &amp; S key
                                    </strong>
                                    <span class="block">
                                      To slow down and stop the vehicle
                                    </span>
                                </li>
                                <li class="space-y-2 shadow-lg p-4 rounded-md">
                                    <strong class="block font-bold shrink-0">
                                        Left/Right Arrow &amp; A and D keys
                                    </strong>
                                    <span class="block">
                                      To steer your vehicle left and right
                                    </span>
                                </li>
                                <li class="space-y-2 shadow-lg p-4 rounded-md">
                                    <strong class="block font-bold shrink-0">
                                        Spacebar
                                    </strong>
                                    <span class="block">
                                      To respawn
                                    </span>
                                </li>
                                <li class="space-y-2 shadow-lg p-4 rounded-md">
                                    <strong class="block font-bold shrink-0">
                                        C
                                    </strong>
                                    <span class="block">
                                      To change the camera view to in-car view or third-person view
                                    </span>
                                </li>
                            </ul>
                        </div>
                        <div>
                            <strong class="block text-2xl font-semibold mb-6">
                                Mobile
                            </strong>
                            <ul class="space-y-4">
                                <li class="space-y-2 shadow-lg p-4 rounded-md">
                                    <strong class="block font-bold">
                                        
                                    </strong>
                                    <span class="block"></span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </section>


        <section class="mb-12">
            <div class="w-full overflow-x-auto">
                <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-4">
                    <div class="info-card">
                        <img
                                src="https://escaperoad2game.com/escape_road_2_icon.webp"
                                alt="Escape Road 2"
                                class="h-72 object-cover rounded-2xl"
                        />
                        <div class="pt-4 flex flex-col items-center space-y-4">
                            <a class="button-primary px-10"
                               href="https://escaperoad2game.com/"
                               target="_blank"
                            >
                                Play Escape Road 2
                            </a>
                        </div>
                    </div>
                    <div class="info-card">
                        <img
                                src="https://onga.io/storage/games/icons/cf/highway-racer-3d-poster-1763550342.webp"
                                alt="Highway Racer 3D"
                                class="h-72 object-cover rounded-2xl"
                        />
                        <div class="pt-4 flex flex-col items-center space-y-4">
                            <a class="button-primary px-10"
                               href="https://onga.io/play/highway-racer-3d-gmZ"
                               target="_blank"
                            >
                                Play Highway Racer 3D
                            </a>
                        </div>
                    </div>
                    <div class="info-card">
                        <img
                                src="https://jetskirace.net/jetski_race_icon.webp"
                                alt="Jetski Race"
                                class="h-72 object-cover rounded-2xl"
                        />
                        <div class="pt-4 flex flex-col items-center space-y-4">
                            <a class="button-primary px-10"
                               href="https://jetskirace.net/"
                               target="_blank"
                            >
                                Play Jetski Race
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="mb-12">
            <div class="info-card rounded-2xl space-y-4">
                <p>Super Star Car has a full career mode that takes you from your very first race all the way to becoming a top racing champ. You’ll race on different tracks, each with its own look and challenges. The 3D graphics make the game feel real, with smooth turns, drifts, and boosts.</p>
            </div>
        </section>

        <section class="mb-12">
            <div class="space-y-6">
                <h2 class="section-heading text-center">
                    Game Information
                </h2>

                <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-6">
                    <div class="info-card space-y-0.5 relative"
                    >
                        <span class="info-index">
                            01
                        </span>
                        <h3 class="line-clamp-1 text-xl font-bold !mt-0">Category</h3>
                        <p class="font-normal text-sm line-clamp-1">
                            Racing
                        </p>
                    </div>
                    <div class="info-card space-y-0.5 relative"
                    >
                        <span class="info-index">
                            02
                        </span>
                        <h3 class="line-clamp-1 text-xl font-bold !mt-0">Developer</h3>
                        <p class="font-normal text-sm line-clamp-1">
                            Barnzmu
                        </p>
                    </div>
                    <div class="info-card space-y-0.5 relative"
                    >
                        <span class="info-index">
                            03
                        </span>
                        <h3 class="line-clamp-1 text-xl font-bold !mt-0">Technology</h3>
                        <p class="font-normal text-sm line-clamp-1">
                            HTML5
                        </p>
                    </div>
                    <div class="info-card space-y-0.5 relative"
                    >
                        <span class="info-index">
                            04
                        </span>
                        <h3 class="line-clamp-1 text-xl font-bold !mt-0">Platform</h3>
                        <p class="font-normal text-sm line-clamp-1">
                            Web Browser
                        </p>
                    </div>
                    <div class="info-card space-y-0.5 relative"
                    >
                        <span class="info-index">
                            05
                        </span>
                        <h3 class="line-clamp-1 text-xl font-bold !mt-0">Supported Devices</h3>
                        <p class="font-normal text-sm line-clamp-1">
                            Laptop, PC, Mobile, Tablet
                        </p>
                    </div>
                    <div class="info-card space-y-0.5 relative"
                    >
                        <span class="info-index">
                            06
                        </span>
                        <h3 class="line-clamp-1 text-xl font-bold !mt-0">Release Date</h3>
                        <p class="font-normal text-sm line-clamp-1">
                            April 2021
                        </p>
                    </div>
                </div>
            </div>
        </section>

        <section class="w-full flex justify-center items-center mb-12">
            <div
                    class="w-full md:max-w-7xl grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 lg:grid-cols-5 gap-4"
            >
                <a href="#about" class="button-secondary text-center">
                    About
                </a>
                <a href="#features" class="button-secondary text-center">
                    Features
                </a>
                <a href="#howto" class="button-secondary text-center">
                    How to Play
                </a>
                <a href="#faqs" class="button-secondary text-center">
                    FAQs
                </a>
                <a href="#conclusion" class="button-secondary text-center">
                    Conclusion
                </a>
            </div>
        </section>

        <section id="about" class="mb-12">
            <div class="info-card space-y-6">
                <h2 class="card-section-heading">About Super Star Car</h2>
                <div class="space-y-4 text-base">
                    <p>The game is simply based on a 3D car racing inspired by the Formula 1 sport. Super Star Car lets you start as a beginner and work your way up to becoming a racing champion. You will race on all kinds of tracks, each with its thrills and obstacles to watch out for.</p>
                    <p>The visuals make the racing world feel more alive. You can also upgrade your car to stay ahead as the races get tougher. You can play the game online for free on Chromebooks, laptops, desktops, and Windows PCs.</p>
                </div>
            </div>
        </section>

        <section id="features"
                 class="mb-12"
        >
            <h2 class="section-heading">Game Features</h2>
            <p class="text-center mt-2">Well, there are a lot of fantastic features available for players of this game!</p>
            <div class="grid sm:grid-cols-2 relative overflow-hidden mt-6 gap-6">
                <div class="info-card space-y-2">
                    <h3 class="text-xl text-card-heading font-semibold">
                        Free to Play Online
                    </h3>
                    <p class="text-card-foreground text-base">There are no special requirements for playing this racing adventure. You just need to open it through a web browser online to start the high-speed racing journey.</p>
                </div>
                <div class="info-card space-y-2">
                    <h3 class="text-xl text-card-heading font-semibold">
                        Realistic 3D Graphics &amp; Gameplay
                    </h3>
                    <p class="text-card-foreground text-base">The best thing is that you get to see quality 3D graphics and game environments, which make the game a lot more intriguing to play. The visuals are detailed and the game environment feels real.</p>
                </div>
                <div class="info-card space-y-2">
                    <h3 class="text-xl text-card-heading font-semibold">
                        Full-Featured Career Mode
                    </h3>
                    <p class="text-card-foreground text-base">Kick off your racing journey in Career Mode, which comes with some thrilling tracks. Win races to rise through the ranks. The more victories you get, the more your level goes up. Each new stage brings tougher competition and faster challenges.</p>
                </div>
                <div class="info-card space-y-2">
                    <h3 class="text-xl text-card-heading font-semibold">
                        Earn Rewards &amp; Upgrade Cars
                    </h3>
                    <p class="text-card-foreground text-base">A player will be rewarded with in-game currency for winning races. It can be further utilized to buy tickets and upgrade vehicles. Upgrading your car smartly is necessary to stay in the competition for long.</p>
                </div>
                <div class="info-card space-y-2">
                    <h3 class="text-xl text-card-heading font-semibold">
                        Simple Controls &amp; Camera View Options
                    </h3>
                    <p class="text-card-foreground text-base">The controls are really easy to learn and master. A player can use the arrow keys or A, W, D, and S to control the movement of the vehicles. Also, there is an option to change the camera views to in-car view or third-person views.</p>
                </div>
                <div class="info-card space-y-2">
                    <h3 class="text-xl text-card-heading font-semibold">
                        Wide Variety of Cars &amp; Tracks
                    </h3>
                    <p class="text-card-foreground text-base">There a many Formula 1 cars to choose from for the players. Some cars will unlock after you reach the recommended level, and some can be unlocked using in-game currency. Also, there are numerous tracks to conquer for the players, each with its own difficulties.</p>
                </div>
            </div>
        </section>

        <section class="mb-12"
                 id="howto"
        >
            <div class="info-card">
                <h2 class="card-section-heading">How to Play Super Star Car?</h2>
                <div class="mb-6 mt-3 space-y-3">
                    <p>If you have a stable working internet and a web browser on your PC, you are good to go. In case of doubts, follow these instructions:</p>
                </div>
                <ol class="list-decimal pl-6 space-y-3">
                    <li>Firstly, hit the Play Button provided on this page</li>
                    <li>Once the game is fully loaded, press the Quick Play option to give a test drive</li>
                    <li>Afterwards, you can choose career mode to race on different tracks and become the Formula 1 champion</li>
                </ol>
            </div>
        </section>


        <section id="faqs" class="mb-12">
            <div class="space-y-6"
                 itemscope
                 itemtype="http://schema.org/FAQPage"
            >
                <h2 class="section-heading">Frequently Asked Questions</h2>
                <div class="grid md:grid-cols-2 gap-6">
                    <div class="info-card"
                         itemprop="mainEntity"
                         itemscope
                         itemtype="http://schema.org/Question"
                         id="faq-item"
                    >
                        <button class="w-full text-left" id="faq-trigger">
                            <strong class="block text-lg font-semibold" itemprop="name">
                                What is Super Star Car?
                            </strong>
                        </button>
                        <div
                                itemprop="acceptedAnswer"
                                class="max-h-0 h-full overflow-hidden transition-all duration-400"
                                itemscope
                                itemtype="http://schema.org/Answer"
                                id="faq-answer"
                        >
                            <p itemprop="text" class="mt-4">It’s simply a 3D racing experience with high-speed vehicles &amp; difficult tracks inspired by Formula 1 sport.</p>
                        </div>
                    </div>
                    <div class="info-card"
                         itemprop="mainEntity"
                         itemscope
                         itemtype="http://schema.org/Question"
                         id="faq-item"
                    >
                        <button class="w-full text-left" id="faq-trigger">
                            <strong class="block text-lg font-semibold" itemprop="name">
                                Is Super Star Car Free to Play?
                            </strong>
                        </button>
                        <div
                                itemprop="acceptedAnswer"
                                class="max-h-0 h-full overflow-hidden transition-all duration-400"
                                itemscope
                                itemtype="http://schema.org/Answer"
                                id="faq-answer"
                        >
                            <p itemprop="text" class="mt-4">Yes, it doesn’t cost a single penny, you just need a web browser with internet connectivity on your PC.</p>
                        </div>
                    </div>
                    <div class="info-card"
                         itemprop="mainEntity"
                         itemscope
                         itemtype="http://schema.org/Question"
                         id="faq-item"
                    >
                        <button class="w-full text-left" id="faq-trigger">
                            <strong class="block text-lg font-semibold" itemprop="name">
                                Can I play the game on Mobile?
                            </strong>
                        </button>
                        <div
                                itemprop="acceptedAnswer"
                                class="max-h-0 h-full overflow-hidden transition-all duration-400"
                                itemscope
                                itemtype="http://schema.org/Answer"
                                id="faq-answer"
                        >
                            <p itemprop="text" class="mt-4">No, it is not runnable on Mobile devices using web browsers.</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section id="conclusion">
            <div class="info-card space-y-6">
                <h2 class="card-section-heading">Final Words</h2>
                <div class="space-y-4">
                    <p>Super Star Car is fun and easy to start, but challenging to fully master. It blends fast action, cool upgrades, and impressive visuals. Whether you are looking for a quick race or a full career experience, this game offers both for the players.</p>
                </div>
            </div>
        </section>
    </div>
</main>
<footer class="bg-footer-background text-footer-foreground">
    <div class="container mx-auto px-4 py-16">
        <div class="grid grid-cols-1 gap-12">
            <div class="space-y-4">
                <div class="flex items-center space-x-3">
                    <div>
                        <img src="/super_star_car_icon.webp"
                             alt="Super Star Car"
                             class="logo-image"
                        >
                    </div>
                    <strong class="block text-xl font-bold">Super Star Car</strong>
                </div>
                <p class="leading-relaxed">Play Super Star Car on your web browser, a fast-paced Formula 1 racing game with realistic tracks and car controls.</p>
            </div>

            <div class="grid grid-cols-1 md:grid-cols-2 gap-12">
                <div>
                    <strong class="block text-xl font-bold mb-6 text-footer-foreground">Quick Links</strong>
                    <ul class="space-y-3">
                        <li>
                            <a href="/about/"
                               target="_self"
                               class="text-footer-link transition-all hover:text-white duration-300 flex items-center">
                                About Us
                            </a>
                        </li>
                        <li>
                            <a href="/contact/"
                               target="_self"
                               class="text-footer-link transition-all hover:text-white duration-300 flex items-center">
                                Contact Us
                            </a>
                        </li>
                        <li>
                            <a href="/privacy-policy/"
                               target="_self"
                               class="text-footer-link transition-all hover:text-white duration-300 flex items-center">
                                Privacy Policy
                            </a>
                        </li>
                        <li>
                            <a href="/terms/"
                               target="_self"
                               class="text-footer-link transition-all hover:text-white duration-300 flex items-center">
                                Terms &amp; Conditions
                            </a>
                        </li>
                    </ul>
                </div>

                <div>
                    <strong class="block text-xl font-bold mb-6 text-footer-foreground">Follow Us</strong>
                    <div class="flex gap-4 flex-wrap">
                        <a href="#"
                           target="_blank"
                           aria-label="Join our Facebook community"
                           class="p-3 bg-secondary text-secondary-foreground rounded-2xl hover:bg-footer-foreground hover:text-footer-background transition-colors duration-300"
                        >
                            Facebook
                        </a>
                        <a href="#"
                           target="_blank"
                           aria-label="Follow us on X for updates"
                           class="p-3 bg-secondary text-secondary-foreground rounded-2xl hover:bg-footer-foreground hover:text-footer-background transition-colors duration-300"
                        >
                            X
                        </a>
                        <a href="#"
                           target="_blank"
                           aria-label="Join TikTok"
                           class="p-3 bg-secondary text-secondary-foreground rounded-2xl hover:bg-footer-foreground hover:text-footer-background transition-colors duration-300"
                        >
                            TikTok
                        </a>
                        <a href="#"
                           target="_blank"
                           aria-label="Watch gameplay videos and tutorials"
                           class="p-3 bg-secondary text-secondary-foreground rounded-2xl hover:bg-footer-foreground hover:text-footer-background transition-colors duration-300"
                        >
                            Youtube
                        </a>
                        <a href="#"
                           target="_blank"
                           aria-label="Join discussions on Reddit"
                           class="p-3 bg-secondary text-secondary-foreground rounded-2xl hover:bg-footer-foreground hover:text-footer-background transition-colors duration-300"
                        >
                            Reddit
                        </a>
                        <a href="#"
                           target="_blank"
                           aria-label="View game screenshots and art"
                           class="p-3 bg-secondary text-secondary-foreground rounded-2xl hover:bg-footer-foreground hover:text-footer-background transition-colors duration-300"
                        >
                            Instagram
                        </a>
                        <a href="#"
                           target="_blank"
                           aria-label="Join Threads"
                           class="p-3 bg-secondary text-secondary-foreground rounded-2xl hover:bg-footer-foreground hover:text-footer-background transition-colors duration-300"
                        >
                            Threads
                        </a>
                        <a href="#"
                           target="_blank"
                           aria-label="Join Tumblr"
                           class="p-3 bg-secondary text-secondary-foreground rounded-2xl hover:bg-footer-foreground hover:text-footer-background transition-colors duration-300"
                        >
                            Tumblr
                        </a>
                        <a href="#"
                           target="_blank"
                           aria-label="Join Pinterest"
                           class="p-3 bg-secondary text-secondary-foreground rounded-2xl hover:bg-footer-foreground hover:text-footer-background transition-colors duration-300"
                        >
                            Pinterest
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <div class="border-t border-footer-foreground mt-16 pt-8">
            <p class="text-footer-foreground text-sm">Copyright &copy; 2024 - 2025. All rights reserved.</p>
        </div>
    </div>
</footer>
<button id="back-to-top"
        onclick="window.scrollTo({ top: 0, left: 0, behavior: 'smooth' })"
        title="Back to Top"
>
    <svg xmlns="http://www.w3.org/2000/svg"
         fill="none"
         viewBox="0 0 24 24"
         stroke-width="1.5"
         stroke="currentColor"
         class="size-5"
    >
        <path stroke-linecap="round"
              stroke-linejoin="round"
              d="M4.5 10.5 12 3m0 0 7.5 7.5M12 3v18"/>
    </svg>
</button><script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
    document.addEventListener("DOMContentLoaded", () => {
        document.querySelectorAll("#faq-item").forEach((faqItem) => {
            let faqTrigger = faqItem.querySelector("#faq-trigger");
            let faqAnswer = faqItem.querySelector("#faq-answer");

            faqTrigger.addEventListener("click", () => {
                if (faqAnswer.classList.contains("active")) {
                    faqAnswer.classList.remove("max-h-screen");
                    faqAnswer.classList.remove("active");
                } else {
                    faqAnswer.classList.add("max-h-screen");
                    faqAnswer.classList.add("active");
                }
            });
        });
    });
</script></body>
</html>