Skip to content

Commit 7df7451

Browse files
abe-huabe-hu
committed
add FAQ section
1 parent 9e69489 commit 7df7451

File tree

3 files changed

+83
-56
lines changed

3 files changed

+83
-56
lines changed

‎astro.config.mjs‎

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -14,10 +14,7 @@ const isLocalDevelopment = process.env.NODE_ENV === 'development';
1414
// https://astro.build/config
1515
export default defineConfig({
1616
server: {
17-
port: DEV_PORT,
18-
headers: {
19-
"Content-Security-Policy": "default-src 'self';base-uri 'self';font-src 'self' https: data:;form-action 'self';frame-ancestors 'self';img-src 'self' data:;object-src 'none';script-src 'self';script-src-attr 'none';style-src 'self' https: 'unsafe-inline';upgrade-insecure-requests",
20-
}
17+
port: DEV_PORT
2118
},
2219
output: "static",
2320
base: '/',

‎src/components/faq.astro‎

Lines changed: 80 additions & 52 deletions
Original file line numberDiff line numberDiff line change
@@ -1,55 +1,9 @@
11
---
2+
import { Icon } from "astro-icon/components";
23
import Container from "./container.astro";
34
import Sectionhead from "./sectionhead.astro";
45
import { ArrowIcon } from "./ui/icons";
56
6-
const faq = [
7-
{
8-
question: "What is Astroship's API-based SAAS platform?",
9-
answer:
10-
"Astroship's API-based SAAS platform is a cloud-based software service that allows users to access and use a variety of API-powered tools and functionality.",
11-
},
12-
{
13-
question: "How does Astroship's billing work?",
14-
answer:
15-
"Astroship offers a variety of billing options, including monthly and annual subscription plans, as well as pay-as-you-go pricing for certain services. Payment is typically made through a credit card or other secure online payment method.",
16-
},
17-
{
18-
question: "Can I get a refund for my Astroship subscription?",
19-
answer:
20-
"Astroship offers a 30-day money-back guarantee for most of its subscription plans. If you are not satisfied with your subscription within the first 30 days, you can request a full refund. Refunds for subscriptions that have been active for longer than 30 days may be considered on a case-by-case basis.",
21-
},
22-
{
23-
question: "How do I cancel my Astroship subscription?",
24-
answer:
25-
"To cancel your Astroship subscription, you can log in to your account and navigate to the subscription management page. From there, you should be able to cancel your subscription and stop future billing.",
26-
},
27-
{
28-
question: "Can I try Astroship's API platform for free?",
29-
answer:
30-
"Astroship offers a free trial of its API platform for a limited time. During the trial period, you will have access to a limited set of features and functionality, but you will not be charged.",
31-
},
32-
{
33-
question: "How do I access Astroship's API documentation?",
34-
answer:
35-
"Astroship's API documentation is available on the company's website and can be accessed by logging in to your account. The documentation provides detailed information on how to use the API, as well as code examples and other resources.",
36-
},
37-
{
38-
question: "How do I contact support?",
39-
answer:
40-
"If you need help with Astroship's API platform or have any other questions, you can contact the company's support team by submitting a support request through the website or by emailing support@Astroship.com.",
41-
},
42-
{
43-
question: "Do you offer any discounts or promotions?",
44-
answer:
45-
"Astroship may offer discounts or promotions from time to time. To stay up-to-date on the latest deals and special offers, you can sign up for the company's newsletter or follow it on social media.",
46-
},
47-
{
48-
question: "How does Astroship compare to other similar services?",
49-
answer:
50-
"Astroship's API platform is a highly reliable and feature-rich service that offers a wide range of tools and functionality. It is competitively priced and offers a variety of billing options to suit different needs and budgets.",
51-
},
52-
];
537
---
548

559
<Container>
@@ -60,21 +14,95 @@ const faq = [
6014

6115
<div class="grid divide-y divide-neutral-200 max-w-xl mx-auto mt-8">
6216
{
63-
faq.map((item) => (
17+
[
18+
{
19+
question: "What kind of organization or teams would 1FE best solve for?",
20+
answer: (
21+
<>
22+
<p class="text-neutral-600">Large-scale organizations with <b>multiple product teams</b> building <b>frontend web experiences</b> under the same brand or umbrella.</p>
23+
<br />
24+
<p class="text-neutral-600">Organizations with <b>distributed teams</b> across various domains who:</p>
25+
<br />
26+
<ul>
27+
<li class="flex items-center gap-3 text-neutral-600">
28+
<Icon name="ph:circle-fill" class="w-2 h-2" />
29+
<span class="text-sm">Maintain separate frontend stacks, tools, and workflows.</span>
30+
</li>
31+
<br />
32+
<li class="flex items-center gap-3 text-neutral-600">
33+
<Icon name="ph:circle-fill" class="w-2 h-2" />
34+
<span class="text-sm">Have <b>low levels of reuse</b> and <b>redundant efforts</b> in utilities, deployment, and architecture.</span>
35+
</li>
36+
<br/>
37+
<li class="flex items-center gap-3 text-neutral-600">
38+
<Icon name="ph:circle-fill" class="w-2 h-2" />
39+
<span class="text-sm">Need to deliver <b>consistent, performant</b> user experiences across multiple surfaces.</span>
40+
</li>
41+
</ul>
42+
</>
43+
),
44+
},
45+
{
46+
question: "What type of org structure would best be fit for 1FE",
47+
answer: (
48+
<>
49+
<p>A "Platform + Product model" would be ideal, where the platform team supports product teams by abstracting away infrastructure complexity.</p>
50+
<br />
51+
<p class="text-neutral-600"><b>A central "Platform Team" that:</b></p>
52+
<br />
53+
<ul>
54+
<li class="flex items-center gap-3 text-neutral-600">
55+
<Icon name="ph:circle-fill" class="w-2 h-2" />
56+
<span class="text-sm">Owns shared infrastructure: common utilities, app shell, pipeline templates, tooling, etc.</span>
57+
</li>
58+
<br />
59+
<li class="flex items-center gap-3 text-neutral-600">
60+
<Icon name="ph:circle-fill" class="w-2 h-2" />
61+
<span class="text-sm">Drives best practices and central migrations/upgrades.</span>
62+
</li>
63+
<br />
64+
<li class="flex items-center gap-3 text-neutral-600">
65+
<Icon name="ph:circle-fill" class="w-2 h-2" />
66+
<span class="text-sm">Enforces policies around code quality, performance, and security.</span>
67+
</li>
68+
</ul>
69+
<br />
70+
<p class="text-neutral-600"><b>Independent “Application Teams” that</b></p>
71+
<br />
72+
<ul>
73+
<li class="flex items-center gap-3 text-neutral-600">
74+
<Icon name="ph:circle-fill" class="w-2 h-2" />
75+
<span class="text-sm">Plug into the shared 1DS ecosystem.</span>
76+
</li>
77+
<br />
78+
<li class="flex items-center gap-3 text-neutral-600">
79+
<Icon name="ph:circle-fill" class="w-2 h-2" />
80+
<span class="text-sm">Focus on business logic and product-specific UI.</span>
81+
</li>
82+
<br />
83+
<li class="flex items-center gap-3 text-neutral-600">
84+
<Icon name="ph:circle-fill" class="w-2 h-2" />
85+
<span class="text-sm">Deploy independently using centrally defined CI/CD templates.</span>
86+
</li>
87+
</ul>
88+
</>
89+
),
90+
}
91+
].map((item) => (
6492
<div class="py-5">
6593
<details class="group">
6694
<summary class="flex justify-between items-center font-medium cursor-pointer list-none">
67-
<span> {item.question}</span>
95+
<span>{item.question}</span>
6896
<span class="transition group-open:rotate-180">
6997
<ArrowIcon />
7098
</span>
7199
</summary>
72-
<p class="text-neutral-600 mt-3 opacity-0 -translate-y-3 group-open:translate-y-0 group-open:opacity-100 group-open:transition-all">
100+
<div class="text-neutral-600 mt-3 opacity-0 -translate-y-3 group-open:translate-y-0 group-open:opacity-100 group-open:transition-all">
73101
{item.answer}
74-
</p>
102+
</div>
75103
</details>
76104
</div>
77105
))
78106
}
79107
</div>
80-
</Container>
108+
</Container>

‎src/pages/index.astro‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,7 @@ import Hero from "@components/hero.astro";
88
import Logos from "@components/logos.astro";
99
import Testimonials from "@components/testimonials.astro";
1010
import Layout from "@layouts/Layout.astro";
11+
import Faq from "@components/faq.astro";
1112
---
1213

1314
<Layout footerMargin={false}>
@@ -20,5 +21,6 @@ import Layout from "@layouts/Layout.astro";
2021
<FeatureGrid />
2122
<Features />
2223
</Container>
24+
<Faq />
2325
<Cta />
2426
</Layout>

0 commit comments

Comments
 (0)