feat: add projects

raydak-labs · Dec 10, 2024 · 27790fd · 27790fd
1 parent 17e2ea8
commit 27790fd
Show file tree

Hide file tree

Showing 6 changed files with 167 additions and 32 deletions.
diff --git a/assets/images/pages/products/aifred.jpg b/assets/images/pages/products/aifred.jpg
diff --git a/content/projects/_index.md b/content/projects/_index.md
@@ -0,0 +1,4 @@
++++
+title = 'Projekte'
++++
+
diff --git a/content/projects/aifred.md b/content/projects/aifred.md
@@ -0,0 +1,66 @@
+---
+title: "AIFred: Dein smarter Assistent als Freelancer"
+date: 2024-12-10T11:00:00+01:00
+draft: false
+language: de
+featured_image: ../assets/images/pages/products/aifred.jpg
+page_link: https://aifred.raydak.de
+summary: Entdecke AIFred, den intelligenten Assistenten für Freelancer, der dir maßgeschneiderte Antworten auf Kundenanfragen liefert – basierend auf deinen Skills, deiner Verfügbarkeit und deinem Stundensatz.
+description: Lerne AIFred kennen – die innovative Lösung für Freelancer, um Kundenanfragen effizient und professionell zu beantworten. Spare Zeit und fokussiere dich auf das Wesentliche, während AIFred die perfekte Antwort für dich erstellt.
+author: raydak
+authorimage: ../assets/images/global/author.webp
+tags: [
+    "AIFred",
+    "Freelancer",
+    "KI",
+    "Produktivität",
+]
+categories: [
+    "tools",
+    "freelancing",
+    "productivity",
+]
+---
+
+## Was ist AIFred?
+
+Als Freelancer ist Zeit dein wertvollstes Gut. Kundenanfragen zu beantworten, kann jedoch zeitaufwendig sein – besonders, wenn jede Antwort individuell angepasst werden muss. Genau hier kommt **AIFred** ins Spiel. 
+
+AIFred ist dein persönlicher Assistent, der dir hilft, gezielte und professionelle Antworten auf Kundenanfragen zu erstellen. Dabei berücksichtigt er deine individuellen **Skills**, deine **Verfügbarkeit** und deinen **Stundensatz**. Das Ergebnis? Perfekt abgestimmte Antworten, die nicht nur Zeit sparen, sondern auch deine Professionalität unterstreichen.
+
+---
+
+## Warum AIFred?
+
+Mit AIFred profitierst du von zahlreichen Vorteilen:
+
+- **Zeitersparnis:** Keine mühsame manuelle Anpassung von Antworten mehr – AIFred erledigt das für dich in Sekunden.
+- **Individuelle Anpassung:** Jede Antwort wird exakt auf dein Profil zugeschnitten.
+- **Professioneller Auftritt:** Beeindrucke potenzielle Kunden mit präzisen und durchdachten Antworten.
+- **Effizienzsteigerung:** Konzentriere dich auf deine Kernarbeit, während AIFred die Kommunikation übernimmt.
+
+---
+
+## Wie funktioniert AIFred?
+
+Die Nutzung von AIFred ist denkbar einfach:
+
+1. Gib deine grundlegenden Informationen wie Skills, Verfügbarkeit und Stundensatz in AIFred ein.
+2. Lade eine Kundenanfrage hoch oder gib sie direkt ein.
+3. Lass AIFred die Arbeit machen – er erstellt eine perfekt formulierte Antwort für dich.
+
+Das Beste daran? Du behältst immer die Kontrolle und kannst die Antwort vor dem Versenden anpassen.
+
+---
+
+## Für wen ist AIFred geeignet?
+
+AIFred wurde speziell für Freelancer entwickelt, die ihre Kommunikation mit potenziellen Kunden optimieren möchten. Egal ob du Designer, Entwickler, Berater oder in einem anderen Bereich tätig bist – AIFred passt sich deinen Bedürfnissen an.
+
+---
+
+## Fazit
+
+Mit AIFred hast du einen zuverlässigen Partner an deiner Seite, der dir den Alltag als Freelancer erleichtert. Spare Zeit, steigere deine Effizienz und hinterlasse bei deinen Kunden einen bleibenden Eindruck. Probiere es aus und entdecke, wie einfach professionelles Freelancing sein kann!
+
+Besuche uns unter [aifred.raydak.de](https://aifred.raydak.de) und starte noch heute mit deinem persönlichen Assistenten!
diff --git a/hugo.yaml b/hugo.yaml
@@ -75,4 +75,16 @@ menu:
     - identifier: projects
       name: Projekte
       url: /projects/
+      weight: 20
+    - identifier: productlinks
+      pre: complexdropdown
+      name: Produkte
+      weight: 40
+  productlinks:
+    - identifier: appearance
+      #pre: stars # can be stars, comments or piechart
+      pre: ../assets/images/pages/products/aifred.jpg
+      name: AIFred
+      post: "KI Freelance Generator"
+      url: "https://aifred.raydak.de"
       weight: 10
diff --git a/layouts/partials/nav.html b/layouts/partials/nav.html
@@ -69,40 +69,53 @@
              x-transition:leave-start="transform opacity-100 scale-100"
              x-transition:leave-end="transform opacity-0 scale-95"
              class="absolute right-0 z-30 w-full mt-2 origin-top-right md:max-w-sm md:w-screen">
-            <div class="px-2 pt-2 pb-4 bg-white rounded-md shadow-lg text-zinc-900">
+            <div class="px-2 pt-2 pb-2 bg-white rounded-md shadow-lg text-zinc-900">
                 <div class="grid grid-cols-1 gap-4">
                     {{ range (index site.Menus .Identifier) }}
                     <a class="flex items-start p-2 bg-transparent rounded-lg group row hover:text-white focus:text-white hover:bg-primary-600 focus:bg-primary-700 focus:outline-none focus:shadow-outline"
-                       href="{{ .URL | absLangURL }}">
-                        <div class="p-3 text-white bg-primary-600 rounded-lg group-hover:bg-gray-900">
-                            {{ if (eq .Pre "stars") }}
-                            <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                 stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                 class="w-4 h-4 md:h-6 md:w-6">
-                                <path
-                                      d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z">
-                                </path>
-                            </svg>
-                            {{ else if (eq .Pre "comments") }}
-                            <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                 stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                 class="w-4 h-4 md:h-6 md:w-6">
-                                <path
-                                      d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z">
-                                </path>
-                            </svg>
+                       href="{{ .URL | absLangURL }}" target="_blank">
+                        {{ if or (hasPrefix .Pre "/") (hasPrefix .Pre ".") }}
+                          <div class="text-white bg-primary-600 rounded-lg group-hover:bg-gray-900 h-12 w-12">
+                            {{ with resources.Get .Pre }}
+                              {{ $postimage := (.Resize "48x webp q90").RelPermalink }}
+                              <img src="{{ $postimage }}" class="object-cover overflow-hidden rounded-t-lg"
+                                  loading="lazy" alt="{{ $.Title }}" />
                             {{ else }}
-                            <svg fill="none" stroke="currentColor" stroke-linecap="round"
-                                 stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
-                                 class="w-4 h-4 md:h-6 md:w-6">
-                                <path d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z">
-                                </path>
-                                <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z">
-                                </path>
-                            </svg>
+                                <!-- Fallback if the resource is not found -->
+                                <p>Image not found.</p>
                             {{ end }}
-
-                        </div>
+                          </div>
+                        {{ else }}
+                          <div class="p-3 text-white bg-primary-600 rounded-lg group-hover:bg-gray-900 h-12 w-12">
+                              {{ if (eq .Pre "stars") }}
+                              <svg fill="none" stroke="currentColor" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
+                                  class="w-4 h-4 md:h-6 md:w-6">
+                                  <path
+                                        d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z">
+                                  </path>
+                              </svg>
+                              {{ else if (eq .Pre "comments") }}
+                              <svg fill="none" stroke="currentColor" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
+                                  class="w-4 h-4 md:h-6 md:w-6">
+                                  <path
+                                        d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z">
+                                  </path>
+                              </svg>
+                              {{ else }}
+                              <svg fill="none" stroke="currentColor" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"
+                                  class="w-4 h-4 md:h-6 md:w-6">
+                                  <path d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z">
+                                  </path>
+                                  <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z">
+                                  </path>
+                              </svg>
+                              {{ end }}
+
+                          </div>
+                        {{ end }}
                         <div class="ml-3">
                             <p class="font-semibold">{{ .Name }}</p>
                             <p class="text-sm">{{ .Post }}</p>

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -8,9 +8,49 @@ module.exports = {
   theme: {
     extend: {
       colors: {
-        primary: "colors.indigo",
-        secondary: "colors.yellow",
-        neutral: "colors.gray",
+        transparent: "transparent",
+        current: "currentColor",
+        primary: {
+          DEFAULT: "#6366F1",
+          50: "#FFFFFF",
+          100: "#F9F9FE",
+          200: "#D3D4FB",
+          300: "#AEAFF8",
+          400: "#888BF4",
+          500: "#6366F1",
+          600: "#3034EC",
+          700: "#1317D1",
+          800: "#0E119E",
+          900: "#0A0C6A",
+        },
+        secondary: {
+          DEFAULT: "#ffff00",
+          50: "#fbffe7",
+          100: "#f4ffc1",
+          200: "#eeff86",
+          300: "#ecff41",
+          400: "#f2ff0d",
+          500: "#ffff00",
+          600: "#d1bf00",
+          700: "#a68b02",
+          800: "#896c0a",
+          900: "#74580f",
+          950: "#443004",
+        },
+        neutral: {
+          DEFAULT: "#6B7280",
+          50: "#CDD0D5",
+          100: "#C2C5CC",
+          200: "#ACB0BA",
+          300: "#969BA7",
+          400: "#7F8694",
+          500: "#6B7280",
+          600: "#515761",
+          700: "#383C43",
+          800: "#1E2024",
+          900: "#050506",
+        },
+        // To change these, use https://www.tailwindshades.com/ with https://tailwindcss.com/docs/customizing-colors or create your own custom colors.
       },
       lineHeight: {
         "extra-loose": "2.5",