``liquid
{% layout 'theme' %}
{% section 'cgr-marwin-hero' %}
{% section 'cgr-marwin-products' %}
{% section 'cgr-marwin-story' %}
{% section 'cgr-marwin-drivers' %}
{% section 'cgr-marwin-fan-engagement' %}
{% section 'cgr-marwin-urgency' %}
```
#### **C. Hero Section (`sections/cgr-marwin-hero.liquid`)**
This section features a video background, bold headline, and CTAs.
```liquid
{% style %}
.hero-section {
position: relative;
height: 80vh;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: white;
background: #000;
overflow: hidden;
}
.hero-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.7;
}
.hero-content {
z-index: 1;
max-width: 800px;
padding: 20px;
}
.hero-content h1 {
font-size: 3.5rem;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
margin-bottom: 10px;
}
.hero-content p {
font-size: 1.5rem;
margin-bottom: 20px;
}
.hero-cta {
background: #e30613; /* CGR Red */
color: white;
padding: 15px 30px;
font-size: 1.2rem;
text-decoration: none;
border-radius: 5px;
margin: 0 10px;
}
.hero-cta.secondary {
background: #000;
border: 2px solid #fff;
}
@media (max-width: 768px) {
.hero-content h1 {
font-size: 2rem;
}
.hero-content p {
font-size: 1rem;
}
}
{% endstyle %}
Rev Up Your Style
CGR x Marwin Sports Exclusive Fanware Launch!
Celebrate Chip Ganassi Racing’s legacy with gear for Alex Palou, Scott Dixon, & more.
Shop the Collection Now
Join the Pit Crew
23 Championships | 6 Indy 500 Wins
```
- **Notes**:
- Replace `hero-video.mp4` with the actual file name from Shopify’s Files.
- The `href` for “Shop the Collection” points to the collection URL (e.g., `/collections/cgr-marwin-sports`).
- The secondary CTA scrolls to the fan engagement section.
#### **D. Product Showcase Section (`sections/cgr-marwin-products.liquid`)**
This section displays featured products from the CGR x Marwin Sports collection.
```liquid
{% style %}
.products-section {
padding: 50px 20px;
background: #f5f5f5;
text-align: center;
}
.products-section h2 {
font-size: 2.5rem;
margin-bottom: 30px;
font-family: 'Bebas Neue', sans-serif;
}
.product-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
max-width: 1200px;
margin: 0 auto;
}
.product-card {
background: white;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
transition: transform 0.3s;
}
.product-card:hover {
transform: translateY(-5px);
}
.product-card img {
width: 100%;
height: auto;
}
.product-card h3 {
font-size: 1.2rem;
margin: 10px 0;
}
.product-card p {
font-size: 1rem;
color: #e30613;
margin-bottom: 10px;
}
.product-card .add-to-cart {
background: #000;
color: white;
padding: 10px;
text-decoration: none;
display: block;
margin: 10px;
border-radius: 5px;
}
{% endstyle %}
Gear Up Like a Champion
{% for product in collections['cgr-marwin-sports'].products limit: 4 %}
{{ product.title }}
{{ product.price | money }}
Add to Cart
{% if product.tags contains 'limited-edition' %}
Limited Edition
{% endif %}
{% endfor %}
```
- **Notes**:
- Assumes a Shopify collection named `cgr-marwin-sports`.
- Uses Shopify’s Liquid to loop through the first 4 products.
- Add a `limited-edition` tag to products in Shopify Admin to display the badge.
#### **E. Collaboration Story Section (`sections/cgr-marwin-story.liquid`)**
This section highlights the partnership narrative.
```liquid
{% style %}
.story-section {
padding: 50px 20px;
background: linear-gradient(45deg, #e30613, #000);
color: white;
display: flex;
align-items: center;
gap: 20px;
max-width: 1200px;
margin: 0 auto;
}
.story-content {
flex: 1;
}
.story-content h2 {
font-size: 2rem;
margin-bottom: 20px;
}
.story-image img {
width: 100%;
max-width: 500px;
border-radius: 8px;
}
@media (max-width: 768px) {
.story-section {
flex-direction: column;
}
}
{% endstyle %}
CGR x Marwin Sports: Built for Speed, Designed for Fans
Chip Ganassi Racing, with over 260 victories, teams up with Marwin Sports to bring you premium fanware that matches the intensity of IndyCar racing.
“This gear is for the fans who live for the roar of the track.” – Chip Ganassi
Discover the Collection
```
- **Notes**:
- Replace `cgr-car.jpg` with the actual image file name.
- The CTA links to the collection page.
#### **F. Driver Spotlight Section (`sections/cgr-marwin-drivers.liquid`)**
This section highlights drivers and their gear.
```liquid
{% style %}
.drivers-section {
padding: 50px 20px;
text-align: center;
}
.drivers-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 20px;
max-width: 1200px;
margin: 0 auto;
}
.driver-card img {
width: 100%;
border-radius: 8px;
}
.driver-card h3 {
font-size: 1.5rem;
margin: 10px 0;
}
.driver-card a {
background: #e30613;
color: white;
padding: 10px;
text-decoration: none;
border-radius: 5px;
}
{% endstyle %}
Wear What the Champions Wear
```
- **Notes**:
- Create separate collections for each driver’s gear (e.g., `palou-gear`).
- Add more driver cards as needed.
#### **G. Fan Engagement Section (`sections/cgr-marwin-fan-engagement.liquid`)**
This section captures emails and integrates social media.
```liquid
{% style %}
.fan-section {
padding: 50px 20px;
background: #fff;
text-align: center;
}
.fan-section h2 {
font-size: 2rem;
margin-bottom: 20px;
}
.fan-form input {
padding: 10px;
font-size: 1rem;
width: 300px;
margin-right: 10px;
border-radius: 5px;
border: 1px solid #ccc;
}
.fan-form button {
padding: 10px 20px;
background: #e30613;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
}
{% endstyle %}
Join the CGR Fan Crew
Get exclusive discounts and behind-the-scenes updates!
```
