Doormile/doormile_react
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

update doormilewings card image update

Browse Source
This commit is contained in:
Aravind
2026-07-07 21:43:02 +05:30
parent fc190343eb
commit f7bab1fe70
24 changed files with 902 additions and 541 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
src/components/sections/WingsWhyGrid.tsx
View File

@@ -56,7 +56,7 @@ export default function WingsWhyGrid() {
__html: `
.wwg-section {
background: #ffffff;
padding: var(--space-section-lg, 80px) clamp(20px, 5vw, 40px);
padding: var(--space-section-lg, 80px) 0;
}
.wwg-header {
@@ -84,9 +84,12 @@ export default function WingsWhyGrid() {
margin: 0;
}
.wwg-grid {
max-width: 1280px;
.wwg-inner {
max-width: 1380px;
margin: 0 auto;
}
.wwg-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 24px;
@@ -147,20 +150,24 @@ export default function WingsWhyGrid() {
/>
<section className="wwg-section" id="wings-why">
<ScrollReveal delay={0.05} duration={0.75} yOffset={25} className="wwg-header">
<div className="wwg-eyebrow">/ Why Doormile Wings /</div>
<h2 className="wwg-title">Built for the speed of the Gen-Z economy</h2>
</ScrollReveal>
<div className="dm-section-container">
<div className="wwg-inner">
<ScrollReveal delay={0.05} duration={0.75} yOffset={25} className="wwg-header">
<div className="wwg-eyebrow">/ Why Doormile Wings /</div>
<h2 className="wwg-title">Built for the speed of the Gen-Z economy</h2>
</ScrollReveal>
<StaggerChildren stagger={0.1} duration={0.7} yOffset={30} className="wwg-grid">
{FEATURES.map((f) => (
<div key={f.title} className="wwg-card">
<div className="wwg-icon" aria-hidden="true">{f.icon}</div>
<h3 className="wwg-card-title">{f.title}</h3>
<p className="wwg-card-desc">{f.desc}</p>
</div>
))}
</StaggerChildren>
<StaggerChildren stagger={0.1} duration={0.7} yOffset={30} className="wwg-grid">
{FEATURES.map((f) => (
<div key={f.title} className="wwg-card">
<div className="wwg-icon" aria-hidden="true">{f.icon}</div>
<h3 className="wwg-card-title">{f.title}</h3>
<p className="wwg-card-desc">{f.desc}</p>
</div>
))}
</StaggerChildren>
</div>
</div>
</section>
</>
);