25 lines
26 KiB
JavaScript
25 lines
26 KiB
JavaScript
<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="generator" content="Astro v5.5.2"><!-- SEO Meta Tags --><title>Profile Page</title><meta name="description"><meta name="keywords" content="hosting, PHP hosting, Node.js hosting, Python hosting, Kubernetes, K8s, K3s, cloud services, web hosting, application hosting, server hosting, India hosting"><meta name="author" content="SiliconPin"><link rel="canonical" href="https://siliconpin.cs1.hz.siliconpin.com/profile/"><meta name="keywords"><!-- Open Graph / Facebook --><meta property="og:type" content="website"><meta property="og:url" content="https://siliconpin.cs1.hz.siliconpin.com/profile/"><meta property="og:title" content="Profile Page"><meta property="og:description"><meta property="og:image"><meta property="og:site_name" content="SiliconPin"><!-- Twitter --><meta property="twitter:card" content="summary_large_image"><meta property="twitter:url" content="https://siliconpin.cs1.hz.siliconpin.com/profile/"><meta property="twitter:title" content="Profile Page"><meta property="twitter:description"><meta property="twitter:image"><!-- Favicon --><link rel="icon" type="image/svg+xml" href="https://siliconpin.com/assets/logo.svg"><link rel="apple-touch-icon" href="https://siliconpin.com/assets/logo.svg"><!-- Structured Data --><script type="application/ld+json"></script><script type="application/ld+json"></script><script type="application/ld+json"></script><script type="application/ld+json"></script><script type="application/ld+json"></script><!-- For markdown editor css --><link rel="stylesheet" href="/assets/md-editor/mdeditor.css"><link rel="stylesheet" href="/_astro/about-us.aZrR1fYk.css">
|
|
<link rel="stylesheet" href="/_astro/about-us.Dc7kD0_k.css"></head> <body class="min-h-screen flex flex-col"> <!-- Top header - visible on all devices --> <header class="py-3 sm:py-4 px-4 sm:px-6 border-b border-neutral-700" style="background-color: #262626;"> <div class="container mx-auto flex justify-between items-center"> <a href="/" class="flex items-center gap-2" aria-label="SiliconPin Home"> <img src="https://siliconpin.com/assets/logo.svg" alt="SiliconPin Logo" class="w-6 h-6 sm:w-8 sm:h-8"> <span class="text-lg sm:text-xl font-bold text-[#6d9e37]">SiliconPin</span> </a> <!-- Desktop navigation --> <nav class="hidden md:flex items-center gap-6" aria-label="Main Navigation"> <a href="/" class="hover:text-[#6d9e37] transition-colors">Home</a> <!-- <a href="/services" class="hover:text-[#6d9e37] transition-colors">Services</a> --> <a href="/topic" class="hover:text-[#6d9e37] transition-colors">Topic</a> <a href="/contact" class="hover:text-[#6d9e37] transition-colors">Contact</a> <style>astro-island,astro-slot,astro-static-slot{display:contents}</style><script>(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).load=e;window.dispatchEvent(new Event("astro:load"));})();;(()=>{var A=Object.defineProperty;var g=(i,o,a)=>o in i?A(i,o,{enumerable:!0,configurable:!0,writable:!0,value:a}):i[o]=a;var d=(i,o,a)=>g(i,typeof o!="symbol"?o+"":o,a);{let i={0:t=>m(t),1:t=>a(t),2:t=>new RegExp(t),3:t=>new Date(t),4:t=>new Map(a(t)),5:t=>new Set(a(t)),6:t=>BigInt(t),7:t=>new URL(t),8:t=>new Uint8Array(t),9:t=>new Uint16Array(t),10:t=>new Uint32Array(t),11:t=>1/0*t},o=t=>{let[l,e]=t;return l in i?i[l](e):void 0},a=t=>t.map(o),m=t=>typeof t!="object"||t===null?t:Object.fromEntries(Object.entries(t).map(([l,e])=>[l,o(e)]));class y extends HTMLElement{constructor(){super(...arguments);d(this,"Component");d(this,"hydrator");d(this,"hydrate",async()=>{var b;if(!this.hydrator||!this.isConnected)return;let e=(b=this.parentElement)==null?void 0:b.closest("astro-island[ssr]");if(e){e.addEventListener("astro:hydrate",this.hydrate,{once:!0});return}let c=this.querySelectorAll("astro-slot"),n={},h=this.querySelectorAll("template[data-astro-template]");for(let r of h){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(n[r.getAttribute("data-astro-template")||"default"]=r.innerHTML,r.remove())}for(let r of c){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(n[r.getAttribute("name")||"default"]=r.innerHTML)}let p;try{p=this.hasAttribute("props")?m(JSON.parse(this.getAttribute("props"))):{}}catch(r){let s=this.getAttribute("component-url")||"<unknown>",v=this.getAttribute("component-export");throw v&&(s+=` (export ${v})`),console.error(`[hydrate] Error parsing props for component ${s}`,this.getAttribute("props"),r),r}let u;await this.hydrator(this)(this.Component,p,n,{client:this.getAttribute("client")}),this.removeAttribute("ssr"),this.dispatchEvent(new CustomEvent("astro:hydrate"))});d(this,"unmount",()=>{this.isConnected||this.dispatchEvent(new CustomEvent("astro:unmount"))})}disconnectedCallback(){document.removeEventListener("astro:after-swap",this.unmount),document.addEventListener("astro:after-swap",this.unmount,{once:!0})}connectedCallback(){if(!this.hasAttribute("await-children")||document.readyState==="interactive"||document.readyState==="complete")this.childrenConnectedCallback();else{let e=()=>{document.removeEventListener("DOMContentLoaded",e),c.disconnect(),this.childrenConnectedCallback()},c=new MutationObserver(()=>{var n;((n=this.lastChild)==null?void 0:n.nodeType)===Node.COMMENT_NODE&&this.lastChild.nodeValue==="astro:end"&&(this.lastChild.remove(),e())});c.observe(this,{childList:!0}),document.addEventListener("DOMContentLoaded",e)}}async childrenConnectedCallback(){let e=this.getAttribute("before-hydration-url");e&&await import(e),this.start()}async start(){let e=JSON.parse(this.getAttribute("opts")),c=this.getAttribute("client");if(Astro[c]===void 0){window.addEventListener(`astro:${c}`,()=>this.start(),{once:!0});return}try{await Astro[c](async()=>{let n=this.getAttribute("renderer-url"),[h,{default:p}]=await Promise.all([import(this.getAttribute("component-url")),n?import(n):()=>()=>{}]),u=this.getAttribute("component-export")||"default";if(!u.includes("."))this.Component=h[u];else{this.Component=h;for(let f of u.split("."))this.Component=this.Component[f]}return this.hydrator=p,this.hydrate},e,this)}catch(n){console.error(`[astro-island] Error hydrating ${this.getAttribute("component-url")}`,n)}}attributeChangedCallback(){this.hydrate()}}d(y,"observedAttributes",["props"]),customElements.get("astro-island")||customElements.define("astro-island",y)}})();</script><astro-island uid="RPciP" prefix="r1" component-url="/_astro/LoginOrProfile.DD-S8988.js" component-export="default" renderer-url="/_astro/client.DIT5wkbX.js" props="{"deviceType":[0,"desktop"]}" ssr client="load" opts="{"name":"LoginProfile","value":true}" await-children><p class="w-6 animate-pulse hover:text-[#6d9e37] transition-colors"></p><!--astro:end--></astro-island> <!-- <a href="/profile" class="hover:text-[#6d9e37] transition-colors"></a> --> <a href="/services" class="inline-flex items-center justify-center rounded-md bg-[#6d9e37] px-4 py-2 text-sm font-medium text-white hover:bg-[#598035] transition-colors">Services</a> </nav> <!-- Mobile menu button --> <div class="md:hidden relative"> <button id="mobileMenuBtn" class="text-[#c7ccd5] p-1 hover:text-white" aria-label="Toggle Menu"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="4" y1="12" x2="20" y2="12"></line><line x1="4" y1="6" x2="20" y2="6"></line><line x1="4" y1="18" x2="20" y2="18"></line></svg> </button> <!-- Mobile dropdown menu --> <div id="mobileMenu" class="absolute right-0 mt-2 w-48 bg-neutral-800 rounded-md shadow-lg py-1 z-50 hidden border border-neutral-700"> <a href="/" class="block px-4 py-2 text-sm text-white hover:bg-neutral-700">Home</a> <!-- <a href="/services" class="block px-4 py-2 text-sm text-white hover:bg-neutral-700">Services</a> --> <a href="/topic" class="block px-4 py-2 text-sm text-white hover:bg-neutral-700">Topic</a> <a href="/contact" class="block px-4 py-2 text-sm text-white hover:bg-neutral-700">Contact</a> <a href="/about-us" class="block px-4 py-2 text-sm text-white hover:bg-neutral-700">About Us</a> <a href="/services" class="block px-4 py-2 text-sm text-white hover:bg-neutral-700 font-medium text-[#6d9e37]">Services</a> <a href="/suggestion-or-report" class="block px-4 py-2 text-sm text-white hover:bg-neutral-700">Suggestion or Report</a> </div> </div> </div> </header> <main class="flex-grow pb-16 md:pb-0"> <astro-island uid="2hgm7z" prefix="r0" component-url="/_astro/UserProfile.BaBrrD3Q.js" component-export="default" renderer-url="/_astro/client.DIT5wkbX.js" props="{}" ssr client="load" opts="{"name":"UserProfile","value":true}" await-children><div style="display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100%"><div style="display:flex;justify-content:center;align-items:center;margin-bottom:16px"><div style="width:12px;height:12px;margin:0 4px;background-color:#6d9e37;border-radius:50%;display:inline-block;animation:bounce 1.4s infinite ease-in-out both;animation-delay:-0.32s"></div><div style="width:12px;height:12px;margin:0 4px;background-color:#6d9e37;border-radius:50%;display:inline-block;animation:bounce 1.4s infinite ease-in-out both;animation-delay:-0.16s"></div><div style="width:12px;height:12px;margin:0 4px;background-color:#6d9e37;border-radius:50%;display:inline-block;animation:bounce 1.4s infinite ease-in-out both"></div></div><p style="color:#6d9e37;font-size:1rem;font-weight:500">Loading...</p></div><!--astro:end--></astro-island> </main> <footer class="border-t border-neutral-700 mt-8 sm:mt-12 md:mb-0 mb-16"> <!-- Copyright and social links section with #262626 background --> <div class="py-6 sm:py-8 px-4 sm:px-6" style="background-color: #262626;"> <div class="container mx-auto"> <div class="flex flex-col sm:flex-row justify-between items-center gap-4"> <div class="flex items-center gap-3"> <img src="https://siliconpin.com/assets/logo.svg" alt="SiliconPin Logo" class="w-7 h-7 sm:w-8 sm:h-8"> <span class="text-sm sm:text-base">© 2025 SiliconPin. All rights reserved.</span> </div> <div class="hidden sm:block"> <a href="/suggestion-or-report" class="text-[#6d9e37] hover:text-white transition-colors">Suggestion or Report</a> </div> <div class="flex gap-5 mt-4 sm:mt-0"> <a href="https://www.linkedin.com/company/siliconpin" aria-label="LinkedIn" class="text-[#6d9e37] hover:text-white transition-colors" target="_blank" rel="noopener"> <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" 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="https://x.com/dwd_consultancy?t=MBvjcclvVgCPdIHspV9HWQ&s=09" aria-label="X (Twitter)" class="text-[#6d9e37] hover:text-white transition-colors" target="_blank" rel="noopener"> <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M4 4l11.733 16h4.267l-11.733 -16z"></path> <path d="M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772"></path> </svg> </a> <a href="https://www.facebook.com/profile.php?id=100088549643337&mibextid=ZbWKwL" aria-label="Facebook" class="text-[#6d9e37] hover:text-white transition-colors" target="_blank" rel="noopener"> <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg> </a> <a href="https://instagram.com/siliconpin.com_?igshid=OGQ5ZDc2ODk2ZA==" aria-label="Instagram" class="text-[#6d9e37] hover:text-white transition-colors" target="_blank" rel="noopener"> <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"></line></svg> </a> </div> </div> </div> </div> <!-- Footer links section with main background --> <div class="py-10 px-4 sm:px-6"> <div class="container mx-auto"> <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6"> <!-- Services column - Card Style --> <div class="bg-neutral-800 p-5 rounded-lg border border-neutral-700 shadow-lg"> <h3 class="font-medium text-lg text-[#6d9e37] mb-4 pb-2 border-b border-[#6d9e37]">Services</h3> <ul class="space-y-2 text-neutral-400"> <!-- <li class="flex items-center gap-2">📦 <a href="/services" class="hover:text-[#6d9e37] transition-colors">All Services</a></li> --> <li class="flex items-center gap-2">🚀 <a href="/services" class="hover:text-[#6d9e37] transition-colors">Services</a></li> <li class="flex items-center gap-2">👨💻 <a href="/hire-developer" class="hover:text-[#6d9e37] transition-colors">Hire a Human Developer</a></li> <li class="flex items-center gap-2">🤖 <a href="/hire-ai-agent" class="hover:text-[#6d9e37] transition-colors">Hire an AI Agent</a></li> </ul> </div> <!-- Company column - Card Style --> <div class="bg-neutral-800 p-5 rounded-lg border border-neutral-700 shadow-lg"> <h3 class="font-medium text-lg text-[#6d9e37] mb-4 pb-2 border-b border-[#6d9e37]">Company</h3> <ul class="space-y-2 text-neutral-400"> <li class="flex items-center gap-2">🏢 <a href="/about-us" class="hover:text-[#6d9e37] transition-colors">About Us</a></li> <li class="flex items-center gap-2">📞 <a href="/contact" class="hover:text-[#6d9e37] transition-colors">Contact</a></li> <li class="flex items-center gap-2">💼 <a href="/careers" class="hover:text-[#6d9e37] transition-colors">Careers</a></li> <li class="flex items-center gap-2">🤝 <a href="/partners" class="hover:text-[#6d9e37] transition-colors">Partners</a></li> </ul> </div> <!-- Legal column - Card Style --> <div class="bg-neutral-800 p-5 rounded-lg border border-neutral-700 shadow-lg"> <h3 class="font-medium text-lg text-[#6d9e37] mb-4 pb-2 border-b border-[#6d9e37]">Legal</h3> <ul class="space-y-2 text-neutral-400"> <li class="flex items-center gap-2">🔒 <a href="/privacy-policy" class="hover:text-[#6d9e37] transition-colors">Privacy Policy</a></li> <li class="flex items-center gap-2">📜 <a href="/terms-and-conditions" class="hover:text-[#6d9e37] transition-colors">Terms & Conditions</a></li> <li class="flex items-center gap-2">💸 <a href="/refund-policy" class="hover:text-[#6d9e37] transition-colors">Refund Policy</a></li> <li class="flex items-center gap-2">⚖️ <a href="/legal-agreement" class="hover:text-[#6d9e37] transition-colors">Legal Agreement</a></li> <li class="flex items-center gap-2">📢 <a href="/suggestion-or-report" class="hover:text-[#6d9e37] transition-colors">Suggestion or Report</a></li> </ul> </div> <!-- Contact column - Card Style --> <div class="bg-neutral-800 p-5 rounded-lg border border-neutral-700 shadow-lg"> <h3 class="font-medium text-lg text-[#6d9e37] mb-4 pb-2 border-b border-[#6d9e37]">Contact Us</h3> <address class="not-italic space-y-2 text-neutral-400"> <p class="flex items-center gap-2">📍 121 Lalbari, GourBongo Road</p> <p class="flex items-center gap-2">🏠 Habra, W.B. 743271, India</p> <p class="flex items-center gap-2">📞 <a href="tel:+917001601485" class="text-[#6d9e37] hover:underline">+91-700-160-1485</a></p> <p class="flex items-center gap-2">✉️ <a href="mailto:contact@siliconpin.com" class="text-[#6d9e37] hover:underline">contact@siliconpin.com</a></p> </address> </div> </div> </div> </div> </footer> <!-- Mobile bottom navigation - positioned last in the DOM --> <nav class="fixed bottom-0 left-0 right-0 md:hidden bg-[#262626] border-t border-neutral-700 shadow-lg z-50"> <div class="flex justify-around items-center h-16"> <a href="/" class="flex flex-col items-center justify-center w-full h-full text-[#6d9e37] hover:text-white transition-colors"> <svg xmlns="http://www.w3.org/2000/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="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> <span class="text-xs mt-1">Home</span> </a> <a href="/topic" class="flex flex-col items-center justify-center w-full h-full text-[#6d9e37] hover:text-white transition-colors"> <!-- <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg> --> <svg fill="#6d9e37" width="20" height="20" viewBox="-4 -2 24 24" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin" class="jam jam-document-f"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path d="M3 0h10a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V3a3 3 0 0 1 3-3zm1 7a1 1 0 1 0 0 2h8a1 1 0 0 0 0-2H4zm0 8a1 1 0 0 0 0 2h5a1 1 0 0 0 0-2H4zM4 3a1 1 0 1 0 0 2h8a1 1 0 0 0 0-2H4zm0 8a1 1 0 0 0 0 2h8a1 1 0 0 0 0-2H4z"></path></g></svg> <span class="text-xs mt-1">Topic</span> </a> <a href="/services" class="flex flex-col items-center justify-center w-full h-full text-[#6d9e37] hover:text-white transition-colors"> <div class="w-10 h-10 rounded-full bg-[#6d9e37] flex items-center justify-center -mt-5 shadow-lg"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg> </div> <span class="text-xs mt-1">Services</span> </a> <a href="/about-us" class="flex flex-col items-center justify-center w-full h-full text-[#6d9e37] hover:text-white transition-colors"> <svg width="20px" height="20px" viewBox="0 0 512 512" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#6d9e37"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <title>about</title> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="about-white" fill="#6d9e37" transform="translate(42.666667, 42.666667)"> <path d="M213.333333,3.55271368e-14 C95.51296,3.55271368e-14 3.55271368e-14,95.51168 3.55271368e-14,213.333333 C3.55271368e-14,331.153707 95.51296,426.666667 213.333333,426.666667 C331.154987,426.666667 426.666667,331.153707 426.666667,213.333333 C426.666667,95.51168 331.154987,3.55271368e-14 213.333333,3.55271368e-14 Z M213.333333,384 C119.227947,384 42.6666667,307.43872 42.6666667,213.333333 C42.6666667,119.227947 119.227947,42.6666667 213.333333,42.6666667 C307.44,42.6666667 384,119.227947 384,213.333333 C384,307.43872 307.44,384 213.333333,384 Z M240.04672,128 C240.04672,143.46752 228.785067,154.666667 213.55008,154.666667 C197.698773,154.666667 186.713387,143.46752 186.713387,127.704107 C186.713387,112.5536 197.99616,101.333333 213.55008,101.333333 C228.785067,101.333333 240.04672,112.5536 240.04672,128 Z M192.04672,192 L234.713387,192 L234.713387,320 L192.04672,320 L192.04672,192 Z" id="Shape"></path> </g> </g> </g></svg> <span class="text-xs mt-1">About</span> </a> <div class="flex flex-col items-center justify-center w-full h-full text-[#6d9e37] hover:text-white transition-colors"> <astro-island uid="13QXw5" prefix="r2" component-url="/_astro/LoginOrProfile.DD-S8988.js" component-export="default" renderer-url="/_astro/client.DIT5wkbX.js" props="{"deviceType":[0,"mobile"]}" ssr client="load" opts="{"name":"LoginProfile","value":true}" await-children><svg class="animate-spin flex flex-col items-center justify-center w-[45px] h-[45px] text-[#6d9e37] hover:text-white transition-colors" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64px" height="64px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve" fill="#6d9e37"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g id="Download_x5F_25_x25_"> </g> <g id="Download_x5F_50_x25_"> </g> <g id="Download_x5F_75_x25_"> </g> <g id="Download_x5F_100_x25_"> </g> <g id="Upload"> </g> <g id="Next"> </g> <g id="Last"> </g> <g id="OK"> </g> <g id="Fail"> </g> <g id="Add"> </g> <g id="Spinner_x5F_0_x25_"> </g> <g id="Spinner_x5F_25_x25_"> <g> <path fill="none" stroke="#6d9e37" stroke-width="4" stroke-linejoin="round" stroke-miterlimit="10" d="M50.188,26.812 c12.806,0,23.188,10.381,23.188,23.188"></path> <g> <circle cx="73.375" cy="50" r="1.959"></circle> <circle cx="72.029" cy="57.704" r="1.959"></circle> <circle cx="68.237" cy="64.579" r="1.959"></circle> <circle cx="62.324" cy="69.759" r="1.959"></circle> <circle cx="55.013" cy="72.699" r="1.959"></circle> </g> <g> <ellipse transform="matrix(0.9968 -0.0794 0.0794 0.9968 -4.0326 2.3121)" cx="27.045" cy="51.843" rx="1.959" ry="1.959"></ellipse> <ellipse transform="matrix(0.9968 -0.0794 0.0794 0.9968 -4.628 2.4912)" cx="28.998" cy="59.416" rx="1.959" ry="1.959"></ellipse> <ellipse transform="matrix(0.9968 -0.0794 0.0794 0.9968 -5.1348 2.8556)" cx="33.325" cy="65.967" rx="1.959" ry="1.959"></ellipse> <ellipse transform="matrix(0.9968 -0.0794 0.0794 0.9968 -5.4877 3.3713)" cx="39.63" cy="70.661" rx="1.959" ry="1.959"></ellipse> <ellipse transform="matrix(0.9968 -0.0794 0.0794 0.9968 -5.6506 3.9762)" cx="47.152" cy="73.012" rx="1.959" ry="1.959"></ellipse> </g> <g> <ellipse transform="matrix(0.9962 -0.0867 0.0867 0.9962 -3.713 2.567)" cx="27.71" cy="44.049" rx="1.959" ry="1.959"></ellipse> <ellipse transform="matrix(0.9962 -0.0867 0.0867 0.9962 -3.079 2.8158)" cx="30.892" cy="36.872" rx="1.959" ry="1.959"></ellipse> <ellipse transform="matrix(0.9962 -0.0867 0.0867 0.9962 -2.567 3.266)" cx="36.334" cy="31.199" rx="1.959" ry="1.959"></ellipse> <ellipse transform="matrix(0.9962 -0.0867 0.0867 0.9962 -2.2318 3.8617)" cx="43.363" cy="27.636" rx="1.959" ry="1.959"></ellipse> </g> </g> </g> <g id="Spinner_x5F_50_x25_"> </g> <g id="Spinner_x5F_75_x25_"> </g> <g id="Brightest_x5F_25_x25_"> </g> <g id="Brightest_x5F_50_x25_"> </g> <g id="Brightest_x5F_75_x25_"> </g> <g id="Brightest_x5F_100_x25_"> </g> <g id="Reload"> </g> <g id="Forbidden"> </g> <g id="Clock"> </g> <g id="Compass"> </g> <g id="World"> </g> <g id="Speed"> </g> <g id="Microphone"> </g> <g id="Options"> </g> <g id="Chronometer"> </g> <g id="Lock"> </g> <g id="User"> </g> <g id="Position"> </g> <g id="No_x5F_Signal"> </g> <g id="Low_x5F_Signal"> </g> <g id="Mid_x5F_Signal"> </g> <g id="High_x5F_Signal"> </g> <g id="Options_1_"> </g> <g id="Flash"> </g> <g id="No_x5F_Signal_x5F_02"> </g> <g id="Low_x5F_Signal_x5F_02"> </g> <g id="Mid_x5F_Signal_x5F_02"> </g> <g id="High_x5F_Signal_x5F_02"> </g> <g id="Favorite"> </g> <g id="Search"> </g> <g id="Stats_x5F_01"> </g> <g id="Stats_x5F_02"> </g> <g id="Turn_x5F_On_x5F_Off"> </g> <g id="Full_x5F_Height"> </g> <g id="Full_x5F_Width"> </g> <g id="Full_x5F_Screen"> </g> <g id="Compress_x5F_Screen"> </g> <g id="Chat"> </g> <g id="Bluetooth"> </g> <g id="Share_x5F_iOS"> </g> <g id="Share_x5F_Android"> </g> <g id="Love__x2F__Favorite"> </g> <g id="Hamburguer"> </g> <g id="Flying"> </g> <g id="Take_x5F_Off"> </g> <g id="Land"> </g> <g id="City"> </g> <g id="Nature"> </g> <g id="Pointer"> </g> <g id="Prize"> </g> <g id="Extract"> </g> <g id="Play"> </g> <g id="Pause"> </g> <g id="Stop"> </g> <g id="Forward"> </g> <g id="Reverse"> </g> <g id="Next_1_"> </g> <g id="Last_1_"> </g> <g id="Empty_x5F_Basket"> </g> <g id="Add_x5F_Basket"> </g> <g id="Delete_x5F_Basket"> </g> <g id="Error_x5F_Basket"> </g> <g id="OK_x5F_Basket"> </g> </g></svg><!--astro:end--></astro-island> </div> <!-- <a href="/profile" class="flex flex-col items-center justify-center w-full h-full text-[#6d9e37] hover:text-white transition-colors">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="10" r="3"></circle><path d="M7 20.662V19c0-1.18.822-2.2 2-2.5a5.5 5.5 0 0 1 6 0c1.178.3 2 1.323 2 2.5v1.662"></path></svg>
|
|
<span class="text-xs mt-1">Profile</span>
|
|
</a> </div> </nav> <script>
|
|
// Mobile menu toggle functionality
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
const menuBtn = document.getElementById('mobileMenuBtn');
|
|
const mobileMenu = document.getElementById('mobileMenu');
|
|
|
|
if (menuBtn && mobileMenu) {
|
|
menuBtn.addEventListener('click', function() {
|
|
mobileMenu.classList.toggle('hidden');
|
|
});
|
|
|
|
// Close menu when clicking outside
|
|
document.addEventListener('click', function(event) {
|
|
if (!menuBtn.contains(event.target) && !mobileMenu.contains(event.target)) {
|
|
mobileMenu.classList.add('hidden');
|
|
}
|
|
});
|
|
}
|
|
});
|
|
|
|
</script> </body></html> |