npm - shipd - Versions diffs - 0.1.3 → 0.1.4 - Mend

shipd 0.1.3 → 0.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (115) hide show

package/base-package/app/globals.css +126 -0
package/base-package/app/layout.tsx +53 -0
package/base-package/app/page.tsx +15 -0
package/base-package/base.config.json +57 -0
package/base-package/components/ui/avatar.tsx +53 -0
package/base-package/components/ui/badge.tsx +46 -0
package/base-package/components/ui/button.tsx +59 -0
package/base-package/components/ui/card.tsx +92 -0
package/base-package/components/ui/chart.tsx +353 -0
package/base-package/components/ui/checkbox.tsx +32 -0
package/base-package/components/ui/dialog.tsx +135 -0
package/base-package/components/ui/dropdown-menu.tsx +257 -0
package/base-package/components/ui/form.tsx +167 -0
package/base-package/components/ui/input.tsx +21 -0
package/base-package/components/ui/label.tsx +24 -0
package/base-package/components/ui/progress.tsx +31 -0
package/base-package/components/ui/resizable.tsx +56 -0
package/base-package/components/ui/select.tsx +185 -0
package/base-package/components/ui/separator.tsx +28 -0
package/base-package/components/ui/sheet.tsx +139 -0
package/base-package/components/ui/skeleton.tsx +13 -0
package/base-package/components/ui/sonner.tsx +25 -0
package/base-package/components/ui/switch.tsx +31 -0
package/base-package/components/ui/tabs.tsx +66 -0
package/base-package/components/ui/textarea.tsx +18 -0
package/base-package/components/ui/toggle-group.tsx +73 -0
package/base-package/components/ui/toggle.tsx +47 -0
package/base-package/components/ui/tooltip.tsx +61 -0
package/base-package/components.json +21 -0
package/base-package/eslint.config.mjs +16 -0
package/base-package/lib/utils.ts +6 -0
package/base-package/middleware.ts +12 -0
package/base-package/next.config.ts +27 -0
package/base-package/package.json +49 -0
package/base-package/postcss.config.mjs +5 -0
package/base-package/public/favicon.svg +4 -0
package/base-package/tailwind.config.ts +89 -0
package/base-package/tsconfig.json +27 -0
package/dist/index.js +1858 -956
package/features/ai-chat/README.md +258 -0
package/features/ai-chat/app/api/chat/route.ts +16 -0
package/features/ai-chat/app/dashboard/_components/chatbot.tsx +39 -0
package/features/ai-chat/app/dashboard/chat/page.tsx +73 -0
package/features/ai-chat/feature.config.json +22 -0
package/features/analytics/README.md +308 -0
package/features/analytics/feature.config.json +20 -0
package/features/analytics/lib/posthog.ts +36 -0
package/features/auth/README.md +336 -0
package/features/auth/app/api/auth/[...all]/route.ts +4 -0
package/features/auth/app/dashboard/layout.tsx +15 -0
package/features/auth/app/dashboard/page.tsx +140 -0
package/features/auth/app/sign-in/page.tsx +228 -0
package/features/auth/app/sign-up/page.tsx +243 -0
package/features/auth/auth-schema.ts +47 -0
package/features/auth/components/auth/setup-instructions.tsx +123 -0
package/features/auth/feature.config.json +33 -0
package/features/auth/lib/auth-client.ts +8 -0
package/features/auth/lib/auth.ts +295 -0
package/features/auth/lib/email-stub.ts +55 -0
package/features/auth/lib/email.ts +47 -0
package/features/auth/middleware.patch.ts +43 -0
package/features/database/README.md +256 -0
package/features/database/db/drizzle.ts +48 -0
package/features/database/db/schema.ts +21 -0
package/features/database/drizzle.config.ts +13 -0
package/features/database/feature.config.json +30 -0
package/features/email/README.md +282 -0
package/features/email/emails/components/layout.tsx +181 -0
package/features/email/emails/password-reset.tsx +67 -0
package/features/email/emails/payment-failed.tsx +167 -0
package/features/email/emails/subscription-confirmation.tsx +129 -0
package/features/email/emails/welcome.tsx +100 -0
package/features/email/feature.config.json +22 -0
package/features/email/lib/email.ts +118 -0
package/features/file-upload/README.md +271 -0
package/features/file-upload/app/api/upload-image/route.ts +64 -0
package/features/file-upload/app/dashboard/upload/page.tsx +324 -0
package/features/file-upload/feature.config.json +23 -0
package/features/file-upload/lib/upload-image.ts +28 -0
package/features/marketing-landing/README.md +266 -0
package/features/marketing-landing/app/page.tsx +25 -0
package/features/marketing-landing/components/homepage/cli-workflow-section.tsx +231 -0
package/features/marketing-landing/components/homepage/features-section.tsx +152 -0
package/features/marketing-landing/components/homepage/footer.tsx +53 -0
package/features/marketing-landing/components/homepage/hero-section.tsx +112 -0
package/features/marketing-landing/components/homepage/integrations.tsx +124 -0
package/features/marketing-landing/components/homepage/navigation.tsx +116 -0
package/features/marketing-landing/components/homepage/news-section.tsx +82 -0
package/features/marketing-landing/components/homepage/pricing-section.tsx +98 -0
package/features/marketing-landing/components/homepage/testimonials-section.tsx +34 -0
package/features/marketing-landing/components/logos/BetterAuth.tsx +21 -0
package/features/marketing-landing/components/logos/NeonPostgres.tsx +41 -0
package/features/marketing-landing/components/logos/Nextjs.tsx +72 -0
package/features/marketing-landing/components/logos/Polar.tsx +7 -0
package/features/marketing-landing/components/logos/TailwindCSS.tsx +27 -0
package/features/marketing-landing/components/logos/index.ts +6 -0
package/features/marketing-landing/components/logos/shadcnui.tsx +8 -0
package/features/marketing-landing/feature.config.json +23 -0
package/features/payments/README.md +306 -0
package/features/payments/app/api/subscription/route.ts +25 -0
package/features/payments/app/dashboard/payment/_components/manage-subscription.tsx +22 -0
package/features/payments/app/dashboard/payment/page.tsx +126 -0
package/features/payments/app/success/page.tsx +123 -0
package/features/payments/feature.config.json +31 -0
package/features/payments/lib/polar-products.ts +49 -0
package/features/payments/lib/subscription.ts +148 -0
package/features/payments/payments-schema.ts +30 -0
package/features/seo/README.md +244 -0
package/features/seo/app/blog/[slug]/page.tsx +314 -0
package/features/seo/app/blog/page.tsx +107 -0
package/features/seo/app/robots.txt +13 -0
package/features/seo/app/sitemap.ts +70 -0
package/features/seo/feature.config.json +19 -0
package/features/seo/lib/seo-utils.ts +163 -0
package/package.json +3 -1

package/features/seo/README.md ADDED Viewed

@@ -0,0 +1,244 @@
+# SEO Module - Integration Guide
+## Overview
+The SEO module provides a complete SEO foundation for your Next.js application, including automated sitemap generation, robots.txt, blog structure, and structured data utilities.
+## What's Included
+### Files Added
+- `app/sitemap.ts` - Automated sitemap generation
+- `app/robots.txt` - Search engine crawler instructions
+- `app/blog/` - Complete blog structure with example posts
+- `lib/seo-utils.ts` - Helper functions for structured data and metadata
+### Features
+✅ **Automated Sitemap Generation**
+- Dynamically generates sitemap.xml
+- Includes all major routes (home, blog, pricing, docs, etc.)
+- Supports blog posts with proper priorities and change frequencies
+✅ **Robots.txt**
+- Allows all crawlers by default
+- Blocks sensitive routes (API, dashboard, auth pages)
+- Points to sitemap location
+✅ **Blog Structure**
+- Blog listing page (`/blog`)
+- Individual blog post pages (`/blog/[slug]`)
+- Markdown content support via react-markdown
+- SEO-optimized metadata for each post
+✅ **Structured Data Utilities**
+- JSON-LD generation for WebApplication
+- BlogPosting structured data
+- Organization schema
+- OpenGraph and Twitter Card helpers
+## Dependencies
+This module requires:
+- `react-markdown` (for blog content)
+- `remark-gfm` (for GitHub Flavored Markdown)
+These are automatically added to your `package.json` when you append this module.
+## Environment Variables
+Add to your `.env.local`:
+```env
+NEXT_PUBLIC_APP_URL=http://localhost:3000
+```
+For production, set this to your actual domain:
+```env
+NEXT_PUBLIC_APP_URL=https://yourdomain.com
+```
+## Manual Integration Steps
+### 1. Verify Files Were Copied
+After appending, check that these files exist:
+- `app/sitemap.ts`
+- `app/robots.txt`
+- `app/blog/page.tsx`
+- `app/blog/[slug]/page.tsx`
+- `lib/seo-utils.ts`
+### 2. Update Sitemap with Your Routes
+Edit `app/sitemap.ts` to include all your application routes:
+```typescript
+// Add your custom routes
+{
+  url: `${baseUrl}/your-custom-page`,
+  lastModified: new Date(),
+  changeFrequency: 'monthly',
+  priority: 0.8,
+}
+```
+### 3. Update Blog Posts
+Edit `app/blog/page.tsx` and `app/blog/[slug]/page.tsx` to use your actual blog content. In production, you might:
+- Fetch from a CMS (Contentful, Sanity, etc.)
+- Read from markdown files
+- Query from a database
+### 4. Add Structured Data to Layout
+In your `app/layout.tsx`, add structured data:
+```typescript
+import { generateWebAppStructuredData } from '@/lib/seo-utils';
+export default function RootLayout({ children }) {
+  const jsonLd = generateWebAppStructuredData(
+    'Your App Name',
+    'Your app description',
+    'https://yourdomain.com'
+  );
+  return (
+    <html>
+      <head>
+        <script
+          type="application/ld+json"
+          dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}
+        />
+      </head>
+      <body>{children}</body>
+    </html>
+  );
+}
+```
+### 5. Add Structured Data to Blog Posts
+In `app/blog/[slug]/page.tsx`, add blog post structured data:
+```typescript
+import { generateBlogPostStructuredData } from '@/lib/seo-utils';
+export default function BlogPost({ params }) {
+  const post = getPost(params.slug);
+  const jsonLd = generateBlogPostStructuredData(
+    post.title,
+    post.description,
+    `https://yourdomain.com/blog/${post.slug}`,
+    post.date,
+    post.dateModified,
+    post.author,
+    post.image
+  );
+  return (
+    <>
+      <script
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}
+      />
+      {/* Blog post content */}
+    </>
+  );
+}
+```
+## Usage Examples
+### Generate OpenGraph Metadata
+```typescript
+import { generateOpenGraphMetadata } from '@/lib/seo-utils';
+export const metadata = {
+  ...generateOpenGraphMetadata(
+    'Page Title',
+    'Page description',
+    'https://yourdomain.com/page',
+    'https://yourdomain.com/og-image.png'
+  ),
+};
+```
+### Generate Twitter Card Metadata
+```typescript
+import { generateTwitterCardMetadata } from '@/lib/seo-utils';
+export const metadata = {
+  twitter: generateTwitterCardMetadata(
+    'Page Title',
+    'Page description',
+    'https://yourdomain.com/twitter-image.png',
+    'yourhandle'
+  ),
+};
+```
+## Testing
+1. **Test Sitemap**: Visit `http://localhost:3000/sitemap.xml`
+2. **Test Robots.txt**: Visit `http://localhost:3000/robots.txt`
+3. **Test Blog**: Visit `http://localhost:3000/blog`
+4. **Test Blog Post**: Visit `http://localhost:3000/blog/getting-started-with-saas`
+## Customization
+### Update Robots.txt Rules
+Edit `app/robots.txt` to customize crawler access:
+```
+# Disallow specific paths
+Disallow: /admin/
+Disallow: /private/
+```
+### Add More Routes to Sitemap
+Edit `app/sitemap.ts` and add your routes to the return array.
+### Customize Blog Structure
+The blog pages are fully customizable. Update:
+- `app/blog/page.tsx` - Blog listing page
+- `app/blog/[slug]/page.tsx` - Individual blog post page
+## Related Modules
+- **Marketing Landing Page** - Works great with SEO for discoverability
+- **Documentation Pages** - Can be included in sitemap
+## Module Status
+✅ **Ready to Use** - Works immediately after append
+✅ **Template Variables** - Uses {{APP_URL}} in robots.txt
+✅ **No Conflicts** - Safe to append to any project
+## Troubleshooting
+### Sitemap Not Generating
+- Ensure `NEXT_PUBLIC_APP_URL` is set in `.env.local`
+- Check that `app/sitemap.ts` exists
+- Verify Next.js version supports `MetadataRoute.Sitemap`
+### Blog Posts Not Showing
+- Check that blog posts array is populated in `app/blog/page.tsx`
+- Verify markdown content exists in `app/blog/[slug]/page.tsx`
+- Ensure `react-markdown` and `remark-gfm` are installed
+### Structured Data Not Validating
+- Use [Google's Rich Results Test](https://search.google.com/test/rich-results)
+- Verify JSON-LD syntax is correct
+- Check that required fields are present

package/features/seo/app/blog/[slug]/page.tsx ADDED Viewed

@@ -0,0 +1,314 @@
+import { notFound } from "next/navigation";
+import Link from "next/link";
+import { ArrowLeft, Calendar, Clock } from "lucide-react";
+import ReactMarkdown from "react-markdown";
+import remarkGfm from "remark-gfm";
+// Blog posts content
+// In production, this would come from a CMS, database, or markdown files
+const blogPosts: Record<string, {
+  title: string;
+  description: string;
+  date: string;
+  author: string;
+  readTime: string;
+  category: string;
+  content: string;
+}> = {
+  "getting-started-with-saas": {
+    title: "Getting Started with Your SaaS Journey",
+    description: "Learn how to validate your SaaS idea and build your first MVP in record time.",
+    date: "2024-12-15",
+    author: "{{PROJECT_NAME}} Team",
+    readTime: "5 min read",
+    category: "Guides",
+    content: `
+# Getting Started with Your SaaS Journey
+Building a successful SaaS product starts with validation. Here's how to get started quickly and efficiently.
+## 1. Validate Your Idea
+Before writing a single line of code, talk to potential customers. Understanding their pain points is crucial.
+### Key Questions to Ask:
+- What problem are they currently facing?
+- How are they solving it today?
+- Would they pay for a better solution?
+## 2. Build Your MVP
+Focus on the core features that solve the main problem. Don't get caught up in building everything at once.
+**Essential MVP features:**
+- User authentication
+- Core functionality
+- Basic payment integration
+- Simple dashboard
+## 3. Get Your First Customers
+Launch early and iterate based on feedback. Your first 10 customers will teach you more than any market research.
+> "The best way to predict the future is to create it." - Peter Drucker
+## Next Steps
+Ready to build? Check out our comprehensive starter template that includes everything you need to launch your SaaS in days, not months.
+    `,
+  },
+  "optimizing-conversion-rates": {
+    title: "10 Proven Ways to Optimize Your SaaS Conversion Rates",
+    description: "Discover actionable strategies to convert more visitors into paying customers.",
+    date: "2024-12-10",
+    author: "{{PROJECT_NAME}} Team",
+    readTime: "8 min read",
+    category: "Marketing",
+    content: `
+# 10 Proven Ways to Optimize Your SaaS Conversion Rates
+Increasing your conversion rate can dramatically impact your revenue. Here are 10 proven strategies.
+## 1. Simplify Your Signup Flow
+Remove unnecessary fields. Every additional field reduces conversions by an average of 11%.
+## 2. Add Social Proof
+Display customer testimonials, logos, and case studies prominently on your landing page.
+## 3. Offer a Free Trial
+Let users experience your product before asking for payment. Free trials can increase conversions by up to 300%.
+## 4. Optimize Your Pricing Page
+Make your pricing transparent and easy to understand. Highlight the most popular plan.
+## 5. Use Clear CTAs
+Your call-to-action buttons should be specific. Instead of "Submit," use "Start Your Free Trial."
+## 6. Implement Exit-Intent Popups
+Catch users before they leave with a special offer or helpful resource.
+## 7. A/B Test Everything
+Test your headlines, CTAs, colors, and copy. Small changes can lead to big improvements.
+## 8. Reduce Page Load Time
+Every second of delay can cost you 7% in conversions. Optimize for speed.
+## 9. Mobile Optimization
+Over 50% of traffic is mobile. Ensure your site works perfectly on all devices.
+## 10. Follow Up Quickly
+Respond to inquiries within 5 minutes. The odds of qualifying a lead decrease by 400% after that.
+## Conclusion
+Implementing these strategies systematically can double or triple your conversion rates. Start with the quickest wins and iterate from there.
+    `,
+  },
+  "scaling-your-saas": {
+    title: "Scaling Your SaaS: Infrastructure Best Practices",
+    description: "Technical insights on scaling your application to handle thousands of users.",
+    date: "2024-12-05",
+    author: "{{PROJECT_NAME}} Team",
+    readTime: "10 min read",
+    category: "Engineering",
+    content: `
+# Scaling Your SaaS: Infrastructure Best Practices
+As your SaaS grows, you'll need to scale your infrastructure. Here's how to do it right.
+## Database Optimization
+### Connection Pooling
+Use connection pooling to manage database connections efficiently. Tools like PgBouncer can help.
+\`\`\`typescript
+// Example: Using connection pooling with Drizzle
+import { drizzle } from 'drizzle-orm/postgres-js';
+import postgres from 'postgres';
+const client = postgres(process.env.DATABASE_URL!, { max: 10 });
+const db = drizzle(client);
+\`\`\`
+## Caching Strategy
+Implement multi-layer caching:
+1. **Browser caching** for static assets
+2. **CDN caching** for global distribution
+3. **Redis caching** for frequently accessed data
+## Load Balancing
+Distribute traffic across multiple servers to handle increased load and provide redundancy.
+## Monitoring & Observability
+Track these key metrics:
+- Response times
+- Error rates
+- Database query performance
+- Memory usage
+- CPU utilization
+## Horizontal Scaling
+Design your application to scale horizontally by adding more servers rather than upgrading existing ones.
+### Stateless Design
+Ensure your application doesn't store session state on individual servers. Use Redis or a database for session management.
+## Conclusion
+Scaling is an ongoing process. Start with good fundamentals and iterate as you grow. Monitor your metrics and optimize bottlenecks as they appear.
+    `,
+  },
+};
+export async function generateStaticParams() {
+  return Object.keys(blogPosts).map((slug) => ({
+    slug,
+  }));
+}
+export async function generateMetadata({ params }: { params: { slug: string } }) {
+  const post = blogPosts[params.slug];
+  if (!post) {
+    return {
+      title: "Post Not Found",
+    };
+  }
+  return {
+    title: post.title,
+    description: post.description,
+    openGraph: {
+      title: post.title,
+      description: post.description,
+      type: "article",
+      publishedTime: post.date,
+      authors: [post.author],
+    },
+  };
+}
+export default function BlogPost({ params }: { params: { slug: string } }) {
+  const post = blogPosts[params.slug];
+  if (!post) {
+    notFound();
+  }
+  return (
+    <div className="min-h-screen bg-black">
+      {/* Back Link */}
+      <div className="border-b border-[#2a2a2a]">
+        <div className="container mx-auto px-4 py-6 sm:px-6 lg:px-8">
+          <Link
+            href="/blog"
+            className="inline-flex items-center text-sm text-gray-400 hover:text-[#ff5722] transition-colors"
+          >
+            <ArrowLeft className="mr-2 h-4 w-4" />
+            Back to Blog
+          </Link>
+        </div>
+      </div>
+      {/* Article Header */}
+      <article className="container mx-auto px-4 py-12 sm:px-6 lg:px-8">
+        <div className="mx-auto max-w-3xl">
+          <header className="mb-12">
+            <div className="mb-4">
+              <span className="inline-flex items-center rounded-full bg-[#ff5722]/10 px-3 py-1 text-sm font-medium text-[#ff5722] border border-[#ff5722]/20">
+                {post.category}
+              </span>
+            </div>
+            <h1 className="mb-4 text-4xl font-bold tracking-tight text-white sm:text-5xl">
+              {post.title}
+            </h1>
+            <p className="text-xl text-gray-400">{post.description}</p>
+            <div className="mt-6 flex items-center gap-4 text-sm text-gray-500">
+              <div className="flex items-center gap-2">
+                <Calendar className="h-4 w-4" />
+                <time dateTime={post.date}>
+                  {new Date(post.date).toLocaleDateString("en-US", {
+                    year: "numeric",
+                    month: "long",
+                    day: "numeric",
+                  })}
+                </time>
+              </div>
+              <span>•</span>
+              <div className="flex items-center gap-2">
+                <Clock className="h-4 w-4" />
+                <span>{post.readTime}</span>
+              </div>
+            </div>
+          </header>
+          {/* Article Content */}
+          <div className="prose prose-invert prose-lg max-w-none">
+            <ReactMarkdown
+              remarkPlugins={[remarkGfm]}
+              components={{
+                h1: ({ children }) => (
+                  <h1 className="text-3xl font-bold text-white mt-8 mb-4">{children}</h1>
+                ),
+                h2: ({ children }) => (
+                  <h2 className="text-2xl font-bold text-white mt-8 mb-4">{children}</h2>
+                ),
+                h3: ({ children }) => (
+                  <h3 className="text-xl font-bold text-white mt-6 mb-3">{children}</h3>
+                ),
+                p: ({ children }) => (
+                  <p className="text-gray-300 mb-4 leading-relaxed">{children}</p>
+                ),
+                ul: ({ children }) => (
+                  <ul className="list-disc list-inside text-gray-300 mb-4 space-y-2">{children}</ul>
+                ),
+                ol: ({ children }) => (
+                  <ol className="list-decimal list-inside text-gray-300 mb-4 space-y-2">{children}</ol>
+                ),
+                blockquote: ({ children }) => (
+                  <blockquote className="border-l-4 border-[#ff5722] pl-4 italic text-gray-400 my-6">
+                    {children}
+                  </blockquote>
+                ),
+                code: ({ children, className }) => {
+                  const isBlock = className?.includes('language-');
+                  if (isBlock) {
+                    return (
+                      <pre className="bg-[#0a0a0a] border border-[#2a2a2a] rounded-lg p-4 overflow-x-auto my-6">
+                        <code className="text-sm text-gray-300">{children}</code>
+                      </pre>
+                    );
+                  }
+                  return (
+                    <code className="bg-[#1a1a1a] text-[#ff5722] px-1.5 py-0.5 rounded text-sm">
+                      {children}
+                    </code>
+                  );
+                },
+                strong: ({ children }) => (
+                  <strong className="font-bold text-white">{children}</strong>
+                ),
+              }}
+            >
+              {post.content}
+            </ReactMarkdown>
+          </div>
+        </div>
+      </article>
+    </div>
+  );
+}

package/features/seo/app/blog/page.tsx ADDED Viewed

@@ -0,0 +1,107 @@
+import Link from "next/link";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
+import { ArrowRight, Calendar } from "lucide-react";
+// Blog posts metadata
+// In a real app, this would come from a CMS or markdown files
+const blogPosts = [
+  {
+    slug: "getting-started-with-saas",
+    title: "Getting Started with Your SaaS Journey",
+    description: "Learn how to validate your SaaS idea and build your first MVP in record time.",
+    date: "2024-12-15",
+    author: "{{PROJECT_NAME}} Team",
+    readTime: "5 min read",
+    category: "Guides",
+  },
+  {
+    slug: "optimizing-conversion-rates",
+    title: "10 Proven Ways to Optimize Your SaaS Conversion Rates",
+    description: "Discover actionable strategies to convert more visitors into paying customers.",
+    date: "2024-12-10",
+    author: "{{PROJECT_NAME}} Team",
+    readTime: "8 min read",
+    category: "Marketing",
+  },
+  {
+    slug: "scaling-your-saas",
+    title: "Scaling Your SaaS: Infrastructure Best Practices",
+    description: "Technical insights on scaling your application to handle thousands of users.",
+    date: "2024-12-05",
+    author: "{{PROJECT_NAME}} Team",
+    readTime: "10 min read",
+    category: "Engineering",
+  },
+];
+export const metadata = {
+  title: "Blog",
+  description: "Insights, guides, and best practices for building successful SaaS products.",
+};
+export default function BlogPage() {
+  return (
+    <div className="min-h-screen bg-black">
+      {/* Header */}
+      <div className="border-b border-[#2a2a2a] bg-gradient-to-b from-[#0a0a0a] to-black">
+        <div className="container mx-auto px-4 py-16 sm:px-6 lg:px-8">
+          <div className="max-w-3xl">
+            <h1 className="text-4xl font-bold tracking-tight text-white sm:text-5xl md:text-6xl">
+              Blog
+            </h1>
+            <p className="mt-4 text-xl text-gray-400">
+              Insights, guides, and best practices for building successful SaaS products.
+            </p>
+          </div>
+        </div>
+      </div>
+      {/* Blog Posts Grid */}
+      <div className="container mx-auto px-4 py-16 sm:px-6 lg:px-8">
+        <div className="grid gap-8 md:grid-cols-2 lg:grid-cols-3">
+          {blogPosts.map((post) => (
+            <Link key={post.slug} href={`/blog/${post.slug}`}>
+              <Card className="h-full bg-[#0a0a0a] border-[#2a2a2a] hover:border-[#ff5722]/30 transition-all duration-300 group">
+                <CardHeader>
+                  <div className="flex items-center gap-2 text-sm text-gray-500 mb-2">
+                    <Calendar className="h-4 w-4" />
+                    <time dateTime={post.date}>
+                      {new Date(post.date).toLocaleDateString("en-US", {
+                        year: "numeric",
+                        month: "long",
+                        day: "numeric",
+                      })}
+                    </time>
+                    <span>•</span>
+                    <span>{post.readTime}</span>
+                  </div>
+                  <CardTitle className="text-white group-hover:text-[#ff5722] transition-colors">
+                    {post.title}
+                  </CardTitle>
+                  <CardDescription className="text-gray-400">
+                    {post.description}
+                  </CardDescription>
+                </CardHeader>
+                <CardContent>
+                  <div className="flex items-center justify-between">
+                    <span className="inline-flex items-center rounded-full bg-[#ff5722]/10 px-3 py-1 text-xs font-medium text-[#ff5722] border border-[#ff5722]/20">
+                      {post.category}
+                    </span>
+                    <ArrowRight className="h-4 w-4 text-gray-500 group-hover:text-[#ff5722] group-hover:translate-x-1 transition-all" />
+                  </div>
+                </CardContent>
+              </Card>
+            </Link>
+          ))}
+        </div>
+        {/* Coming Soon Message */}
+        <div className="mt-12 text-center">
+          <p className="text-gray-500">
+            More articles coming soon. Subscribe to our newsletter to stay updated!
+          </p>
+        </div>
+      </div>
+    </div>
+  );
+}

package/features/seo/app/robots.txt ADDED Viewed

@@ -0,0 +1,13 @@
+# Allow all crawlers
+User-agent: *
+Allow: /
+# Disallow specific paths
+Disallow: /api/
+Disallow: /dashboard/
+Disallow: /sign-in
+Disallow: /sign-up
+# Sitemap location
+Sitemap: {{APP_URL}}/sitemap.xml