@indirecttek/essentials-engine 1.1.1 → 1.1.2
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/README.md +17 -2
- package/dist/components/Hero.astro +4 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -67,7 +67,8 @@ export const siteConfig: SiteConfig = {
|
|
|
67
67
|
heroSection: {
|
|
68
68
|
headline: "Transform Your Outdoor Space",
|
|
69
69
|
subheadline: "Professional landscaping services for homes and businesses in the Triangle area.",
|
|
70
|
-
|
|
70
|
+
// Supports both local paths (/images/hero.jpg) and external URLs
|
|
71
|
+
imageUrl: "https://images.unsplash.com/photo-1558904541-efa843a96f01?w=1200&h=800&fit=crop",
|
|
71
72
|
imageAlt: "Beautiful landscaped garden with flowers",
|
|
72
73
|
callToActionLabel: "Get a Free Quote",
|
|
73
74
|
},
|
|
@@ -294,10 +295,24 @@ interface SiteConfig {
|
|
|
294
295
|
|----------|------|-------------|
|
|
295
296
|
| `headline` | `string` | Main headline text |
|
|
296
297
|
| `subheadline` | `string` | Supporting text below headline |
|
|
297
|
-
| `imageUrl` | `string` |
|
|
298
|
+
| `imageUrl` | `string` | Local path (`/images/hero.jpg`) or external URL (`https://...`) |
|
|
298
299
|
| `imageAlt` | `string` | Alt text for hero image |
|
|
299
300
|
| `callToActionLabel` | `string` | Text for CTA button |
|
|
300
301
|
|
|
302
|
+
#### Image URL Examples
|
|
303
|
+
|
|
304
|
+
**Local image** (stored in your `public/images/` folder):
|
|
305
|
+
```typescript
|
|
306
|
+
imageUrl: "/images/hero.jpg"
|
|
307
|
+
```
|
|
308
|
+
|
|
309
|
+
**External URL** (recommended for quick setup):
|
|
310
|
+
```typescript
|
|
311
|
+
imageUrl: "https://images.unsplash.com/photo-1558904541-efa843a96f01?w=1200&h=800&fit=crop"
|
|
312
|
+
```
|
|
313
|
+
|
|
314
|
+
> 💡 **Tip:** Use Unsplash's URL parameters (`?w=1200&h=800&fit=crop`) to optimize image size and aspect ratio.
|
|
315
|
+
|
|
301
316
|
### Service
|
|
302
317
|
|
|
303
318
|
| Property | Type | Description |
|
|
@@ -8,6 +8,10 @@ export interface Props {
|
|
|
8
8
|
const { config } = Astro.props;
|
|
9
9
|
const { heroSection } = config;
|
|
10
10
|
const layout = config.layoutOptions?.heroLayout || "image-right";
|
|
11
|
+
|
|
12
|
+
// imageUrl supports both local paths (/images/hero.jpg) and external URLs (https://...)
|
|
13
|
+
// For external images, use services like Unsplash with size parameters:
|
|
14
|
+
// Example: "https://images.unsplash.com/photo-xxx?w=1200&h=800&fit=crop"
|
|
11
15
|
---
|
|
12
16
|
|
|
13
17
|
{layout === "full-width" ? (
|