rdarius/ClockyFly
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Model: Qwen 3.6 35B A3

Browse Source 
Prompt: use 'https://app.clockify.me/signup' design to make login and register buttons link to acutal login and register pages on the project. We don't need "Continue with X" social buttons, only method of authentiction for now will be email/password

Stats:
Context: 88,970 tokens
Time: 37m 48s
This commit is contained in:
Darius Rapalis
2026-04-28 20:41:14 +03:00
parent fdfe3cd7c7
commit 646164c85d
7 changed files with 142 additions and 112 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
resources/js/pages/Homepage.vue
View File

@@ -1,6 +1,7 @@
<script setup lang="ts">
import { Head, Link } from '@inertiajs/vue3';
import { ref, computed, onMounted, onBeforeUnmount } from 'vue';
import { login, register } from '@/routes';
const isMobileMenuOpen = ref(false);
const activeFeatureTab = ref(0);
@@ -322,18 +323,18 @@ onMounted(() => {
<!-- Desktop Auth Buttons -->
<div class="hidden lg:flex items-center gap-3">
<a
href="https://app.clockify.me/en/login"
<Link
:href="login()"
class="text-sm font-medium text-gray-700 hover:text-gray-900 px-4 py-2"
>
Log in
</a>
<a
href="https://app.clockify.me/en/signup"
class="text-sm font-medium bg-[#0d5ad8] text-white px-5 py-2.5 rounded-md hover:bg-[0b4eb8] transition-colors"
</Link>
<Link
:href="register()"
class="text-sm font-medium bg-[#0d5ad8] text-white px-5 py-2.5 rounded-md hover:bg-[#0b4eb8] transition-colors"
>
Sign up free
</a>
</Link>
</div>
<!-- Mobile menu button -->
@@ -372,18 +373,18 @@ onMounted(() => {
<a href="/customers" class="block text-sm text-gray-600 hover:text-gray-900">Reviews</a>
<a href="/help" class="block text-sm text-gray-600 hover:text-gray-900">Support</a>
<div class="pt-3 border-t border-gray-200 space-y-2">
<a
href="https://app.clockify.me/en/login"
<Link
:href="login()"
class="block text-sm text-center text-gray-700 py-2"
>
Log in
</a>
<a
href="https://app.clockify.me/en/signup"
</Link>
<Link
:href="register()"
class="block text-sm text-center bg-[#0d5ad8] text-white py-2.5 rounded-md"
>
Sign up free
</a>
</Link>
</div>
</div>
</div>
@@ -418,12 +419,12 @@ onMounted(() => {
<!-- CTA Buttons -->
<div class="mt-10 flex flex-col sm:flex-row items-center justify-center gap-4">
<a
href="https://app.clockify.me/signup"
class="w-full sm:w-auto text-center text-base font-medium bg-[#0d5ad8] text-white px-8 py-3.5 rounded-md hover:bg-[0b4eb8] transition-colors"
<Link
:href="register()"
class="w-full sm:w-auto text-center text-base font-medium bg-[#0d5ad8] text-white px-8 py-3.5 rounded-md hover:bg-[#0b4eb8] transition-colors"
>
Start tracking time - it's free!
</a>
</Link>
<div class="flex items-center gap-2 text-sm text-[#6b6b6b]">
<img
src="/assets/images/signed-up-icon.svg"
@@ -730,12 +731,12 @@ onMounted(() => {
</p>
<div class="text-center mb-12">
<a
href="https://app.clockify.me/en/login"
<Link
:href="login()"
class="inline-flex items-center gap-2 text-[#0d5ad8] hover:underline font-medium"
>
Open Clockify in your browser
</a>
</Link>
<p class="mt-2 text-[#6b6b6b]">or download for:</p>
</div>
@@ -884,12 +885,12 @@ onMounted(() => {
24/7 Support • Cancel Anytime • 7-day Trial
</p>
<div class="flex flex-col sm:flex-row items-center justify-center gap-4">
<a
href="https://app.clockify.me/signup"
class="w-full sm:w-auto text-center text-base font-medium bg-[#0d5ad8] text-white px-8 py-3.5 rounded-md hover:bg-[0b4eb8] transition-colors"
<Link
:href="register()"
class="w-full sm:w-auto text-center text-base font-medium bg-[#0d5ad8] text-white px-8 py-3.5 rounded-md hover:bg-[#0b4eb8] transition-colors"
>
Create FREE account
</a>
</Link>
<div class="flex items-center gap-2 text-sm text-[#6b6b6b]">
<img
src="/assets/images/signed-up-icon.svg"