diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 922566b..8622d95 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -18,20 +18,20 @@ export const metadata: Metadata = { process.env.NEXT_PUBLIC_SITE_URL || "https://readmegen-ai.vercel.app", ), title: { - default: "ReadmeGenAI – AI GitHub README Generator", + default: "AI README Generator for GitHub Projects | ReadmeGenAI", template: "%s | ReadmeGenAI", }, description: - "ReadmeGenAI is an AI-powered tool that automatically generates professional README files for your GitHub projects. Paste your repo URL and get a polished readme.md instantly.", + "Instantly create professional GitHub README files with ReadmeGenAI. Our AI README generator analyzes your repo and produces polished markdown docs in seconds.", icons: { icon: "/ReadmeGenAI.png", shortcut: "/ReadmeGenAI.png", apple: "/ReadmeGenAI.png", }, openGraph: { - title: "ReadmeGenAI – AI GitHub README Generator", + title: "AI README Generator for GitHub Projects | ReadmeGenAI", description: - "Automatically generate professional README files from your GitHub repositories using AI.", + "Instantly create professional GitHub README files with ReadmeGenAI. Our AI README generator analyzes your repo and produces polished markdown docs in seconds.", url: "/", siteName: "ReadmeGenAI", images: [ diff --git a/src/app/page.tsx b/src/app/page.tsx index 5a0122b..6e44597 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,12 +1,24 @@ -"use client"; +import type { Metadata } from "next"; import React from "react"; import { Navbar } from "@/components/layout/Navbar"; import { Hero } from "@/components/sections/Hero"; import { Features } from "@/components/sections/Features"; +import { SEOSection } from "@/components/sections/SEOSection"; import { Footer } from "@/components/layout/Footer"; import { Code, Layout, FileText } from "lucide-react"; import { navLinks } from "@/constants/navLinks"; +export const metadata: Metadata = { + title: "AI README Generator for GitHub Projects | ReadmeGenAI", + description: + "Instantly create professional GitHub README files with ReadmeGenAI. Our AI README generator analyzes your repo and produces polished markdown docs in seconds.", + openGraph: { + title: "AI README Generator for GitHub Projects | ReadmeGenAI", + description: + "Instantly create professional GitHub README files with ReadmeGenAI. Our AI README generator analyzes your repo and produces polished markdown docs in seconds.", + }, +}; + export default function Home() { const featureList = [ { @@ -33,6 +45,8 @@ export default function Home() {
+ + {/* Removed the wrapper div that had the duplicate id="features" */}
diff --git a/src/components/sections/Features.tsx b/src/components/sections/Features.tsx index 0f6292f..19117ba 100644 --- a/src/components/sections/Features.tsx +++ b/src/components/sections/Features.tsx @@ -9,6 +9,15 @@ interface FeatureItem { export const Features = ({ items }: { items: FeatureItem[] }) => (
+
+

+ Everything You Need in an AI README Generator +

+

+ From context detection to clean markdown output, ReadmeGenAI handles + every step of the GitHub README generation process. +

+
{items.map((feature, idx) => (
{ {/* Headline */}

- Ship documentation
+ Generate GitHub README files
- as fast as your code. + with AI, in seconds.

- {/* Sub-headline */} + {/* Sub-headline / Intro paragraph */}

- ReadmeGenAI scans your repository and crafts professional, engaging - README files automatically. The perfect intro for your next big - project. + ReadmeGenAI is the ultimate AI README generator for GitHub projects. + Paste your repository URL and our AI analyzes your code, detects your + tech stack, and produces a professional GitHub README in seconds. + Powered by Google Gemini, it handles everything from installation + guides to feature descriptions—giving your documentation the polish it + deserves.

{/* CTA Buttons - Fixed Routing */} diff --git a/src/components/sections/SEOSection.tsx b/src/components/sections/SEOSection.tsx new file mode 100644 index 0000000..280b5f2 --- /dev/null +++ b/src/components/sections/SEOSection.tsx @@ -0,0 +1,101 @@ +import React from "react"; +import { CheckCircle } from "lucide-react"; + +const benefits = [ + { + text: "Save hours of manual writing — generate a complete, production-ready GitHub README in under 5 seconds.", + }, + { + text: "AI README output adapts to your stack — whether it's Next.js, Go, Python, or any other framework.", + }, + { + text: "Your code stays private — ReadmeGenAI only reads public repository metadata, never stores your source.", + }, +]; + +export const SEOSection = () => ( +
+
+ {/* Why section */} +
+

+ Why Use an AI README Generator? +

+

+ Writing a great GitHub README takes time, expertise, and consistency. + ReadmeGenAI automates the entire process—detecting your tech stack, + summarizing your project's purpose, and formatting everything to + GitHub best practices. Whether you're shipping a side project or + an enterprise library, a polished AI README makes your work stand out. +

+
+ + {/* Feature bullet points */} +
+

+ Key Benefits of ReadmeGenAI +

+
    + {benefits.map((benefit, idx) => ( +
  • + + + {benefit.text} + +
  • + ))} +
+
+ + {/* Additional H2 subheadings for keyword coverage */} +
+
+

+ Instant GitHub README Generation +

+

+ Paste any public GitHub repository URL and receive a fully + structured README in seconds. No templates to fill in, no markdown + to learn—just a professional AI README, ready to ship. +

+
+ +
+

+ Smart Codebase & Framework Detection +

+

+ Our GitHub README generator automatically identifies your + dependencies, frameworks, and project structure to produce accurate, + context-aware documentation every time. +

+
+ +
+

+ GitHub Best Practices, Built In +

+

+ Every AI README follows GitHub's formatting standards—badges, + installation instructions, usage examples, and contribution + guidelines are included automatically. +

+
+ +
+

+ Free AI README Generator for Every Developer +

+

+ ReadmeGenAI is free to use for all public repositories. Whether + you're a solo developer or an open-source maintainer, quality + documentation is now just one click away. +

+
+
+
+
+);