Delete components/footer.js

components/footer.js

@@ -1,165 +0,0 @@
-class Footer extends HTMLElement {
-    connectedCallback() {
-        this.attachShadow({ mode: 'open' });
-
-        const styles = `
-            <style>
-                @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');
-                
-                :host {
-                    display: block;
-                    background-color: #0f172a;
-                    color: #94a3b8;
-                    padding: 4rem 1.5rem 2rem 1.5rem;
-                    margin-top: 4rem;
-                }
-
-                .container {
-                    max-width: 1280px;
-                    margin: 0 auto;
-                }
-
-                .grid {
-                    display: grid;
-                    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-                    gap: 3rem;
-                    margin-bottom: 3rem;
-                }
-
-                .brand h3 {
-                    color: white;
-                    font-family: 'Inter', sans-serif;
-                    font-size: 1.5rem;
-                    font-weight: 800;
-                    margin: 0 0 1rem 0;
-                }
-
-                .brand span {
-                    color: #4f46e5;
-                }
-
-                .brand p {
-                    line-height: 1.6;
-                    font-size: 0.95rem;
-                }
-
-                .col h4 {
-                    color: white;
-                    font-family: 'Inter', sans-serif;
-                    font-size: 1rem;
-                    font-weight: 600;
-                    margin: 0 0 1.25rem 0;
-                }
-
-                .col ul {
-                    list-style: none;
-                    padding: 0;
-                    margin: 0;
-                }
-
-                .col li {
-                    margin-bottom: 0.75rem;
-                }
-
-                .col a {
-                    color: #94a3b8;
-                    text-decoration: none;
-                    font-size: 0.9rem;
-                    transition: color 0.2s;
-                }
-
-                .col a:hover {
-                    color: #4f46e5;
-                }
-
-                .bottom {
-                    border-top: 1px solid #1e293b;
-                    padding-top: 2rem;
-                    display: flex;
-                    flex-direction: column;
-                    align-items: center;
-                    gap: 1rem;
-                }
-
-                @media (min-width: 768px) {
-                    .bottom {
-                        flex-direction: row;
-                        justify-content: space-between;
-                    }
-                }
-
-                .socials {
-                    display: flex;
-                    gap: 1rem;
-                }
-
-                .socials a {
-                    color: #94a3b8;
-                    transition: color 0.2s;
-                }
-
-                .socials a:hover {
-                    color: white;
-                }
-            </style>
-        `;
-
-        this.shadowRoot.innerHTML = `
-            ${styles}
-            <div class="container">
-                <div class="grid">
-                    <div class="brand">
-                        <h3>Nebula<span>Nexus</span></h3>
-                        <p>Making the web a better place, one pixel at a time. Join us in the journey to digital perfection.</p>
-                    </div>
-                    
-                    <div class="col">
-                        <h4>Product</h4>
-                        <ul>
-                            <li><a href="#">Features</a></li>
-                            <li><a href="#">Integrations</a></li>
-                            <li><a href="#">Pricing</a></li>
-                            <li><a href="#">Changelog</a></li>
-                        </ul>
-                    </div>
-
-                    <div class="col">
-                        <h4>Company</h4>
-                        <ul>
-                            <li><a href="#">About Us</a></li>
-                            <li><a href="#">Careers</a></li>
-                            <li><a href="#">Blog</a></li>
-                            <li><a href="#">Contact</a></li>
-                        </ul>
-                    </div>
-
-                    <div class="col">
-                        <h4>Legal</h4>
-                        <ul>
-                            <li><a href="#">Privacy Policy</a></li>
-                            <li><a href="#">Terms of Service</a></li>
-                            <li><a href="#">Cookie Policy</a></li>
-                        </ul>
-                    </div>
-                </div>
-
-                <div class="bottom">
-                    <p>&copy; 2023 Nebula Nexus Inc. All rights reserved.</p>
-                    <div class="socials">
-                        <a href="#">
-                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path></svg>
-                        </a>
-                        <a href="#">
-                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect x="2" y="9" width="4" height="12"></rect><circle cx="4" cy="4" r="2"></circle></svg>
-                        </a>
-                        <a href="#">
-                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
-        `;
-    }
-}
-
-customElements.define('app-footer', Footer);