- Newsletter Maker + Digest Engine
- Newsletter Maker + Digest Engine
, // Replace with your hero image
+
+ // Trust indicator text below the CTA
+ extraDescription: "Powering the world's leading companies with AI automation.",
+};
+```
+
+#### Customization Tips:
+
+1. **Notification Banner**:
+
+ - Use for announcements, new features, or special offers
+ - Set to `null` to hide the notification banner
+
+2. **Main Headline**:
+
+ - Keep it clear and benefit-focused
+ - Ideally under 10 words
+
+3. **Subheading**:
+
+ - Expand on your value proposition
+ - Keep it concise (1-2 sentences)
+
+4. **Call-to-Action Buttons**:
+
+ - Primary button should be your main conversion goal (e.g., "Get Started")
+ - Secondary button for alternative actions (e.g., "View Demo")
+ - Update the links to point to the appropriate routes
+
+5. **Hero Image/Illustration**:
+
+ - Recommended size: 1200x800px
+ - Use high-quality, relevant images
+ - Can be replaced with a custom React component for more complex layouts
+
+6. **Trust Indicator**:
+ - Add social proof or key benefits
+ - Keep it short and impactful
+
+### Features Section
+
+The features section highlights your product's key benefits. Customize it in `src/lib/props.tsx` under the `FeaturesProps` object:
+
+```typescript
+export const FeaturesProps = {
+ title: "Powerful AI Features", // Section heading
+ description: "Everything you need to automate and scale your business with AI.", // Section subheading
+ features: [
+ {
+ title: "Conversational AI", // Feature title
+ icon: + Ready to get started? Sign up for a free account and start building with Acme AI today. +
+ +{description}
++ {description} +
+{extraDescription}
+ )} +{plan.name}
+ {plan.isPopular && ( + Popular + )} +{plan.description}
+ ++ Our global team combines deep expertise from multibillion-dollar HFT firms like HRT to crypto companies like Binance and Amber + Group. +
+ +{description}
+
,
+ extraDescription: "Powering the world's leading companies with AI automation.",
+};
+
+export const CompanyProps = {
+ logos: [
+ SvgIcons.google,
+ SvgIcons.microsoft,
+ SvgIcons.amazone,
+ SvgIcons.netflix,
+ SvgIcons.instagram,
+ SvgIcons.spotify,
+ SvgIcons.dropbox,
+ SvgIcons.slack,
+ SvgIcons.zoom,
+ SvgIcons.shopify,
+ ],
+};
+
+export const FeatureItems = {
+ title: "Use Cases",
+ description: "From large-scale scrape jobs to fully autonomous web agents, Steel makes it easy to run browser automations in the cloud.",
+ items: [
+ {
+ title: "Customer Support",
+ icon: