-
-
+ - To get started, edit the page.tsx file. -
-- Looking for a starting point or more instructions? Head over to{" "} - - Templates - {" "} - or the{" "} - - Learning - {" "} - center. -
-
+
+
+
);
-}
+}
\ No newline at end of file
diff --git a/src/components/layout/Footer.tsx b/src/components/layout/Footer.tsx
new file mode 100644
index 0000000..21c907b
--- /dev/null
+++ b/src/components/layout/Footer.tsx
@@ -0,0 +1,29 @@
+import { Github } from 'lucide-react';
+
+export const Footer = () => (
+
+);
\ No newline at end of file
diff --git a/src/components/layout/Navbar.tsx b/src/components/layout/Navbar.tsx
new file mode 100644
index 0000000..5c9c8f1
--- /dev/null
+++ b/src/components/layout/Navbar.tsx
@@ -0,0 +1,89 @@
+"use client";
+import React, { useState, useEffect } from 'react';
+import { Menu, X, Github } from 'lucide-react';
+import { Button } from '../ui/Button';
+
+export const Navbar = ({ links }: { links: { name: string; href: string }[] }) => {
+ const [isMenuOpen, setIsMenuOpen] = useState(false);
+ const [scrolled, setScrolled] = useState(false);
+
+ useEffect(() => {
+ const handleScroll = () => setScrolled(window.scrollY > 20);
+ window.addEventListener('scroll', handleScroll);
+ return () => window.removeEventListener('scroll', handleScroll);
+ }, []);
+
+ return (
+
+ );
+};
\ No newline at end of file
diff --git a/src/components/sections/Features.tsx b/src/components/sections/Features.tsx
new file mode 100644
index 0000000..da8c05e
--- /dev/null
+++ b/src/components/sections/Features.tsx
@@ -0,0 +1,32 @@
+import React from 'react';
+
+interface FeatureItem {
+ icon: React.ReactNode;
+ title: string;
+ desc: string;
+}
+
+export const Features = ({ items }: { items: FeatureItem[] }) => (
+
+
+
+ {items.map((feature, idx) => (
+
+
+
+ ))}
+
+ {feature.icon}
+
+ + {feature.title} +
++ {feature.desc} +
+
+
+ Ship documentation
+
+
+
+
+ Ship documentation
+ as fast as your code.
+
+ + ReadmeGenAI scans your repository and crafts professional README files automatically. +
+
+
+
+
+
+
+);
\ No newline at end of file
diff --git a/src/components/ui/Button.tsx b/src/components/ui/Button.tsx
new file mode 100644
index 0000000..d148411
--- /dev/null
+++ b/src/components/ui/Button.tsx
@@ -0,0 +1,23 @@
+import React from 'react';
+
+interface ButtonProps extends React.ButtonHTMLAttributes
+ {/* Terminal Header */}
+
+
+
+
+ {/* Terminal Content */}
+
+
+
+
+
+
+ bash — readme-generator
+
+
+
+
+ ➜
+ npx readmegenai init
+
+
+
+
+
+ + ● Analyzing codebase... +
+✓ Detected Next.js 15 & TailwindCSS
+✓ Parsed 14 API endpoints
+✓ Metadata successfully pulled from Octokit
+
+
+
+ ✨ README.md generated successfully!
+
+ ➜
+
+
+