fix: FAQ not closing, rewrote content, homepage

This commit is contained in:
Luka Dekanozishvili 2026-02-03 13:44:56 +01:00
parent 5504cbe423
commit 79e10d1759
3 changed files with 143 additions and 71 deletions

View file

@ -105,7 +105,8 @@
</a>
{/if}
<h1 class="text-center leading-[55px] lg:leading-[70px] z-1 text-5xl lg:text-6xl mx-2 mt-4 font-semibold max-w-3xl" style="opacity: 1; transform: none;">Let's manage the backbone of every website - DNS</h1>
<p class="text-center text-base max-w-lg mt-6 z-1 mx-2" style="opacity: 1; transform: none;">Our platform helps you manage DNS and DynDNS - so you can focus on what truly matters.</p>
<!-- <p class="text-center text-base max-w-lg mt-6 z-1 mx-2" style="opacity: 1; transform: none;">Our platform helps you manage DNS and DynDNS - so you can focus on what truly matters.</p> -->
<p class="text-center text-base max-w-lg mt-6 z-1 mx-2" style="opacity: 1; transform: none;">Register domains, and manage DNS/DynDNS for free - so you can focus on what truly matters.</p>
<div class="flex items-center gap-4 mt-16 z-1" style="opacity: 1; transform: none;">
{#if auth.isAuthenticated}
<a href="/dashboard"><button style="box-shadow: 0 0 10px rgba(0,0,0,0.6)" class="btn btn-lg btn-primary rounded-lg max-w-50">
@ -133,14 +134,14 @@
<div class="stat-desc">Owned and operated</div>
</div>
<div class="stat place-items-center pt-1 border-none">
<div class="stat-title translate-y-3">Available subdomains</div>
<div class="stat-title text-secondary translate-y-3">Available subdomains</div>
<div class="stat-value text-secondary text-6xl"></div>
<div class="stat-desc text-secondary">Per domain</div>
</div>
<div class="stat place-items-center">
<div class="stat-title">Automation-ready</div>
<div class="stat-value">Yes</div>
<div class="stat-desc">API-friendly</div>
<div class="stat-title">Register</div>
<div class="stat-value">20</div>
<div class="stat-desc">Subdomains for free</div>
</div>
</div>
@ -177,7 +178,7 @@
<div class="stat-desc">Forever free!</div>
</div>
<div class="stat place-items-center border-none">
<div class="stat-title">DDNS support</div>
<div class="stat-title text-secondary">DDNS support</div>
<div class="stat-value text-secondary">Yes</div>
<div class="stat-desc text-secondary">For A records</div>
</div>
@ -237,21 +238,21 @@
<div class="text-center space-y-2">
<h3 class="font-semibold text-lg">No restrictions</h3>
<p class="text-sm text-primary-content/65">
Register 20 domains, with 100 records per domain. Set absurdly high TTL values, and comments.
Register 20 domains, with 200 records per domain. Set custom TTL values, and comments.
We don't restrict you.
</p>
</div>
<div class="text-center space-y-2">
<h3 class="font-semibold text-lg">No expiration</h3>
<p class="text-sm text-primary-content/65">
We'll never expire your domains/records or ask for confirmation if you're still active.
We'll never expire your domains or ask for confirmation if you're still active.
Set it and forget it - like DNS should be.
</p>
</div>
<div class="text-center space-y-2">
<h3 class="font-semibold text-lg">No marketing</h3>
<p class="text-sm text-slate-400">
We do not use your email address or your data for any other purposes than strictly necessary. You're in charge.
We do not use your email or your data for any other purposes than strictly necessary. You're in charge.
</p>
</div>
</div>
@ -293,12 +294,6 @@
{/if}
</p>
<!-- <a href="/register" class="flex max-w-full h-full items-center justify-center">
<button class="btn btn-primary w-full p-0" disabled={!available || loadingCheck}>
{loadingCheck ? "Checking..." : "Register"}
</button>
</a> -->
{#if !available || loadingCheck}
<div class="flex max-w-full h-full items-center justify-center">
<button class="btn btn-primary w-full p-0" disabled={!available || loadingCheck}>

View file

@ -46,7 +46,7 @@
<h2 class="text-4xl font-semibold max-w-2xl">
Meet the <span class="bg-gradient-to-t from-primary to-base-300">team</span>!
</h2>
<p class="text-center max-w-lg mt-3">
<p class="text-center max-w-xl mt-3">
HexName was developed by a team of passionate tech-enthusiasts with years of experience in the field to provide you with a smooth user-experience.
</p>
</section>
@ -145,7 +145,7 @@
</div>
</div>
<div class="hero bg-base-200 mb-16">
<div class="hero bg-base-200">
<div class="hero-content flex-col lg:flex-row-reverse">
{#if !browser}
<div class="skeleton m-4 rounded-lg h-85 min-w-68"></div>

View file

@ -55,17 +55,28 @@
</div>
<div class="divider"></div>
<h2 class="legend text-2xl font-bold p-4 m-4">Questions about our services</h2>
<h2 class="legend text-2xl font-bold p-4 m-4">About our services</h2>
<div class="collapse collapse-arrow bg-base-200 border border-base-300">
<input type="radio"/>
<div class="collapse-title font-semibold">What is HexName?</div>
<div class="collapse-content text-sm">HexName is a free DNS service that allows you to register and manage subdomains under domains we own, such as <code>example.hexname.com</code>, <code>example.loves-beer.com</code> and others.</div>
<!-- svelte-ignore a11y_no_noninteractive_tabindex -->
<div tabindex="0" class="collapse collapse-arrow bg-base-200 border-base-300 border">
<div class="collapse-title font-semibold">
What is HexName?
</div>
<div class="collapse-content text-sm">
<div class="p-2">
HexName is a free DNS/DDNS service that allows you to register and manage subdomains under domains we own, such as <code>hexname.com</code>, <code>loves-beer.com</code> etc.
</div>
<div class="p-2">
Find out more on our <a href="/about" class="link link-accent">about us page</a>!
</div>
</div>
</div>
<div class="collapse collapse-arrow bg-base-200 border border-base-300">
<input type="radio"/>
<div class="collapse-title font-semibold">Where can I learn more about using HexName?</div>
<!-- svelte-ignore a11y_no_noninteractive_tabindex -->
<div tabindex="0" class="collapse collapse-arrow bg-base-200 border-base-300 border">
<div class="collapse-title font-semibold">
Where can I learn more about using HexName?
</div>
<div class="collapse-content text-sm">
<div class="p-2">
The easiest way to learn how to use HexName is to <a href="/register" class="link link-accent">sign up</a>, which takes less than 1 minute.
@ -73,9 +84,11 @@
</div>
</div>
<div class="collapse collapse-arrow bg-base-200 border border-base-300">
<input type="radio"/>
<div class="collapse-title font-semibold">Do you offer Dynamic DNS services?</div>
<!-- svelte-ignore a11y_no_noninteractive_tabindex -->
<div tabindex="0" class="collapse collapse-arrow bg-base-200 border-base-300 border">
<div class="collapse-title font-semibold">
Do you offer Dynamic DNS services?
</div>
<div class="collapse-content text-sm">
<div class="p-2">
Yes! We provide a DDNS service for A records, allowing you to update your DNS records automatically whenever your IP address changes.
@ -83,9 +96,11 @@
</div>
</div>
<div class="collapse collapse-arrow bg-base-200 border border-base-300">
<input type="radio"/>
<div class="collapse-title font-semibold">Are there going to be any costs in the future?</div>
<!-- svelte-ignore a11y_no_noninteractive_tabindex -->
<div tabindex="0" class="collapse collapse-arrow bg-base-200 border-base-300 border">
<div class="collapse-title font-semibold">
Are there going to be any costs in the future?
</div>
<div class="collapse-content text-sm">
<div class="p-2">
Never. We promise to never put the basic features provided behind a paywall, and to keep the necessary features always 100% free.
@ -93,9 +108,11 @@
</div>
</div>
<div class="collapse collapse-arrow bg-base-200 border border-base-300">
<input type="radio"/>
<div class="collapse-title font-semibold">How do I use my DDNS token to update my A record?</div>
<!-- svelte-ignore a11y_no_noninteractive_tabindex -->
<div tabindex="0" class="collapse collapse-arrow bg-base-200 border-base-300 border">
<div class="collapse-title font-semibold">
How do I use my DDNS token to update my A record?
</div>
<div class="collapse-content text-sm">
<div class="p-2">
To update your A record using the token, make an HTTP PUT request to the following URL: <code>https://hexname.com/api/v1/ddns/ipv4/[TOKEN]/[NEW_IP]</code>
@ -121,9 +138,11 @@
</div>
</div>
<div class="collapse collapse-arrow bg-base-200 border border-base-300">
<input type="radio"/>
<div class="collapse-title font-semibold">Is this service really free?</div>
<!-- svelte-ignore a11y_no_noninteractive_tabindex -->
<div tabindex="0" class="collapse collapse-arrow bg-base-200 border-base-300 border">
<div class="collapse-title font-semibold">
Is this service really free?
</div>
<div class="collapse-content text-sm">
<div class="p-2">
Yes. The DNS and DDNS services are provided free of charge, with no usage fees.
@ -131,9 +150,11 @@
</div>
</div>
<div class="collapse collapse-arrow bg-base-200 border border-base-300">
<input type="radio"/>
<div class="collapse-title font-semibold">What DNS record types do you support?</div>
<!-- svelte-ignore a11y_no_noninteractive_tabindex -->
<div tabindex="0" class="collapse collapse-arrow bg-base-200 border-base-300 border">
<div class="collapse-title font-semibold">
What DNS record types do you support?
</div>
<div class="collapse-content text-sm">
<div class="p-2">
You can create and manage A, AAAA, TXT, CNAME, MX, NS, and SRV records for your registered subdomains.
@ -141,45 +162,43 @@
</div>
</div>
<div class="collapse collapse-arrow bg-base-200 border border-base-300">
<input type="radio"/>
<div class="collapse-title font-semibold">What domains does HexName provide for registration?</div>
<div class="collapse-content text-sm">
<div class="p-2">
As of now, we own the following domains: <code>hexname.com</code>, <code>loves-beer.com</code>, <code>dickdns.org</code>, and they can be used to register available subdomains.
</div>
<!-- svelte-ignore a11y_no_noninteractive_tabindex -->
<div tabindex="0" class="collapse collapse-arrow bg-base-200 border-base-300 border">
<div class="collapse-title font-semibold">
What domains does HexName provide for registration?
</div>
</div>
<div class="collapse collapse-arrow bg-base-200 border border-base-300">
<input type="radio"/>
<div class="collapse-title font-semibold">What does DDNS mean?</div>
<div class="collapse-content text-sm">
<div class="p-2">
DDNS stands for Dynamic DNS and is a service that lets you update a DNS record (usually an A record) to point to your desired IP address.
</div>
<div class="p-2">
This is mostly useful for individuals who would like to expose services run at their home to the internet and have a memorable domain instead of having to use the IP address.
As of now, we own the following domains:
<ul>
<li><code>hexname.com</code></li>
<li><code>loves-beer.com</code></li>
<li><code>dickdns.org</code></li>
</ul>
</div>
</div>
</div>
<div class="divider"></div>
<h2 class="legend text-2xl font-bold p-4 m-4">Questions about your account</h2>
<h2 class="legend text-2xl font-bold p-4 m-4">About your account</h2>
<div class="collapse collapse-arrow bg-base-200 border border-base-300">
<input type="radio"/>
<div class="collapse-title font-semibold">I forgot my password. What should I do?</div>
<!-- svelte-ignore a11y_no_noninteractive_tabindex -->
<div tabindex="0" class="collapse collapse-arrow bg-base-200 border-base-300 border">
<div class="collapse-title font-semibold">
I forgot my password. What should I do?
</div>
<div class="collapse-content text-sm">
<div class="p-2">
Click <a class="link link-accent" href="/forgot-password">here</a> or on "Forgot password" on the login page and follow the instructions sent to your email.
</div>
</div>
</div>
<div class="collapse collapse-arrow bg-base-200 border border-base-300">
<input type="radio"/>
<div class="collapse-title font-semibold">How do I delete my account?</div>
<!-- svelte-ignore a11y_no_noninteractive_tabindex -->
<div tabindex="0" class="collapse collapse-arrow bg-base-200 border-base-300 border">
<div class="collapse-title font-semibold">
How do I delete my account?
</div>
<div class="collapse-content text-sm">
<div class="p-2">
Click <a class="link link-accent" href="/delete-account">here</a> or the profile icon in the top right corner, then "Delete account", and you'll be prompted to the confirmation page.
@ -187,9 +206,11 @@
</div>
</div>
<div class="collapse collapse-arrow bg-base-200 border border-base-300">
<input type="radio"/>
<div class="collapse-title font-semibold">Can I register multiple domains?</div>
<!-- svelte-ignore a11y_no_noninteractive_tabindex -->
<div tabindex="0" class="collapse collapse-arrow bg-base-200 border-base-300 border">
<div class="collapse-title font-semibold">
Can I register multiple domains?
</div>
<div class="collapse-content text-sm">
<div class="p-2">
Yes. You may register up to 20 domains and manage any subdomain under them, such as <code>mail.example.hexname.com</code> and <code>email.example.hexname.com</code>.
@ -200,14 +221,70 @@
<div class="divider"></div>
<h2 class="legend text-2xl font-bold p-4 m-4">Miscellaneous questions</h2>
<div class="collapse collapse-arrow bg-base-200 border border-base-300">
<input type="radio"/>
<div class="collapse-title font-semibold">How does HexName make money?</div>
<!-- svelte-ignore a11y_no_noninteractive_tabindex -->
<div tabindex="0" class="collapse collapse-arrow bg-base-200 border-base-300 border">
<div class="collapse-title font-semibold">
What does DDNS mean?
</div>
<div class="collapse-content text-sm">
<div class="p-2">
I don't lol
DDNS stands for Dynamic DNS and is a service that lets you update a DNS record (usually an A record) to point to your desired IP address.
</div>
<div class="p-2">
This is mostly useful for individuals who would like to expose services run at their home to the internet and have a memorable domain instead of having to use the IP address.
</div>
</div>
</div>
<!-- svelte-ignore a11y_no_noninteractive_tabindex -->
<div tabindex="0" class="collapse collapse-arrow bg-base-200 border-base-300 border">
<div class="collapse-title font-semibold">
What's the main difference between HexName and DuckDNS?
</div>
<div class="collapse-content text-sm">
<div class="p-2">
Unlike DuckDNS, we strive to provide you with a fast & reliable service.
</div>
<div class="p-2">
We also offer three domains to choose from instead of one, and let you register up to 20 subdomains in total, with 200 records for each domain, instead of DuckDNS's 5 per account on the free tier.
</div>
<div class="p-2">
While DuckDNS only lets you publish one A record per domain, we allow you to publish up to 200 records per domain of types A, AAAA, TXT, CNAME, MX, NS, as well as SRV records, and even let you own all subdomains off these domains.
</div>
</div>
</div>
<!-- svelte-ignore a11y_no_noninteractive_tabindex -->
<div tabindex="0" class="collapse collapse-arrow bg-base-200 border-base-300 border">
<div class="collapse-title font-semibold">
What's the main difference between HexName and No-IP?
</div>
<div class="collapse-content text-sm">
<div class="p-2">
Unlike No-IP, we won't ask you every 30 days to "confirm your domains".
</div>
<div class="p-2">
We also let you register up to 20 domains in total, with 200 records for each domain, instead of No-IP's singular domain/record per account on the free tier.
</div>
</div>
</div>
<!-- svelte-ignore a11y_no_noninteractive_tabindex -->
<div tabindex="0" class="collapse collapse-arrow bg-base-200 border-base-300 border">
<div class="collapse-title font-semibold">
How does HexName make money?
</div>
<div class="collapse-content text-sm">
<div class="p-2">
We don't make a cent. Our philosophy is to provide a great service for free, just for the sake of it.
</div>
<div class="p-2">
If you'd like to support, consider <a class="link link-accent" href="/#contact">contacting us</a>!
</div>
</div>
</div>
</div>
</div>