nextworks 0.2.0-alpha.17 → 0.2.0-alpha.19

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.
@@ -48,18 +48,22 @@
48
48
  "components/sections/About.tsx",
49
49
  "components/sections/Contact.tsx",
50
50
  "components/sections/CTA.tsx",
51
+ "components/sections/CommandShowcase.tsx",
51
52
  "components/sections/FAQ.tsx",
52
53
  "components/sections/Features.tsx",
53
54
  "components/sections/Footer.tsx",
55
+ "components/sections/FeaturedProjectShowcase.tsx",
54
56
  "components/sections/HeroMotion.tsx",
55
57
  "components/sections/HeroOverlay.tsx",
56
58
  "components/sections/HeroProductDemo.tsx",
57
59
  "components/sections/HeroSplit.tsx",
60
+ "components/sections/HeroWithVideo.tsx",
58
61
  "components/sections/Navbar.tsx",
59
62
  "components/sections/product-demo/ApprovalInboxPanel.tsx",
60
- "components/sections/product-demo/DemoStage.tsx",
63
+ "components/sections/product-demo/DemoStage.tsx",
61
64
  "components/sections/product-demo/DemoWindow.tsx",
62
65
  "components/sections/product-demo/KnowledgePanel.tsx",
66
+
63
67
  "components/sections/product-demo/RunConsolePanel.tsx",
64
68
  "components/sections/product-demo/types.ts",
65
69
  "components/sections/product-demo/TaskListPanel.tsx",
@@ -68,12 +72,16 @@
68
72
  "components/sections/PortfolioSimple.tsx",
69
73
  "components/sections/Pricing.tsx",
70
74
  "components/sections/ProcessTimeline.tsx",
75
+ "components/sections/ProjectDeepDive.tsx",
76
+ "components/sections/SelectedWorkRail.tsx",
71
77
  "components/sections/ServicesGrid.tsx",
72
- "components/sections/Team.tsx",
78
+ "components/sections/Team.tsx",
73
79
  "components/sections/Testimonials.tsx",
74
80
  "components/sections/TrustBadges.tsx"
75
81
  ]
76
82
  },
83
+
84
+
77
85
  "templates": {
78
86
  "description": "Full page templates (Product Launch, SaaS Dashboard, Digital Agency, Gallery)",
79
87
  "files": [
@@ -89,6 +89,9 @@ Supporting template components live alongside the template:
89
89
 
90
90
  - Customize a reusable section (Navbar/Hero/etc.):
91
91
  - edit `components/sections/<Section>.tsx`
92
+ - use `components/sections/HeroWithVideo.tsx` for a centered dark hero with CTAs, command pill, and video preview
93
+ - use `components/sections/FeaturedProjectShowcase.tsx` for a flagship project block with tags, feature bullets, CTAs, and optional media
94
+ - use `components/sections/CommandShowcase.tsx` for a terminal-style command/setup flow with optional output and notes
92
95
 
93
96
  - Customize theme/palette:
94
97
  - see `.nextworks/docs/THEME_GUIDE.md`
@@ -14,7 +14,8 @@ If you’re reading this inside your app repo, you’ll also find companion docs
14
14
  Depending on install flags, Blocks adds:
15
15
 
16
16
  - **UI primitives** under `components/ui/**` (Button, Input, Card, Select, Checkbox, Switch, Toaster, etc.)
17
- - **Reusable marketing sections** under `components/sections/**` (Navbar, Hero variants, Features, Pricing, Testimonials, FAQ, Contact, Footer, …)
17
+ - **Reusable marketing sections** under `components/sections/**` (Navbar, Hero variants including `HeroWithVideo`, `FeaturedProjectShowcase`, `CommandShowcase`, `ProjectDeepDive`, `SelectedWorkRail`, Features, Pricing, Testimonials, FAQ, Contact, Footer, …)
18
+
18
19
  - **Full page templates** under a router-native path (see below)
19
20
  - **Theme + provider utilities** under `components/**` and `lib/**`
20
21
  - **Global styles**: `app/globals.css` and `app/tw-animate.css`
@@ -22,6 +23,7 @@ Depending on install flags, Blocks adds:
22
23
 
23
24
  ---
24
25
 
26
+
25
27
  ## Install commands / options
26
28
 
27
29
  > ```bash
@@ -102,6 +104,14 @@ Notes:
102
104
 
103
105
  - Want to customize a section (Navbar/Hero/etc.)?
104
106
  - edit files directly under `components/sections/**`
107
+ - for a centered cinematic hero with a video preview, start with `components/sections/HeroWithVideo.tsx`
108
+ - for a deeper flagship project block with tags, feature bullets, CTAs, and media, use `components/sections/FeaturedProjectShowcase.tsx`
109
+ - for a terminal-style command/setup flow, use `components/sections/CommandShowcase.tsx`
110
+ - for a premium visual showcase of templates, launches, or selected projects, use `components/sections/SelectedWorkRail.tsx`
111
+ - for a reusable case-study block covering problem, solution, technical highlights, and result, use `components/sections/ProjectDeepDive.tsx`
112
+
105
113
 
106
114
  - Want to customize a template page?
115
+
107
116
  - edit the template route file (see paths above) and its local components.
117
+
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
 
3
3
  import { FAQ as SharedFAQ } from "@/components/sections/FAQ";
4
-
4
+
5
5
  export function FAQ() {
6
6
  return (
7
7
  <SharedFAQ
@@ -10,7 +10,8 @@ export function FAQ() {
10
10
  {
11
11
  question: "What kinds of coding tasks can the agent handle?",
12
12
  answer:
13
- "Teams use FlowPilot AI for bug fixes, refactors, routine maintenance, release prep, and other repeatable code changes.",
13
+ "Teams use MergeBeacon AI for bug fixes, refactors, routine maintenance, release prep, and other repeatable code changes.",
14
+
14
15
  },
15
16
  {
16
17
  question: "How do reviews and approvals work?",
@@ -2,12 +2,13 @@
2
2
 
3
3
  import { Footer as SharedFooter } from "@/components/sections/Footer";
4
4
  import { Github, Linkedin, Mail, Twitter } from "lucide-react";
5
-
5
+
6
6
  export function Footer() {
7
7
  return (
8
8
  <SharedFooter
9
9
  id="footer"
10
- footerBrandName="FlowPilot AI"
10
+ footerBrandName="MergeBeacon AI"
11
+
11
12
  footerNavLinks={[
12
13
  {
13
14
  heading: "Product",
@@ -41,30 +42,34 @@ export function Footer() {
41
42
  {
42
43
  name: "Twitter",
43
44
  icon: Twitter,
44
- url: "https://twitter.com/flowpilotai",
45
+ url: "https://twitter.com/",
45
46
  external: true,
46
- label: "Follow FlowPilot AI on Twitter",
47
+ label: "Visit Twitter",
48
+
47
49
  },
48
50
  {
49
51
  name: "LinkedIn",
50
52
  icon: Linkedin,
51
- url: "https://linkedin.com/company/flowpilotai",
53
+ url: "https://www.linkedin.com/",
52
54
  external: true,
53
- label: "Connect with FlowPilot AI on LinkedIn",
55
+ label: "Visit LinkedIn",
56
+
54
57
  },
55
58
  {
56
59
  name: "GitHub",
57
60
  icon: Github,
58
- url: "https://github.com/flowpilotai",
61
+ url: "https://github.com/",
59
62
  external: true,
60
- label: "View FlowPilot AI on GitHub",
63
+ label: "Visit GitHub",
64
+
61
65
  },
62
66
  {
63
67
  name: "Email",
64
68
  icon: Mail,
65
- url: "mailto:hello@flowpilot.ai",
66
- external: true,
67
- label: "Email FlowPilot AI",
69
+ url: "#contact",
70
+ external: false,
71
+ label: "Go to contact section",
72
+
68
73
  },
69
74
  ]}
70
75
  section={{
@@ -5,9 +5,10 @@ import { Navbar as SharedNavbar } from "@/components/sections/Navbar";
5
5
 
6
6
  type SharedNavbarProps = ComponentProps<typeof SharedNavbar>;
7
7
  type PresetOverrides = Partial<SharedNavbarProps>;
8
-
8
+
9
9
  const defaultProps: SharedNavbarProps = {
10
- brand: "FlowPilot AI",
10
+ brand: "MergeBeacon AI",
11
+
11
12
  brandNode: (
12
13
  <div className="flex h-8 w-8 items-center justify-center rounded-lg border border-[var(--navbar-border)] bg-[var(--navbar-accent)] text-[var(--navbar-toggle-bg)] shadow-sm ring-1 ring-white/20 dark:ring-white/10">
13
14
  <span className="grid grid-cols-2 gap-[2px]">
@@ -30,7 +31,8 @@ const defaultProps: SharedNavbarProps = {
30
31
  showColorModeToggle: true,
31
32
  navHeight: "h-16",
32
33
  sticky: true,
33
- ariaLabel: "FlowPilot AI main navigation",
34
+ ariaLabel: "MergeBeacon AI main navigation",
35
+
34
36
  className: "",
35
37
  nav: {
36
38
  className: