jigsaw_engine 0.4.0

data/app/javascript/seeds/blocks/marketing/feature-section-8/render.jsx

@@ -0,0 +1,215 @@
+import Image from "next/image";
+
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
+import { Card, CardContent } from "@/components/ui/card";
+
+const tabContent = {
+  "workflow-automation": {
+    description:
+      "Transform your business operations with powerful automation capabilities. Our platform enables seamless workflow management, real-time process optimization, and intelligent task delegation. Experience enhanced efficiency and productivity through automated solutions that adapt to your business needs.",
+    image:
+      "https://images.unsplash.com/photo-1522071820081-009f0129c71c?q=80&w=500&auto=format&fit=crop&ixlib=rb-4.1.0",
+    features: [
+      {
+        title: "Intelligent Task Routing",
+        description:
+          "Automatically assign tasks to the right team members using smart algorithms.",
+      },
+      {
+        title: "Performance Metrics",
+        description:
+          "Track productivity and measure outcomes with comprehensive analytics.",
+      },
+      {
+        title: "Real-Time Updates",
+        description:
+          "Stay synchronized with instant notifications and live status updates.",
+      },
+      {
+        title: "Schedule Management",
+        description:
+          "Organize and manage timelines with intelligent scheduling capabilities.",
+      },
+    ],
+  },
+  "team-collaboration": {
+    description:
+      "Build stronger teams with our comprehensive collaboration platform. Enable real-time communication, shared workspaces, and collaborative project management. Break down silos and create a unified work environment where ideas flow freely and productivity soars.",
+    image:
+      "https://images.unsplash.com/photo-1543269865-cbf427effbad?q=80&w=500&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
+    features: [
+      {
+        title: "Unified Workspaces",
+        description:
+          "Create shared spaces where teams can collaborate in real-time.",
+      },
+      {
+        title: "Team Analytics",
+        description:
+          "Understand team dynamics and collaboration patterns with detailed insights.",
+      },
+      {
+        title: "Instant Communication",
+        description:
+          "Connect instantly with integrated messaging and video conferencing.",
+      },
+      {
+        title: "Task Completion",
+        description:
+          "Track and manage task completion with automated workflows and notifications.",
+      },
+    ],
+  },
+  "data-analytics": {
+    description:
+      "Unlock the power of your data with advanced analytics capabilities. Transform raw information into actionable insights through intuitive dashboards, custom reports, and predictive analytics. Drive strategic decisions with confidence using data-driven intelligence.",
+    image:
+      "https://images.unsplash.com/photo-1603201667141-5a2d4c673378?q=80&w=500&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
+    features: [
+      {
+        title: "Custom Dashboards",
+        description:
+          "Build personalized dashboards tailored to your specific business needs.",
+      },
+      {
+        title: "Advanced Reporting",
+        description:
+          "Generate comprehensive reports with automated data collection and analysis.",
+      },
+      {
+        title: "Predictive Insights",
+        description:
+          "Forecast trends and opportunities using machine learning algorithms.",
+      },
+      {
+        title: "Growth Analytics",
+        description:
+          "Identify growth opportunities and track key performance indicators over time.",
+      },
+    ],
+  },
+  "project-management": {
+    description:
+      "Take control of your projects with end-to-end management solutions. From initial planning to final delivery, our platform provides the tools you need to stay organized, meet deadlines, and exceed expectations. Manage resources, track progress, and ensure successful project completion.",
+    image:
+      "https://images.unsplash.com/photo-1517048676732-d65bc937f952?q=80&w=500&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
+    features: [
+      {
+        title: "Strategic Planning",
+        description:
+          "Create detailed project plans with milestones and resource allocation.",
+      },
+      {
+        title: "Progress Tracking",
+        description:
+          "Monitor project status and performance with real-time updates and metrics.",
+      },
+      {
+        title: "Resource Optimization",
+        description:
+          "Maximize efficiency by allocating resources based on project priorities.",
+      },
+      {
+        title: "Custom Configuration",
+        description:
+          "Tailor project settings and workflows to match your team's specific needs.",
+      },
+    ],
+  },
+};
+
+export default function FeatureSectionEight() {
+  return (
+    <section className="py-14 sm:py-16">
+      <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
+        <div className="mx-auto max-w-3xl space-y-4 text-center">
+          <h2 className="text-3xl leading-tight font-bold lg:text-4xl">
+            Productivity Solutions
+          </h2>
+          <p className="text-muted-foreground text-lg/relaxed">
+            Empower your team with intelligent tools for workflow automation,
+            team collaboration, data analytics, and project management.
+            Streamline operations and drive growth with comprehensive
+            productivity solutions.
+          </p>
+        </div>
+
+        <div className="mt-8 lg:mt-12">
+          <Tabs defaultValue="workflow-automation" className="w-full">
+            <div className="flex justify-center">
+              <TabsList className="inline-flex h-auto w-full flex-col md:h-12 md:flex-row">
+                <TabsTrigger
+                  className="w-full md:w-auto"
+                  value="workflow-automation"
+                >
+                  Workflow Automation
+                </TabsTrigger>
+                <TabsTrigger
+                  className="w-full md:w-auto"
+                  value="team-collaboration"
+                >
+                  Team Collaboration
+                </TabsTrigger>
+                <TabsTrigger
+                  className="w-full md:w-auto"
+                  value="data-analytics"
+                >
+                  Data Analytics
+                </TabsTrigger>
+                <TabsTrigger
+                  className="w-full md:w-auto"
+                  value="project-management"
+                >
+                  Project Management
+                </TabsTrigger>
+              </TabsList>
+            </div>
+
+            {Object.entries(tabContent).map(([key, content]) => (
+              <TabsContent key={key} value={key} className="mt-8">
+                <div className="grid gap-8 lg:grid-cols-2 lg:items-start">
+                  <div className="relative aspect-4/3 w-full overflow-hidden rounded-lg">
+                    <Image
+                      src={content.image}
+                      alt={"Productivity Solutions"}
+                      fill
+                      className="object-cover"
+                    />
+                  </div>
+
+                  <div className="space-y-6 lg:space-y-10">
+                    <div className="space-y-4">
+                      <p className="text-muted-foreground leading-relaxed">
+                        {content.description}
+                      </p>
+                    </div>
+
+                    <div className="grid gap-4 sm:grid-cols-2">
+                      {content.features.map((feature) => {
+                        return (
+                          <Card
+                            key={feature.title}
+                            className="bg-muted/50 border-0 shadow-none"
+                          >
+                            <CardContent>
+                              <h5 className="mb-2 font-medium">
+                                {feature.title}
+                              </h5>
+                              <p className="text-muted-foreground text-sm leading-relaxed">
+                                {feature.description}
+                              </p>
+                            </CardContent>
+                          </Card>
+                        );
+                      })}
+                    </div>
+                  </div>
+                </div>
+              </TabsContent>
+            ))}
+          </Tabs>
+        </div>
+      </div>
+    </section>
+  );
+}

data/app/javascript/seeds/blocks/marketing/feature-section-9/config.json

@@ -0,0 +1 @@
+{}

data/app/javascript/seeds/blocks/marketing/feature-section-9/data.js

@@ -0,0 +1 @@
+export default function(shared, config) { return config }

data/app/javascript/seeds/blocks/marketing/feature-section-9/render.jsx

@@ -0,0 +1,81 @@
+import { ArrowUpRight } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import Image from "next/image";
+
+export default function FeatureSectionNine() {
+  return (
+    <section className="py-12 sm:py-16 lg:py-20">
+      <div className="mx-auto max-w-7xl space-y-8 px-4 sm:px-6 lg:space-y-4 lg:px-8">
+        <div className="grid items-start gap-4 sm:gap-4 lg:grid-cols-2 lg:gap-10">
+          <figure className="relative aspect-4/3 w-full overflow-hidden">
+            <Image
+              src="https://images.unsplash.com/photo-1708559348128-3cde89847e2b?q=80&w=1000&auto=format&fit=crop&ixlib=rb-4.1.0"
+              fill
+              className="object-cover"
+              alt="Productivity tracking dashboard"
+            />
+          </figure>
+
+          <div className="space-y-4 lg:space-y-6">
+            <div className="space-y-2">
+              <div className="text-muted-foreground text-xs tracking-wider uppercase">
+                <span className="me-2 inline-block size-2 rounded-full bg-blue-500"></span>
+                Track Productivity
+              </div>
+
+              <h3 className="text-2xl leading-tight font-bold text-balance sm:text-3xl lg:text-4xl/tight">
+                Easily monitor what your team is working on
+              </h3>
+            </div>
+
+            <p className="text-muted-foreground text-sm leading-relaxed sm:text-base lg:text-lg">
+              Easily monitor team activities with built-in progress tracking and
+              real-time updates — giving you clarity, control, and peace of mind
+              over every project milestone.
+            </p>
+
+            <Button variant="outline" size="lg">
+              Get Started
+              <ArrowUpRight />
+            </Button>
+          </div>
+        </div>
+
+        <div className="grid items-end gap-4 sm:gap-4 lg:grid-cols-2 lg:gap-10">
+          <div className="order-2 space-y-4 lg:order-1 lg:space-y-6">
+            <div className="space-y-2">
+              <div className="text-muted-foreground text-xs tracking-wider uppercase">
+                <span className="me-2 inline-block size-2 rounded-full bg-blue-500"></span>
+                Analytics & Insights
+              </div>
+
+              <h3 className="text-2xl leading-tight font-bold text-balance sm:text-3xl lg:text-4xl/tight">
+                Get detailed insights into your team&apos;s performance
+              </h3>
+            </div>
+
+            <p className="text-muted-foreground text-sm leading-relaxed sm:text-base lg:text-lg">
+              Access comprehensive analytics and performance metrics that help
+              you make data-driven decisions. Track key indicators, identify
+              trends, and optimize your workflow for better results.
+            </p>
+
+            <Button variant="outline" size="lg">
+              Learn More
+              <ArrowUpRight />
+            </Button>
+          </div>
+
+          <figure className="relative order-1 aspect-4/3 w-full overflow-hidden lg:order-2">
+            <Image
+              src="https://images.unsplash.com/photo-1763986665850-6e66549aa8e0?q=80&w=1000&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
+              fill
+              className="object-cover"
+              alt="Team productivity dashboard"
+            />
+          </figure>
+        </div>
+      </div>
+    </section>
+  );
+}

data/app/javascript/seeds/blocks/marketing/footers-1/config.json

@@ -0,0 +1 @@
+{}

data/app/javascript/seeds/blocks/marketing/footers-1/data.js

@@ -0,0 +1 @@
+export default function(shared, config) { return config }

data/app/javascript/seeds/blocks/marketing/footers-1/render.jsx

@@ -0,0 +1,106 @@
+export default function Footer1() {
+  return (
+    <footer className="font-medium">
+      <div className="mx-auto grid max-w-7xl grid-cols-2 gap-10 px-4 py-16 md:grid-cols-5">
+        <nav className="col-span-2 md:col-span-1">
+          <a href="/">
+            <h4 className="text-foreground text-xl mb-2">Shadcn UI Kit</h4>
+          </a>
+        </nav>
+        <nav className="text-muted-foreground flex flex-col items-start space-y-2.5 md:space-y-1.5 [&_a]:text-sm">
+          <h4 className="text-foreground mb-2">Products</h4>
+          <a href="#" className="hover:text-foreground transition">
+            Todo List
+          </a>
+          <a href="#" className="hover:text-foreground transition">
+            Product Management
+          </a>
+          <a href="#" className="hover:text-foreground transition">
+            Git Manager
+          </a>
+          <a href="#" className="hover:text-foreground transition">
+            Status Reporter
+          </a>
+          <a href="#" className="hover:text-foreground transition">
+            Email Management
+          </a>
+          <a href="#" className="hover:text-foreground transition">
+            Responsibilities
+          </a>
+          <a href="#" className="hover:text-foreground transition">
+            Teams
+          </a>
+        </nav>
+        <nav className="text-muted-foreground flex flex-col items-start space-y-2.5 md:space-y-1.5 [&_a]:text-sm">
+          <h4 className="text-foreground mb-2">Resources</h4>
+          <a href="#" className="hover:text-foreground transition">
+            Technical Support
+          </a>
+          <a href="#" className="hover:text-foreground transition">
+            Licensing
+          </a>
+          <a href="#" className="hover:text-foreground transition">
+            Community
+          </a>
+          <a href="#" className="hover:text-foreground transition">
+            Knowledge Base
+          </a>
+          <a href="#" className="hover:text-foreground transition">
+            Marketplace
+          </a>
+          <a href="#" className="hover:text-foreground transition">
+            My Account
+          </a>
+          <a href="#" className="hover:text-foreground transition">
+            Support Ticket
+          </a>
+        </nav>
+        <nav className="text-muted-foreground flex flex-col items-start space-y-2.5 md:space-y-1.5 [&_a]:text-sm">
+          <h4 className="text-foreground mb-2">Learn</h4>
+          <a href="#" className="hover:text-foreground transition">
+            Certification
+          </a>
+          <a href="#" className="hover:text-foreground transition">
+            Partners
+          </a>
+          <a href="#" className="hover:text-foreground transition">
+            Documentation
+          </a>
+          <a href="#" className="hover:text-foreground transition">
+            Developer Resources
+          </a>
+          <a href="#" className="hover:text-foreground transition">
+            Purchasing FAQ
+          </a>
+          <a href="#" className="hover:text-foreground transition">
+            Enterprise services
+          </a>
+        </nav>
+        <nav className="text-muted-foreground flex flex-col items-start space-y-2.5 md:space-y-1.5 [&_a]:text-sm">
+          <h4 className="text-foreground mb-2">About Us</h4>
+          <a href="#" className="hover:text-foreground transition">
+            Company
+          </a>
+          <a href="#" className="hover:text-foreground transition">
+            Careers
+          </a>
+          <a href="#" className="hover:text-foreground transition">
+            Events
+          </a>
+          <a href="#" className="hover:text-foreground transition">
+            Blogs
+          </a>
+          <a href="#" className="hover:text-foreground transition">
+            Contact
+          </a>
+          <a href="#" className="hover:text-foreground transition">
+            Security
+          </a>
+          <a href="#" className="hover:text-foreground transition">
+            Privacy
+          </a>
+        </nav>
+      </div>
+    </footer>
+  );
+}

data/app/javascript/seeds/blocks/marketing/footers-2/config.json

@@ -0,0 +1 @@
+{}

data/app/javascript/seeds/blocks/marketing/footers-2/data.js

@@ -0,0 +1 @@
+export default function(shared, config) { return config }

data/app/javascript/seeds/blocks/marketing/footers-2/render.jsx

@@ -0,0 +1,76 @@
+import Link from "next/link";
+import { Separator } from "@/components/ui/separator";
+import { Facebook, Twitter, Instagram, Linkedin, Github } from "lucide-react";
+
+export default function Footer() {
+  return (
+    <footer className="py-12">
+      <div className="mx-auto max-w-7xl space-y-6 px-4">
+        <div className="flex flex-col items-center justify-between lg:flex-row space-y-4 lg:space-y-0">
+          {/* Logo */}
+          <Link href="/" className="text-center">
+            <h4 className="text-foreground text-xl">Shadcn UI Kit</h4>
+          </Link>
+
+          {/* Navigation Links */}
+          <nav className="text-muted-foreground [&_a]:hover:text-primary flex flex-wrap justify-center gap-4 [&_a]:text-sm">
+            <Link href="#">About</Link>
+            <Link href="#">Services</Link>
+            <Link href="#">Products</Link>
+            <Link href="#">Contact</Link>
+            <Link href="#">Blog</Link>
+          </nav>
+
+          <div className="text-muted-foreground [&_a]:hover:text-primary flex justify-center space-x-6 [&_a]:text-sm">
+            <Link href="https://facebook.com" aria-label="Facebook">
+              <Facebook className="size-4" />
+            </Link>
+            <Link href="https://twitter.com" aria-label="Twitter">
+              <Twitter className="size-4" />
+            </Link>
+            <Link href="https://instagram.com" aria-label="Instagram">
+              <Instagram className="size-4" />
+            </Link>
+            <Link href="https://linkedin.com" aria-label="LinkedIn">
+              <Linkedin className="size-4" />
+            </Link>
+            <Link href="https://github.com" aria-label="GitHub">
+              <Github className="size-4" />
+            </Link>
+          </div>
+        </div>
+
+        <Separator />
+
+        <div className="flex flex-col items-center justify-between space-y-4 md:flex-row md:space-y-0">
+          {/* Copyright */}
+          <p className="text-muted-foreground text-xs">
+            © {new Date().getFullYear()} Shadcn UI Kit. All rights reserved.
+          </p>
+
+          {/* Legal Links */}
+          <div className="flex gap-4">
+            <Link
+              href="#"
+              className="text-muted-foreground hover:text-primary text-xs hover:underline"
+            >
+              Privacy Policy
+            </Link>
+            <Link
+              href="#"
+              className="text-muted-foreground hover:text-primary text-xs hover:underline"
+            >
+              Terms of Service
+            </Link>
+            <Link
+              href="#"
+              className="text-muted-foreground hover:text-primary text-xs hover:underline"
+            >
+              Cookie Settings
+            </Link>
+          </div>
+        </div>
+      </div>
+    </footer>
+  );
+}

data/app/javascript/seeds/blocks/marketing/footers-3/config.json

@@ -0,0 +1 @@
+{}

data/app/javascript/seeds/blocks/marketing/footers-3/data.js

@@ -0,0 +1 @@
+export default function(shared, config) { return config }

data/app/javascript/seeds/blocks/marketing/footers-3/render.jsx

@@ -0,0 +1,160 @@
+import Link from "next/link";
+import { Facebook, Instagram, Twitter, Linkedin, Youtube } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Separator } from "@/components/ui/separator";
+
+export default function Footer() {
+  return (
+    <footer>
+      <div className="mx-auto max-w-7xl space-y-4 py-10 lg:py-16 lg:space-y-8 px-4">
+        <div className="flex flex-col items-start justify-between md:flex-row md:items-center">
+          <div className="mb-8 lg:mb-0 lg:max-w-md">
+            <h3 className="text-foreground mb-2 text-xl">
+              Join our newsletter
+            </h3>
+            <p className="text-muted-foreground text-sm text-balance">
+              Stay updated with the latest news, insights, and exclusive offers
+              delivered straight to your inbox.
+            </p>
+          </div>
+
+          <div className="w-full lg:w-auto">
+            <div className="mb-2 flex flex-col gap-3 sm:flex-row">
+              <Input
+                type="email"
+                placeholder="Enter your email"
+                className="min-w-[280px] flex-1"
+              />
+              <Button className="whitespace-nowrap">Subscribe</Button>
+            </div>
+          </div>
+        </div>
+
+        <Separator />
+
+        <div className="grid grid-cols-2 gap-8 lg:grid-cols-5">
+          <div className="col-span-2 lg:col-span-1">
+            <h2 className="text-foreground mb-6 text-xl">Shadcn UI Kit</h2>
+          </div>
+
+          <div>
+            <h5 className="text-foreground mb-3 font-semibold">Company</h5>
+            <ul className="text-muted-foreground [&_a]:hover:text-foreground space-y-1 [&_a]:text-sm [&_a]:hover:underline">
+              <li>
+                <Link href="/about">About Us</Link>
+              </li>
+              <li>
+                <Link href="/careers">Careers</Link>
+              </li>
+              <li>
+                <Link href="/team">Our Team</Link>
+              </li>
+              <li>
+                <Link href="/investors">Investors</Link>
+              </li>
+              <li>
+                <Link href="/news">News</Link>
+              </li>
+            </ul>
+          </div>
+
+          <div>
+            <h5 className="text-foreground mb-3 font-semibold">Products</h5>
+            <ul className="text-muted-foreground [&_a]:hover:text-foreground space-y-1 [&_a]:text-sm [&_a]:hover:underline">
+              <li>
+                <Link href="/platform">Platform</Link>
+              </li>
+              <li>
+                <Link href="/analytics">Analytics</Link>
+              </li>
+              <li>
+                <Link href="/automation">Automation</Link>
+              </li>
+              <li>
+                <Link href="/integrations">Integrations</Link>
+              </li>
+              <li>
+                <Link href="/api">API</Link>
+              </li>
+            </ul>
+          </div>
+
+          <div>
+            <h5 className="text-foreground mb-3 font-semibold">Resources</h5>
+            <ul className="text-muted-foreground [&_a]:hover:text-foreground space-y-1 [&_a]:text-sm [&_a]:hover:underline">
+              <li>
+                <Link href="/blog">Blog</Link>
+              </li>
+              <li>
+                <Link href="/documentation">Documentation</Link>
+              </li>
+              <li>
+                <Link href="/tutorials">Tutorials</Link>
+              </li>
+              <li>
+                <Link href="/case-studies">Case Studies</Link>
+              </li>
+              <li>
+                <Link href="/webinars">Webinars</Link>
+              </li>
+            </ul>
+          </div>
+
+          <div>
+            <h5 className="text-foreground mb-4 font-semibold">Support</h5>
+            <ul className="text-muted-foreground [&_a]:hover:text-foreground space-y-1 [&_a]:text-sm [&_a]:hover:underline">
+              <li>
+                <Link href="/help">Help Center</Link>
+              </li>
+              <li>
+                <Link href="/contact">Contact Us</Link>
+              </li>
+              <li>
+                <Link href="/community">Community</Link>
+              </li>
+              <li>
+                <Link href="/status">System Status</Link>
+              </li>
+              <li>
+                <Link href="/feedback">Feedback</Link>
+              </li>
+            </ul>
+          </div>
+        </div>
+
+        <Separator />
+
+        <div className="flex flex-col items-center justify-between space-y-4 md:flex-row md:space-y-0">
+          <p className="text-muted-foreground text-xs">
+            © {new Date().getFullYear()} Shadcn UI Kit. All rights reserved.
+          </p>
+
+          <div className="[&_a]:text-muted-foreground flex space-x-4 [&_a]:text-xs [&_a]:hover:underline">
+            <Link href="/privacy">Privacy Policy</Link>
+            <Link href="/terms">Terms of Service</Link>
+            <Link href="/cookies">Cookies Settings</Link>
+          </div>
+
+          <div className="[&_a]:hover:text-foreground [&_a]:text-muted-foreground flex space-x-4 [&_a]:text-sm [&_a]:hover:transition-colors">
+            <Link href="https://facebook.com" aria-label="Facebook">
+              <Facebook className="size-4" />
+            </Link>
+            <Link href="https://instagram.com" aria-label="Instagram">
+              <Instagram className="size-4" />
+            </Link>
+            <Link href="https://twitter.com" aria-label="Twitter">
+              <Twitter className="size-4" />
+            </Link>
+            <Link href="https://linkedin.com" aria-label="LinkedIn">
+              <Linkedin className="size-4" />
+            </Link>
+            <Link href="https://youtube.com" aria-label="YouTube">
+              <Youtube className="size-4" />
+            </Link>
+          </div>
+        </div>
+      </div>
+    </footer>
+  );
+}

data/app/javascript/seeds/blocks/marketing/footers-4/config.json

@@ -0,0 +1 @@
+{}

data/app/javascript/seeds/blocks/marketing/footers-4/data.js

@@ -0,0 +1 @@
+export default function(shared, config) { return config }