shipd 0.1.0

package/template/app/terms-of-service/page.tsx

@@ -0,0 +1,212 @@
+import Link from "next/link";
+import { ArrowLeft } from "lucide-react";
+
+export const metadata = {
+  title: "Terms of Service",
+  description: "Terms of Service for {{PROJECT_NAME}}",
+};
+
+export default function TermsOfService() {
+  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="/"
+            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 Home
+          </Link>
+        </div>
+      </div>
+
+      {/* Content */}
+      <div className="container mx-auto px-4 py-12 sm:px-6 lg:px-8">
+        <div className="mx-auto max-w-4xl">
+          <h1 className="text-4xl font-bold tracking-tight text-white sm:text-5xl mb-4">
+            Terms of Service
+          </h1>
+          <p className="text-gray-400 mb-8">
+            Last updated: {new Date().toLocaleDateString("en-US", { year: "numeric", month: "long", day: "numeric" })}
+          </p>
+
+          <div className="space-y-8 text-gray-300">
+            {/* ChatGPT Customization Prompt */}
+            {/*
+              To customize this template, use ChatGPT with this prompt:
+
+              "I need to create Terms of Service for my SaaS product called [YOUR_PRODUCT_NAME].
+              Key details:
+              - Service description: [DESCRIBE YOUR SERVICE]
+              - Company name: [YOUR_COMPANY_NAME]
+              - Location: [YOUR_COUNTRY/STATE]
+              - Key features: [LIST KEY FEATURES]
+              - Pricing model: [SUBSCRIPTION/ONE-TIME/FREE]
+              - User data handling: [DESCRIBE]
+
+              Please generate comprehensive Terms of Service covering: acceptance of terms,
+              user accounts, service usage rules, payment terms, intellectual property,
+              limitation of liability, termination, and dispute resolution."
+            */}
+              <section>
+                <h2 className="text-2xl font-bold text-white mb-4">1. Acceptance of Terms</h2>
+                <p className="leading-relaxed">
+                  By accessing and using {{PROJECT_NAME}} (&quot;Service&quot;), you accept and agree to be bound by the
+                  terms and provision of this agreement. If you do not agree to these Terms of Service,
+                  please do not use the Service.
+                </p>
+              </section>
+
+              <section>
+                <h2 className="text-2xl font-bold text-white mb-4">2. Description of Service</h2>
+                <p className="leading-relaxed mb-4">
+                  {{PROJECT_NAME}} provides {{PROJECT_DESCRIPTION}}. The Service is provided &quot;as is&quot; and
+                  we reserve the right to modify, suspend, or discontinue the Service at any time without notice.
+                </p>
+              </section>
+
+              <section>
+                <h2 className="text-2xl font-bold text-white mb-4">3. User Accounts</h2>
+                <p className="leading-relaxed mb-4">
+                  To access certain features of the Service, you must create an account. You are responsible for:
+                </p>
+                <ul className="list-disc list-inside space-y-2 ml-4">
+                  <li>Maintaining the confidentiality of your account credentials</li>
+                  <li>All activities that occur under your account</li>
+                  <li>Notifying us immediately of any unauthorized use</li>
+                  <li>Ensuring your account information is accurate and up-to-date</li>
+                </ul>
+              </section>
+
+              <section>
+                <h2 className="text-2xl font-bold text-white mb-4">4. Acceptable Use</h2>
+                <p className="leading-relaxed mb-4">
+                  You agree not to use the Service to:
+                </p>
+                <ul className="list-disc list-inside space-y-2 ml-4">
+                  <li>Violate any applicable laws or regulations</li>
+                  <li>Infringe on intellectual property rights of others</li>
+                  <li>Transmit malicious code, viruses, or harmful content</li>
+                  <li>Attempt to gain unauthorized access to our systems</li>
+                  <li>Use the Service for any illegal or unauthorized purpose</li>
+                  <li>Interfere with or disrupt the Service or servers</li>
+                </ul>
+              </section>
+
+              <section>
+                <h2 className="text-2xl font-bold text-white mb-4">5. Payment and Billing</h2>
+                <p className="leading-relaxed mb-4">
+                  Certain features of the Service require payment of fees. You agree to:
+                </p>
+                <ul className="list-disc list-inside space-y-2 ml-4">
+                  <li>Provide accurate and complete billing information</li>
+                  <li>Pay all fees as described on our pricing page</li>
+                  <li>Authorize us to charge your payment method on a recurring basis</li>
+                  <li>Update your payment information to avoid service interruption</li>
+                </ul>
+                <p className="leading-relaxed mt-4">
+                  Subscription fees are non-refundable except as required by law. You may cancel your
+                  subscription at any time, and cancellation will take effect at the end of your current billing period.
+                </p>
+              </section>
+
+              <section>
+                <h2 className="text-2xl font-bold text-white mb-4">6. Intellectual Property</h2>
+                <p className="leading-relaxed mb-4">
+                  The Service and its original content, features, and functionality are owned by
+                  [YOUR_COMPANY_NAME] and are protected by international copyright, trademark, patent,
+                  trade secret, and other intellectual property laws.
+                </p>
+                <p className="leading-relaxed">
+                  You retain ownership of any content you submit to the Service. By submitting content,
+                  you grant us a worldwide, non-exclusive, royalty-free license to use, reproduce, and
+                  display your content solely for the purpose of providing the Service.
+                </p>
+              </section>
+
+              <section>
+                <h2 className="text-2xl font-bold text-white mb-4">7. Limitation of Liability</h2>
+                <p className="leading-relaxed mb-4">
+                  To the maximum extent permitted by law, {{PROJECT_NAME}} shall not be liable for any
+                  indirect, incidental, special, consequential, or punitive damages, or any loss of profits
+                  or revenues, whether incurred directly or indirectly, or any loss of data, use, goodwill,
+                  or other intangible losses resulting from:
+                </p>
+                <ul className="list-disc list-inside space-y-2 ml-4">
+                  <li>Your use or inability to use the Service</li>
+                  <li>Any unauthorized access to or use of our servers</li>
+                  <li>Any interruption or cessation of transmission to or from the Service</li>
+                  <li>Any bugs, viruses, or similar harmful content transmitted through the Service</li>
+                </ul>
+              </section>
+
+              <section>
+                <h2 className="text-2xl font-bold text-white mb-4">8. Disclaimer of Warranties</h2>
+                <p className="leading-relaxed">
+                  The Service is provided on an &quot;as is&quot; and &quot;as available&quot; basis without any warranties
+                  of any kind, either express or implied. We do not warrant that the Service will be
+                  uninterrupted, timely, secure, or error-free.
+                </p>
+              </section>
+
+              <section>
+                <h2 className="text-2xl font-bold text-white mb-4">9. Termination</h2>
+                <p className="leading-relaxed">
+                  We reserve the right to terminate or suspend your account and access to the Service
+                  immediately, without prior notice or liability, for any reason, including if you breach
+                  these Terms of Service. Upon termination, your right to use the Service will cease immediately.
+                </p>
+              </section>
+
+              <section>
+                <h2 className="text-2xl font-bold text-white mb-4">10. Changes to Terms</h2>
+                <p className="leading-relaxed">
+                  We reserve the right to modify these Terms at any time. We will notify you of any changes
+                  by posting the new Terms on this page and updating the &quot;Last updated&quot; date. Your continued
+                  use of the Service after any changes constitutes acceptance of the new Terms.
+                </p>
+              </section>
+
+              <section>
+                <h2 className="text-2xl font-bold text-white mb-4">11. Governing Law</h2>
+                <p className="leading-relaxed">
+                  These Terms shall be governed by and construed in accordance with the laws of
+                  [YOUR_JURISDICTION], without regard to its conflict of law provisions. Any disputes
+                  arising from these Terms or the Service shall be resolved in the courts of [YOUR_JURISDICTION].
+                </p>
+              </section>
+
+              <section>
+                <h2 className="text-2xl font-bold text-white mb-4">12. Contact Information</h2>
+                <p className="leading-relaxed">
+                  If you have any questions about these Terms of Service, please contact us at:
+                </p>
+                <div className="mt-4 bg-[#0a0a0a] border border-[#2a2a2a] rounded-lg p-6">
+                  <p className="text-gray-300">
+                    Email: <span className="text-[#ff5722]">[your-email@example.com]</span>
+                  </p>
+                  <p className="text-gray-300 mt-2">
+                    Company: <span className="text-[#ff5722]">[YOUR_COMPANY_NAME]</span>
+                  </p>
+                  <p className="text-gray-300 mt-2">
+                    Address: <span className="text-[#ff5722]">[YOUR_ADDRESS]</span>
+                  </p>
+                </div>
+              </section>
+
+              <div className="mt-12 p-6 bg-[#ff5722]/10 border border-[#ff5722]/30 rounded-lg">
+                <p className="text-sm text-gray-300">
+                  <strong className="text-[#ff5722]">Note:</strong> This is a template for Terms of Service.
+                  Please consult with a legal professional to ensure these terms are appropriate for your
+                  specific service and jurisdiction. Replace all placeholder text (marked with [BRACKETS])
+                  with your actual information.
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+  );
+}

package/template/auth-schema.ts

@@ -0,0 +1,47 @@
+import { pgTable, text, timestamp, boolean, integer } from "drizzle-orm/pg-core";
+
+export const user = pgTable("user", {
+					id: text('id').primaryKey(),
+					name: text('name').notNull(),
+ email: text('email').notNull().unique(),
+ emailVerified: boolean('email_verified').$defaultFn(() => false).notNull(),
+ image: text('image'),
+ createdAt: timestamp('created_at').$defaultFn(() => /* @__PURE__ */ new Date()).notNull(),
+ updatedAt: timestamp('updated_at').$defaultFn(() => /* @__PURE__ */ new Date()).notNull()
+				});
+
+export const session = pgTable("session", {
+					id: text('id').primaryKey(),
+					expiresAt: timestamp('expires_at').notNull(),
+ token: text('token').notNull().unique(),
+ createdAt: timestamp('created_at').notNull(),
+ updatedAt: timestamp('updated_at').notNull(),
+ ipAddress: text('ip_address'),
+ userAgent: text('user_agent'),
+ userId: text('user_id').notNull().references(()=> user.id, { onDelete: 'cascade' })
+				});
+
+export const account = pgTable("account", {
+					id: text('id').primaryKey(),
+					accountId: text('account_id').notNull(),
+ providerId: text('provider_id').notNull(),
+ userId: text('user_id').notNull().references(()=> user.id, { onDelete: 'cascade' }),
+ accessToken: text('access_token'),
+ refreshToken: text('refresh_token'),
+ idToken: text('id_token'),
+ accessTokenExpiresAt: timestamp('access_token_expires_at'),
+ refreshTokenExpiresAt: timestamp('refresh_token_expires_at'),
+ scope: text('scope'),
+ password: text('password'),
+ createdAt: timestamp('created_at').notNull(),
+ updatedAt: timestamp('updated_at').notNull()
+				});
+
+export const verification = pgTable("verification", {
+					id: text('id').primaryKey(),
+					identifier: text('identifier').notNull(),
+ value: text('value').notNull(),
+ expiresAt: timestamp('expires_at').notNull(),
+ createdAt: timestamp('created_at').$defaultFn(() => /* @__PURE__ */ new Date()),
+ updatedAt: timestamp('updated_at').$defaultFn(() => /* @__PURE__ */ new Date())
+				});

package/template/components/homepage/cli-workflow-section.tsx

@@ -0,0 +1,138 @@
+"use client";
+
+import { useEffect, useState } from "react";
+
+export default function CliWorkflowSection() {
+  const [mounted, setMounted] = useState(false);
+
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+
+  return (
+    <section className="relative min-h-[60vh] bg-black overflow-visible py-16">
+      {/* Background gradient continuation */}
+      <div className="absolute inset-0 bg-gradient-to-b from-black via-[#ff5722]/5 to-black" />
+
+      <div className="relative z-10 mx-auto max-w-4xl px-6 lg:px-8">
+        <div className="flex items-center justify-center">
+          {/* Terminal */}
+          <div
+            className={`w-full transition-all duration-700 ${
+              mounted ? "opacity-100 scale-100" : "opacity-0 scale-95"
+            }`}
+          >
+            <div className="relative group">
+              <div className="absolute -inset-1 bg-gradient-to-r from-[#ff5722] to-[#d84315] rounded-lg blur opacity-30 group-hover:opacity-60 transition duration-1000" />
+              <div className="relative w-full bg-black/90 backdrop-blur-xl rounded-lg border border-[#ff5722]/20 overflow-hidden">
+                <div className="flex items-center gap-2 px-6 py-4 border-b border-[#ff5722]/10">
+                  <div className="flex gap-1.5">
+                    <div className="w-3 h-3 rounded-full bg-red-500/80" />
+                    <div className="w-3 h-3 rounded-full bg-yellow-500/80" />
+                    <div className="w-3 h-3 rounded-full bg-green-500/80" />
+                  </div>
+                  <span className="text-xs text-gray-400 ml-2">Terminal</span>
+                </div>
+                <div className="p-6 font-mono text-sm space-y-3">
+                  {/* Step 1: Run CLI */}
+                  <div>
+                    <div className="flex items-center">
+                      <span className="text-green-400">$</span>
+                      <span className="text-[#ff7043] ml-2">npx</span>
+                      <span className="text-[#ff5722] ml-2">shipd</span>
+                      <span className="text-white ml-2">init</span>
+                    </div>
+                  </div>
+
+                  {/* Step 2: Cargo Ship + Choose name */}
+                  <div className="pt-4 space-y-2">
+                    <pre className="text-[#ff7043] text-[9px] leading-tight overflow-x-auto">
+{`                                                    # #  ( )
+                                                 ___#_#___|__
+                                             _  |____________|  _
+                                      _=====| | |            | | |==== _
+                                =====| |.---------------------------. | |====
+   <---------------------------'                                        '----------------/
+     \\    .d8888. db   db d888888b d8888b. d8888b.                                     /
+      \\   88'  YP 88   88   \\\`88'   88  \\\`8D 88  \\\`8D                                    /
+       \\  \\\`8bo.   88ooo88    88    88oodD' 88   88                                   /
+        \\   \\\`Y8b. 88~~~88    88    88~~~   88   88                                  /
+         \\ db   8D 88   88   .88.   88      88  .8D                                 /
+          \\\`8888Y' YP   YP Y888888P 88      Y8888D'                                /
+           \\_____________________________________________________________________ /
+  wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww
+wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww
+   wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww`}
+                    </pre>
+                    <div className="text-gray-400 pt-2">
+                      ? What is your project name?{" "}
+                      <span className="text-white">my-saas-app</span>
+                    </div>
+                  </div>
+
+                  {/* Step 3: Choose functionality */}
+                  <div className="pt-4 space-y-2">
+                    <div className="text-gray-400">
+                      ? Select features for your app:
+                    </div>
+                    <div className="pl-4 space-y-1">
+                      <div className="text-gray-400">
+                        <span className="text-green-400">◉</span> Authentication
+                      </div>
+                      <div className="text-gray-400">
+                        <span className="text-green-400">◉</span> Billing &
+                        Subscriptions
+                      </div>
+                      <div className="text-gray-400">
+                        <span className="text-green-400">◉</span> Dashboard
+                      </div>
+                      <div className="text-gray-400">
+                        <span className="text-green-400">◉</span> Email
+                        Integration
+                      </div>
+                    </div>
+                  </div>
+
+                  {/* Step 4: Build */}
+                  <div className="pt-4 space-y-2">
+                    <div className="text-gray-400">
+                      <span className="text-green-400">✓</span> Creating project
+                      structure...
+                    </div>
+                    <div className="text-gray-400">
+                      <span className="text-green-400">✓</span> Installing
+                      dependencies...
+                    </div>
+                    <div className="text-gray-400">
+                      <span className="text-green-400">✓</span> Configuring
+                      features...
+                    </div>
+                    <div className="text-gray-400">
+                      <span className="text-green-400">✓</span> Building
+                      application...
+                    </div>
+                    <div className="text-green-400 pt-2">
+                      🎉 Done! Your SaaS app is ready.
+                    </div>
+                  </div>
+
+                  {/* Final command */}
+                  <div className="pt-4 border-t border-[#ff5722]/10">
+                    <div className="flex items-center">
+                      <span className="text-green-400">$</span>
+                      <span className="text-white ml-2">cd my-saas-app</span>
+                    </div>
+                    <div className="flex items-center mt-2">
+                      <span className="text-green-400">$</span>
+                      <span className="text-white ml-2">npm run dev</span>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+}

package/template/components/homepage/features-section.tsx

@@ -0,0 +1,150 @@
+const features = [
+  {
+    category: "Authentication",
+    options: [
+      { name: "Better Auth", implemented: true },
+      { name: "NextAuth", implemented: false },
+      { name: "Supabase Auth", implemented: false },
+    ],
+  },
+  {
+    category: "Database",
+    options: [
+      { name: "Neon PostgreSQL", implemented: true },
+      { name: "Supabase Postgres", implemented: true },
+      { name: "MongoDB", implemented: false },
+    ],
+  },
+  {
+    category: "Payments",
+    options: [
+      { name: "Polar.sh", implemented: true },
+      { name: "Stripe", implemented: false },
+      { name: "Lemon Squeezy", implemented: false },
+    ],
+  },
+  {
+    category: "Email",
+    options: [
+      { name: "Resend", implemented: true },
+      { name: "Mailgun", implemented: false },
+    ],
+  },
+  {
+    category: "AI Integration",
+    options: [
+      { name: "OpenAI Chat", implemented: true },
+    ],
+  },
+  {
+    category: "File Storage",
+    options: [
+      { name: "Cloudflare R2", implemented: true },
+    ],
+  },
+  {
+    category: "Analytics",
+    options: [
+      { name: "PostHog", implemented: true },
+    ],
+  },
+  {
+    category: "Landing Page",
+    options: [
+      { name: "Hero Section", implemented: true },
+      { name: "Features Section", implemented: true },
+      { name: "Testimonials", implemented: true },
+      { name: "News/Blog", implemented: true },
+      { name: "Footer", implemented: true },
+    ],
+  },
+  {
+    category: "Dashboard",
+    options: [
+      { name: "User Dashboard", implemented: true },
+      { name: "Settings Page", implemented: true },
+      { name: "Billing Portal", implemented: true },
+    ],
+  },
+  {
+    category: "SEO",
+    options: [
+      { name: "Blog Structure", implemented: true },
+      { name: "Meta Tags", implemented: true },
+      { name: "Sitemap Generation", implemented: false },
+      { name: "OpenGraph Tags", implemented: false },
+      { name: "Structured Data", implemented: false },
+    ],
+  },
+];
+
+export default function FeaturesSection() {
+  return (
+    <section id="features" className="py-20 px-6 lg:px-0 bg-black">
+      <div className="mx-auto max-w-6xl">
+        <div className="mb-16">
+          <div className="flex flex-col md:flex-row md:items-center md:justify-between mb-6">
+            <div className="text-center md:text-left mb-4 md:mb-0">
+              <h2 className="text-4xl font-bold mb-4 bg-gradient-to-r from-white to-gray-400 bg-clip-text text-transparent">
+                Everything We Build
+              </h2>
+              <p className="text-gray-400 text-xl max-w-2xl">
+                Get the complete foundation with all the essential SaaS components pre-built and ready to customize.
+              </p>
+            </div>
+            <div className="text-right">
+              <div className="inline-flex items-center gap-2 px-4 py-2 rounded-lg bg-[#1a1a1a] border border-[#2a2a2a]">
+                <div className="w-3 h-3 rounded-full bg-green-500 border-2 border-green-400"></div>
+                <span className="text-sm text-gray-300">
+                  <span className="text-white font-medium">Green border</span> = Implemented
+                </span>
+              </div>
+              <p className="text-xs text-gray-500 mt-2">No border = Coming soon</p>
+            </div>
+          </div>
+        </div>
+
+        <div className="border border-[#2a2a2a] bg-[#0a0a0a] rounded-lg overflow-hidden">
+          <div className="overflow-x-auto">
+            <table className="w-full">
+              <thead>
+                <tr className="border-b border-[#2a2a2a]">
+                  <th className="px-6 py-4 text-left text-sm font-semibold text-white">Category</th>
+                  <th className="px-6 py-4 text-left text-sm font-semibold text-white">Options</th>
+                </tr>
+              </thead>
+              <tbody>
+                {features.map((feature, idx) => (
+                  <tr
+                    key={feature.category}
+                    className={`border-b border-[#2a2a2a] hover:bg-[#0a0a0a]/80 transition-colors ${
+                      idx === features.length - 1 ? "border-b-0" : ""
+                    }`}
+                  >
+                    <td className="px-6 py-4 text-white font-medium">{feature.category}</td>
+                    <td className="px-6 py-4">
+                      <div className="flex flex-wrap gap-2">
+                        {feature.options.map((option) => (
+                          <span
+                            key={option.name}
+                            className={`inline-flex items-center px-3 py-1 rounded-full text-sm bg-[#1a1a1a] text-gray-300 ${
+                              option.implemented
+                                ? "border-2 border-green-500"
+                                : "border border-[#2a2a2a]"
+                            }`}
+                          >
+                            {option.name}
+                          </span>
+                        ))}
+                      </div>
+                    </td>
+                  </tr>
+                ))}
+              </tbody>
+            </table>
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+}

package/template/components/homepage/footer.tsx

@@ -0,0 +1,53 @@
+import Link from "next/link";
+
+const links = [
+  {
+    title: "GitHub",
+    href: "https://github.com/kedbrant/Saas-scaffold",
+  },
+  {
+    title: "Documentation",
+    href: "https://github.com/kedbrant/Saas-scaffold#readme",
+  },
+  {
+    title: "Issues",
+    href: "https://github.com/kedbrant/Saas-scaffold/issues",
+  },
+  {
+    title: "Releases",
+    href: "https://github.com/kedbrant/Saas-scaffold/releases",
+  },
+];
+
+export default function FooterSection() {
+  return (
+    <footer className="bg-black border-t border-[#2a2a2a] py-12">
+      <div className="mx-auto max-w-5xl px-6">
+        <div className="flex flex-wrap justify-between gap-12">
+          <div className="order-last flex items-center gap-3 md:order-first">
+            <span className="text-gray-400 block text-center text-sm">
+              © {new Date().getFullYear()} saas-scaffold. Built with{" "}
+              <Link href="https://github.com/kedbrant/Saas-scaffold" className="hover:text-[#ff5722] transition-colors">
+                saas-scaffold
+              </Link>
+            </span>
+          </div>
+
+          <div className="order-first flex flex-wrap gap-x-6 gap-y-4 md:order-last">
+            {links.map((link, index) => (
+              <Link
+                key={index}
+                href={link.href}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="text-gray-400 hover:text-[#ff5722] block duration-150"
+              >
+                <span>{link.title}</span>
+              </Link>
+            ))}
+          </div>
+        </div>
+      </div>
+    </footer>
+  );
+}