better landing page

thefintz · Oct 9, 2024 · b8b3862 · b8b3862
1 parent 95bc915
commit b8b3862
Show file tree

Hide file tree

Showing 99 changed files with 183 additions and 92 deletions.
diff --git a/components/ComparisonCard.vue b/components/ComparisonCard.vue
@@ -0,0 +1,34 @@
+<template>
+  <div class="bg-white rounded-lg shadow-lg overflow-hidden" :class="{ 'ring-8 ring-yellow-500': highlighted }">
+    <div class="aspect-[2/3]">
+      <NuxtImg :src="imageSrc" :alt="title" class="w-content object-cover" />
+    </div>
+    <div class="p-4 bg-black">
+      <h3 class="text-xl font-bold mb-4">{{ title }}</h3>
+      <ul>
+        <li v-for="(value, key) in features" :key="key" class="flex items-center mb-2">
+          <i :class="[value ? 'pi pi-check text-green-500' : 'pi pi-times text-red-500', 'mr-2']"></i>
+          <span>{{ formatFeatureName(key) }}</span>
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+interface ComparisonCardProps {
+  title: string;
+  imageSrc: string;
+  features: Record<string, boolean>;
+  highlighted?: boolean;
+}
+
+const props = defineProps<ComparisonCardProps>();
+
+const formatFeatureName = (key: string): string => {
+  return key
+    .split(/(?=[A-Z])/)
+    .map(word => word.charAt(0).toUpperCase() + word.slice(1))
+    .join(' ');
+};
+</script>
diff --git a/components/TestimonialCard.vue b/components/TestimonialCard.vue
@@ -1,18 +1,20 @@
 <template>
   <div class="flex flex-col items-center">
-    <div class="flex justify-center items-center mt-2">
+    <div class="flex justify-center items-center">
       <span v-for="i in 5" :key="i" class="text-yellow-400">
         <i :class="i <= testimonial.rating ? 'pi pi-star-fill' : 'pi pi-star'"></i>
       </span>
     </div>
-    <img :src="testimonial.avatar" :alt="testimonial.name" class="w-20 h-20 rounded-full mb-4">
-    <div class="text-center">
-      <p class="text-lg text-gray-200 font-semibold italic mb-4">"{{ testimonial.quote }}"</p>
-      <p class="font-medium text-gray-200">{{ testimonial.name }}</p>
-      <p class="text-sm text-gray-400">{{ testimonial.company }}</p>
-      <div v-if="testimonial.verified" class="flex items-center justify-center mt-2 text-green-600">
-        <i class="pi pi-check-circle mr-1"></i>
-        <span class="text-sm">Verified Purchase</span>
+    <p class="text-lg text-gray-200 font-semibold italic mb-4 text-center">"{{ testimonial.quote }}"</p>
+    <div class="flex items-center">
+      <img :src="testimonial.avatar" :alt="testimonial.name" class="w-16 h-16 rounded-full mr-4">
+      <div>
+        <p class="font-medium text-gray-200">{{ testimonial.name }}</p>
+        <p class="text-sm text-gray-400">{{ testimonial.company }}</p>
+        <div v-if="testimonial.verified" class="flex items-center mt-2 text-green-600">
+          <i class="pi pi-check-circle mr-1"></i>
+          <span class="text-sm">Verified Purchase</span>
+        </div>
       </div>
     </div>
   </div>

diff --git a/pages/index.vue b/pages/index.vue
diff --git a/public/images/ai-image-1.png b/public/images/ai-image-1.png
diff --git a/public/images/ai-image-2.png b/public/images/ai-image-2.png
diff --git a/public/images/ai-image-3.png b/public/images/ai-image-3.png
diff --git a/public/images/ai-image-4.png b/public/images/ai-image-4.png
diff --git a/public/images/ai-image-5.png b/public/images/ai-image-5.png
diff --git a/public/images/ai-image-6.png b/public/images/ai-image-6.png
diff --git a/public/images/ai-result.png b/public/images/ai-result.png
diff --git a/public/images/alicia/barbie.jpeg b/public/images/alicia/barbie.jpeg
diff --git a/public/images/alicia/beach-sunset.jpeg b/public/images/alicia/beach-sunset.jpeg
diff --git a/public/images/alicia/beach-sunset2.jpeg b/public/images/alicia/beach-sunset2.jpeg
diff --git a/public/images/alicia/broadway.jpeg b/public/images/alicia/broadway.jpeg
diff --git a/public/images/alicia/castle-princess.jpeg b/public/images/alicia/castle-princess.jpeg
diff --git a/public/images/alicia/doctor.jpeg b/public/images/alicia/doctor.jpeg
diff --git a/public/images/alicia/elf.jpeg b/public/images/alicia/elf.jpeg
diff --git a/public/images/alicia/farmer.jpeg b/public/images/alicia/farmer.jpeg
diff --git a/public/images/alicia/forest.jpeg b/public/images/alicia/forest.jpeg
diff --git a/public/images/alicia/futuristic-city.jpeg b/public/images/alicia/futuristic-city.jpeg
diff --git a/public/images/alicia/gym.jpeg b/public/images/alicia/gym.jpeg
diff --git a/public/images/alicia/model-runway.jpeg b/public/images/alicia/model-runway.jpeg
diff --git a/public/images/alicia/palmbeach.jpeg b/public/images/alicia/palmbeach.jpeg
diff --git a/public/images/alicia/paris.jpeg b/public/images/alicia/paris.jpeg
diff --git a/public/images/alicia/queen.jpeg b/public/images/alicia/queen.jpeg
diff --git a/public/images/alicia/spaceship.jpeg b/public/images/alicia/spaceship.jpeg
diff --git a/public/images/alicia/twilight.jpeg b/public/images/alicia/twilight.jpeg
diff --git a/public/images/alicia/witch-harry-potter.jpeg b/public/images/alicia/witch-harry-potter.jpeg
diff --git a/public/images/animation.png b/public/images/animation.png
diff --git a/public/images/aurora.jpeg b/public/images/aurora.jpeg
diff --git a/public/images/aurora.png b/public/images/aurora.png
diff --git a/public/images/compare/dalle3.jpg b/public/images/compare/dalle3.jpg
diff --git a/public/images/compare/midjourney3.jpg b/public/images/compare/midjourney3.jpg
diff --git a/public/images/compare/takepicsai.jpg b/public/images/compare/takepicsai.jpg
diff --git a/public/images/compare/takepicsai_full.jpg b/public/images/compare/takepicsai_full.jpg
diff --git a/public/images/creative-studios.jpeg b/public/images/creative-studios.jpeg
diff --git a/public/images/creative-studios.png b/public/images/creative-studios.png
diff --git a/public/images/cyberpunk.png b/public/images/cyberpunk.png
diff --git a/public/images/dantas/emperor.jpeg b/public/images/dantas/emperor.jpeg
diff --git a/public/images/dantas/king.jpeg b/public/images/dantas/king.jpeg
diff --git a/public/images/dantas/maestro.jpeg b/public/images/dantas/maestro.jpeg
diff --git a/public/images/dantas/noble.jpeg b/public/images/dantas/noble.jpeg
diff --git a/public/images/drag.png b/public/images/drag.png
diff --git a/public/images/fernando-business.jpeg b/public/images/fernando-business.jpeg
diff --git a/public/images/fernando-judo.jpeg b/public/images/fernando-judo.jpeg
diff --git a/public/images/fernando-meditation.jpeg b/public/images/fernando-meditation.jpeg
diff --git a/public/images/games.png b/public/images/games.png
diff --git a/public/images/heroes.png b/public/images/heroes.png
diff --git a/public/images/history.png b/public/images/history.png
diff --git a/public/images/ian-cook.jpeg b/public/images/ian-cook.jpeg
diff --git a/public/images/joseph-library.jpeg b/public/images/joseph-library.jpeg
diff --git a/public/images/novak/chef.jpeg b/public/images/novak/chef.jpeg
diff --git a/public/images/novak/cyberpunk.jpeg b/public/images/novak/cyberpunk.jpeg
diff --git a/public/images/novak/dj.jpeg b/public/images/novak/dj.jpeg
diff --git a/public/images/novak/drag.jpeg b/public/images/novak/drag.jpeg
diff --git a/public/images/novak/games.jpeg b/public/images/novak/games.jpeg
diff --git a/public/images/novak/handgestures/crossed-arms.jpeg b/public/images/novak/handgestures/crossed-arms.jpeg
diff --git a/public/images/novak/handgestures/neutral.jpeg b/public/images/novak/handgestures/neutral.jpeg
diff --git a/public/images/novak/handgestures/peace.jpeg b/public/images/novak/handgestures/peace.jpeg
diff --git a/public/images/novak/handgestures/raised-arms.jpeg b/public/images/novak/handgestures/raised-arms.jpeg
diff --git a/public/images/novak/handgestures/smiling.jpeg b/public/images/novak/handgestures/smiling.jpeg
diff --git a/public/images/novak/handgestures/surprised.jpeg b/public/images/novak/handgestures/surprised.jpeg
diff --git a/public/images/novak/handgestures/thinking.jpeg b/public/images/novak/handgestures/thinking.jpeg
diff --git a/public/images/novak/handgestures/thumbs-up.jpeg b/public/images/novak/handgestures/thumbs-up.jpeg
diff --git a/public/images/novak/heroes.jpeg b/public/images/novak/heroes.jpeg
diff --git a/public/images/novak/history.jpeg b/public/images/novak/history.jpeg
diff --git a/public/images/novak/indian.jpeg b/public/images/novak/indian.jpeg
diff --git a/public/images/novak/mount-fuji.jpeg b/public/images/novak/mount-fuji.jpeg
diff --git a/public/images/novak/napoleon.jpeg b/public/images/novak/napoleon.jpeg
diff --git a/public/images/novak/pharaoh.jpeg b/public/images/novak/pharaoh.jpeg
diff --git a/public/images/novak/profession.jpeg b/public/images/novak/profession.jpeg
diff --git a/public/images/novak/real-1.jpeg b/public/images/novak/real-1.jpeg
diff --git a/public/images/novak/real-2.jpeg b/public/images/novak/real-2.jpeg
diff --git a/public/images/novak/real-3.jpeg b/public/images/novak/real-3.jpeg
diff --git a/public/images/novak/real-4.jpeg b/public/images/novak/real-4.jpeg
diff --git a/public/images/novak/royalty.jpeg b/public/images/novak/royalty.jpeg
diff --git a/public/images/novak/russian.jpeg b/public/images/novak/russian.jpeg
diff --git a/public/images/novak/sexy.jpeg b/public/images/novak/sexy.jpeg
diff --git a/public/images/novak/spaceship.jpeg b/public/images/novak/spaceship.jpeg
diff --git a/public/images/novak/sultan.jpeg b/public/images/novak/sultan.jpeg
diff --git a/public/images/novak/superman.jpeg b/public/images/novak/superman.jpeg
diff --git a/public/images/novak/tower-of-pisa.jpeg b/public/images/novak/tower-of-pisa.jpeg
diff --git a/public/images/novak/travel.jpeg b/public/images/novak/travel.jpeg
diff --git a/public/images/profession.png b/public/images/profession.png
diff --git a/public/images/royalty.png b/public/images/royalty.png
diff --git a/public/images/sample-1.png b/public/images/sample-1.png
diff --git a/public/images/sample-2.png b/public/images/sample-2.png
diff --git a/public/images/sample-3.png b/public/images/sample-3.png
diff --git a/public/images/sample-4.png b/public/images/sample-4.png
diff --git a/public/images/sarah/art.jpeg b/public/images/sarah/art.jpeg
diff --git a/public/images/sarah/cyberpunk.jpeg b/public/images/sarah/cyberpunk.jpeg
diff --git a/public/images/sarah/smiling.jpeg b/public/images/sarah/smiling.jpeg
diff --git a/public/images/sexy.png b/public/images/sexy.png
diff --git a/public/images/tech-vanguard.jpeg b/public/images/tech-vanguard.jpeg
diff --git a/public/images/tech-vanguard.png b/public/images/tech-vanguard.png
diff --git a/public/images/travel.png b/public/images/travel.png
diff --git a/public/images/vitoria/farmer.jpeg b/public/images/vitoria/farmer.jpeg
diff --git a/public/images/vitoria/princess.jpeg b/public/images/vitoria/princess.jpeg
diff --git a/public/images/vitoria/witch.jpeg b/public/images/vitoria/witch.jpeg