new logo

proyek-frontend/app/components/landing-page/header.vue

@@ -2,7 +2,7 @@
   <header class="main-header">
     <nav class="container">
       <div class="logo">
-        <img src="/ABBAUF.png" alt="Abbauf Tech Logo" class="logo-icon">
+        <img src="/abbauflogo.png" alt="Abbauf Tech Logo" class="logo-icon">
         <span>ABBAUF TECH</span>
       </div>
       <ul class="nav-links">
@@ -52,8 +52,18 @@ const navLinks = ref([
   color: #0d6efd; 
 }
 
+
+
+.main-header {
+  position: fixed;
+  top: 0;
+  left: 0;
+  
+}
+
+
 .logo-icon {
-  width: 40px;
+  width: 55px;
   margin-right: 10px;
 }
 

proyek-frontend/app/components/landing-page/hero.vue

@@ -4,7 +4,7 @@
       
       <div class="w-full text-center lg:w-1/2">
         
-        <h1 class="text-5xl font-extrabold leading-tight text-gray-800 lg:text-6xl">
+        <h1 class="text-5xl font-extrabold leading-tight text-gray-800 lg:text-6xl ml-14">
           Buat Undangan Digital Praktis Untuk
           
           <div class="h-24 flex items-center justify-center">
@@ -16,10 +16,10 @@
           Tanpa Ribet
         </h1>
         
-        <p class="mt-4 mb-8 text-lg text-gray-600">
+        <p class="mt-4 mb-8 text-lg text-gray-600 ml-14">
           Coba undangan digital PRAKTIS untuk berbagai acara. Pilih template praktis atau premium sesuai kebutuhanmu. Praktis, cepat, dan bisa langsung digunakan.
         </p>
-        <div class="flex flex-col justify-center gap-4 sm:flex-row">
+        <div class="flex flex-col justify-center gap-4 sm:flex-row ml-14">
           <a href="#" class="inline-flex items-center justify-center rounded-lg border-2 border-green-500 bg-white px-8 py-3 font-bold text-gray-800 shadow-sm transition-transform duration-300 hover:-translate-y-1 hover:shadow-md">
             <svg class="mr-2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
               <path d="M19.2239 4.7761C17.1659 2.7181 14.6599 1.5 11.9999 1.5...Z" fill="#25D366"/>