VenturaNomadica.com

# Intent 003
Homepage Card Layout Correction and Contact Icon Update

---

# Objective

Correct the homepage card layout so cards are consistent in size and images are used appropriately.  
Simplify the Contact page by removing venture logos and using icons for contact links.

---

# Inputs

The current website implementation located under:

site/

Icons located under:

trail/meta/files/icons/

Icons to use:

- email.svg
- linkedin.svg
- youtube.svg
- link.svg

---

# Scope

This intent modifies only:

- homepage cards
- the contact page

No other pages or site structure should change.

---

# Required Changes

## 1. Home Page

Fix the card layout and image sizing.

### Card Size

- All homepage cards must be the same size.
- Card width remains unchanged.
- Card height must be approximately **50% of the current height**.

### Image Sizing

Images are currently too large and must be reduced to fit within the new card layout.

### Layout Rules

The card layout depends on image orientation.

#### Vertical Images

If the image is vertical:

- card layout splits **left/right**
- image occupies **1/3 of the card width on the left**
- text occupies **2/3 of the card width on the right**

#### Horizontal Images

If the image is horizontal:

- card layout splits **top/bottom**
- image occupies **1/3 of the card height on the top**
- text occupies **2/3 of the card height on the bottom**

The layout must preserve consistent card size regardless of image orientation.

---

## 2. Contact Page

### Remove Venture Logos

Remove the logos currently displayed next to venture site links.

### Add Contact Icons

Add icons next to contact links.

Icons must be visually aligned with the text and must **not exceed the height of the text**.

Use the following icons:

| Contact Type | Icon |
|---|---|
| Email | email.svg |
| LinkedIn | linkedin.svg |
| YouTube | youtube.svg |
| Any link without a specific icon | link.svg |

Icons must appear directly next to the text of the link.

---

# Success Criteria

This intent is complete when:

- all homepage cards are identical in size
- card height is reduced to approximately half the previous height
- card layout changes automatically based on image orientation
- images no longer dominate the card layout
- venture logos are removed from the Contact page
- appropriate icons appear next to all contact links
- icons are aligned with text and do not exceed text height
- the website renders correctly and remains fully functional