vibespot 1.1.1 → 1.2.0
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.
- package/LICENSE +103 -33
- package/README.md +11 -1
- package/assets/plan-templates/agency-services.md +42 -0
- package/assets/plan-templates/blog-content-hub.md +41 -0
- package/assets/plan-templates/ecommerce-product.md +42 -0
- package/assets/plan-templates/event-registration.md +42 -0
- package/assets/plan-templates/portfolio.md +41 -0
- package/assets/plan-templates/restaurant.md +42 -0
- package/assets/plan-templates/saas-landing.md +42 -0
- package/dist/index.js +240 -225
- package/dist/index.js.map +1 -1
- package/package.json +8 -4
- package/starters/01-saas-landing.json +43 -0
- package/starters/02-portfolio.json +39 -0
- package/starters/03-restaurant.json +39 -0
- package/starters/04-event.json +39 -0
- package/starters/05-coming-soon.json +32 -0
- package/ui/chat.js +865 -130
- package/ui/dashboard.js +194 -12
- package/ui/docs/index.html +89 -10
- package/ui/field-editor.js +1 -1
- package/ui/index.html +156 -37
- package/ui/marketplace.js +218 -0
- package/ui/plan.js +0 -0
- package/ui/preview.js +316 -1
- package/ui/settings.js +35 -21
- package/ui/setup.js +291 -3
- package/ui/styles.css +1305 -120
package/LICENSE
CHANGED
|
@@ -1,33 +1,103 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
1
|
+
Functional Source License, Version 1.1, Apache 2.0 Future License
|
|
2
|
+
|
|
3
|
+
Abbreviation
|
|
4
|
+
|
|
5
|
+
FSL-1.1-Apache-2.0
|
|
6
|
+
|
|
7
|
+
Notice
|
|
8
|
+
|
|
9
|
+
Copyright 2024-2026 Boris Michel
|
|
10
|
+
|
|
11
|
+
Licensed Work
|
|
12
|
+
|
|
13
|
+
vibeSpot — AI-powered HubSpot CMS landing page builder
|
|
14
|
+
|
|
15
|
+
Change Date
|
|
16
|
+
|
|
17
|
+
2031-04-26
|
|
18
|
+
|
|
19
|
+
Change License
|
|
20
|
+
|
|
21
|
+
Apache License, Version 2.0
|
|
22
|
+
|
|
23
|
+
Terms and Conditions
|
|
24
|
+
|
|
25
|
+
Licensor: Boris Michel
|
|
26
|
+
Licensed Work: vibeSpot
|
|
27
|
+
The Licensed Work is copyright 2024-2026 Boris Michel.
|
|
28
|
+
Change Date: 2031-04-26
|
|
29
|
+
Change License: Apache License, Version 2.0
|
|
30
|
+
|
|
31
|
+
For information about alternative licensing arrangements for the Licensed Work,
|
|
32
|
+
please contact Boris Michel.
|
|
33
|
+
|
|
34
|
+
Notice
|
|
35
|
+
|
|
36
|
+
This license is not an Open Source license. However, the Licensed Work will
|
|
37
|
+
eventually be made available under an Open Source license, as stated in this
|
|
38
|
+
license.
|
|
39
|
+
|
|
40
|
+
License text copyright 2023 MariaDB plc, All Rights Reserved.
|
|
41
|
+
"Functional Source License" is a trademark of MariaDB plc.
|
|
42
|
+
|
|
43
|
+
License Grant
|
|
44
|
+
|
|
45
|
+
Subject to the terms and conditions of this license, Licensor hereby grants
|
|
46
|
+
you a non-exclusive, worldwide, royalty-free, non-sublicensable, non-transferable
|
|
47
|
+
license to use, copy, modify, create derivative works, publicly perform, publicly
|
|
48
|
+
display, and redistribute the Licensed Work and any modified versions of the
|
|
49
|
+
Licensed Work, subject to the conditions in the section below titled
|
|
50
|
+
"Limitations."
|
|
51
|
+
|
|
52
|
+
Limitations
|
|
53
|
+
|
|
54
|
+
You may not make the Licensed Work available to third parties as a hosted or
|
|
55
|
+
managed service, where the service provides users with access to any substantial
|
|
56
|
+
set of the features or functionality of the Licensed Work.
|
|
57
|
+
|
|
58
|
+
You may not move, change, disable, or circumvent the license key functionality
|
|
59
|
+
in the Licensed Work, and you may not remove or obscure any functionality in the
|
|
60
|
+
Licensed Work that is protected by the license key.
|
|
61
|
+
|
|
62
|
+
You may not alter, remove, or obscure any licensing, copyright, or other notices
|
|
63
|
+
of Licensor in the Licensed Work. Any use of Licensor's trademarks is subject
|
|
64
|
+
to applicable law.
|
|
65
|
+
|
|
66
|
+
Patents
|
|
67
|
+
|
|
68
|
+
Licensor grants you a license, under any patent claims Licensor can license,
|
|
69
|
+
or becomes able to license, to make, have made, use, sell, offer for sale,
|
|
70
|
+
import and have imported the Licensed Work, in each case subject to the
|
|
71
|
+
limitations and conditions in this license. This license does not cover any
|
|
72
|
+
patent claims that you cause to be infringed by modifications or additions to
|
|
73
|
+
the Licensed Work. If you or your company make any written claim that the
|
|
74
|
+
Licensed Work (including any additions or modifications by anyone) infringes
|
|
75
|
+
or contributes to infringement of any patent, your patent license for the
|
|
76
|
+
Licensed Work granted under these terms ends immediately. If your company
|
|
77
|
+
makes such a claim, your patent license ends immediately for work on behalf
|
|
78
|
+
of your company.
|
|
79
|
+
|
|
80
|
+
Change Date and Change License
|
|
81
|
+
|
|
82
|
+
On the Change Date, or the fourth anniversary of the first publicly available
|
|
83
|
+
distribution of a specific version of the Licensed Work under this license,
|
|
84
|
+
whichever comes first, the Licensor hereby grants you rights under the terms
|
|
85
|
+
of the Change License, and the rights granted in the sections above titled
|
|
86
|
+
"License Grant" and "Patents" terminate.
|
|
87
|
+
|
|
88
|
+
If there is no specified Change Date and the above condition regarding the
|
|
89
|
+
fourth anniversary is not met, the Change License shall be deemed to be
|
|
90
|
+
the Elastic License 2.0.
|
|
91
|
+
|
|
92
|
+
Disclaimer
|
|
93
|
+
|
|
94
|
+
THE LICENSED WORK IS PROVIDED "AS IS". LICENSOR HEREBY DISCLAIMS ALL
|
|
95
|
+
WARRANTIES, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
|
|
96
|
+
OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, AND NONINFRINGEMENT.
|
|
97
|
+
|
|
98
|
+
Limitation of Liability
|
|
99
|
+
|
|
100
|
+
IN NO EVENT SHALL LICENSOR BE LIABLE FOR ANY CLAIM, DAMAGES, OR OTHER LIABILITY,
|
|
101
|
+
WHETHER IN AN ACTION OF CONTRACT, TORT, OR OTHERWISE, ARISING FROM, OUT OF, OR
|
|
102
|
+
IN CONNECTION WITH THE LICENSED WORK OR THE USE OR OTHER DEALINGS IN THE
|
|
103
|
+
LICENSED WORK.
|
package/README.md
CHANGED
|
@@ -161,6 +161,8 @@ vibespot wizard # Classic CLI wizard
|
|
|
161
161
|
vibespot init # Check and install required tools
|
|
162
162
|
vibespot convert # Convert a React project (no upload)
|
|
163
163
|
vibespot upload # Upload theme to HubSpot
|
|
164
|
+
vibespot marketplace check [--fix] [--json] # Audit theme for HubSpot Marketplace submission
|
|
165
|
+
vibespot marketplace edit # Edit Marketplace listing metadata (marketplace.json)
|
|
164
166
|
vibespot doctor # Diagnose environment issues
|
|
165
167
|
```
|
|
166
168
|
|
|
@@ -180,6 +182,14 @@ Settings are managed in the **Settings** panel (tabbed: AI, HubSpot, Figma, GitH
|
|
|
180
182
|
|
|
181
183
|
## What's New
|
|
182
184
|
|
|
185
|
+
### v1.1.3
|
|
186
|
+
- **Model selection persists for Codex CLI, Gemini CLI, and Gemini API** — picking a non-default model used to revert because the `/api/settings/engine` route had no cases for those engines, no config fields existed, and `getCurrentModel` returned `null` (so the dropdown reset to the first option). Added the config fields, route persistence, UI lookup, and runtime `--model`/`-m` flag plumbing into the CLI subprocess invocation.
|
|
187
|
+
|
|
188
|
+
### v1.1.2
|
|
189
|
+
- **Honest model dropdowns** — replaced generic `opus`/`sonnet`/`haiku` aliases in the Claude Code dropdown with specific version IDs (Opus 4.7, Sonnet 4.6, Haiku 4.5, etc.) so picking a version actually pins it. Codex CLI dropdown now lists GPT-5.5, GPT-5.5 Pro, GPT-5.3 Codex, GPT-5.2 Codex, GPT-5.1 Codex Max/Mini, GPT-5.4 Mini/Nano, Codex Mini — no more outdated `o4-mini` / `o3` / `gpt-4o` only.
|
|
190
|
+
- **Live model catalog covers Codex CLI** — when an OpenAI API key is configured, both OpenAI API and Codex CLI dropdowns get populated from `/v1/models` (cached 10 min). New OpenAI releases show up automatically.
|
|
191
|
+
- **Settings dialog opens to AI tab** — fixed a click-handler bug that left the dialog blank on open.
|
|
192
|
+
|
|
183
193
|
### v1.1.0
|
|
184
194
|
- **Plan mode** — deliberation phase before generation. Prominent toggle above chat input; AI asks elicitation questions, builds a markdown plan in a dedicated tab, only generates after Approve. Plan persists to `.vibespot/plan.md` across sessions.
|
|
185
195
|
- **Streamlined Figma import** — replaces the old agentic-pipeline path with a translation pipeline that preserves Figma's exact design tokens, copy, and section order. Image assets copy into the theme automatically.
|
|
@@ -223,4 +233,4 @@ See [CHANGELOG.md](CHANGELOG.md) for the full history.
|
|
|
223
233
|
|
|
224
234
|
## License
|
|
225
235
|
|
|
226
|
-
|
|
236
|
+
FSL-1.1-Apache-2.0 — see [LICENSE](LICENSE) for details.
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
---
|
|
2
|
+
id: agency-services
|
|
3
|
+
label: Agency / Services
|
|
4
|
+
description: Service business — drive consultation requests
|
|
5
|
+
icon: users
|
|
6
|
+
order: 60
|
|
7
|
+
---
|
|
8
|
+
|
|
9
|
+
# Agency / Services
|
|
10
|
+
|
|
11
|
+
## Goal
|
|
12
|
+
Convert visitors into qualified leads (consultation calls, RFPs, project inquiries).
|
|
13
|
+
|
|
14
|
+
## Audience
|
|
15
|
+
TBD — what kind of company / role is the buyer?
|
|
16
|
+
|
|
17
|
+
## Primary CTA
|
|
18
|
+
TBD — typically "Book a consultation", "Request a proposal", "Start a project".
|
|
19
|
+
|
|
20
|
+
## Sections / Modules
|
|
21
|
+
1. **hero** — positioning statement, who you serve, primary CTA
|
|
22
|
+
2. **services** — 3–6 service offerings with short descriptions
|
|
23
|
+
3. **process** — how engagements work (3–5 phases)
|
|
24
|
+
4. **case-studies** — 2–4 client outcomes with metrics where possible
|
|
25
|
+
5. **client-logos** — recognizable brands you've worked with
|
|
26
|
+
6. **team-or-leadership** — founders or key people (skip if larger agency)
|
|
27
|
+
7. **testimonials** — 2–3 detailed quotes from named clients
|
|
28
|
+
8. **cta-banner** — final CTA with form or scheduling link
|
|
29
|
+
9. **footer** — services, locations, legal
|
|
30
|
+
|
|
31
|
+
## Brand & Tone
|
|
32
|
+
TBD — confident/strategic, scrappy/founder-led, premium/boutique
|
|
33
|
+
|
|
34
|
+
## Open questions
|
|
35
|
+
- [ ] What is the agency / firm name, and what's the one-line positioning?
|
|
36
|
+
- [ ] What kinds of clients do you serve (industry, size, stage)?
|
|
37
|
+
- [ ] What are your 3–6 core service offerings?
|
|
38
|
+
- [ ] What is the typical engagement model — retainer, project, hourly?
|
|
39
|
+
- [ ] Do you have case studies with measurable outcomes (lift %, $ saved, etc.)?
|
|
40
|
+
- [ ] Recognizable client logos — which ones to feature?
|
|
41
|
+
- [ ] Primary conversion — calendar link (Calendly), form, or email-only?
|
|
42
|
+
- [ ] Should the team/leadership section be prominent or low-key?
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
---
|
|
2
|
+
id: blog-content-hub
|
|
3
|
+
label: Blog / Content Hub
|
|
4
|
+
description: Editorial home — feature posts, drive subscriptions
|
|
5
|
+
icon: book-open
|
|
6
|
+
order: 40
|
|
7
|
+
---
|
|
8
|
+
|
|
9
|
+
# Blog / Content Hub
|
|
10
|
+
|
|
11
|
+
## Goal
|
|
12
|
+
Surface the best content, build readership, and capture email subscriptions.
|
|
13
|
+
|
|
14
|
+
## Audience
|
|
15
|
+
TBD — who reads this content and what do they come for?
|
|
16
|
+
|
|
17
|
+
## Primary CTA
|
|
18
|
+
TBD — typically "Subscribe" or "Read latest". Secondary: "Browse by topic".
|
|
19
|
+
|
|
20
|
+
## Sections / Modules
|
|
21
|
+
1. **hub-hero** — featured post (large image, title, excerpt, CTA)
|
|
22
|
+
2. **topic-nav** — pills or chips for browsing by category
|
|
23
|
+
3. **latest-posts** — 6–9 card grid of recent posts
|
|
24
|
+
4. **author-spotlight** — 1–3 contributors with bios (skip if single-author)
|
|
25
|
+
5. **newsletter-signup** — email capture with value-prop copy
|
|
26
|
+
6. **most-popular** — evergreen / most-read posts
|
|
27
|
+
7. **categories-grid** — links into top topic landing pages
|
|
28
|
+
8. **footer** — site nav, social, legal
|
|
29
|
+
|
|
30
|
+
## Brand & Tone
|
|
31
|
+
TBD — magazine/editorial, technical/research, conversational/personal
|
|
32
|
+
|
|
33
|
+
## Open questions
|
|
34
|
+
- [ ] What is the publication / blog called and what is its niche?
|
|
35
|
+
- [ ] How many posts per week/month does it publish?
|
|
36
|
+
- [ ] What are the top 3–5 content categories or topics?
|
|
37
|
+
- [ ] Single author, small editorial team, or many contributors?
|
|
38
|
+
- [ ] Is the primary conversion newsletter signup, ad views, or product upsell?
|
|
39
|
+
- [ ] Do you want a featured post slot (editor pick) on the hub?
|
|
40
|
+
- [ ] Any reference publications you admire (The Verge, Stratechery, Substack-style)?
|
|
41
|
+
- [ ] Should categories be discoverable in the hero, secondary nav, or footer?
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
---
|
|
2
|
+
id: ecommerce-product
|
|
3
|
+
label: E-commerce Product Page
|
|
4
|
+
description: Single product — drive add-to-cart and purchase
|
|
5
|
+
icon: shopping-bag
|
|
6
|
+
order: 20
|
|
7
|
+
---
|
|
8
|
+
|
|
9
|
+
# E-commerce Product Page
|
|
10
|
+
|
|
11
|
+
## Goal
|
|
12
|
+
Convert visitors into buyers for a single product (or a tightly focused product family).
|
|
13
|
+
|
|
14
|
+
## Audience
|
|
15
|
+
TBD — who is this product for? (lifestyle, occasion, problem solved)
|
|
16
|
+
|
|
17
|
+
## Primary CTA
|
|
18
|
+
TBD — typically "Add to cart" or "Buy now". Secondary: "Add to wishlist", "See size guide".
|
|
19
|
+
|
|
20
|
+
## Sections / Modules
|
|
21
|
+
1. **product-hero** — gallery, name, price, variants (size/color), primary CTA
|
|
22
|
+
2. **product-highlights** — 3–5 benefit bullets with icons or imagery
|
|
23
|
+
3. **product-details** — long-form description, materials, specs
|
|
24
|
+
4. **social-proof** — average rating, review count, featured reviews
|
|
25
|
+
5. **lifestyle-imagery** — large editorial shots showing product in use
|
|
26
|
+
6. **size-or-fit-guide** — table or imagery (skip for non-apparel)
|
|
27
|
+
7. **shipping-and-returns** — short trust block
|
|
28
|
+
8. **related-products** — 3–4 cross-sell cards
|
|
29
|
+
9. **footer** — store nav, support, legal
|
|
30
|
+
|
|
31
|
+
## Brand & Tone
|
|
32
|
+
TBD — premium/luxury, playful/colorful, minimalist/clean, etc.
|
|
33
|
+
|
|
34
|
+
## Open questions
|
|
35
|
+
- [ ] What is the product (name, category, one-line pitch)?
|
|
36
|
+
- [ ] Does it have variants (size, color, flavor) and what are they?
|
|
37
|
+
- [ ] What is the price point (or range)?
|
|
38
|
+
- [ ] What are the top 3 reasons someone should buy it (vs. alternatives)?
|
|
39
|
+
- [ ] Do you have product photography ready, or should we use placeholders?
|
|
40
|
+
- [ ] Any social proof — rating, review count, press mentions?
|
|
41
|
+
- [ ] Shipping / returns policy worth surfacing on the page?
|
|
42
|
+
- [ ] Reference sites — Glossier, Allbirds, Apple, something else?
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
---
|
|
2
|
+
id: event-registration
|
|
3
|
+
label: Event Registration
|
|
4
|
+
description: Conference, webinar, or workshop — drive registrations
|
|
5
|
+
icon: calendar
|
|
6
|
+
order: 30
|
|
7
|
+
---
|
|
8
|
+
|
|
9
|
+
# Event Registration
|
|
10
|
+
|
|
11
|
+
## Goal
|
|
12
|
+
Drive ticket purchases or free registrations for a specific event.
|
|
13
|
+
|
|
14
|
+
## Audience
|
|
15
|
+
TBD — who is the event for? (industry, role, experience level)
|
|
16
|
+
|
|
17
|
+
## Primary CTA
|
|
18
|
+
TBD — typically "Register now", "Get tickets", "Save my seat".
|
|
19
|
+
|
|
20
|
+
## Sections / Modules
|
|
21
|
+
1. **event-hero** — countdown, event name, date, location, primary CTA
|
|
22
|
+
2. **event-summary** — 2–3 sentence pitch + the value of attending
|
|
23
|
+
3. **speakers** — grid with photos, names, titles, short bios
|
|
24
|
+
4. **agenda** — timed schedule (single or multi-day)
|
|
25
|
+
5. **sponsors** — tiered logo grid (or single block if no tiers)
|
|
26
|
+
6. **venue-or-format** — location map / online platform details
|
|
27
|
+
7. **ticketing** — tier comparison with "Register" CTA per tier
|
|
28
|
+
8. **faq** — practical questions: refunds, accessibility, dress code, recordings
|
|
29
|
+
9. **footer** — contact, legal, social
|
|
30
|
+
|
|
31
|
+
## Brand & Tone
|
|
32
|
+
TBD — energetic/anticipation, professional/industry-credible, intimate/community
|
|
33
|
+
|
|
34
|
+
## Open questions
|
|
35
|
+
- [ ] What is the event called and what's the one-line pitch?
|
|
36
|
+
- [ ] When is it (date, time, time zone) and where (city/venue or online platform)?
|
|
37
|
+
- [ ] Is it free or paid? If paid, what tiers and price points?
|
|
38
|
+
- [ ] Who are the headline speakers (names + companies, even just 1–3 to start)?
|
|
39
|
+
- [ ] What's the agenda format — single track, multi-track, multi-day?
|
|
40
|
+
- [ ] Is there a registration deadline or capacity limit worth surfacing?
|
|
41
|
+
- [ ] Does the event have sponsors, and how should they be tiered?
|
|
42
|
+
- [ ] Any specific accessibility, refund, or COVID-style policies to call out?
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
---
|
|
2
|
+
id: portfolio
|
|
3
|
+
label: Portfolio
|
|
4
|
+
description: Personal or studio site — showcase work, drive contact
|
|
5
|
+
icon: briefcase
|
|
6
|
+
order: 50
|
|
7
|
+
---
|
|
8
|
+
|
|
9
|
+
# Portfolio
|
|
10
|
+
|
|
11
|
+
## Goal
|
|
12
|
+
Showcase work and convert visitors into project inquiries, hires, or collaborators.
|
|
13
|
+
|
|
14
|
+
## Audience
|
|
15
|
+
TBD — recruiters, agency clients, prospective collaborators?
|
|
16
|
+
|
|
17
|
+
## Primary CTA
|
|
18
|
+
TBD — typically "Get in touch", "Hire me", "Book a call".
|
|
19
|
+
|
|
20
|
+
## Sections / Modules
|
|
21
|
+
1. **hero** — name, role, one-line pitch, primary CTA
|
|
22
|
+
2. **selected-work** — 4–8 case studies in a grid (image + title + tags)
|
|
23
|
+
3. **about** — bio, photo, story / approach
|
|
24
|
+
4. **services-or-skills** — what you do, listed concretely
|
|
25
|
+
5. **clients-or-recognition** — logos, awards, press
|
|
26
|
+
6. **testimonials** — 1–3 quotes from clients or collaborators
|
|
27
|
+
7. **contact** — email + form, social links
|
|
28
|
+
8. **footer** — minimal: copyright, social, return-to-top
|
|
29
|
+
|
|
30
|
+
## Brand & Tone
|
|
31
|
+
TBD — minimal/editorial, bold/expressive, technical/clean
|
|
32
|
+
|
|
33
|
+
## Open questions
|
|
34
|
+
- [ ] What's your name, role, and the one-line pitch you want at the top?
|
|
35
|
+
- [ ] Solo portfolio, studio, or collective? If a studio, what's the team size?
|
|
36
|
+
- [ ] Which 4–8 projects should be featured, and do you have imagery / case studies?
|
|
37
|
+
- [ ] What primary action should a visitor take — email, form, calendar link?
|
|
38
|
+
- [ ] Are you actively looking for work, freelance projects, or both?
|
|
39
|
+
- [ ] Any awards, press mentions, or recognizable client logos to feature?
|
|
40
|
+
- [ ] Reference portfolios you admire — Bruno Simon, Locomotive, plain Substack-bio style?
|
|
41
|
+
- [ ] Should case studies open inline (modals) or link to dedicated detail pages?
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
---
|
|
2
|
+
id: restaurant
|
|
3
|
+
label: Restaurant
|
|
4
|
+
description: Single-location restaurant — drive reservations and visits
|
|
5
|
+
icon: utensils
|
|
6
|
+
order: 70
|
|
7
|
+
---
|
|
8
|
+
|
|
9
|
+
# Restaurant
|
|
10
|
+
|
|
11
|
+
## Goal
|
|
12
|
+
Drive reservations, takeaway orders, and walk-in visits.
|
|
13
|
+
|
|
14
|
+
## Audience
|
|
15
|
+
TBD — locals, tourists, special-occasion diners, lunch crowd?
|
|
16
|
+
|
|
17
|
+
## Primary CTA
|
|
18
|
+
TBD — "Book a table", "Order online", "View menu".
|
|
19
|
+
|
|
20
|
+
## Sections / Modules
|
|
21
|
+
1. **hero** — atmospheric photography, name, tagline, primary CTA
|
|
22
|
+
2. **about** — story of the restaurant, chef, or concept
|
|
23
|
+
3. **menu** — categories with featured dishes (skip full menu — link out)
|
|
24
|
+
4. **gallery** — interior, dishes, ambience
|
|
25
|
+
5. **reservations** — booking widget or instructions
|
|
26
|
+
6. **reviews** — quotes from press or diners
|
|
27
|
+
7. **location-and-hours** — address, map, opening hours, contact
|
|
28
|
+
8. **events-or-private-dining** — optional, skip if not offered
|
|
29
|
+
9. **footer** — social, newsletter, legal
|
|
30
|
+
|
|
31
|
+
## Brand & Tone
|
|
32
|
+
TBD — fine-dining/elegant, cozy/neighborhood, bold/trendy, casual/family
|
|
33
|
+
|
|
34
|
+
## Open questions
|
|
35
|
+
- [ ] What is the restaurant called, where is it, and what's the cuisine?
|
|
36
|
+
- [ ] What's the one-line story or concept (chef-driven, family-run, fast-casual, etc.)?
|
|
37
|
+
- [ ] Do you take reservations — and if so, via which platform (OpenTable, Resy, Tock, in-house)?
|
|
38
|
+
- [ ] Is there online ordering or delivery, and via which platform?
|
|
39
|
+
- [ ] Do you want a featured-dishes section or just a link to the full menu (PDF / external)?
|
|
40
|
+
- [ ] Any press mentions, awards, or stars to call out?
|
|
41
|
+
- [ ] Do you host private events or have a separate private-dining offering?
|
|
42
|
+
- [ ] Reference vibes — Eleven Madison, Sweetgreen, In-N-Out, neighborhood bistro?
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
---
|
|
2
|
+
id: saas-landing
|
|
3
|
+
label: SaaS Landing Page
|
|
4
|
+
description: Cloud product — sign-ups, demo bookings, or trial conversions
|
|
5
|
+
icon: rocket
|
|
6
|
+
order: 10
|
|
7
|
+
---
|
|
8
|
+
|
|
9
|
+
# SaaS Landing Page
|
|
10
|
+
|
|
11
|
+
## Goal
|
|
12
|
+
Drive sign-ups, demo bookings, or free-trial conversions for a cloud product.
|
|
13
|
+
|
|
14
|
+
## Audience
|
|
15
|
+
TBD — describe the target persona (industry, role, company size, key pain).
|
|
16
|
+
|
|
17
|
+
## Primary CTA
|
|
18
|
+
TBD — common patterns: "Start free trial", "Book a demo", "Get started free".
|
|
19
|
+
|
|
20
|
+
## Sections / Modules
|
|
21
|
+
1. **hero** — headline, sub-headline, primary CTA, optional product screenshot
|
|
22
|
+
2. **trust-bar** — customer / partner logos
|
|
23
|
+
3. **features-grid** — 3–6 product benefits with icons and short copy
|
|
24
|
+
4. **how-it-works** — 3-step explainer (sign up → connect → see results)
|
|
25
|
+
5. **testimonials** — 1–3 customer quotes with name, role, company
|
|
26
|
+
6. **pricing-table** — 2–4 tiers with feature comparison
|
|
27
|
+
7. **faq** — 4–8 Q&A covering common objections
|
|
28
|
+
8. **cta-banner** — final conversion-focused CTA
|
|
29
|
+
9. **footer** — links, legal, copyright
|
|
30
|
+
|
|
31
|
+
## Brand & Tone
|
|
32
|
+
TBD — confident/professional, playful/casual, technical/approachable?
|
|
33
|
+
|
|
34
|
+
## Open questions
|
|
35
|
+
- [ ] What is the product name and one-line description (pitch)?
|
|
36
|
+
- [ ] Who is the primary buyer / user persona?
|
|
37
|
+
- [ ] What is the single most important action a visitor should take?
|
|
38
|
+
- [ ] What are the top 3 product benefits or differentiators?
|
|
39
|
+
- [ ] Do you have customer logos, testimonials, or case studies ready?
|
|
40
|
+
- [ ] Pricing — free + paid + enterprise, single price, or contact-sales only?
|
|
41
|
+
- [ ] Are there integrations or platforms worth highlighting?
|
|
42
|
+
- [ ] Any reference sites or competitors whose vibe you want to match (or avoid)?
|