Update src/app/page.tsx

src/app/layout.tsx

@@ -6,43 +6,26 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 
 const nunitoSans = Nunito_Sans({
-  variable: "--font-nunito-sans",
+  variable: "--font-nunito-sans",  subsets: ["latin"],
-  subsets: ["latin"],
 });
 
 const inter = Inter({
-  variable: "--font-inter",
+  variable: "--font-inter",  subsets: ["latin"],
-  subsets: ["latin"],
 });
 
 export const metadata: Metadata = {
-  title: "Artiva - AI Image Generator with Nano Banana Pro",
+  title: "Artiva - AI Image Generator with Nano Banana Pro",  description: "Generate stunning AI images instantly with Artiva. Powered by Nano Banana Pro with advanced prompt controls, style presets, and quality options.",  keywords: "AI image generator, Nano Banana Pro, text-to-image, AI art, image creation, style presets, cyberpunk, anime, 3D render",  metadataBase: new URL("https://artiva.app"),
-  description: "Generate stunning AI images instantly with Artiva. Powered by Nano Banana Pro with advanced prompt controls, style presets, and quality options.",
-  keywords: "AI image generator, Nano Banana Pro, text-to-image, AI art, image creation, style presets, cyberpunk, anime, 3D render",
-  metadataBase: new URL("https://artiva.app"),
   alternates: {
-    canonical: "https://artiva.app",
+    canonical: "https://artiva.app"},
-  },
   openGraph: {
-    title: "Artiva - AI Image Generator",
+    title: "Artiva - AI Image Generator",    description: "Create breathtaking AI images with Nano Banana Pro. Fast, powerful, and easy to use.",    url: "https://artiva.app",    siteName: "Artiva",    type: "website",    images: [
-    description: "Create breathtaking AI images with Nano Banana Pro. Fast, powerful, and easy to use.",
-    url: "https://artiva.app",
-    siteName: "Artiva",
-    type: "website",
-    images: [
       {
-        url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDZG4s4v95Ha76N4m0nYj04cW/cyberpunk-neon-city-scene-at-night-with--1772516201104-30df4fb1.png",
+        url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDZG4s4v95Ha76N4m0nYj04cW/cyberpunk-neon-city-scene-at-night-with--1772516201104-30df4fb1.png",        alt: "Artiva AI Image Generator"},
-        alt: "Artiva AI Image Generator",
-      },
     ],
   },
   twitter: {
-    card: "summary_large_image",
+    card: "summary_large_image",    title: "Artiva - AI Image Generator",    description: "Generate stunning images with Nano Banana Pro technology",    images: [
-    title: "Artiva - AI Image Generator",
+      "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDZG4s4v95Ha76N4m0nYj04cW/cyberpunk-neon-city-scene-at-night-with--1772516201104-30df4fb1.png"],
-    description: "Generate stunning images with Nano Banana Pro technology",
-    images: [
-      "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDZG4s4v95Ha76N4m0nYj04cW/cyberpunk-neon-city-scene-at-night-with--1772516201104-30df4fb1.png",
-    ],
   },
   robots: {
     index: true,

src/app/page.tsx

@@ -22,24 +22,21 @@ export default function HomePage() {
 
   const footerColumns = [
     {
-      title: "Product",
+      title: "Product",      items: [
-      items: [
         { label: "Generator", href: "/generate" },
         { label: "Gallery", href: "/gallery" },
         { label: "Features", href: "#features" },
       ],
     },
     {
-      title: "Company",
+      title: "Company",      items: [
-      items: [
         { label: "About", href: "#" },
         { label: "Blog", href: "#" },
         { label: "Careers", href: "#" },
       ],
     },
     {
-      title: "Legal",
+      title: "Legal",      items: [
-      items: [
         { label: "Privacy Policy", href: "#" },
         { label: "Terms of Service", href: "#" },
         { label: "Contact", href: "mailto:ayanhaider.jsr@gmail.com" },
@@ -80,45 +77,30 @@ export default function HomePage() {
           carouselPosition="right"
           leftCarouselItems={[
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDZG4s4v95Ha76N4m0nYj04cW/photorealistic-portrait-of-a-woman-with--1772516200749-7d42bd9a.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDZG4s4v95Ha76N4m0nYj04cW/photorealistic-portrait-of-a-woman-with--1772516200749-7d42bd9a.png",              imageAlt: "AI Generated realistic portrait"},
-              imageAlt: "AI Generated realistic portrait",
-            },
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDZG4s4v95Ha76N4m0nYj04cW/cyberpunk-neon-city-scene-at-night-with--1772516201104-30df4fb1.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDZG4s4v95Ha76N4m0nYj04cW/cyberpunk-neon-city-scene-at-night-with--1772516201104-30df4fb1.png",              imageAlt: "AI Generated cyberpunk scene"},
-              imageAlt: "AI Generated cyberpunk scene",
-            },
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDZG4s4v95Ha76N4m0nYj04cW/breathtaking-landscape-of-snow-covered-m-1772516200457-6864e36a.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDZG4s4v95Ha76N4m0nYj04cW/breathtaking-landscape-of-snow-covered-m-1772516200457-6864e36a.png",              imageAlt: "AI Generated landscape"},
-              imageAlt: "AI Generated landscape",
-            },
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDZG4s4v95Ha76N4m0nYj04cW/abstract-modern-art-with-flowing-organic-1772516200853-95ec6bdd.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDZG4s4v95Ha76N4m0nYj04cW/abstract-modern-art-with-flowing-organic-1772516200853-95ec6bdd.png",              imageAlt: "AI Generated abstract art"},
-              imageAlt: "AI Generated abstract art",
-            },
           ]}
           rightCarouselItems={[
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDZG4s4v95Ha76N4m0nYj04cW/fantasy-character-illustration-of-a-myst-1772516201580-c6cb7605.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDZG4s4v95Ha76N4m0nYj04cW/fantasy-character-illustration-of-a-myst-1772516201580-c6cb7605.png",              imageAlt: "AI Generated character design"},
-              imageAlt: "AI Generated character design",
-            },
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDZG4s4v95Ha76N4m0nYj04cW/3d-rendered-spacecraft-in-outer-space-wi-1772516201236-a0cad22d.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDZG4s4v95Ha76N4m0nYj04cW/3d-rendered-spacecraft-in-outer-space-wi-1772516201236-a0cad22d.png",              imageAlt: "AI Generated 3D render"},
-              imageAlt: "AI Generated 3D render",
-            },
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDZG4s4v95Ha76N4m0nYj04cW/premium-product-photography-of-luxury-wa-1772516200998-678e235e.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDZG4s4v95Ha76N4m0nYj04cW/premium-product-photography-of-luxury-wa-1772516200998-678e235e.png",              imageAlt: "AI Generated product visualization"},
-              imageAlt: "AI Generated product visualization",
-            },
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDZG4s4v95Ha76N4m0nYj04cW/beautiful-anime-style-illustration-of-a--1772516200517-0755eca6.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDZG4s4v95Ha76N4m0nYj04cW/beautiful-anime-style-illustration-of-a--1772516200517-0755eca6.png",              imageAlt: "AI Generated anime artwork"},
-              imageAlt: "AI Generated anime artwork",
-            },
           ]}
           buttons={[
-            { text: "Start Generating", href: "/generate" },
+            { text: "Start Free Now", href: "/generate" },
             { text: "Explore Gallery", href: "/gallery" },
           ]}
           buttonAnimation="slide-up"
+          avatarText="(No credit card required)"
         />
       </div>
 
@@ -131,21 +113,11 @@ export default function HomePage() {
           tagAnimation="slide-up"
           negativeCard={{
             items: [
-              "Limited style options",
+              "Limited style options",              "Slow generation times",              "No prompt enhancement",              "Basic quality control",              "Limited customization"],
-              "Slow generation times",
-              "No prompt enhancement",
-              "Basic quality control",
-              "Limited customization",
-            ],
           }}
           positiveCard={{
             items: [
-              "9 style presets + custom",
+              "9 style presets + custom",              "Ultra-fast processing",              "AI-powered prompt enhancer",              "Quality selector (Standard/High/Ultra)",              "Advanced seed & guidance controls"],
-              "Ultra-fast processing",
-              "AI-powered prompt enhancer",
-              "Quality selector (Standard/High/Ultra)",
-              "Advanced seed & guidance controls",
-            ],
           }}
           animationType="slide-up"
           textboxLayout="default"
@@ -166,34 +138,16 @@ export default function HomePage() {
           animationType="slide-up"
           metrics={[
             {
-              id: "1",
+              id: "1",              value: "1",              title: "Enter Your Prompt",              items: [
-              value: "1",
+                "Write what you envision",                "Use our prompt enhancer",                "Choose your style preset"],
-              title: "Enter Your Prompt",
-              items: [
-                "Write what you envision",
-                "Use our prompt enhancer",
-                "Choose your style preset",
-              ],
             },
             {
-              id: "2",
+              id: "2",              value: "2",              title: "Configure Settings",              items: [
-              value: "2",
+                "Select aspect ratio",                "Adjust quality level",                "Set output count (1-4)"],
-              title: "Configure Settings",
-              items: [
-                "Select aspect ratio",
-                "Adjust quality level",
-                "Set output count (1-4)",
-              ],
             },
             {
-              id: "3",
+              id: "3",              value: "3",              title: "Generate & Download",              items: [
-              value: "3",
+                "Watch real-time generation",                "Download in PNG or JPG",                "Save to your gallery"],
-              title: "Generate & Download",
-              items: [
-                "Watch real-time generation",
-                "Download in PNG or JPG",
-                "Save to your gallery",
-              ],
             },
           ]}
         />
@@ -212,41 +166,23 @@ export default function HomePage() {
           animationType="smooth"
           faqs={[
             {
-              id: "1",
+              id: "1",              title: "What is Nano Banana Pro?",              content:
-              title: "What is Nano Banana Pro?",
+                "Nano Banana Pro is a state-of-the-art AI image generation model that powers Artiva. It excels at creating diverse styles ranging from photorealistic images to abstract artwork, with exceptional quality and speed."},
-              content:
-                "Nano Banana Pro is a state-of-the-art AI image generation model that powers Artiva. It excels at creating diverse styles ranging from photorealistic images to abstract artwork, with exceptional quality and speed.",
-            },
             {
-              id: "2",
+              id: "2",              title: "How long does image generation take?",              content:
-              title: "How long does image generation take?",
+                "Most images generate in 5-30 seconds depending on your selected quality level. Standard quality is fastest, while Ultra provides maximum detail and fidelity."},
-              content:
-                "Most images generate in 5-30 seconds depending on your selected quality level. Standard quality is fastest, while Ultra provides maximum detail and fidelity.",
-            },
             {
-              id: "3",
+              id: "3",              title: "Can I use generated images commercially?",              content:
-              title: "Can I use generated images commercially?",
+                "Yes! All images generated through Artiva are yours to use. You retain full commercial rights to download, modify, and distribute your creations."},
-              content:
-                "Yes! All images generated through Artiva are yours to use. You retain full commercial rights to download, modify, and distribute your creations.",
-            },
             {
-              id: "4",
+              id: "4",              title: "What are style presets?",              content:
-              title: "What are style presets?",
+                "Style presets are 9 curated aesthetic templates: Realistic, Cinematic, Anime, 3D Render, Portrait, Product Shot, Fantasy, Cyberpunk, and Minimal. They guide the AI to match your desired visual aesthetic."},
-              content:
-                "Style presets are 9 curated aesthetic templates: Realistic, Cinematic, Anime, 3D Render, Portrait, Product Shot, Fantasy, Cyberpunk, and Minimal. They guide the AI to match your desired visual aesthetic.",
-            },
             {
-              id: "5",
+              id: "5",              title: "What does the Prompt Enhancer do?",              content:
-              title: "What does the Prompt Enhancer do?",
+                "The Prompt Enhancer automatically expands your short descriptions into detailed, rich prompts with context about subject, environment, lighting, and camera style—all without changing your original intent."},
-              content:
-                "The Prompt Enhancer automatically expands your short descriptions into detailed, rich prompts with context about subject, environment, lighting, and camera style—all without changing your original intent.",
-            },
             {
-              id: "6",
+              id: "6",              title: "How do I save my generations?",              content:
-              title: "How do I save my generations?",
+                "Click 'Save to Gallery' on any generated image. Your creations are cached locally and optionally synced to our database. Access them anytime from your Gallery page with full prompt history and metadata."},
-              content:
-                "Click 'Save to Gallery' on any generated image. Your creations are cached locally and optionally synced to our database. Access them anytime from your Gallery page with full prompt history and metadata.",
-            },
           ]}
         />
       </div>