@nextcommerce/campaigns-os 1.34.1 → 1.37.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/AGENTS.md +42 -13
- package/CHANGELOG.md +117 -0
- package/README.md +48 -21
- package/contracts/agent-relevant-change-policy.v1.json +1 -0
- package/contracts/campaign-cart-sdk-support-policy.v0.json +2 -2
- package/contracts/commerce-surface-catalog.json +31 -29
- package/contracts/fixtures/progress/observation.v0.json +89 -0
- package/contracts/release-ledger.json +425 -0
- package/contracts/supported-surface.json +20 -5
- package/contracts/template-brand-contract.shared-commerce.v0.json +1 -1
- package/demo/apollo-v0/NOTICE.txt +51 -0
- package/demo/apollo-v0/assets/css/demo.css +2 -0
- package/demo/apollo-v0/assets/css/landing/tokens.css +35 -0
- package/demo/apollo-v0/assets/css/next-core.css +16124 -0
- package/demo/apollo-v0/assets/images/1x1_1.svg +19 -0
- package/demo/apollo-v0/assets/images/1x1_2.svg +19 -0
- package/demo/apollo-v0/assets/images/affirm-logo.svg +24 -0
- package/demo/apollo-v0/assets/images/apple-pay-logo.svg +4 -0
- package/demo/apollo-v0/assets/images/bancontact-logo.svg +1 -0
- package/demo/apollo-v0/assets/images/cc-visa.svg +28 -0
- package/demo/apollo-v0/assets/images/cc_amex.svg +20 -0
- package/demo/apollo-v0/assets/images/cc_discover.svg +21 -0
- package/demo/apollo-v0/assets/images/cc_master.svg +22 -0
- package/demo/apollo-v0/assets/images/credit-card-flags.svg +38 -0
- package/demo/apollo-v0/assets/images/demo-inline-40788e52a7c75b78.svg +1 -0
- package/demo/apollo-v0/assets/images/demo-inline-686e73c8840a0f0a.svg +1 -0
- package/demo/apollo-v0/assets/images/google-pay-logo.svg +7 -0
- package/demo/apollo-v0/assets/images/guarantee-badge.png +0 -0
- package/demo/apollo-v0/assets/images/icon-dollar.svg +5 -0
- package/demo/apollo-v0/assets/images/icon-guarantee.svg +5 -0
- package/demo/apollo-v0/assets/images/icon-shipping.svg +5 -0
- package/demo/apollo-v0/assets/images/icons8-lock-24_1icons8-lock-24.png +0 -0
- package/demo/apollo-v0/assets/images/ideal-logo.svg +30 -0
- package/demo/apollo-v0/assets/images/klarna-logo.svg +9 -0
- package/demo/apollo-v0/assets/images/landing/_shared/16x9.svg +19 -0
- package/demo/apollo-v0/assets/images/landing/_shared/1x1_1.svg +19 -0
- package/demo/apollo-v0/assets/images/landing/_shared/4x3.svg +19 -0
- package/demo/apollo-v0/assets/images/landing/_shared/arrow-right.svg +6 -0
- package/demo/apollo-v0/assets/images/landing/_shared/cta-guarantee-icon.png +0 -0
- package/demo/apollo-v0/assets/images/landing/benefits-2/benefits-2-icon-1.svg +8 -0
- package/demo/apollo-v0/assets/images/landing/benefits-2/benefits-2-icon-2.svg +10 -0
- package/demo/apollo-v0/assets/images/landing/benefits-2/benefits-2-icon-3.svg +13 -0
- package/demo/apollo-v0/assets/images/landing/benefits-2/benefits-2-icon-4.svg +11 -0
- package/demo/apollo-v0/assets/images/landing/benefits-2/benefits-2-quote.svg +6 -0
- package/demo/apollo-v0/assets/images/landing/benefits-2/benefits-2-verified.svg +10 -0
- package/demo/apollo-v0/assets/images/landing/bottomcta-1/check-bullet.svg +5 -0
- package/demo/apollo-v0/assets/images/landing/faq-1/faq-chevron.svg +6 -0
- package/demo/apollo-v0/assets/images/landing/footer-1/footer-logo.png +0 -0
- package/demo/apollo-v0/assets/images/landing/guarantee-1/guarantee-1-badge.svg +8 -0
- package/demo/apollo-v0/assets/images/landing/hero-1/icon-check.svg +5 -0
- package/demo/apollo-v0/assets/images/landing/hero-1/icon-star.svg +6 -0
- package/demo/apollo-v0/assets/images/landing/hero-1/icon-verified.svg +6 -0
- package/demo/apollo-v0/assets/images/landing/icons-5/icon-batteries.svg +7 -0
- package/demo/apollo-v0/assets/images/landing/icons-5/icon-cuff-checking.svg +6 -0
- package/demo/apollo-v0/assets/images/landing/icons-5/icon-dual-user.svg +5 -0
- package/demo/apollo-v0/assets/images/landing/icons-5/icon-fda-cleared.svg +5 -0
- package/demo/apollo-v0/assets/images/landing/icons-5/icon-heartbeat.svg +17 -0
- package/demo/apollo-v0/assets/images/landing/icons-5/icon-lcd-display.svg +10 -0
- package/demo/apollo-v0/assets/images/landing/icons-5/icon-movement-error.svg +7 -0
- package/demo/apollo-v0/assets/images/landing/icons-5/icon-portable.png +0 -0
- package/demo/apollo-v0/assets/images/landing/icons-5/icon-reading-memory.svg +6 -0
- package/demo/apollo-v0/assets/images/landing/icons-5/icon-wrist-comfort.svg +5 -0
- package/demo/apollo-v0/assets/images/landing/ingredients-3/ingredients-3-card-1.jpg +0 -0
- package/demo/apollo-v0/assets/images/landing/ingredients-3/ingredients-3-card-2.jpg +0 -0
- package/demo/apollo-v0/assets/images/landing/ingredients-3/ingredients-3-card-3.jpg +0 -0
- package/demo/apollo-v0/assets/images/landing/ingredients-3/ingredients-3-card-4.jpg +0 -0
- package/demo/apollo-v0/assets/images/landing/ingredients-3/ingredients-3-promise-1.png +0 -0
- package/demo/apollo-v0/assets/images/landing/ingredients-3/ingredients-3-promise-2.png +0 -0
- package/demo/apollo-v0/assets/images/landing/ingredients-3/ingredients-3-promise-3.png +0 -0
- package/demo/apollo-v0/assets/images/landing/ingredients-3/ingredients-3-promise-4.png +0 -0
- package/demo/apollo-v0/assets/images/landing/ingredients-3/ingredients-3-promise-5.png +0 -0
- package/demo/apollo-v0/assets/images/landing/ingredients-3/ingredients-3-promise-6.png +0 -0
- package/demo/apollo-v0/assets/images/landing/nav-1/flag-us.png +0 -0
- package/demo/apollo-v0/assets/images/landing/reviews-3/star-card.svg +3 -0
- package/demo/apollo-v0/assets/images/landing/reviews-3/star-lg.svg +3 -0
- package/demo/apollo-v0/assets/images/landing/reviews-3/star-sm.svg +3 -0
- package/demo/apollo-v0/assets/images/landing/reviews-3/verified.svg +10 -0
- package/demo/apollo-v0/assets/images/landing/testimonials-2/testimonials-2-reactions.svg +9 -0
- package/demo/apollo-v0/assets/images/landing/testimonials-2/testimonials-2-stars.svg +6 -0
- package/demo/apollo-v0/assets/images/link-logo.svg +1 -0
- package/demo/apollo-v0/assets/images/next-dark.svg +8 -0
- package/demo/apollo-v0/assets/images/paypal-logo.svg +5 -0
- package/demo/apollo-v0/assets/images/paypal-txt.svg +8 -0
- package/demo/apollo-v0/assets/images/paypal.svg +22 -0
- package/demo/apollo-v0/assets/images/sepa-logo.svg +275 -0
- package/demo/apollo-v0/assets/images/twint-logo.svg +1 -0
- package/demo/apollo-v0/assets/images/united-states-flag-icon.webp +0 -0
- package/demo/apollo-v0/assets/images/upsell-payment-logos.svg +38 -0
- package/demo/apollo-v0/assets/images/usps.png +0 -0
- package/demo/apollo-v0/checkout/index.html +1370 -0
- package/demo/apollo-v0/landing/index.html +1836 -0
- package/demo/apollo-v0/provenance.json +342 -0
- package/demo/apollo-v0/receipt/index.html +292 -0
- package/demo/apollo-v0/upsell-bundle-stepper/index.html +401 -0
- package/docs/activation-and-evidence.md +37 -0
- package/docs/build-packet.md +107 -0
- package/docs/demo-preview.md +63 -0
- package/docs/diagnostics.md +55 -0
- package/docs/orientation-contract-reference.md +2 -1
- package/docs/progress-snapshots.md +142 -0
- package/docs/runtime-readiness.md +1 -1
- package/docs/supported-surface.md +13 -1
- package/package.json +13 -3
- package/schemas/campaign-runtime-build-context.v0.schema.json +42 -0
- package/schemas/campaigns-os-progress-snapshot.v0.schema.json +370 -0
- package/skills/next-campaigns-build/SKILL.md +17 -1
- package/skills/next-campaigns-os/SKILL.md +19 -3
- package/skills/next-campaigns-os-setup/SKILL.md +17 -1
- package/skills/next-campaigns-polish/SKILL.md +18 -2
- package/skills/next-campaigns-qa/SKILL.md +24 -8
- package/skills.json +5 -5
- package/src/cli.mjs +74 -4
- package/src/consent.mjs +2 -2
- package/src/demo-artifact.mjs +97 -0
- package/src/demo.mjs +85 -0
- package/src/diagnostic.mjs +101 -0
- package/src/install-mode.mjs +13 -1
- package/src/progress-node.mjs +177 -0
- package/src/progress.mjs +133 -0
|
@@ -0,0 +1,1836 @@
|
|
|
1
|
+
<!DOCTYPE html><html lang="en"><head><meta http-equiv="Content-Security-Policy" content="default-src 'none'; img-src 'self'; style-src 'self' 'unsafe-inline'; font-src 'self'; form-action 'none'; base-uri 'none'; connect-src 'none'; frame-src 'none'; object-src 'none'"><link rel="stylesheet" href="../assets/css/demo.css">
|
|
2
|
+
<meta charset="UTF-8">
|
|
3
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
4
|
+
<title>[Product] — Fall Asleep Faster, Stay Asleep Longer</title>
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
<meta property="og:type" content="website">
|
|
8
|
+
<meta property="og:title" content="[Product] — Fall Asleep Faster, Stay Asleep Longer">
|
|
9
|
+
<meta name="twitter:card" content="summary_large_image">
|
|
10
|
+
<meta name="twitter:title" content="[Product] — Fall Asleep Faster, Stay Asleep Longer">
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
<meta property="og:description" content="Apollo checkout funnel">
|
|
14
|
+
<meta name="twitter:description" content="Apollo checkout funnel">
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
<meta property="og:site_name" content="Next Commerce">
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
<link rel="stylesheet" href="../assets/css/landing/tokens.css">
|
|
43
|
+
|
|
44
|
+
|
|
45
|
+
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
|
|
51
|
+
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
</head>
|
|
55
|
+
<body class="font-sans bg-white text-[var(--text-primary)]"><aside data-demo-banner="true" class="demo-banner"><strong>Demo only</strong><span>Sample content. Checkout, payment and source controls are disabled.</span><nav aria-label="Sample pages"><a data-demo-nav="true" href="../landing/index.html">Landing</a><a data-demo-nav="true" href="../checkout/index.html">Checkout</a><a data-demo-nav="true" href="../upsell-bundle-stepper/index.html">Offer</a><a data-demo-nav="true" href="../receipt/index.html">Receipt</a></nav><p>For a real campaign, start in a new folder with a saved Campaign Map. Keep this demo and any edits as reference.</p></aside>
|
|
56
|
+
|
|
57
|
+
|
|
58
|
+
|
|
59
|
+
|
|
60
|
+
<style>
|
|
61
|
+
.cta-1-sticky {
|
|
62
|
+
position: fixed;
|
|
63
|
+
bottom: 0;
|
|
64
|
+
left: 0;
|
|
65
|
+
right: 0;
|
|
66
|
+
z-index: 50;
|
|
67
|
+
transform: translateY(100%);
|
|
68
|
+
transition: transform 0.3s ease;
|
|
69
|
+
}
|
|
70
|
+
.cta-1-sticky.is-visible {
|
|
71
|
+
transform: translateY(0);
|
|
72
|
+
}
|
|
73
|
+
@media (min-width: 768px) {
|
|
74
|
+
.cta-1-sticky { display: none; }
|
|
75
|
+
}
|
|
76
|
+
</style>
|
|
77
|
+
|
|
78
|
+
<div class="cta-1-sticky bg-white shadow-[0_-4px_16px_rgba(0,0,0,0.12)]" data-cta-1-sticky="">
|
|
79
|
+
<div class="px-[15px] py-[12px] flex flex-col items-center gap-[8px]">
|
|
80
|
+
<a aria-disabled="true" class="w-full max-w-[345px] bg-[var(--brand-primary)] rounded-[6px] px-[24px] py-[16px] flex items-center justify-center gap-[16px] no-underline demo-inert">
|
|
81
|
+
<span class="font-bold text-[18px] leading-[1.5] tracking-[-0.09px] text-white text-center whitespace-nowrap">Claim Your 60% Discount</span>
|
|
82
|
+
<img src="../assets/images/landing/_shared/arrow-right.svg" alt="" class="w-[12px] h-[16px] object-contain shrink-0" loading="eager">
|
|
83
|
+
</a>
|
|
84
|
+
<div class="flex items-center justify-center gap-[8px] text-[var(--text-primary)]">
|
|
85
|
+
<img src="../assets/images/landing/_shared/cta-guarantee-icon.png" alt="" class="w-[18px] h-[17px] object-contain shrink-0" loading="eager">
|
|
86
|
+
<p class="font-semibold text-[14px] leading-[1.5] tracking-[-0.07px] text-center whitespace-nowrap">30-Day Money-Back Guarantee</p>
|
|
87
|
+
</div>
|
|
88
|
+
</div>
|
|
89
|
+
</div>
|
|
90
|
+
|
|
91
|
+
|
|
92
|
+
|
|
93
|
+
<style>
|
|
94
|
+
.nav1-link {
|
|
95
|
+
transition: color 0.2s ease;
|
|
96
|
+
}
|
|
97
|
+
.nav1-link:hover {
|
|
98
|
+
color: var(--brand-primary);
|
|
99
|
+
}
|
|
100
|
+
.nav1-link.is-active {
|
|
101
|
+
color: var(--text-primary);
|
|
102
|
+
}
|
|
103
|
+
.nav1-link-indicator {
|
|
104
|
+
opacity: 0;
|
|
105
|
+
transition: opacity 0.2s ease;
|
|
106
|
+
}
|
|
107
|
+
.nav1-link.is-active .nav1-link-indicator {
|
|
108
|
+
opacity: 1;
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
.nav1-drawer {
|
|
112
|
+
max-height: 0;
|
|
113
|
+
opacity: 0;
|
|
114
|
+
overflow: hidden;
|
|
115
|
+
transition: max-height 0.28s ease, opacity 0.2s ease;
|
|
116
|
+
}
|
|
117
|
+
.nav1-drawer.is-open {
|
|
118
|
+
max-height: 320px;
|
|
119
|
+
opacity: 1;
|
|
120
|
+
}
|
|
121
|
+
@media (max-width: 767px) {
|
|
122
|
+
.nav1-mobile-link {
|
|
123
|
+
font-size: 14px;
|
|
124
|
+
letter-spacing: -0.07px;
|
|
125
|
+
line-height: 1;
|
|
126
|
+
}
|
|
127
|
+
.nav1-mobile-link.is-active {
|
|
128
|
+
color: var(--brand-primary);
|
|
129
|
+
}
|
|
130
|
+
.nav1-mobile-link .nav1-link-indicator {
|
|
131
|
+
display: none;
|
|
132
|
+
}
|
|
133
|
+
}
|
|
134
|
+
</style>
|
|
135
|
+
|
|
136
|
+
<section class="bg-white py-[12px] md:py-[16px] lg:py-[20px] border-b border-[var(--border-default)]">
|
|
137
|
+
<div class="max-w-[1440px] mx-auto px-[15px] md:px-[26px]">
|
|
138
|
+
<div class="flex items-center justify-between">
|
|
139
|
+
<img src="../assets/images/next-dark.svg" alt="[Product]" class="w-[120px] md:w-[150px] h-auto object-contain shrink-0" loading="eager">
|
|
140
|
+
|
|
141
|
+
<div class="hidden md:flex items-end gap-[60px] lg:gap-[140px]">
|
|
142
|
+
<nav class="flex items-center gap-[32px] lg:gap-[40px]">
|
|
143
|
+
<a data-nav1-link="" aria-disabled="true" class="nav1-link is-active relative font-bold text-[14px] lg:text-[16px] leading-none tracking-[-0.07px] lg:tracking-[-0.08px] text-[var(--text-primary)] pb-[8px] demo-inert">
|
|
144
|
+
Benefits
|
|
145
|
+
<span class="nav1-link-indicator absolute left-0 right-0 -bottom-[4px] h-[4px] bg-[var(--brand-primary)]"></span>
|
|
146
|
+
</a>
|
|
147
|
+
<a data-nav1-link="" aria-disabled="true" class="nav1-link relative font-bold text-[14px] lg:text-[16px] leading-none tracking-[-0.07px] lg:tracking-[-0.08px] text-[var(--text-primary)] pb-[8px] demo-inert">Ingredients<span class="nav1-link-indicator absolute left-0 right-0 -bottom-[4px] h-[4px] bg-[var(--brand-primary)]"></span></a>
|
|
148
|
+
<a data-nav1-link="" aria-disabled="true" class="nav1-link relative font-bold text-[14px] lg:text-[16px] leading-none tracking-[-0.07px] lg:tracking-[-0.08px] text-[var(--text-primary)] pb-[8px] demo-inert">Reviews<span class="nav1-link-indicator absolute left-0 right-0 -bottom-[4px] h-[4px] bg-[var(--brand-primary)]"></span></a>
|
|
149
|
+
</nav>
|
|
150
|
+
|
|
151
|
+
<a aria-disabled="true" class="flex items-center gap-[12px] demo-inert">
|
|
152
|
+
<span class="font-extrabold text-[18px] leading-none tracking-[-0.09px] text-[var(--text-primary)] underline">Claim Offer</span>
|
|
153
|
+
<img src="../assets/images/landing/nav-1/flag-us.png" alt="US flag" class="w-[28px] h-[16px] lg:w-[32px] lg:h-[18px] object-cover" loading="eager">
|
|
154
|
+
</a>
|
|
155
|
+
</div>
|
|
156
|
+
|
|
157
|
+
<button type="button" aria-expanded="false" aria-controls="nav1-mobile-menu" data-nav1-toggle="" disabled="" aria-disabled="true" class="md:hidden w-[34px] h-[20px] flex items-center justify-center demo-inert">
|
|
158
|
+
<span class="relative block w-[34px] h-[20px]">
|
|
159
|
+
<span class="absolute left-0 top-1/2 block h-[3px] w-[28px] rounded-[20px] bg-[var(--text-primary)] -translate-y-[8px] transition-transform duration-200 ease-out" data-nav1-line-top=""></span>
|
|
160
|
+
<span class="absolute left-0 top-1/2 block h-[3px] w-[28px] rounded-[20px] bg-[var(--text-primary)] transition-opacity duration-150 ease-out" data-nav1-line-mid=""></span>
|
|
161
|
+
<span class="absolute left-0 top-1/2 block h-[3px] w-[28px] rounded-[20px] bg-[var(--text-primary)] translate-y-[8px] transition-transform duration-200 ease-out" data-nav1-line-bot=""></span>
|
|
162
|
+
</span>
|
|
163
|
+
</button>
|
|
164
|
+
</div>
|
|
165
|
+
|
|
166
|
+
<div id="nav1-mobile-menu" class="nav1-drawer md:hidden" data-nav1-menu="">
|
|
167
|
+
<nav class="flex flex-col">
|
|
168
|
+
<a data-nav1-link="" aria-disabled="true" class="nav1-link nav1-mobile-link is-active relative px-[0] py-[20px] font-bold text-[14px] leading-none tracking-[-0.07px] text-[var(--text-primary)] demo-inert">
|
|
169
|
+
Benefits
|
|
170
|
+
<span class="nav1-link-indicator absolute left-0 right-auto bottom-0 h-[4px] w-[68px] bg-[var(--brand-primary)]"></span>
|
|
171
|
+
</a>
|
|
172
|
+
<a data-nav1-link="" aria-disabled="true" class="nav1-link nav1-mobile-link relative px-[0] py-[20px] font-bold text-[14px] leading-none tracking-[-0.07px] text-[var(--text-primary)] border-t border-[var(--border-default)] demo-inert">
|
|
173
|
+
Ingredients
|
|
174
|
+
<span class="nav1-link-indicator absolute left-0 right-auto bottom-0 h-[4px] w-[92px] bg-[var(--brand-primary)]"></span>
|
|
175
|
+
</a>
|
|
176
|
+
<a data-nav1-link="" aria-disabled="true" class="nav1-link nav1-mobile-link relative px-[0] py-[20px] font-bold text-[14px] leading-none tracking-[-0.07px] text-[var(--text-primary)] border-t border-[var(--border-default)] demo-inert">
|
|
177
|
+
Reviews
|
|
178
|
+
<span class="nav1-link-indicator absolute left-0 right-auto bottom-0 h-[4px] w-[62px] bg-[var(--brand-primary)]"></span>
|
|
179
|
+
</a>
|
|
180
|
+
</nav>
|
|
181
|
+
</div>
|
|
182
|
+
</div>
|
|
183
|
+
</section>
|
|
184
|
+
|
|
185
|
+
|
|
186
|
+
|
|
187
|
+
<section class="bg-white overflow-hidden w-full">
|
|
188
|
+
<div class="max-w-[1440px] mx-auto md:pr-[26px] lg:pr-[60px] xl:pr-[120px]">
|
|
189
|
+
<div class="flex flex-col gap-[20px] md:flex-row md:gap-[32px] lg:gap-[60px] md:items-center">
|
|
190
|
+
|
|
191
|
+
|
|
192
|
+
<div class="md:hidden flex flex-col gap-[8px] items-center text-center px-[15px] pt-[24px]">
|
|
193
|
+
<div class="flex items-center gap-[16px] justify-center">
|
|
194
|
+
<div class="flex gap-[2px]">
|
|
195
|
+
<img src="../assets/images/landing/hero-1/icon-star.svg" alt="" class="w-[20px] h-[20px]" loading="eager">
|
|
196
|
+
<img src="../assets/images/landing/hero-1/icon-star.svg" alt="" class="w-[20px] h-[20px]" loading="eager">
|
|
197
|
+
<img src="../assets/images/landing/hero-1/icon-star.svg" alt="" class="w-[20px] h-[20px]" loading="eager">
|
|
198
|
+
<img src="../assets/images/landing/hero-1/icon-star.svg" alt="" class="w-[20px] h-[20px]" loading="eager">
|
|
199
|
+
<img src="../assets/images/landing/hero-1/icon-star.svg" alt="" class="w-[20px] h-[20px]" loading="eager">
|
|
200
|
+
</div>
|
|
201
|
+
<span class="text-[18px] font-medium text-[var(--text-primary)] tracking-[-0.09px]">48,312+ 5-Star Reviews</span>
|
|
202
|
+
</div>
|
|
203
|
+
<h1 class="text-[32px] font-bold leading-[1.2] text-[var(--text-primary)] tracking-[-0.16px]">Fall Asleep in Minutes — Wake Up Refreshed</h1>
|
|
204
|
+
</div>
|
|
205
|
+
|
|
206
|
+
|
|
207
|
+
<div class="md:flex-1 md:self-stretch overflow-hidden">
|
|
208
|
+
<img src="../assets/images/landing/_shared/1x1_1.svg" alt="Woman sleeping peacefully" class="w-full h-[300px] md:h-full object-cover object-center md:object-bottom" loading="eager">
|
|
209
|
+
</div>
|
|
210
|
+
|
|
211
|
+
|
|
212
|
+
<div class="md:flex-1 flex flex-col gap-[20px] md:gap-[26px] lg:gap-[32px] px-[15px] md:px-0 pb-[24px] md:py-[32px] lg:py-[40px]">
|
|
213
|
+
|
|
214
|
+
|
|
215
|
+
<div class="hidden md:flex flex-col md:gap-[12px] lg:gap-[20px]">
|
|
216
|
+
<div class="flex items-center gap-[16px]">
|
|
217
|
+
<div class="flex md:gap-[2.2px] lg:gap-[2px]">
|
|
218
|
+
<img src="../assets/images/landing/hero-1/icon-star.svg" alt="" class="md:w-[22px] md:h-[22px] lg:w-[28px] lg:h-[28px]" loading="eager">
|
|
219
|
+
<img src="../assets/images/landing/hero-1/icon-star.svg" alt="" class="md:w-[22px] md:h-[22px] lg:w-[28px] lg:h-[28px]" loading="eager">
|
|
220
|
+
<img src="../assets/images/landing/hero-1/icon-star.svg" alt="" class="md:w-[22px] md:h-[22px] lg:w-[28px] lg:h-[28px]" loading="eager">
|
|
221
|
+
<img src="../assets/images/landing/hero-1/icon-star.svg" alt="" class="md:w-[22px] md:h-[22px] lg:w-[28px] lg:h-[28px]" loading="eager">
|
|
222
|
+
<img src="../assets/images/landing/hero-1/icon-star.svg" alt="" class="md:w-[22px] md:h-[22px] lg:w-[28px] lg:h-[28px]" loading="eager">
|
|
223
|
+
</div>
|
|
224
|
+
<span class="md:text-[20px] font-medium text-[var(--text-primary)] tracking-[-0.1px]">48,312+ 5-Star Reviews</span>
|
|
225
|
+
</div>
|
|
226
|
+
<h1 class="md:text-[36px] lg:text-[44px] font-bold leading-[1.2] text-[var(--text-primary)] tracking-[-0.22px]">Fall Asleep in Minutes — Wake Up Refreshed</h1>
|
|
227
|
+
<p class="md:text-[20px] text-[var(--text-secondary)] leading-[1.5] tracking-[-0.1px]">Clinically formulated with Ashwagandha, Magnesium Glycinate & L-Theanine to silence your racing mind and deliver deep, restorative sleep.</p>
|
|
228
|
+
</div>
|
|
229
|
+
|
|
230
|
+
|
|
231
|
+
<p class="md:hidden text-[18px] text-[var(--text-primary)] text-center leading-[1.5] tracking-[-0.09px]">Clinically formulated with Ashwagandha, Magnesium Glycinate & L-Theanine to silence your racing mind and deliver deep, restorative sleep.</p>
|
|
232
|
+
|
|
233
|
+
|
|
234
|
+
<div class="flex flex-col gap-[8px]">
|
|
235
|
+
<div class="flex items-center gap-[12px]">
|
|
236
|
+
<img src="../assets/images/landing/hero-1/icon-check.svg" alt="" class="w-[24px] h-[24px] shrink-0" loading="eager">
|
|
237
|
+
<span class="text-[16px] md:text-[18px] font-bold text-[var(--text-primary)] tracking-[-0.1px]">Fall Asleep Up To 3x Faster</span>
|
|
238
|
+
</div>
|
|
239
|
+
<div class="flex items-center gap-[12px]">
|
|
240
|
+
<img src="../assets/images/landing/hero-1/icon-check.svg" alt="" class="w-[24px] h-[24px] shrink-0" loading="eager">
|
|
241
|
+
<span class="text-[16px] md:text-[18px] font-bold text-[var(--text-primary)] tracking-[-0.1px]">Stay Asleep Through the Night</span>
|
|
242
|
+
</div>
|
|
243
|
+
<div class="flex items-center gap-[12px]">
|
|
244
|
+
<img src="../assets/images/landing/hero-1/icon-check.svg" alt="" class="w-[24px] h-[24px] shrink-0" loading="eager">
|
|
245
|
+
<span class="text-[16px] md:text-[18px] font-bold text-[var(--text-primary)] tracking-[-0.1px]">Wake Up Without Grogginess</span>
|
|
246
|
+
</div>
|
|
247
|
+
</div>
|
|
248
|
+
|
|
249
|
+
|
|
250
|
+
<div class="w-full md:max-w-[440px]">
|
|
251
|
+
<div class="w-full flex flex-col items-center gap-[12px]">
|
|
252
|
+
<a aria-disabled="true" class="w-full bg-[var(--brand-primary)] rounded-[6px] py-[20px] px-[24px] flex items-center justify-center gap-[20px] no-underline demo-inert">
|
|
253
|
+
<span class="font-bold text-[20px] text-white text-center tracking-[-0.1px] leading-[1.5] whitespace-nowrap">Claim Your 60% Discount</span>
|
|
254
|
+
<img src="../assets/images/landing/_shared/arrow-right.svg" alt="" class="w-[16px] h-[12px] shrink-0" aria-hidden="true" loading="eager">
|
|
255
|
+
</a>
|
|
256
|
+
<div class="flex items-center gap-[8px]">
|
|
257
|
+
<img src="../assets/images/landing/_shared/cta-guarantee-icon.png" alt="" class="w-[20px] h-[19px] shrink-0 object-contain" aria-hidden="true" loading="eager">
|
|
258
|
+
<p class="font-semibold text-[16px] text-[var(--text-primary)] text-center tracking-[-0.08px] leading-[1.5]">30-Day Money-Back Guarantee</p>
|
|
259
|
+
</div>
|
|
260
|
+
</div>
|
|
261
|
+
</div>
|
|
262
|
+
|
|
263
|
+
|
|
264
|
+
<div class="flex gap-[12px] items-start mt-[20px] md:mt-0">
|
|
265
|
+
<div class="shrink-0 w-[60px] h-[60px] rounded-full overflow-hidden">
|
|
266
|
+
<img src="../assets/images/landing/_shared/1x1_1.svg" alt="Sandra M." class="w-full h-full object-cover object-top" loading="eager">
|
|
267
|
+
</div>
|
|
268
|
+
<div class="flex-1 flex flex-col gap-[8px]">
|
|
269
|
+
<div class="flex gap-[2px]">
|
|
270
|
+
<img src="../assets/images/landing/hero-1/icon-star.svg" alt="" class="w-[18px] h-[18px]" loading="eager">
|
|
271
|
+
<img src="../assets/images/landing/hero-1/icon-star.svg" alt="" class="w-[18px] h-[18px]" loading="eager">
|
|
272
|
+
<img src="../assets/images/landing/hero-1/icon-star.svg" alt="" class="w-[18px] h-[18px]" loading="eager">
|
|
273
|
+
<img src="../assets/images/landing/hero-1/icon-star.svg" alt="" class="w-[18px] h-[18px]" loading="eager">
|
|
274
|
+
<img src="../assets/images/landing/hero-1/icon-star.svg" alt="" class="w-[18px] h-[18px]" loading="eager">
|
|
275
|
+
</div>
|
|
276
|
+
<p class="text-[18px] md:text-[20px] font-bold text-[var(--text-primary)] leading-[1.5] tracking-[-0.1px]">"Best sleep I've had in years — nothing else comes close."</p>
|
|
277
|
+
<p class="text-[14px] lg:text-[16px] text-[var(--text-primary)] leading-[1.5] tracking-[-0.08px]">I've struggled with sleep for over a decade. After two weeks on [Product] I sleep through the night and wake up feeling genuinely rested. It has changed my life.</p>
|
|
278
|
+
<div class="flex items-center justify-between">
|
|
279
|
+
<span class="text-[16px] font-bold text-[var(--text-primary)] tracking-[-0.08px]">Sandra M.</span>
|
|
280
|
+
<div class="flex items-center gap-[2px] bg-[var(--brand-secondary)] border border-[var(--brand-primary)] rounded-full pl-[8px] pr-[10px] py-[6px]">
|
|
281
|
+
<img src="../assets/images/landing/hero-1/icon-verified.svg" alt="" class="w-[16px] h-[16px] shrink-0" loading="eager">
|
|
282
|
+
<span class="text-[12px] font-medium text-[var(--brand-primary)] tracking-[-0.06px] whitespace-nowrap">Verified Review</span>
|
|
283
|
+
</div>
|
|
284
|
+
</div>
|
|
285
|
+
</div>
|
|
286
|
+
</div>
|
|
287
|
+
|
|
288
|
+
</div>
|
|
289
|
+
</div>
|
|
290
|
+
</div>
|
|
291
|
+
</section>
|
|
292
|
+
|
|
293
|
+
<style>
|
|
294
|
+
@keyframes icons5-scroll {
|
|
295
|
+
from { transform: translateX(0); }
|
|
296
|
+
to { transform: translateX(-50%); }
|
|
297
|
+
}
|
|
298
|
+
.icons5-track {
|
|
299
|
+
animation: icons5-scroll 40s linear infinite;
|
|
300
|
+
will-change: transform;
|
|
301
|
+
}
|
|
302
|
+
.icons5-track:hover {
|
|
303
|
+
animation-play-state: paused;
|
|
304
|
+
}
|
|
305
|
+
</style>
|
|
306
|
+
|
|
307
|
+
<section class="bg-white py-6 md:py-8 lg:py-10 overflow-hidden">
|
|
308
|
+
<div class="icons5-track flex items-center gap-[48px] w-max">
|
|
309
|
+
|
|
310
|
+
|
|
311
|
+
<div class="flex items-center gap-[15px] md:gap-[20px] shrink-0">
|
|
312
|
+
<img src="../assets/images/landing/icons-5/icon-cuff-checking.svg" alt="" class="w-8 h-8 object-contain shrink-0" loading="eager">
|
|
313
|
+
<span class="font-bold text-[16px] md:text-[18px] text-[color:var(--text-primary)] tracking-[-0.08px] md:tracking-[-0.09px] leading-[1.5] whitespace-nowrap">Non-Habit Forming</span>
|
|
314
|
+
</div>
|
|
315
|
+
<div class="flex items-center gap-[15px] md:gap-[20px] shrink-0">
|
|
316
|
+
<img src="../assets/images/landing/icons-5/icon-movement-error.svg" alt="" class="w-8 h-8 object-contain shrink-0" loading="eager">
|
|
317
|
+
<span class="font-bold text-[16px] md:text-[18px] text-[color:var(--text-primary)] tracking-[-0.08px] md:tracking-[-0.09px] leading-[1.5] whitespace-nowrap">Made in the USA</span>
|
|
318
|
+
</div>
|
|
319
|
+
<div class="flex items-center gap-[15px] md:gap-[20px] shrink-0">
|
|
320
|
+
<img src="../assets/images/landing/icons-5/icon-heartbeat.svg" alt="" class="w-8 h-8 object-contain shrink-0" loading="eager">
|
|
321
|
+
<span class="font-bold text-[16px] md:text-[18px] text-[color:var(--text-primary)] tracking-[-0.08px] md:tracking-[-0.09px] leading-[1.5] whitespace-nowrap">Third-Party Tested</span>
|
|
322
|
+
</div>
|
|
323
|
+
<div class="flex items-center gap-[15px] md:gap-[20px] shrink-0">
|
|
324
|
+
<img src="../assets/images/landing/icons-5/icon-wrist-comfort.svg" alt="" class="w-8 h-8 object-contain shrink-0" loading="eager">
|
|
325
|
+
<span class="font-bold text-[16px] md:text-[18px] text-[color:var(--text-primary)] tracking-[-0.08px] md:tracking-[-0.09px] leading-[1.5] whitespace-nowrap">No Morning Grogginess</span>
|
|
326
|
+
</div>
|
|
327
|
+
<div class="flex items-center gap-[15px] md:gap-[20px] shrink-0">
|
|
328
|
+
<img src="../assets/images/landing/icons-5/icon-fda-cleared.svg" alt="" class="w-8 h-8 object-contain shrink-0" loading="eager">
|
|
329
|
+
<span class="font-bold text-[16px] md:text-[18px] text-[color:var(--text-primary)] tracking-[-0.08px] md:tracking-[-0.09px] leading-[1.5] whitespace-nowrap">60-Day Guarantee</span>
|
|
330
|
+
</div>
|
|
331
|
+
<div class="flex items-center gap-[15px] md:gap-[20px] shrink-0">
|
|
332
|
+
<img src="../assets/images/landing/icons-5/icon-lcd-display.svg" alt="" class="w-8 h-8 object-contain shrink-0" loading="eager">
|
|
333
|
+
<span class="font-bold text-[16px] md:text-[18px] text-[color:var(--text-primary)] tracking-[-0.08px] md:tracking-[-0.09px] leading-[1.5] whitespace-nowrap">Vegan & Gluten Free</span>
|
|
334
|
+
</div>
|
|
335
|
+
<div class="flex items-center gap-[15px] md:gap-[20px] shrink-0">
|
|
336
|
+
<img src="../assets/images/landing/icons-5/icon-reading-memory.svg" alt="" class="w-8 h-8 object-contain shrink-0" loading="eager">
|
|
337
|
+
<span class="font-bold text-[16px] md:text-[18px] text-[color:var(--text-primary)] tracking-[-0.08px] md:tracking-[-0.09px] leading-[1.5] whitespace-nowrap">GMP Certified Facility</span>
|
|
338
|
+
</div>
|
|
339
|
+
<div class="flex items-center gap-[15px] md:gap-[20px] shrink-0">
|
|
340
|
+
<img src="../assets/images/landing/icons-5/icon-dual-user.svg" alt="" class="w-8 h-8 object-contain shrink-0" loading="eager">
|
|
341
|
+
<span class="font-bold text-[16px] md:text-[18px] text-[color:var(--text-primary)] tracking-[-0.08px] md:tracking-[-0.09px] leading-[1.5] whitespace-nowrap">Clinically Studied Ingredients</span>
|
|
342
|
+
</div>
|
|
343
|
+
<div class="flex items-center gap-[15px] md:gap-[20px] shrink-0">
|
|
344
|
+
<img src="../assets/images/landing/icons-5/icon-batteries.svg" alt="" class="w-8 h-8 object-contain shrink-0" loading="eager">
|
|
345
|
+
<span class="font-bold text-[16px] md:text-[18px] text-[color:var(--text-primary)] tracking-[-0.08px] md:tracking-[-0.09px] leading-[1.5] whitespace-nowrap">No Sedatives</span>
|
|
346
|
+
</div>
|
|
347
|
+
<div class="flex items-center gap-[15px] md:gap-[20px] shrink-0">
|
|
348
|
+
<img src="../assets/images/landing/icons-5/icon-portable.png" alt="" class="w-8 h-8 object-contain shrink-0" loading="eager">
|
|
349
|
+
<span class="font-bold text-[16px] md:text-[18px] text-[color:var(--text-primary)] tracking-[-0.08px] md:tracking-[-0.09px] leading-[1.5] whitespace-nowrap">Doctor Recommended</span>
|
|
350
|
+
</div>
|
|
351
|
+
|
|
352
|
+
|
|
353
|
+
<div class="flex items-center gap-[15px] md:gap-[20px] shrink-0">
|
|
354
|
+
<img src="../assets/images/landing/icons-5/icon-cuff-checking.svg" alt="" class="w-8 h-8 object-contain shrink-0" loading="eager">
|
|
355
|
+
<span class="font-bold text-[16px] md:text-[18px] text-[color:var(--text-primary)] tracking-[-0.08px] md:tracking-[-0.09px] leading-[1.5] whitespace-nowrap">Non-Habit Forming</span>
|
|
356
|
+
</div>
|
|
357
|
+
<div class="flex items-center gap-[15px] md:gap-[20px] shrink-0">
|
|
358
|
+
<img src="../assets/images/landing/icons-5/icon-movement-error.svg" alt="" class="w-8 h-8 object-contain shrink-0" loading="eager">
|
|
359
|
+
<span class="font-bold text-[16px] md:text-[18px] text-[color:var(--text-primary)] tracking-[-0.08px] md:tracking-[-0.09px] leading-[1.5] whitespace-nowrap">Made in the USA</span>
|
|
360
|
+
</div>
|
|
361
|
+
<div class="flex items-center gap-[15px] md:gap-[20px] shrink-0">
|
|
362
|
+
<img src="../assets/images/landing/icons-5/icon-heartbeat.svg" alt="" class="w-8 h-8 object-contain shrink-0" loading="eager">
|
|
363
|
+
<span class="font-bold text-[16px] md:text-[18px] text-[color:var(--text-primary)] tracking-[-0.08px] md:tracking-[-0.09px] leading-[1.5] whitespace-nowrap">Third-Party Tested</span>
|
|
364
|
+
</div>
|
|
365
|
+
<div class="flex items-center gap-[15px] md:gap-[20px] shrink-0">
|
|
366
|
+
<img src="../assets/images/landing/icons-5/icon-wrist-comfort.svg" alt="" class="w-8 h-8 object-contain shrink-0" loading="eager">
|
|
367
|
+
<span class="font-bold text-[16px] md:text-[18px] text-[color:var(--text-primary)] tracking-[-0.08px] md:tracking-[-0.09px] leading-[1.5] whitespace-nowrap">No Morning Grogginess</span>
|
|
368
|
+
</div>
|
|
369
|
+
<div class="flex items-center gap-[15px] md:gap-[20px] shrink-0">
|
|
370
|
+
<img src="../assets/images/landing/icons-5/icon-fda-cleared.svg" alt="" class="w-8 h-8 object-contain shrink-0" loading="eager">
|
|
371
|
+
<span class="font-bold text-[16px] md:text-[18px] text-[color:var(--text-primary)] tracking-[-0.08px] md:tracking-[-0.09px] leading-[1.5] whitespace-nowrap">60-Day Guarantee</span>
|
|
372
|
+
</div>
|
|
373
|
+
<div class="flex items-center gap-[15px] md:gap-[20px] shrink-0">
|
|
374
|
+
<img src="../assets/images/landing/icons-5/icon-lcd-display.svg" alt="" class="w-8 h-8 object-contain shrink-0" loading="eager">
|
|
375
|
+
<span class="font-bold text-[16px] md:text-[18px] text-[color:var(--text-primary)] tracking-[-0.08px] md:tracking-[-0.09px] leading-[1.5] whitespace-nowrap">Vegan & Gluten Free</span>
|
|
376
|
+
</div>
|
|
377
|
+
<div class="flex items-center gap-[15px] md:gap-[20px] shrink-0">
|
|
378
|
+
<img src="../assets/images/landing/icons-5/icon-reading-memory.svg" alt="" class="w-8 h-8 object-contain shrink-0" loading="eager">
|
|
379
|
+
<span class="font-bold text-[16px] md:text-[18px] text-[color:var(--text-primary)] tracking-[-0.08px] md:tracking-[-0.09px] leading-[1.5] whitespace-nowrap">GMP Certified Facility</span>
|
|
380
|
+
</div>
|
|
381
|
+
<div class="flex items-center gap-[15px] md:gap-[20px] shrink-0">
|
|
382
|
+
<img src="../assets/images/landing/icons-5/icon-dual-user.svg" alt="" class="w-8 h-8 object-contain shrink-0" loading="eager">
|
|
383
|
+
<span class="font-bold text-[16px] md:text-[18px] text-[color:var(--text-primary)] tracking-[-0.08px] md:tracking-[-0.09px] leading-[1.5] whitespace-nowrap">Clinically Studied Ingredients</span>
|
|
384
|
+
</div>
|
|
385
|
+
<div class="flex items-center gap-[15px] md:gap-[20px] shrink-0">
|
|
386
|
+
<img src="../assets/images/landing/icons-5/icon-batteries.svg" alt="" class="w-8 h-8 object-contain shrink-0" loading="eager">
|
|
387
|
+
<span class="font-bold text-[16px] md:text-[18px] text-[color:var(--text-primary)] tracking-[-0.08px] md:tracking-[-0.09px] leading-[1.5] whitespace-nowrap">No Sedatives</span>
|
|
388
|
+
</div>
|
|
389
|
+
<div class="flex items-center gap-[15px] md:gap-[20px] shrink-0">
|
|
390
|
+
<img src="../assets/images/landing/icons-5/icon-portable.png" alt="" class="w-8 h-8 object-contain shrink-0" loading="eager">
|
|
391
|
+
<span class="font-bold text-[16px] md:text-[18px] text-[color:var(--text-primary)] tracking-[-0.08px] md:tracking-[-0.09px] leading-[1.5] whitespace-nowrap">Doctor Recommended</span>
|
|
392
|
+
</div>
|
|
393
|
+
|
|
394
|
+
</div>
|
|
395
|
+
</section>
|
|
396
|
+
|
|
397
|
+
<section class="bg-[var(--brand-tint,#edf2ff)] py-10 md:py-12 lg:py-[60px]">
|
|
398
|
+
<div class="max-w-[1440px] mx-auto px-[15px] md:px-[26px] lg:px-[60px] xl:px-[120px]">
|
|
399
|
+
<div class="flex flex-col items-center gap-8 md:gap-10 lg:gap-12">
|
|
400
|
+
|
|
401
|
+
|
|
402
|
+
<div class="flex flex-col md:flex-row items-start gap-5 md:gap-12 lg:gap-[60px] w-full">
|
|
403
|
+
|
|
404
|
+
|
|
405
|
+
<div class="w-full md:w-[320px] lg:w-[560px] shrink-0 overflow-hidden rounded-[16px] md:rounded-[20px] lg:rounded-[24px]" style="aspect-ratio: 560/320;">
|
|
406
|
+
<img src="../assets/images/landing/_shared/1x1_1.svg" alt="Person lying awake staring at ceiling" class="w-full h-full object-cover" loading="eager">
|
|
407
|
+
</div>
|
|
408
|
+
|
|
409
|
+
|
|
410
|
+
<div class="flex flex-col gap-3 md:gap-4 lg:gap-5 items-start justify-center flex-1 self-stretch">
|
|
411
|
+
<div class="flex flex-col gap-2 md:gap-[10px] lg:gap-3 items-start w-full">
|
|
412
|
+
<p class="text-[20px] lg:text-[24px] font-bold leading-[1.4] tracking-[-0.1px] lg:tracking-[-0.12px] text-[#b70101]">
|
|
413
|
+
The Problem
|
|
414
|
+
</p>
|
|
415
|
+
<h2 class="text-[28px] md:text-[32px] lg:text-[40px] font-bold leading-[1.2] tracking-[-0.14px] md:tracking-[-0.16px] lg:tracking-[-0.2px] text-[var(--text-primary)]">
|
|
416
|
+
Poor Sleep Is Draining Your Life
|
|
417
|
+
</h2>
|
|
418
|
+
</div>
|
|
419
|
+
<p class="text-[16px] md:text-[18px] leading-[1.5] tracking-[-0.08px] md:tracking-[-0.09px] text-[var(--text-secondary)]">
|
|
420
|
+
Lying awake at 2am, staring at the ceiling with a mind that won't slow down. Day after day of exhaustion, brain fog, and irritability — and the harder you try to sleep, the worse it gets. Melatonin stopped working. Prescription sleep aids leave you groggy. You're stuck in a cycle you can't break.
|
|
421
|
+
</p>
|
|
422
|
+
</div>
|
|
423
|
+
|
|
424
|
+
</div>
|
|
425
|
+
|
|
426
|
+
|
|
427
|
+
<div class="flex flex-col md:flex-row items-start gap-5 md:gap-12 lg:gap-[60px] w-full">
|
|
428
|
+
|
|
429
|
+
|
|
430
|
+
<div class="w-full md:w-[320px] lg:w-[560px] shrink-0 overflow-hidden rounded-[16px] md:rounded-[20px] lg:rounded-[24px]" style="aspect-ratio: 560/320;">
|
|
431
|
+
<img src="../assets/images/landing/_shared/1x1_1.svg" alt="Person waking up refreshed and energized" class="w-full h-full object-cover object-right" loading="eager">
|
|
432
|
+
</div>
|
|
433
|
+
|
|
434
|
+
|
|
435
|
+
<div class="flex flex-col gap-3 md:gap-4 lg:gap-5 items-start justify-center flex-1 self-stretch">
|
|
436
|
+
<div class="flex flex-col gap-2 md:gap-[10px] lg:gap-3 items-start w-full">
|
|
437
|
+
<p class="text-[20px] lg:text-[24px] font-bold leading-[1.4] tracking-[-0.1px] lg:tracking-[-0.12px] text-[var(--brand-primary)]">
|
|
438
|
+
The Solution
|
|
439
|
+
</p>
|
|
440
|
+
<h2 class="text-[28px] md:text-[32px] lg:text-[40px] font-bold leading-[1.2] tracking-[-0.14px] md:tracking-[-0.16px] lg:tracking-[-0.2px] text-[var(--text-primary)]">
|
|
441
|
+
Deep Sleep, Naturally Restored
|
|
442
|
+
</h2>
|
|
443
|
+
</div>
|
|
444
|
+
<p class="text-[16px] md:text-[18px] leading-[1.5] tracking-[-0.08px] md:tracking-[-0.09px] text-[var(--text-secondary)]">
|
|
445
|
+
Our formula works with your body's own sleep systems — not against them. Our synergistic blend lowers cortisol, calms the nervous system, and supports every stage of your sleep cycle. No dependency. No grogginess. Just the deep, natural sleep your body has been craving.
|
|
446
|
+
</p>
|
|
447
|
+
</div>
|
|
448
|
+
|
|
449
|
+
</div>
|
|
450
|
+
|
|
451
|
+
|
|
452
|
+
<div class="w-[345px] md:w-[440px] flex flex-col items-center gap-[8px] md:gap-[10px] lg:gap-[12px]">
|
|
453
|
+
<a aria-disabled="true" class="w-full rounded-[6px] bg-[var(--brand-primary)] px-[24px] py-[20px] flex items-center justify-center gap-[20px] demo-inert">
|
|
454
|
+
<span class="text-[20px] leading-[1.5] tracking-[-0.1px] font-bold text-white text-center">
|
|
455
|
+
Claim Your 60% Discount
|
|
456
|
+
</span>
|
|
457
|
+
<img src="../assets/images/landing/_shared/arrow-right.svg" alt="" class="w-[16px] h-[12px] shrink-0" aria-hidden="true" loading="eager">
|
|
458
|
+
</a>
|
|
459
|
+
<div class="flex items-center gap-[8px]">
|
|
460
|
+
<img src="../assets/images/landing/_shared/cta-guarantee-icon.png" alt="" class="w-[20px] h-[19px] object-contain" aria-hidden="true" loading="eager">
|
|
461
|
+
<p class="text-[16px] leading-[1.5] tracking-[-0.08px] font-semibold text-[var(--text-primary)] whitespace-nowrap">
|
|
462
|
+
30-Day Money-Back Guarantee
|
|
463
|
+
</p>
|
|
464
|
+
</div>
|
|
465
|
+
</div>
|
|
466
|
+
|
|
467
|
+
</div>
|
|
468
|
+
</div>
|
|
469
|
+
</section>
|
|
470
|
+
|
|
471
|
+
<section class="bg-[#edf2ff] py-[40px] md:py-[48px] lg:py-[60px]">
|
|
472
|
+
<div class="max-w-[1440px] mx-auto px-[15px] md:px-[26px] lg:px-[60px] xl:px-[120px]">
|
|
473
|
+
<div class="flex flex-col gap-[32px] md:gap-[40px] lg:gap-[48px]">
|
|
474
|
+
|
|
475
|
+
|
|
476
|
+
<h2 class="font-bold text-[32px] md:text-[36px] lg:text-[44px] tracking-[-0.16px] md:tracking-[-0.19px] lg:tracking-[-0.22px] text-[var(--text-primary)] leading-[1.2] text-center lg:text-left">
|
|
477
|
+
Why 48,000+ Sleepers Choose [Product]
|
|
478
|
+
</h2>
|
|
479
|
+
|
|
480
|
+
|
|
481
|
+
<div class="flex flex-col md:flex-row gap-[32px] md:gap-[40px] lg:gap-[48px] md:items-start lg:items-center">
|
|
482
|
+
|
|
483
|
+
|
|
484
|
+
<div class="w-full md:w-[45%] shrink-0 aspect-square rounded-[16px] overflow-hidden">
|
|
485
|
+
<img src="../assets/images/landing/_shared/1x1_1.svg" alt="[Product] bottle" class="w-full h-full object-cover" loading="eager">
|
|
486
|
+
</div>
|
|
487
|
+
|
|
488
|
+
|
|
489
|
+
<div class="flex flex-col gap-[20px] md:gap-[26px] lg:gap-[32px] md:flex-1">
|
|
490
|
+
|
|
491
|
+
|
|
492
|
+
<div class="grid grid-cols-1 lg:grid-cols-2 gap-[24px] md:gap-[20px] lg:gap-x-[20px] lg:gap-y-[40px]">
|
|
493
|
+
|
|
494
|
+
|
|
495
|
+
<div class="flex flex-col items-center gap-[8px] md:flex-row md:items-center md:gap-[16px] lg:flex-col lg:items-center lg:gap-[8px]">
|
|
496
|
+
<div class="flex flex-col items-center gap-[16px] shrink-0">
|
|
497
|
+
<img src="../assets/images/landing/benefits-2/benefits-2-icon-1.svg" alt="" class="w-[50px] h-[50px]" loading="eager">
|
|
498
|
+
<h3 class="font-bold text-[20px] lg:text-[24px] tracking-[-0.1px] lg:tracking-[-0.12px] text-[var(--text-primary)] leading-[1.4] text-center md:hidden lg:block">
|
|
499
|
+
Quiets Racing Thoughts
|
|
500
|
+
</h3>
|
|
501
|
+
</div>
|
|
502
|
+
<div class="flex flex-col gap-[8px] w-full">
|
|
503
|
+
<h3 class="font-bold text-[20px] tracking-[-0.1px] text-[var(--text-primary)] leading-[1.4] hidden md:block lg:hidden">
|
|
504
|
+
Quiets Racing Thoughts
|
|
505
|
+
</h3>
|
|
506
|
+
<p class="font-normal text-[18px] tracking-[-0.09px] text-[var(--text-secondary)] leading-[1.5] text-center md:text-left lg:text-center">
|
|
507
|
+
Ashwagandha and L-Theanine lower cortisol and promote alpha brainwave activity — your brain finally gets the off switch it needs.
|
|
508
|
+
</p>
|
|
509
|
+
</div>
|
|
510
|
+
</div>
|
|
511
|
+
|
|
512
|
+
|
|
513
|
+
<div class="flex flex-col items-center gap-[8px] md:flex-row md:items-center md:gap-[16px] lg:flex-col lg:items-center lg:gap-[8px]">
|
|
514
|
+
<div class="flex flex-col items-center gap-[16px] shrink-0">
|
|
515
|
+
<img src="../assets/images/landing/benefits-2/benefits-2-icon-2.svg" alt="" class="w-[50px] h-[50px]" loading="eager">
|
|
516
|
+
<h3 class="font-bold text-[20px] lg:text-[24px] tracking-[-0.1px] lg:tracking-[-0.12px] text-[var(--text-primary)] leading-[1.4] text-center md:hidden lg:block">
|
|
517
|
+
Deeper Sleep Cycles
|
|
518
|
+
</h3>
|
|
519
|
+
</div>
|
|
520
|
+
<div class="flex flex-col gap-[8px] w-full">
|
|
521
|
+
<h3 class="font-bold text-[20px] tracking-[-0.1px] text-[var(--text-primary)] leading-[1.4] hidden md:block lg:hidden">
|
|
522
|
+
Deeper Sleep Cycles
|
|
523
|
+
</h3>
|
|
524
|
+
<p class="font-normal text-[18px] tracking-[-0.09px] text-[var(--text-secondary)] leading-[1.5] text-center md:text-left lg:text-center">
|
|
525
|
+
Magnesium Glycinate supports the nervous system relaxation needed to cycle through all stages of restorative sleep.
|
|
526
|
+
</p>
|
|
527
|
+
</div>
|
|
528
|
+
</div>
|
|
529
|
+
|
|
530
|
+
|
|
531
|
+
<div class="flex flex-col items-center gap-[8px] md:flex-row md:items-center md:gap-[16px] lg:flex-col lg:items-center lg:gap-[8px]">
|
|
532
|
+
<div class="flex flex-col items-center gap-[16px] shrink-0">
|
|
533
|
+
<img src="../assets/images/landing/benefits-2/benefits-2-icon-3.svg" alt="" class="w-[50px] h-[50px]" loading="eager">
|
|
534
|
+
<h3 class="font-bold text-[20px] lg:text-[24px] tracking-[-0.1px] lg:tracking-[-0.12px] text-[var(--text-primary)] leading-[1.4] text-center md:hidden lg:block">
|
|
535
|
+
Zero Next-Day Fog
|
|
536
|
+
</h3>
|
|
537
|
+
</div>
|
|
538
|
+
<div class="flex flex-col gap-[8px] w-full">
|
|
539
|
+
<h3 class="font-bold text-[20px] tracking-[-0.1px] text-[var(--text-primary)] leading-[1.4] hidden md:block lg:hidden">
|
|
540
|
+
Zero Next-Day Fog
|
|
541
|
+
</h3>
|
|
542
|
+
<p class="font-normal text-[18px] tracking-[-0.09px] text-[var(--text-secondary)] leading-[1.5] text-center md:text-left lg:text-center">
|
|
543
|
+
Unlike prescription sleep aids, this formula contains no sedatives. You wake up clear-headed and ready to go.
|
|
544
|
+
</p>
|
|
545
|
+
</div>
|
|
546
|
+
</div>
|
|
547
|
+
|
|
548
|
+
|
|
549
|
+
<div class="flex flex-col items-center gap-[8px] md:flex-row md:items-center md:gap-[16px] lg:flex-col lg:items-center lg:gap-[8px]">
|
|
550
|
+
<div class="flex flex-col items-center gap-[16px] shrink-0">
|
|
551
|
+
<img src="../assets/images/landing/benefits-2/benefits-2-icon-4.svg" alt="" class="w-[50px] h-[50px]" loading="eager">
|
|
552
|
+
<h3 class="font-bold text-[20px] lg:text-[24px] tracking-[-0.1px] lg:tracking-[-0.12px] text-[var(--text-primary)] leading-[1.4] text-center md:hidden lg:block">
|
|
553
|
+
Non-Habit Forming
|
|
554
|
+
</h3>
|
|
555
|
+
</div>
|
|
556
|
+
<div class="flex flex-col gap-[8px] w-full">
|
|
557
|
+
<h3 class="font-bold text-[20px] tracking-[-0.1px] text-[var(--text-primary)] leading-[1.4] hidden md:block lg:hidden">
|
|
558
|
+
Non-Habit Forming
|
|
559
|
+
</h3>
|
|
560
|
+
<p class="font-normal text-[18px] tracking-[-0.09px] text-[var(--text-secondary)] leading-[1.5] text-center md:text-left lg:text-center">
|
|
561
|
+
Natural adaptogens and minerals — not chemicals. Use it nightly without worrying about dependency.
|
|
562
|
+
</p>
|
|
563
|
+
</div>
|
|
564
|
+
</div>
|
|
565
|
+
|
|
566
|
+
</div>
|
|
567
|
+
|
|
568
|
+
|
|
569
|
+
<div class="bg-white border border-[var(--brand-primary)] rounded-[8px] flex gap-[16px] items-start px-[12px] pt-[12px] pb-[16px]">
|
|
570
|
+
<img src="../assets/images/landing/benefits-2/benefits-2-quote.svg" alt="" class="w-[32px] h-[32px] shrink-0" loading="eager">
|
|
571
|
+
<div class="flex flex-col gap-[16px] flex-1 min-w-0">
|
|
572
|
+
<div class="flex flex-col gap-[4px]">
|
|
573
|
+
<p class="text-[20px] text-[#ffb800] tracking-[2px] leading-[1.5]">★★★★★</p>
|
|
574
|
+
<p class="font-normal text-[18px] tracking-[-0.09px] text-[var(--text-primary)] leading-[1.5]">
|
|
575
|
+
"Two capsules before bed and I'm out within 20 minutes. I've cancelled three doctor's appointments since starting this."
|
|
576
|
+
</p>
|
|
577
|
+
</div>
|
|
578
|
+
<div class="flex items-center gap-[8px]">
|
|
579
|
+
<span class="font-bold text-[14px] tracking-[-0.07px] text-[var(--text-primary)] leading-[1.4]">
|
|
580
|
+
Derek H.
|
|
581
|
+
</span>
|
|
582
|
+
<img src="../assets/images/landing/benefits-2/benefits-2-verified.svg" alt="" class="w-[12px] h-[12px] shrink-0" loading="eager">
|
|
583
|
+
<span class="font-semibold text-[14px] tracking-[-0.07px] text-[var(--brand-primary)] leading-[1.4]">Verified Buyer</span>
|
|
584
|
+
</div>
|
|
585
|
+
</div>
|
|
586
|
+
</div>
|
|
587
|
+
|
|
588
|
+
</div>
|
|
589
|
+
</div>
|
|
590
|
+
|
|
591
|
+
</div>
|
|
592
|
+
</div>
|
|
593
|
+
</section>
|
|
594
|
+
|
|
595
|
+
<section class="bg-[var(--brand-secondary,#edf2ff)] py-[40px] md:py-[48px] lg:py-[60px]">
|
|
596
|
+
<div class="max-w-[1440px] mx-auto px-[15px] md:px-[26px] lg:px-[60px] xl:px-[120px]">
|
|
597
|
+
<div class="flex flex-col items-center gap-[32px] md:gap-[40px] lg:gap-[48px]">
|
|
598
|
+
|
|
599
|
+
|
|
600
|
+
<h2 class="font-bold text-[32px] md:text-[36px] lg:text-[44px] text-[var(--text-primary)] text-center tracking-[-0.16px] md:tracking-[-0.19px] lg:tracking-[-0.22px] leading-[1.2] max-w-[720px]">
|
|
601
|
+
[Product] Works In Phases
|
|
602
|
+
</h2>
|
|
603
|
+
|
|
604
|
+
|
|
605
|
+
<div class="md:hidden w-full aspect-[374/233] relative overflow-hidden rounded-[8px]">
|
|
606
|
+
<img src="../assets/images/landing/_shared/1x1_1.svg" alt="[Product] bottle" class="absolute inset-0 w-full h-full object-cover" loading="eager">
|
|
607
|
+
</div>
|
|
608
|
+
|
|
609
|
+
|
|
610
|
+
<div class="flex gap-[20px] lg:gap-[40px] items-start w-full">
|
|
611
|
+
|
|
612
|
+
|
|
613
|
+
<div class="hidden md:block flex-1 aspect-[412/480] relative self-start">
|
|
614
|
+
<img src="../assets/images/landing/_shared/1x1_1.svg" alt="[Product] bottle" class="absolute inset-0 w-full h-full object-contain" loading="eager">
|
|
615
|
+
</div>
|
|
616
|
+
|
|
617
|
+
|
|
618
|
+
<div class="flex-1 flex flex-col">
|
|
619
|
+
|
|
620
|
+
|
|
621
|
+
<div class="flex gap-[20px] lg:gap-[40px] items-start">
|
|
622
|
+
<div class="flex flex-col items-center self-stretch shrink-0">
|
|
623
|
+
<div class="w-[16px] h-[16px] rounded-[8px] bg-white border-4 border-[var(--brand-primary)] shadow-[0_0_0_5px_#d5ddf3] shrink-0"></div>
|
|
624
|
+
<div class="w-[2px] flex-1 min-h-[1px] border-l-2 border-dashed border-[var(--text-primary)]"></div>
|
|
625
|
+
</div>
|
|
626
|
+
<div class="flex-1 pb-[20px]">
|
|
627
|
+
<div class="bg-white rounded-[16px] px-[16px] md:px-[20px] lg:px-[24px] py-[12px] md:py-[14px] lg:py-[16px] flex flex-col gap-[4px] md:gap-[8px]">
|
|
628
|
+
<div class="flex flex-col gap-[2px]">
|
|
629
|
+
<p class="font-medium text-[16px] lg:text-[18px] text-[var(--text-primary)] tracking-[-0.08px] lg:tracking-[-0.09px] leading-[1.5]">Days 1–7</p>
|
|
630
|
+
<p class="font-bold text-[18px] md:text-[20px] text-[var(--text-primary)] tracking-[-0.09px] lg:tracking-[-0.1px] leading-[1.5]">Foundation Phase</p>
|
|
631
|
+
</div>
|
|
632
|
+
<p class="font-medium text-[16px] lg:text-[18px] text-[var(--text-primary)] tracking-[-0.08px] lg:tracking-[-0.09px] leading-[1.5]">The adaptogenic compounds begin absorbing into your system. Most customers notice it's easier to wind down at night and wake up feeling less groggy.</p>
|
|
633
|
+
</div>
|
|
634
|
+
</div>
|
|
635
|
+
</div>
|
|
636
|
+
|
|
637
|
+
|
|
638
|
+
<div class="flex gap-[20px] lg:gap-[40px] items-start">
|
|
639
|
+
<div class="flex flex-col items-center self-stretch shrink-0">
|
|
640
|
+
<div class="w-[16px] h-[16px] rounded-[8px] bg-white border-4 border-[var(--brand-primary)] shadow-[0_0_0_5px_#d5ddf3] shrink-0"></div>
|
|
641
|
+
<div class="w-[2px] flex-1 min-h-[1px] border-l-2 border-dashed border-[var(--text-primary)]"></div>
|
|
642
|
+
</div>
|
|
643
|
+
<div class="flex-1 pb-[20px]">
|
|
644
|
+
<div class="bg-white rounded-[16px] px-[16px] md:px-[20px] lg:px-[24px] py-[12px] md:py-[14px] lg:py-[16px] flex flex-col gap-[4px] md:gap-[8px]">
|
|
645
|
+
<div class="flex flex-col gap-[2px]">
|
|
646
|
+
<p class="font-medium text-[16px] lg:text-[18px] text-[var(--text-primary)] tracking-[-0.08px] lg:tracking-[-0.09px] leading-[1.5]">Days 8–21</p>
|
|
647
|
+
<p class="font-bold text-[18px] md:text-[20px] text-[var(--text-primary)] tracking-[-0.09px] lg:tracking-[-0.1px] leading-[1.5]">Regulation Phase</p>
|
|
648
|
+
</div>
|
|
649
|
+
<p class="font-medium text-[16px] lg:text-[18px] text-[var(--text-primary)] tracking-[-0.08px] lg:tracking-[-0.09px] leading-[1.5]">Cortisol levels stabilise and your nervous system settles into a consistent rhythm. Falling asleep feels easier and staying asleep through the night becomes the norm.</p>
|
|
650
|
+
</div>
|
|
651
|
+
</div>
|
|
652
|
+
</div>
|
|
653
|
+
|
|
654
|
+
|
|
655
|
+
<div class="flex gap-[20px] lg:gap-[40px] items-start">
|
|
656
|
+
<div class="flex flex-col items-center self-stretch shrink-0">
|
|
657
|
+
<div class="w-[16px] h-[16px] rounded-[8px] bg-white border-4 border-[var(--brand-primary)] shadow-[0_0_0_5px_#d5ddf3] shrink-0"></div>
|
|
658
|
+
<div class="w-[2px] flex-1 min-h-[1px] border-l-2 border-dashed border-[var(--text-primary)]"></div>
|
|
659
|
+
</div>
|
|
660
|
+
<div class="flex-1 pb-[20px]">
|
|
661
|
+
<div class="bg-white rounded-[16px] px-[16px] md:px-[20px] lg:px-[24px] py-[12px] md:py-[14px] lg:py-[16px] flex flex-col gap-[4px] md:gap-[8px]">
|
|
662
|
+
<div class="flex flex-col gap-[2px]">
|
|
663
|
+
<p class="font-medium text-[16px] lg:text-[18px] text-[var(--text-primary)] tracking-[-0.08px] lg:tracking-[-0.09px] leading-[1.5]">Days 22–45</p>
|
|
664
|
+
<p class="font-bold text-[18px] md:text-[20px] text-[var(--text-primary)] tracking-[-0.09px] lg:tracking-[-0.1px] leading-[1.5]">Transformation Phase</p>
|
|
665
|
+
</div>
|
|
666
|
+
<p class="font-medium text-[16px] lg:text-[18px] text-[var(--text-primary)] tracking-[-0.08px] lg:tracking-[-0.09px] leading-[1.5]">Deep, restorative sleep becomes reliable. Energy is noticeably higher during the day, brain fog lifts, and mood stabilises without the afternoon crash.</p>
|
|
667
|
+
</div>
|
|
668
|
+
</div>
|
|
669
|
+
</div>
|
|
670
|
+
|
|
671
|
+
|
|
672
|
+
<div class="flex gap-[20px] lg:gap-[40px] items-start">
|
|
673
|
+
<div class="flex flex-col items-center shrink-0">
|
|
674
|
+
<div class="w-[16px] h-[16px] rounded-[8px] bg-white border-4 border-[var(--brand-primary)] shadow-[0_0_0_5px_#d5ddf3] shrink-0"></div>
|
|
675
|
+
</div>
|
|
676
|
+
<div class="flex-1">
|
|
677
|
+
<div class="bg-white rounded-[16px] px-[16px] md:px-[20px] lg:px-[24px] py-[12px] md:py-[14px] lg:py-[16px] flex flex-col gap-[4px] md:gap-[8px]">
|
|
678
|
+
<div class="flex flex-col gap-[2px]">
|
|
679
|
+
<p class="font-medium text-[16px] lg:text-[18px] text-[var(--text-primary)] tracking-[-0.08px] lg:tracking-[-0.09px] leading-[1.5]">Day 45+</p>
|
|
680
|
+
<p class="font-bold text-[18px] md:text-[20px] text-[var(--text-primary)] tracking-[-0.09px] lg:tracking-[-0.1px] leading-[1.5]">Peak Rest</p>
|
|
681
|
+
</div>
|
|
682
|
+
<p class="font-medium text-[16px] lg:text-[18px] text-[var(--text-primary)] tracking-[-0.08px] lg:tracking-[-0.09px] leading-[1.5]">The compounding effect reaches its peak. Consistent deep sleep every night, sustained daytime energy, and a calmer baseline that stays with you long term.</p>
|
|
683
|
+
</div>
|
|
684
|
+
</div>
|
|
685
|
+
</div>
|
|
686
|
+
|
|
687
|
+
</div>
|
|
688
|
+
|
|
689
|
+
|
|
690
|
+
</div>
|
|
691
|
+
|
|
692
|
+
|
|
693
|
+
|
|
694
|
+
<div class="flex flex-col items-center gap-[8px] md:gap-[10px] lg:gap-[12px] w-full max-w-[440px]">
|
|
695
|
+
<a aria-disabled="true" class="w-full bg-[var(--brand-primary)] rounded-[6px] py-[20px] px-[24px] flex items-center justify-center gap-[20px] no-underline demo-inert">
|
|
696
|
+
<span class="font-bold text-[20px] text-white text-center tracking-[-0.1px] leading-[1.5] whitespace-nowrap">Claim Your 60% Discount</span>
|
|
697
|
+
<img src="../assets/images/landing/_shared/arrow-right.svg" alt="" class="w-[16px] h-[12px] shrink-0" loading="eager">
|
|
698
|
+
</a>
|
|
699
|
+
<div class="flex items-center gap-[8px]">
|
|
700
|
+
<img src="../assets/images/landing/_shared/cta-guarantee-icon.png" alt="" class="w-[20px] h-[19px] shrink-0" loading="eager">
|
|
701
|
+
<p class="font-semibold text-[16px] text-[var(--text-primary)] text-center tracking-[-0.08px] leading-[1.5] whitespace-nowrap">30 Day Money Back Guarantee</p>
|
|
702
|
+
</div>
|
|
703
|
+
</div>
|
|
704
|
+
|
|
705
|
+
</div>
|
|
706
|
+
</div>
|
|
707
|
+
</section>
|
|
708
|
+
|
|
709
|
+
<style>
|
|
710
|
+
.ingredients3-extra {
|
|
711
|
+
max-height: 0;
|
|
712
|
+
overflow: hidden;
|
|
713
|
+
transition: max-height 0.4s ease;
|
|
714
|
+
}
|
|
715
|
+
</style>
|
|
716
|
+
|
|
717
|
+
<section class="bg-[#f4f5f4] py-[40px] md:py-[48px] lg:py-[60px]">
|
|
718
|
+
<div class="max-w-[1440px] mx-auto px-[15px] md:px-[26px] lg:px-[60px] xl:px-[120px]">
|
|
719
|
+
<div class="flex flex-col items-center gap-[32px] md:gap-[40px] lg:gap-[48px]">
|
|
720
|
+
<div class="w-full max-w-[800px] text-center flex flex-col gap-[12px] md:gap-[20px]">
|
|
721
|
+
<h2 class="font-bold text-[28px] md:text-[32px] lg:text-[40px] leading-[1.2] tracking-[-0.14px] md:tracking-[-0.16px] lg:tracking-[-0.2px] text-[var(--text-primary)]">
|
|
722
|
+
What's Inside Every Capsule
|
|
723
|
+
</h2>
|
|
724
|
+
<p class="font-normal text-[18px] md:text-[20px] leading-[1.5] tracking-[-0.09px] md:tracking-[-0.1px] text-[var(--text-primary)]">
|
|
725
|
+
Six clinically studied ingredients, each chosen for a specific role in your sleep cycle. Nothing filler, nothing redundant.
|
|
726
|
+
</p>
|
|
727
|
+
</div>
|
|
728
|
+
|
|
729
|
+
<div class="w-full flex flex-col items-center gap-[24px] md:gap-[32px] lg:gap-[40px]">
|
|
730
|
+
<div class="w-full grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-[12px] md:gap-[16px] lg:gap-[20px]">
|
|
731
|
+
<div class="relative border-2 border-[var(--brand-primary)] rounded-[10px] bg-white px-[12px] py-[24px] md:px-[16px] md:py-[32px] lg:px-[20px] lg:py-[40px]">
|
|
732
|
+
<img src="../assets/images/landing/ingredients-3/ingredients-3-card-1.jpg" alt="Ashwagandha KSM-66" class="absolute top-[20px] right-[10px] w-[80px] h-[64px] object-contain md:static md:w-[150px] md:h-[80px] md:mx-auto md:mb-[12px] lg:mb-[12px]" loading="eager">
|
|
733
|
+
<div class="pr-[92px] md:pr-0 flex flex-col gap-[12px] md:gap-[16px] items-start md:items-center">
|
|
734
|
+
<div class="w-full flex flex-col gap-[4px] text-left md:text-center">
|
|
735
|
+
<h3 class="font-extrabold text-[20px] md:text-[20px] lg:text-[24px] leading-[1.5] tracking-[-0.1px] md:tracking-[-0.12px] text-[var(--text-primary)]">Ashwagandha KSM-66</h3>
|
|
736
|
+
<p class="font-normal text-[14px] md:text-[14px] lg:text-[16px] leading-[1.5] tracking-[-0.07px] md:tracking-[-0.08px] text-[var(--text-primary)]">Stress & Cortisol Control</p>
|
|
737
|
+
</div>
|
|
738
|
+
<div class="w-[40px] h-[3px] bg-[var(--brand-primary)]"></div>
|
|
739
|
+
<p class="font-normal text-[16px] md:text-[18px] leading-[1.5] tracking-[-0.08px] md:tracking-[-0.09px] text-[var(--text-primary)] text-left md:text-center">
|
|
740
|
+
The gold-standard ashwagandha extract. Clinically shown to reduce cortisol by up to 28%, making it easier for your brain to transition into sleep mode.
|
|
741
|
+
</p>
|
|
742
|
+
</div>
|
|
743
|
+
</div>
|
|
744
|
+
|
|
745
|
+
<div class="relative border-2 border-[var(--brand-primary)] rounded-[10px] bg-white px-[12px] py-[24px] md:px-[16px] md:py-[32px] lg:px-[20px] lg:py-[40px]">
|
|
746
|
+
<img src="../assets/images/landing/ingredients-3/ingredients-3-card-2.jpg" alt="Magnesium Glycinate" class="absolute top-[20px] right-[10px] w-[80px] h-[64px] object-contain md:static md:w-[150px] md:h-[80px] md:mx-auto md:mb-[12px] lg:mb-[12px]" loading="eager">
|
|
747
|
+
<div class="pr-[92px] md:pr-0 flex flex-col gap-[12px] md:gap-[16px] items-start md:items-center">
|
|
748
|
+
<div class="w-full flex flex-col gap-[4px] text-left md:text-center">
|
|
749
|
+
<h3 class="font-extrabold text-[20px] md:text-[20px] lg:text-[24px] leading-[1.5] tracking-[-0.1px] md:tracking-[-0.12px] text-[var(--text-primary)]">Magnesium Glycinate</h3>
|
|
750
|
+
<p class="font-normal text-[14px] md:text-[14px] lg:text-[16px] leading-[1.5] tracking-[-0.07px] md:tracking-[-0.08px] text-[var(--text-primary)]">Deep Muscle Relaxation</p>
|
|
751
|
+
</div>
|
|
752
|
+
<div class="w-[40px] h-[3px] bg-[var(--brand-primary)]"></div>
|
|
753
|
+
<p class="font-normal text-[16px] md:text-[18px] leading-[1.5] tracking-[-0.08px] md:tracking-[-0.09px] text-[var(--text-primary)] text-left md:text-center">
|
|
754
|
+
The most bioavailable form of magnesium. Relaxes muscles, calms the nervous system, and supports the GABA receptors that regulate sleep.
|
|
755
|
+
</p>
|
|
756
|
+
</div>
|
|
757
|
+
</div>
|
|
758
|
+
|
|
759
|
+
<div class="relative border-2 border-[var(--brand-primary)] rounded-[10px] bg-white px-[12px] py-[24px] md:px-[16px] md:py-[32px] lg:px-[20px] lg:py-[40px]">
|
|
760
|
+
<img src="../assets/images/landing/ingredients-3/ingredients-3-card-3.jpg" alt="L-Theanine" class="absolute top-[20px] right-[10px] w-[80px] h-[64px] object-contain md:static md:w-[150px] md:h-[80px] md:mx-auto md:mb-[12px] lg:mb-[12px]" loading="eager">
|
|
761
|
+
<div class="pr-[92px] md:pr-0 flex flex-col gap-[12px] md:gap-[16px] items-start md:items-center">
|
|
762
|
+
<div class="w-full flex flex-col gap-[4px] text-left md:text-center">
|
|
763
|
+
<h3 class="font-extrabold text-[20px] md:text-[20px] lg:text-[24px] leading-[1.5] tracking-[-0.1px] md:tracking-[-0.12px] text-[var(--text-primary)]">L-Theanine</h3>
|
|
764
|
+
<p class="font-normal text-[14px] md:text-[14px] lg:text-[16px] leading-[1.5] tracking-[-0.07px] md:tracking-[-0.08px] text-[var(--text-primary)]">Alpha Brainwave Activity</p>
|
|
765
|
+
</div>
|
|
766
|
+
<div class="w-[40px] h-[3px] bg-[var(--brand-primary)]"></div>
|
|
767
|
+
<p class="font-normal text-[16px] md:text-[18px] leading-[1.5] tracking-[-0.08px] md:tracking-[-0.09px] text-[var(--text-primary)] text-left md:text-center">
|
|
768
|
+
Found naturally in green tea. Promotes alpha brainwave states — the relaxed-but-alert baseline your brain needs to transition into sleep without sedation.
|
|
769
|
+
</p>
|
|
770
|
+
</div>
|
|
771
|
+
</div>
|
|
772
|
+
|
|
773
|
+
<div class="relative border-2 border-[var(--brand-primary)] rounded-[10px] bg-white px-[12px] py-[24px] md:px-[16px] md:py-[32px] lg:px-[20px] lg:py-[40px]">
|
|
774
|
+
<img src="../assets/images/landing/ingredients-3/ingredients-3-card-4.jpg" alt="Rhodiola Rosea" class="absolute top-[20px] right-[10px] w-[80px] h-[64px] object-contain md:static md:w-[150px] md:h-[80px] md:mx-auto md:mb-[12px] lg:mb-[12px]" loading="eager">
|
|
775
|
+
<div class="pr-[92px] md:pr-0 flex flex-col gap-[12px] md:gap-[16px] items-start md:items-center">
|
|
776
|
+
<div class="w-full flex flex-col gap-[4px] text-left md:text-center">
|
|
777
|
+
<h3 class="font-extrabold text-[20px] md:text-[20px] lg:text-[24px] leading-[1.5] tracking-[-0.1px] md:tracking-[-0.12px] text-[var(--text-primary)]">Rhodiola Rosea</h3>
|
|
778
|
+
<p class="font-normal text-[14px] md:text-[14px] lg:text-[16px] leading-[1.5] tracking-[-0.07px] md:tracking-[-0.08px] text-[var(--text-primary)]">Stress Adaptation</p>
|
|
779
|
+
</div>
|
|
780
|
+
<div class="w-[40px] h-[3px] bg-[var(--brand-primary)]"></div>
|
|
781
|
+
<p class="font-normal text-[16px] md:text-[18px] leading-[1.5] tracking-[-0.08px] md:tracking-[-0.09px] text-[var(--text-primary)] text-left md:text-center">
|
|
782
|
+
A Scandinavian adaptogen shown to reduce stress-related fatigue and improve sleep quality in people with high stress load.
|
|
783
|
+
</p>
|
|
784
|
+
</div>
|
|
785
|
+
</div>
|
|
786
|
+
</div>
|
|
787
|
+
|
|
788
|
+
<div class="ingredients3-extra w-full" data-ingredients3-extra="">
|
|
789
|
+
<div class="pt-[12px] md:pt-[16px] grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-[12px] md:gap-[16px] lg:gap-[20px]">
|
|
790
|
+
<div class="relative border-2 border-[var(--brand-primary)] rounded-[10px] bg-white px-[12px] py-[24px] md:px-[16px] md:py-[32px] lg:px-[20px] lg:py-[40px]">
|
|
791
|
+
<img src="../assets/images/landing/ingredients-3/ingredients-3-card-1.jpg" alt="B-Complex" class="absolute top-[20px] right-[10px] w-[80px] h-[64px] object-contain md:static md:w-[150px] md:h-[80px] md:mx-auto md:mb-[12px] lg:mb-[12px]" loading="eager">
|
|
792
|
+
<div class="pr-[92px] md:pr-0 flex flex-col gap-[12px] md:gap-[16px] items-start md:items-center">
|
|
793
|
+
<div class="w-full flex flex-col gap-[4px] text-left md:text-center">
|
|
794
|
+
<h3 class="font-extrabold text-[20px] md:text-[20px] lg:text-[24px] leading-[1.5] tracking-[-0.1px] md:tracking-[-0.12px] text-[var(--text-primary)]">B-Complex</h3>
|
|
795
|
+
<p class="font-normal text-[14px] md:text-[14px] lg:text-[16px] leading-[1.5] tracking-[-0.07px] md:tracking-[-0.08px] text-[var(--text-primary)]">Mood & Nervous System</p>
|
|
796
|
+
</div>
|
|
797
|
+
<div class="w-[40px] h-[3px] bg-[var(--brand-primary)]"></div>
|
|
798
|
+
<p class="font-normal text-[16px] md:text-[18px] leading-[1.5] tracking-[-0.08px] md:tracking-[-0.09px] text-[var(--text-primary)] text-left md:text-center">
|
|
799
|
+
Full-spectrum B vitamins support serotonin production and regulate the nervous system signals that control your sleep-wake cycle.
|
|
800
|
+
</p>
|
|
801
|
+
</div>
|
|
802
|
+
</div>
|
|
803
|
+
|
|
804
|
+
<div class="relative border-2 border-[var(--brand-primary)] rounded-[10px] bg-white px-[12px] py-[24px] md:px-[16px] md:py-[32px] lg:px-[20px] lg:py-[40px]">
|
|
805
|
+
<img src="../assets/images/landing/ingredients-3/ingredients-3-card-2.jpg" alt="Zinc Bisglycinate" class="absolute top-[20px] right-[10px] w-[80px] h-[64px] object-contain md:static md:w-[150px] md:h-[80px] md:mx-auto md:mb-[12px] lg:mb-[12px]" loading="eager">
|
|
806
|
+
<div class="pr-[92px] md:pr-0 flex flex-col gap-[12px] md:gap-[16px] items-start md:items-center">
|
|
807
|
+
<div class="w-full flex flex-col gap-[4px] text-left md:text-center">
|
|
808
|
+
<h3 class="font-extrabold text-[20px] md:text-[20px] lg:text-[24px] leading-[1.5] tracking-[-0.1px] md:tracking-[-0.12px] text-[var(--text-primary)]">Zinc Bisglycinate</h3>
|
|
809
|
+
<p class="font-normal text-[14px] md:text-[14px] lg:text-[16px] leading-[1.5] tracking-[-0.07px] md:tracking-[-0.08px] text-[var(--text-primary)]">Hormonal Balance</p>
|
|
810
|
+
</div>
|
|
811
|
+
<div class="w-[40px] h-[3px] bg-[var(--brand-primary)]"></div>
|
|
812
|
+
<p class="font-normal text-[16px] md:text-[18px] leading-[1.5] tracking-[-0.08px] md:tracking-[-0.09px] text-[var(--text-primary)] text-left md:text-center">
|
|
813
|
+
Chelated zinc with superior absorption. Supports melatonin production and hormonal balance for consistent, predictable sleep.
|
|
814
|
+
</p>
|
|
815
|
+
</div>
|
|
816
|
+
</div>
|
|
817
|
+
|
|
818
|
+
<div class="relative border-2 border-[var(--brand-primary)] rounded-[10px] bg-white px-[12px] py-[24px] md:px-[16px] md:py-[32px] lg:px-[20px] lg:py-[40px]">
|
|
819
|
+
<img src="../assets/images/landing/ingredients-3/ingredients-3-card-3.jpg" alt="Ashwagandha KSM-66" class="absolute top-[20px] right-[10px] w-[80px] h-[64px] object-contain md:static md:w-[150px] md:h-[80px] md:mx-auto md:mb-[12px] lg:mb-[12px]" loading="eager">
|
|
820
|
+
<div class="pr-[92px] md:pr-0 flex flex-col gap-[12px] md:gap-[16px] items-start md:items-center">
|
|
821
|
+
<div class="w-full flex flex-col gap-[4px] text-left md:text-center">
|
|
822
|
+
<h3 class="font-extrabold text-[20px] md:text-[20px] lg:text-[24px] leading-[1.5] tracking-[-0.1px] md:tracking-[-0.12px] text-[var(--text-primary)]">Ashwagandha KSM-66</h3>
|
|
823
|
+
<p class="font-normal text-[14px] md:text-[14px] lg:text-[16px] leading-[1.5] tracking-[-0.07px] md:tracking-[-0.08px] text-[var(--text-primary)]">Stress & Cortisol Control</p>
|
|
824
|
+
</div>
|
|
825
|
+
<div class="w-[40px] h-[3px] bg-[var(--brand-primary)]"></div>
|
|
826
|
+
<p class="font-normal text-[16px] md:text-[18px] leading-[1.5] tracking-[-0.08px] md:tracking-[-0.09px] text-[var(--text-primary)] text-left md:text-center">
|
|
827
|
+
The gold-standard ashwagandha extract. Clinically shown to reduce cortisol by up to 28%, making it easier for your brain to transition into sleep mode.
|
|
828
|
+
</p>
|
|
829
|
+
</div>
|
|
830
|
+
</div>
|
|
831
|
+
|
|
832
|
+
<div class="relative border-2 border-[var(--brand-primary)] rounded-[10px] bg-white px-[12px] py-[24px] md:px-[16px] md:py-[32px] lg:px-[20px] lg:py-[40px]">
|
|
833
|
+
<img src="../assets/images/landing/ingredients-3/ingredients-3-card-4.jpg" alt="Magnesium Glycinate" class="absolute top-[20px] right-[10px] w-[80px] h-[64px] object-contain md:static md:w-[150px] md:h-[80px] md:mx-auto md:mb-[12px] lg:mb-[12px]" loading="eager">
|
|
834
|
+
<div class="pr-[92px] md:pr-0 flex flex-col gap-[12px] md:gap-[16px] items-start md:items-center">
|
|
835
|
+
<div class="w-full flex flex-col gap-[4px] text-left md:text-center">
|
|
836
|
+
<h3 class="font-extrabold text-[20px] md:text-[20px] lg:text-[24px] leading-[1.5] tracking-[-0.1px] md:tracking-[-0.12px] text-[var(--text-primary)]">Magnesium Glycinate</h3>
|
|
837
|
+
<p class="font-normal text-[14px] md:text-[14px] lg:text-[16px] leading-[1.5] tracking-[-0.07px] md:tracking-[-0.08px] text-[var(--text-primary)]">Deep Muscle Relaxation</p>
|
|
838
|
+
</div>
|
|
839
|
+
<div class="w-[40px] h-[3px] bg-[var(--brand-primary)]"></div>
|
|
840
|
+
<p class="font-normal text-[16px] md:text-[18px] leading-[1.5] tracking-[-0.08px] md:tracking-[-0.09px] text-[var(--text-primary)] text-left md:text-center">
|
|
841
|
+
The most bioavailable form of magnesium. Relaxes muscles, calms the nervous system, and supports the GABA receptors that regulate sleep.
|
|
842
|
+
</p>
|
|
843
|
+
</div>
|
|
844
|
+
</div>
|
|
845
|
+
</div>
|
|
846
|
+
</div>
|
|
847
|
+
|
|
848
|
+
<button data-ingredients3-toggle="" disabled="" aria-disabled="true" class="font-medium text-[18px] md:text-[20px] leading-[1.5] tracking-[-0.09px] md:tracking-[-0.1px] text-[var(--text-primary)] underline bg-transparent border-0 p-0 cursor-pointer demo-inert">
|
|
849
|
+
<span data-ingredients3-label="" data-label-open="View Full Supplement Facts" data-label-close="Hide Supplement Facts">View Full Supplement Facts</span>
|
|
850
|
+
</button>
|
|
851
|
+
</div>
|
|
852
|
+
|
|
853
|
+
<div class="w-full flex flex-col items-center gap-[12px] md:gap-[16px] lg:gap-[20px]">
|
|
854
|
+
<div class="w-full flex items-center gap-[20px]">
|
|
855
|
+
<div class="h-px bg-[var(--border-default)] flex-1"></div>
|
|
856
|
+
<h3 class="font-bold text-[20px] md:text-[20px] lg:text-[24px] leading-[1.5] tracking-[-0.1px] lg:tracking-[-0.12px] text-[var(--text-primary)]">Our Promise to You</h3>
|
|
857
|
+
<div class="h-px bg-[var(--border-default)] flex-1"></div>
|
|
858
|
+
</div>
|
|
859
|
+
|
|
860
|
+
<div class="w-full grid grid-cols-3 gap-x-[12px] gap-y-[14px] md:hidden">
|
|
861
|
+
<div class="flex flex-col items-center gap-[8px] text-center">
|
|
862
|
+
<img src="../assets/images/landing/ingredients-3/ingredients-3-promise-1.png" alt="" class="w-[48px] h-[48px] object-contain" loading="eager">
|
|
863
|
+
<p class="font-normal text-[16px] leading-[1.5] tracking-[-0.08px] text-[var(--text-primary)]">All Natural</p>
|
|
864
|
+
</div>
|
|
865
|
+
<div class="flex flex-col items-center gap-[8px] text-center">
|
|
866
|
+
<img src="../assets/images/landing/ingredients-3/ingredients-3-promise-2.png" alt="" class="w-[48px] h-[48px] object-contain" loading="eager">
|
|
867
|
+
<p class="font-normal text-[16px] leading-[1.5] tracking-[-0.08px] text-[var(--text-primary)]">Non-GMO</p>
|
|
868
|
+
</div>
|
|
869
|
+
<div class="flex flex-col items-center gap-[8px] text-center">
|
|
870
|
+
<img src="../assets/images/landing/ingredients-3/ingredients-3-promise-3.png" alt="" class="w-[48px] h-[48px] object-contain" loading="eager">
|
|
871
|
+
<p class="font-normal text-[16px] leading-[1.5] tracking-[-0.08px] text-[var(--text-primary)]">Gluten Free</p>
|
|
872
|
+
</div>
|
|
873
|
+
<div class="flex flex-col items-center gap-[8px] text-center">
|
|
874
|
+
<img src="../assets/images/landing/ingredients-3/ingredients-3-promise-4.png" alt="" class="w-[48px] h-[48px] object-contain" loading="eager">
|
|
875
|
+
<p class="font-normal text-[16px] leading-[1.5] tracking-[-0.08px] text-[var(--text-primary)]">Made In USA</p>
|
|
876
|
+
</div>
|
|
877
|
+
<div class="flex flex-col items-center gap-[8px] text-center">
|
|
878
|
+
<img src="../assets/images/landing/ingredients-3/ingredients-3-promise-5.png" alt="" class="w-[48px] h-[48px] object-contain" loading="eager">
|
|
879
|
+
<p class="font-normal text-[16px] leading-[1.5] tracking-[-0.08px] text-[var(--text-primary)]">No Fillers</p>
|
|
880
|
+
</div>
|
|
881
|
+
<div class="flex flex-col items-center gap-[8px] text-center">
|
|
882
|
+
<img src="../assets/images/landing/ingredients-3/ingredients-3-promise-6.png" alt="" class="w-[48px] h-[48px] object-contain" loading="eager">
|
|
883
|
+
<p class="font-normal text-[16px] leading-[1.5] tracking-[-0.08px] text-[var(--text-primary)]">Sugar Free</p>
|
|
884
|
+
</div>
|
|
885
|
+
</div>
|
|
886
|
+
|
|
887
|
+
<div class="hidden md:flex w-full items-center">
|
|
888
|
+
<div class="flex-1 flex flex-col items-center gap-[10px] lg:gap-[12px]">
|
|
889
|
+
<img src="../assets/images/landing/ingredients-3/ingredients-3-promise-1.png" alt="" class="w-[60px] h-[60px] object-contain" loading="eager">
|
|
890
|
+
<p class="font-normal text-[18px] leading-[1.5] tracking-[-0.09px] text-[var(--text-primary)] text-center">All Natural</p>
|
|
891
|
+
</div>
|
|
892
|
+
<div class="w-px h-[70px] bg-[var(--border-default)]"></div>
|
|
893
|
+
<div class="flex-1 flex flex-col items-center gap-[10px] lg:gap-[12px]">
|
|
894
|
+
<img src="../assets/images/landing/ingredients-3/ingredients-3-promise-2.png" alt="" class="w-[60px] h-[60px] object-contain" loading="eager">
|
|
895
|
+
<p class="font-normal text-[18px] leading-[1.5] tracking-[-0.09px] text-[var(--text-primary)] text-center">Non-GMO</p>
|
|
896
|
+
</div>
|
|
897
|
+
<div class="w-px h-[70px] bg-[var(--border-default)]"></div>
|
|
898
|
+
<div class="flex-1 flex flex-col items-center gap-[10px] lg:gap-[12px]">
|
|
899
|
+
<img src="../assets/images/landing/ingredients-3/ingredients-3-promise-3.png" alt="" class="w-[60px] h-[60px] object-contain" loading="eager">
|
|
900
|
+
<p class="font-normal text-[18px] leading-[1.5] tracking-[-0.09px] text-[var(--text-primary)] text-center">Gluten Free</p>
|
|
901
|
+
</div>
|
|
902
|
+
<div class="w-px h-[70px] bg-[var(--border-default)]"></div>
|
|
903
|
+
<div class="flex-1 flex flex-col items-center gap-[10px] lg:gap-[12px]">
|
|
904
|
+
<img src="../assets/images/landing/ingredients-3/ingredients-3-promise-4.png" alt="" class="w-[60px] h-[60px] object-contain" loading="eager">
|
|
905
|
+
<p class="font-normal text-[18px] leading-[1.5] tracking-[-0.09px] text-[var(--text-primary)] text-center">Made In USA</p>
|
|
906
|
+
</div>
|
|
907
|
+
<div class="w-px h-[70px] bg-[var(--border-default)]"></div>
|
|
908
|
+
<div class="flex-1 flex flex-col items-center gap-[10px] lg:gap-[12px]">
|
|
909
|
+
<img src="../assets/images/landing/ingredients-3/ingredients-3-promise-5.png" alt="" class="w-[60px] h-[60px] object-contain" loading="eager">
|
|
910
|
+
<p class="font-normal text-[18px] leading-[1.5] tracking-[-0.09px] text-[var(--text-primary)] text-center">No Fillers</p>
|
|
911
|
+
</div>
|
|
912
|
+
<div class="w-px h-[70px] bg-[var(--border-default)]"></div>
|
|
913
|
+
<div class="flex-1 flex flex-col items-center gap-[10px] lg:gap-[12px]">
|
|
914
|
+
<img src="../assets/images/landing/ingredients-3/ingredients-3-promise-6.png" alt="" class="w-[60px] h-[60px] object-contain" loading="eager">
|
|
915
|
+
<p class="font-normal text-[18px] leading-[1.5] tracking-[-0.09px] text-[var(--text-primary)] text-center">Sugar Free</p>
|
|
916
|
+
</div>
|
|
917
|
+
</div>
|
|
918
|
+
</div>
|
|
919
|
+
|
|
920
|
+
<div class="w-[345px] md:w-[440px] flex flex-col items-center gap-[8px] md:gap-[10px] lg:gap-[12px]">
|
|
921
|
+
<a aria-disabled="true" class="w-full bg-[var(--brand-primary)] rounded-[6px] px-[24px] py-[20px] flex items-center justify-center gap-[20px] no-underline demo-inert">
|
|
922
|
+
<span class="font-bold text-[20px] text-white text-center tracking-[-0.1px] leading-[1.5]">Claim Your 60% Discount</span>
|
|
923
|
+
<img src="../assets/images/landing/_shared/arrow-right.svg" alt="" class="w-[12px] h-[16px] object-contain" loading="eager">
|
|
924
|
+
</a>
|
|
925
|
+
<div class="flex items-center gap-[8px]">
|
|
926
|
+
<img src="../assets/images/landing/_shared/cta-guarantee-icon.png" alt="" class="w-[20px] h-[19px] object-contain" loading="eager">
|
|
927
|
+
<p class="font-semibold text-[14px] lg:text-[16px] leading-[1.5] tracking-[-0.07px] md:tracking-[-0.08px] text-[var(--text-primary)] text-center whitespace-nowrap">30-Day Money-Back Guarantee</p>
|
|
928
|
+
</div>
|
|
929
|
+
</div>
|
|
930
|
+
</div>
|
|
931
|
+
</div>
|
|
932
|
+
</section>
|
|
933
|
+
|
|
934
|
+
|
|
935
|
+
|
|
936
|
+
<section class="w-full overflow-hidden bg-white">
|
|
937
|
+
<div class="max-w-[1440px] mx-auto px-[15px] md:px-[26px] lg:px-[60px] xl:px-[120px] py-[40px] md:py-[48px] lg:py-[60px]">
|
|
938
|
+
<div class="w-full flex flex-col gap-[32px] md:gap-[40px] lg:gap-[48px] items-center">
|
|
939
|
+
<div class="w-full max-w-[800px] flex flex-col gap-[12px] md:gap-[16px] lg:gap-[20px] items-center text-center text-[var(--text-primary)]">
|
|
940
|
+
<h2 class="font-bold leading-[1.2] tracking-[-0.14px] md:tracking-[-0.16px] lg:tracking-[-0.2px] text-[28px] md:text-[32px] lg:text-[40px]">
|
|
941
|
+
The Science Behind [Product]
|
|
942
|
+
</h2>
|
|
943
|
+
<p class="text-[16px] md:text-[18px] leading-[1.5] tracking-[-0.08px] md:tracking-[-0.09px] font-normal">
|
|
944
|
+
Most sleep supplements throw melatonin at the problem and call it done. Our formula works differently. Our formula targets the three root causes of poor sleep — elevated cortisol, nervous system dysregulation, and micronutrient depletion — using adaptogens and minerals that have been clinically studied for this exact purpose.
|
|
945
|
+
</p>
|
|
946
|
+
</div>
|
|
947
|
+
|
|
948
|
+
<div class="w-full flex flex-col lg:flex-row lg:items-stretch gap-[12px] md:gap-[16px] lg:gap-[20px] lg:min-h-[522px]">
|
|
949
|
+
<article class="flex flex-1 flex-col border border-[var(--border-default)] px-[8px] md:px-[10px] lg:px-[12px] py-[12px] md:py-[16px] lg:py-[20px] gap-[12px] md:gap-[16px] lg:gap-[20px]">
|
|
950
|
+
<div class="w-full h-[200px] md:h-[220px] overflow-hidden shrink-0">
|
|
951
|
+
<img src="../assets/images/landing/_shared/1x1_1.svg" alt="Cortisol regulation diagram" class="w-full h-full object-cover" loading="eager">
|
|
952
|
+
</div>
|
|
953
|
+
<div class="flex flex-col gap-[8px] items-start text-left text-[var(--text-primary)] w-full">
|
|
954
|
+
<h3 class="text-[20px] lg:text-[24px] leading-[1.4] tracking-[-0.1px] lg:tracking-[-0.12px] font-bold w-full">
|
|
955
|
+
Lower Cortisol, Fall Asleep Faster
|
|
956
|
+
</h3>
|
|
957
|
+
<p class="text-[16px] md:text-[18px] leading-[1.5] tracking-[-0.08px] md:tracking-[-0.09px] font-normal w-full">
|
|
958
|
+
Cortisol is the #1 reason people lie awake at night. KSM-66 Ashwagandha has been shown in multiple trials to reduce serum cortisol by up to 28% — creating the chemical environment your brain needs to wind down.
|
|
959
|
+
</p>
|
|
960
|
+
</div>
|
|
961
|
+
</article>
|
|
962
|
+
|
|
963
|
+
<article class="flex flex-1 flex-col border border-[var(--border-default)] px-[8px] md:px-[10px] lg:px-[12px] py-[12px] md:py-[16px] lg:py-[20px] gap-[12px] md:gap-[16px] lg:gap-[20px]">
|
|
964
|
+
<div class="w-full h-[200px] md:h-[220px] overflow-hidden shrink-0">
|
|
965
|
+
<img src="../assets/images/landing/_shared/1x1_1.svg" alt="GABA receptor nervous system diagram" class="w-full h-full object-cover" loading="eager">
|
|
966
|
+
</div>
|
|
967
|
+
<div class="flex flex-col gap-[8px] items-start text-left text-[var(--text-primary)] w-full">
|
|
968
|
+
<h3 class="text-[20px] lg:text-[24px] leading-[1.4] tracking-[-0.1px] lg:tracking-[-0.12px] font-bold w-full">
|
|
969
|
+
Activate Your Body's Off Switch
|
|
970
|
+
</h3>
|
|
971
|
+
<p class="text-[16px] md:text-[18px] leading-[1.5] tracking-[-0.08px] md:tracking-[-0.09px] font-normal w-full">
|
|
972
|
+
Magnesium Glycinate activates GABA receptors — the neurological brakes that slow down brain activity. Combined with L-Theanine's alpha brainwave promotion, your mind genuinely slows down instead of just feeling tired.
|
|
973
|
+
</p>
|
|
974
|
+
</div>
|
|
975
|
+
</article>
|
|
976
|
+
|
|
977
|
+
<article class="flex flex-1 flex-col border border-[var(--border-default)] px-[8px] md:px-[10px] lg:px-[12px] py-[12px] md:py-[16px] lg:py-[20px] gap-[12px] md:gap-[16px] lg:gap-[20px]">
|
|
978
|
+
<div class="w-full h-[200px] md:h-[220px] overflow-hidden shrink-0">
|
|
979
|
+
<img src="../assets/images/landing/_shared/1x1_1.svg" alt="Sleep cycle stages diagram" class="w-full h-full object-cover" loading="eager">
|
|
980
|
+
</div>
|
|
981
|
+
<div class="flex flex-col gap-[8px] items-start text-left text-[var(--text-primary)] w-full">
|
|
982
|
+
<h3 class="text-[20px] lg:text-[24px] leading-[1.4] tracking-[-0.1px] lg:tracking-[-0.12px] font-bold w-full">
|
|
983
|
+
Stay in Deep Sleep Longer
|
|
984
|
+
</h3>
|
|
985
|
+
<p class="text-[16px] md:text-[18px] leading-[1.5] tracking-[-0.08px] md:tracking-[-0.09px] font-normal w-full">
|
|
986
|
+
The B-Complex and Zinc Bisglycinate in our formula support serotonin and melatonin production from the inside out, helping your body regulate its own sleep architecture naturally — so you cycle through all stages of restorative sleep.
|
|
987
|
+
</p>
|
|
988
|
+
</div>
|
|
989
|
+
</article>
|
|
990
|
+
</div>
|
|
991
|
+
</div>
|
|
992
|
+
</div>
|
|
993
|
+
</section>
|
|
994
|
+
|
|
995
|
+
<section class="bg-[var(--brand-secondary)] py-[40px] md:py-[48px] lg:py-[60px]">
|
|
996
|
+
<div class="max-w-[1440px] mx-auto px-[15px] md:px-[26px] lg:px-[80px] xl:px-[160px]">
|
|
997
|
+
<div class="flex flex-col items-center gap-[32px] md:gap-[40px] lg:gap-[48px]">
|
|
998
|
+
|
|
999
|
+
|
|
1000
|
+
<div class="flex flex-col items-center gap-[4px] md:flex-row md:gap-[12px] md:justify-center">
|
|
1001
|
+
<p class="font-bold text-[32px] md:text-[36px] lg:text-[44px] tracking-[-0.16px] md:tracking-[-0.18px] lg:tracking-[-0.22px] text-[var(--text-primary)] leading-[1.2] text-center">
|
|
1002
|
+
Trusted by
|
|
1003
|
+
</p>
|
|
1004
|
+
<div class="bg-[var(--brand-primary)] rounded-[4px] md:rounded-[8px] px-[9px] py-[2px]">
|
|
1005
|
+
<p class="font-bold text-[32px] md:text-[36px] lg:text-[44px] tracking-[-0.16px] md:tracking-[-0.18px] lg:tracking-[-0.22px] text-white leading-[1.2] whitespace-nowrap">
|
|
1006
|
+
48,000+
|
|
1007
|
+
</p>
|
|
1008
|
+
</div>
|
|
1009
|
+
<p class="font-bold text-[32px] md:text-[36px] lg:text-[44px] tracking-[-0.16px] md:tracking-[-0.18px] lg:tracking-[-0.22px] text-[var(--text-primary)] leading-[1.2] text-center">
|
|
1010
|
+
Better Sleepers
|
|
1011
|
+
</p>
|
|
1012
|
+
</div>
|
|
1013
|
+
|
|
1014
|
+
|
|
1015
|
+
<div class="flex flex-col md:flex-row md:items-start gap-[16px] md:gap-[24px] lg:gap-[32px] w-full">
|
|
1016
|
+
|
|
1017
|
+
|
|
1018
|
+
<div class="flex-1 flex flex-col gap-[16px] md:gap-[20px]">
|
|
1019
|
+
<div class="flex items-center gap-[16px]">
|
|
1020
|
+
<img src="../assets/images/landing/_shared/1x1_1.svg" alt="Sarah Swanson" class="w-[56px] h-[56px] rounded-full object-cover shrink-0" loading="eager">
|
|
1021
|
+
<p class="font-bold text-[18px] md:text-[20px] tracking-[-0.09px] md:tracking-[-0.1px] text-[var(--text-primary)] leading-[1.4]">
|
|
1022
|
+
Sandra M.
|
|
1023
|
+
</p>
|
|
1024
|
+
</div>
|
|
1025
|
+
<div class="bg-white rounded-[12px] p-[20px] flex flex-col items-end gap-[16px]">
|
|
1026
|
+
<div class="flex flex-col gap-[16px] w-full">
|
|
1027
|
+
<div class="flex gap-[2px]">
|
|
1028
|
+
<img src="../assets/images/landing/testimonials-2/testimonials-2-stars.svg" alt="" class="w-[28px] h-[28px]" loading="eager">
|
|
1029
|
+
<img src="../assets/images/landing/testimonials-2/testimonials-2-stars.svg" alt="" class="w-[28px] h-[28px]" loading="eager">
|
|
1030
|
+
<img src="../assets/images/landing/testimonials-2/testimonials-2-stars.svg" alt="" class="w-[28px] h-[28px]" loading="eager">
|
|
1031
|
+
<img src="../assets/images/landing/testimonials-2/testimonials-2-stars.svg" alt="" class="w-[28px] h-[28px]" loading="eager">
|
|
1032
|
+
<img src="../assets/images/landing/testimonials-2/testimonials-2-stars.svg" alt="" class="w-[28px] h-[28px]" loading="eager">
|
|
1033
|
+
</div>
|
|
1034
|
+
<p class="font-normal text-[16px] md:text-[18px] tracking-[-0.08px] md:tracking-[-0.09px] text-[var(--text-primary)] leading-[1.5]">
|
|
1035
|
+
I've tried melatonin, magnesium spray, sleep apps — nothing worked. Two weeks in and I'm sleeping through the night for the first time in years. This is the real deal.
|
|
1036
|
+
</p>
|
|
1037
|
+
<div class="w-full overflow-hidden rounded-[4px]">
|
|
1038
|
+
<img src="../assets/images/landing/_shared/1x1_1.svg" alt="Customer photo" class="w-full aspect-square object-cover" loading="eager">
|
|
1039
|
+
</div>
|
|
1040
|
+
</div>
|
|
1041
|
+
<div class="bg-white rounded-full px-[8px] py-[4px] shadow-[0px_2px_8px_0px_rgba(0,0,0,0.08)] flex items-center gap-[2px] shrink-0">
|
|
1042
|
+
<img src="../assets/images/landing/testimonials-2/testimonials-2-reactions.svg" alt="" class="w-[39px] h-[24px]" loading="eager">
|
|
1043
|
+
<p class="font-medium text-[14px] text-[var(--text-primary)] leading-[20px] whitespace-nowrap">3.1k people liked this</p>
|
|
1044
|
+
</div>
|
|
1045
|
+
</div>
|
|
1046
|
+
</div>
|
|
1047
|
+
|
|
1048
|
+
|
|
1049
|
+
<div class="flex-1 flex flex-col gap-[16px] md:gap-[20px]">
|
|
1050
|
+
<div class="flex items-center gap-[16px]">
|
|
1051
|
+
<img src="../assets/images/landing/_shared/1x1_1.svg" alt="Kelly Peterson" class="w-[56px] h-[56px] rounded-full object-cover shrink-0" loading="eager">
|
|
1052
|
+
<p class="font-bold text-[18px] md:text-[20px] tracking-[-0.09px] md:tracking-[-0.1px] text-[var(--text-primary)] leading-[1.4]">
|
|
1053
|
+
Kevin R.
|
|
1054
|
+
</p>
|
|
1055
|
+
</div>
|
|
1056
|
+
<div class="bg-white rounded-[12px] p-[20px] flex flex-col items-end gap-[16px]">
|
|
1057
|
+
<div class="flex flex-col gap-[16px] w-full">
|
|
1058
|
+
<div class="flex gap-[2px]">
|
|
1059
|
+
<img src="../assets/images/landing/testimonials-2/testimonials-2-stars.svg" alt="" class="w-[28px] h-[28px]" loading="eager">
|
|
1060
|
+
<img src="../assets/images/landing/testimonials-2/testimonials-2-stars.svg" alt="" class="w-[28px] h-[28px]" loading="eager">
|
|
1061
|
+
<img src="../assets/images/landing/testimonials-2/testimonials-2-stars.svg" alt="" class="w-[28px] h-[28px]" loading="eager">
|
|
1062
|
+
<img src="../assets/images/landing/testimonials-2/testimonials-2-stars.svg" alt="" class="w-[28px] h-[28px]" loading="eager">
|
|
1063
|
+
<img src="../assets/images/landing/testimonials-2/testimonials-2-stars.svg" alt="" class="w-[28px] h-[28px]" loading="eager">
|
|
1064
|
+
</div>
|
|
1065
|
+
<p class="font-normal text-[16px] md:text-[18px] tracking-[-0.08px] md:tracking-[-0.09px] text-[var(--text-primary)] leading-[1.5]">
|
|
1066
|
+
The difference is dramatic. No grogginess in the morning, no dependency feeling, just genuinely better sleep. My doctor even commented that my stress markers improved at my last checkup.
|
|
1067
|
+
</p>
|
|
1068
|
+
<div class="w-full overflow-hidden rounded-[4px]">
|
|
1069
|
+
<img src="../assets/images/landing/_shared/1x1_1.svg" alt="Customer photo" class="w-full aspect-square object-cover" loading="eager">
|
|
1070
|
+
</div>
|
|
1071
|
+
</div>
|
|
1072
|
+
<div class="bg-white rounded-full px-[8px] py-[4px] shadow-[0px_2px_8px_0px_rgba(0,0,0,0.08)] flex items-center gap-[2px] shrink-0">
|
|
1073
|
+
<img src="../assets/images/landing/testimonials-2/testimonials-2-reactions.svg" alt="" class="w-[39px] h-[24px]" loading="eager">
|
|
1074
|
+
<p class="font-medium text-[14px] text-[var(--text-primary)] leading-[20px] whitespace-nowrap">2.4k people liked this</p>
|
|
1075
|
+
</div>
|
|
1076
|
+
</div>
|
|
1077
|
+
</div>
|
|
1078
|
+
|
|
1079
|
+
|
|
1080
|
+
<div class="flex-1 flex flex-col gap-[16px] md:gap-[20px]">
|
|
1081
|
+
<div class="flex items-center gap-[16px]">
|
|
1082
|
+
<img src="../assets/images/landing/_shared/1x1_1.svg" alt="Amanda L." class="w-[56px] h-[56px] rounded-full object-cover shrink-0" loading="eager">
|
|
1083
|
+
<p class="font-bold text-[18px] md:text-[20px] tracking-[-0.09px] md:tracking-[-0.1px] text-[var(--text-primary)] leading-[1.4]">
|
|
1084
|
+
Priya L.
|
|
1085
|
+
</p>
|
|
1086
|
+
</div>
|
|
1087
|
+
<div class="bg-white rounded-[12px] p-[20px] flex flex-col items-end gap-[16px]">
|
|
1088
|
+
<div class="flex flex-col gap-[16px] w-full">
|
|
1089
|
+
<div class="flex gap-[2px]">
|
|
1090
|
+
<img src="../assets/images/landing/testimonials-2/testimonials-2-stars.svg" alt="" class="w-[28px] h-[28px]" loading="eager">
|
|
1091
|
+
<img src="../assets/images/landing/testimonials-2/testimonials-2-stars.svg" alt="" class="w-[28px] h-[28px]" loading="eager">
|
|
1092
|
+
<img src="../assets/images/landing/testimonials-2/testimonials-2-stars.svg" alt="" class="w-[28px] h-[28px]" loading="eager">
|
|
1093
|
+
<img src="../assets/images/landing/testimonials-2/testimonials-2-stars.svg" alt="" class="w-[28px] h-[28px]" loading="eager">
|
|
1094
|
+
<img src="../assets/images/landing/testimonials-2/testimonials-2-stars.svg" alt="" class="w-[28px] h-[28px]" loading="eager">
|
|
1095
|
+
</div>
|
|
1096
|
+
<p class="font-normal text-[16px] md:text-[18px] tracking-[-0.08px] md:tracking-[-0.09px] text-[var(--text-primary)] leading-[1.5]">
|
|
1097
|
+
As someone who's dealt with anxiety-driven insomnia for 5 years, I was skeptical. I ordered on a whim and I'm so glad I did. I wish I'd found this sooner.
|
|
1098
|
+
</p>
|
|
1099
|
+
<div class="w-full overflow-hidden rounded-[4px]">
|
|
1100
|
+
<img src="../assets/images/landing/_shared/1x1_1.svg" alt="Customer photo" class="w-full aspect-square object-cover" loading="eager">
|
|
1101
|
+
</div>
|
|
1102
|
+
</div>
|
|
1103
|
+
</div>
|
|
1104
|
+
</div>
|
|
1105
|
+
|
|
1106
|
+
</div>
|
|
1107
|
+
|
|
1108
|
+
|
|
1109
|
+
<div class="flex flex-col items-center gap-[8px] md:gap-[10px] lg:gap-[12px] w-full max-w-[440px]">
|
|
1110
|
+
<a aria-disabled="true" class="w-full bg-[var(--brand-primary)] rounded-[6px] py-[20px] px-[24px] flex items-center justify-center gap-[20px] no-underline demo-inert">
|
|
1111
|
+
<span class="font-bold text-[20px] text-white text-center tracking-[-0.1px] leading-[1.5] whitespace-nowrap">Claim Your 60% Discount</span>
|
|
1112
|
+
<img src="../assets/images/landing/_shared/arrow-right.svg" alt="" class="w-[16px] h-[12px] shrink-0" loading="eager">
|
|
1113
|
+
</a>
|
|
1114
|
+
<div class="flex items-center gap-[8px]">
|
|
1115
|
+
<img src="../assets/images/landing/_shared/cta-guarantee-icon.png" alt="" class="w-[20px] h-[19px] shrink-0" loading="eager">
|
|
1116
|
+
<p class="font-semibold text-[16px] text-[var(--text-primary)] text-center tracking-[-0.08px] leading-[1.5] whitespace-nowrap">30-Day Money-Back Guarantee</p>
|
|
1117
|
+
</div>
|
|
1118
|
+
</div>
|
|
1119
|
+
|
|
1120
|
+
</div>
|
|
1121
|
+
</div>
|
|
1122
|
+
</section>
|
|
1123
|
+
|
|
1124
|
+
<section class="bg-white py-[40px] md:py-[48px] lg:py-[60px]">
|
|
1125
|
+
<div class="max-w-[1440px] mx-auto px-[15px] md:px-[26px] lg:px-[80px] xl:px-[160px]">
|
|
1126
|
+
<div class="flex flex-col items-center gap-[32px] md:gap-[40px] lg:gap-[48px]">
|
|
1127
|
+
|
|
1128
|
+
<div class="flex flex-col items-center gap-[12px] text-center">
|
|
1129
|
+
<p class="font-bold text-[16px] md:text-[18px] md:text-[20px] leading-[1.4] tracking-[-0.08px] md:tracking-[-0.09px] lg:tracking-[-0.1px] text-[var(--brand-primary)]">96% of Users Would Recommend</p>
|
|
1130
|
+
<h2 class="font-bold text-[32px] md:text-[36px] lg:text-[44px] leading-[1.2] tracking-[-0.16px] md:tracking-[-0.19px] lg:tracking-[-0.22px] text-[var(--text-primary)]">What Our Users Are Saying</h2>
|
|
1131
|
+
</div>
|
|
1132
|
+
|
|
1133
|
+
<div class="w-full flex flex-col lg:flex-row items-center lg:items-center gap-[32px] md:gap-[40px]">
|
|
1134
|
+
|
|
1135
|
+
<div class="hidden lg:flex flex-1 flex-col gap-[2px]">
|
|
1136
|
+
<div class="flex items-center gap-[20px] px-[16px] py-[8px]">
|
|
1137
|
+
<p class="flex-1 font-semibold text-[16px] leading-[1.5] tracking-[-0.08px] text-[var(--text-primary)]">Sleep Quality</p>
|
|
1138
|
+
<div class="flex items-center gap-[3px]">
|
|
1139
|
+
<span class="inline-block w-[26px] h-[26px] bg-[#1bba85] rounded-[3px] p-[3px]"><img src="../assets/images/landing/reviews-3/star-sm.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1140
|
+
<span class="inline-block w-[26px] h-[26px] bg-[#1bba85] rounded-[3px] p-[3px]"><img src="../assets/images/landing/reviews-3/star-sm.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1141
|
+
<span class="inline-block w-[26px] h-[26px] bg-[#1bba85] rounded-[3px] p-[3px]"><img src="../assets/images/landing/reviews-3/star-sm.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1142
|
+
<span class="inline-block w-[26px] h-[26px] bg-[#1bba85] rounded-[3px] p-[3px]"><img src="../assets/images/landing/reviews-3/star-sm.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1143
|
+
<span class="inline-block w-[26px] h-[26px] bg-gradient-to-r from-[#1bba85] from-[80%] to-[#909090] to-[80%] rounded-[3px] p-[3px]"><img src="../assets/images/landing/reviews-3/star-sm.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1144
|
+
</div>
|
|
1145
|
+
<p class="w-[40px] font-bold text-[16px] leading-[1.5] tracking-[-0.08px] text-[var(--text-primary)] text-center">4.9</p>
|
|
1146
|
+
</div>
|
|
1147
|
+
<div class="h-px bg-[var(--border-default)]"></div>
|
|
1148
|
+
<div class="flex items-center gap-[20px] px-[16px] py-[8px]">
|
|
1149
|
+
<p class="flex-1 font-semibold text-[16px] leading-[1.5] tracking-[-0.08px] text-[var(--text-primary)]">Ease of Use</p>
|
|
1150
|
+
<div class="flex items-center gap-[3px]">
|
|
1151
|
+
<span class="inline-block w-[26px] h-[26px] bg-[#1bba85] rounded-[3px] p-[3px]"><img src="../assets/images/landing/reviews-3/star-sm.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1152
|
+
<span class="inline-block w-[26px] h-[26px] bg-[#1bba85] rounded-[3px] p-[3px]"><img src="../assets/images/landing/reviews-3/star-sm.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1153
|
+
<span class="inline-block w-[26px] h-[26px] bg-[#1bba85] rounded-[3px] p-[3px]"><img src="../assets/images/landing/reviews-3/star-sm.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1154
|
+
<span class="inline-block w-[26px] h-[26px] bg-[#1bba85] rounded-[3px] p-[3px]"><img src="../assets/images/landing/reviews-3/star-sm.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1155
|
+
<span class="inline-block w-[26px] h-[26px] bg-gradient-to-r from-[#1bba85] from-[70%] to-[#909090] to-[70%] rounded-[3px] p-[3px]"><img src="../assets/images/landing/reviews-3/star-sm.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1156
|
+
</div>
|
|
1157
|
+
<p class="w-[40px] font-bold text-[16px] leading-[1.5] tracking-[-0.08px] text-[var(--text-primary)] text-center">4.9</p>
|
|
1158
|
+
</div>
|
|
1159
|
+
<div class="h-px bg-[var(--border-default)]"></div>
|
|
1160
|
+
<div class="flex items-center gap-[20px] px-[16px] py-[8px]">
|
|
1161
|
+
<p class="flex-1 font-semibold text-[16px] leading-[1.5] tracking-[-0.08px] text-[var(--text-primary)]">Value for Money</p>
|
|
1162
|
+
<div class="flex items-center gap-[3px]">
|
|
1163
|
+
<span class="inline-block w-[26px] h-[26px] bg-[#1bba85] rounded-[3px] p-[3px]"><img src="../assets/images/landing/reviews-3/star-sm.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1164
|
+
<span class="inline-block w-[26px] h-[26px] bg-[#1bba85] rounded-[3px] p-[3px]"><img src="../assets/images/landing/reviews-3/star-sm.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1165
|
+
<span class="inline-block w-[26px] h-[26px] bg-[#1bba85] rounded-[3px] p-[3px]"><img src="../assets/images/landing/reviews-3/star-sm.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1166
|
+
<span class="inline-block w-[26px] h-[26px] bg-[#1bba85] rounded-[3px] p-[3px]"><img src="../assets/images/landing/reviews-3/star-sm.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1167
|
+
<span class="inline-block w-[26px] h-[26px] bg-gradient-to-r from-[#1bba85] from-[90%] to-[#909090] to-[90%] rounded-[3px] p-[3px]"><img src="../assets/images/landing/reviews-3/star-sm.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1168
|
+
</div>
|
|
1169
|
+
<p class="w-[40px] font-bold text-[16px] leading-[1.5] tracking-[-0.08px] text-[var(--text-primary)] text-center">4.8</p>
|
|
1170
|
+
</div>
|
|
1171
|
+
<div class="h-px bg-[var(--border-default)]"></div>
|
|
1172
|
+
<div class="flex items-center gap-[20px] px-[16px] py-[8px]">
|
|
1173
|
+
<p class="flex-1 font-semibold text-[16px] leading-[1.5] tracking-[-0.08px] text-[var(--text-primary)]">Speed of Results</p>
|
|
1174
|
+
<div class="flex items-center gap-[3px]">
|
|
1175
|
+
<span class="inline-block w-[26px] h-[26px] bg-[#1bba85] rounded-[3px] p-[3px]"><img src="../assets/images/landing/reviews-3/star-sm.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1176
|
+
<span class="inline-block w-[26px] h-[26px] bg-[#1bba85] rounded-[3px] p-[3px]"><img src="../assets/images/landing/reviews-3/star-sm.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1177
|
+
<span class="inline-block w-[26px] h-[26px] bg-[#1bba85] rounded-[3px] p-[3px]"><img src="../assets/images/landing/reviews-3/star-sm.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1178
|
+
<span class="inline-block w-[26px] h-[26px] bg-[#1bba85] rounded-[3px] p-[3px]"><img src="../assets/images/landing/reviews-3/star-sm.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1179
|
+
<span class="inline-block w-[26px] h-[26px] bg-gradient-to-r from-[#1bba85] from-[80%] to-[#909090] to-[80%] rounded-[3px] p-[3px]"><img src="../assets/images/landing/reviews-3/star-sm.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1180
|
+
</div>
|
|
1181
|
+
<p class="w-[40px] font-bold text-[16px] leading-[1.5] tracking-[-0.08px] text-[var(--text-primary)] text-center">4.7</p>
|
|
1182
|
+
</div>
|
|
1183
|
+
<div class="h-px bg-[var(--border-default)]"></div>
|
|
1184
|
+
<div class="flex items-center gap-[20px] px-[16px] py-[8px]">
|
|
1185
|
+
<p class="flex-1 font-semibold text-[16px] leading-[1.5] tracking-[-0.08px] text-[var(--text-primary)]">Overall Score</p>
|
|
1186
|
+
<div class="flex items-center gap-[3px]">
|
|
1187
|
+
<span class="inline-block w-[26px] h-[26px] bg-[#1bba85] rounded-[3px] p-[3px]"><img src="../assets/images/landing/reviews-3/star-sm.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1188
|
+
<span class="inline-block w-[26px] h-[26px] bg-[#1bba85] rounded-[3px] p-[3px]"><img src="../assets/images/landing/reviews-3/star-sm.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1189
|
+
<span class="inline-block w-[26px] h-[26px] bg-[#1bba85] rounded-[3px] p-[3px]"><img src="../assets/images/landing/reviews-3/star-sm.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1190
|
+
<span class="inline-block w-[26px] h-[26px] bg-[#1bba85] rounded-[3px] p-[3px]"><img src="../assets/images/landing/reviews-3/star-sm.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1191
|
+
<span class="inline-block w-[26px] h-[26px] bg-gradient-to-r from-[#1bba85] from-[90%] to-[#909090] to-[90%] rounded-[3px] p-[3px]"><img src="../assets/images/landing/reviews-3/star-sm.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1192
|
+
</div>
|
|
1193
|
+
<p class="w-[40px] font-bold text-[16px] leading-[1.5] tracking-[-0.08px] text-[var(--text-primary)] text-center">4.9</p>
|
|
1194
|
+
</div>
|
|
1195
|
+
<div class="h-px bg-[var(--border-default)]"></div>
|
|
1196
|
+
</div>
|
|
1197
|
+
|
|
1198
|
+
<div class="flex flex-col md:flex-row lg:flex-col items-center gap-[20px] md:gap-[32px] lg:gap-[8px] w-full md:w-auto lg:w-[200px] shrink-0">
|
|
1199
|
+
<div class="flex flex-col items-center gap-[8px]">
|
|
1200
|
+
<p class="font-extrabold text-[48px] md:text-[60px] leading-[1.2] tracking-[-0.24px] md:tracking-[-0.3px] text-[var(--text-primary)]">4.9</p>
|
|
1201
|
+
<div class="flex items-center gap-[4px]">
|
|
1202
|
+
<span class="inline-block w-[36px] h-[36px] bg-[#1bba85] rounded-[4px] p-[4px]"><img src="../assets/images/landing/reviews-3/star-lg.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1203
|
+
<span class="inline-block w-[36px] h-[36px] bg-[#1bba85] rounded-[4px] p-[4px]"><img src="../assets/images/landing/reviews-3/star-lg.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1204
|
+
<span class="inline-block w-[36px] h-[36px] bg-[#1bba85] rounded-[4px] p-[4px]"><img src="../assets/images/landing/reviews-3/star-lg.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1205
|
+
<span class="inline-block w-[36px] h-[36px] bg-[#1bba85] rounded-[4px] p-[4px]"><img src="../assets/images/landing/reviews-3/star-lg.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1206
|
+
<span class="inline-block w-[36px] h-[36px] bg-gradient-to-r from-[#1bba85] from-[90%] to-[#909090] to-[90%] rounded-[4px] p-[3px]"><img src="../assets/images/landing/reviews-3/star-lg.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1207
|
+
</div>
|
|
1208
|
+
<p class="font-medium text-[14px] lg:text-[16px] leading-[1.5] tracking-[-0.07px] md:tracking-[-0.08px] text-[var(--text-primary)] text-center">Based on reviews from 48,312 verified customers</p>
|
|
1209
|
+
</div>
|
|
1210
|
+
|
|
1211
|
+
<div class="lg:hidden flex flex-col gap-[2px] w-full md:flex-1">
|
|
1212
|
+
<div class="flex items-center gap-[12px] md:gap-[20px] px-[8px] md:px-[16px] py-[6px] md:py-[8px]">
|
|
1213
|
+
<p class="flex-1 font-semibold text-[14px] lg:text-[16px] leading-[1.5] tracking-[-0.07px] md:tracking-[-0.08px] text-[var(--text-primary)]">Sleep Quality</p>
|
|
1214
|
+
<div class="flex items-center gap-[2px] md:gap-[3px]">
|
|
1215
|
+
<span class="inline-block w-[20px] h-[20px] md:w-[26px] md:h-[26px] bg-[#1bba85] rounded-[2px] md:rounded-[3px] p-[2px] md:p-[3px]"><img src="../assets/images/landing/reviews-3/star-sm.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1216
|
+
<span class="inline-block w-[20px] h-[20px] md:w-[26px] md:h-[26px] bg-[#1bba85] rounded-[2px] md:rounded-[3px] p-[2px] md:p-[3px]"><img src="../assets/images/landing/reviews-3/star-sm.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1217
|
+
<span class="inline-block w-[20px] h-[20px] md:w-[26px] md:h-[26px] bg-[#1bba85] rounded-[2px] md:rounded-[3px] p-[2px] md:p-[3px]"><img src="../assets/images/landing/reviews-3/star-sm.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1218
|
+
<span class="inline-block w-[20px] h-[20px] md:w-[26px] md:h-[26px] bg-[#1bba85] rounded-[2px] md:rounded-[3px] p-[2px] md:p-[3px]"><img src="../assets/images/landing/reviews-3/star-sm.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1219
|
+
<span class="inline-block w-[20px] h-[20px] md:w-[26px] md:h-[26px] bg-gradient-to-r from-[#1bba85] from-[80%] to-[#909090] to-[80%] rounded-[2px] md:rounded-[3px] p-[2px] md:p-[3px]"><img src="../assets/images/landing/reviews-3/star-sm.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1220
|
+
</div>
|
|
1221
|
+
<p class="w-[32px] md:w-[40px] font-bold text-[14px] lg:text-[16px] leading-[1.5] tracking-[-0.07px] md:tracking-[-0.08px] text-[var(--text-primary)] text-center">4.9</p>
|
|
1222
|
+
</div>
|
|
1223
|
+
<div class="h-px bg-[var(--border-default)]"></div>
|
|
1224
|
+
<div class="flex items-center gap-[12px] md:gap-[20px] px-[8px] md:px-[16px] py-[6px] md:py-[8px]">
|
|
1225
|
+
<p class="flex-1 font-semibold text-[14px] lg:text-[16px] leading-[1.5] tracking-[-0.07px] md:tracking-[-0.08px] text-[var(--text-primary)]">Ease of Use</p>
|
|
1226
|
+
<div class="flex items-center gap-[2px] md:gap-[3px]">
|
|
1227
|
+
<span class="inline-block w-[20px] h-[20px] md:w-[26px] md:h-[26px] bg-[#1bba85] rounded-[2px] md:rounded-[3px] p-[2px] md:p-[3px]"><img src="../assets/images/landing/reviews-3/star-sm.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1228
|
+
<span class="inline-block w-[20px] h-[20px] md:w-[26px] md:h-[26px] bg-[#1bba85] rounded-[2px] md:rounded-[3px] p-[2px] md:p-[3px]"><img src="../assets/images/landing/reviews-3/star-sm.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1229
|
+
<span class="inline-block w-[20px] h-[20px] md:w-[26px] md:h-[26px] bg-[#1bba85] rounded-[2px] md:rounded-[3px] p-[2px] md:p-[3px]"><img src="../assets/images/landing/reviews-3/star-sm.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1230
|
+
<span class="inline-block w-[20px] h-[20px] md:w-[26px] md:h-[26px] bg-[#1bba85] rounded-[2px] md:rounded-[3px] p-[2px] md:p-[3px]"><img src="../assets/images/landing/reviews-3/star-sm.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1231
|
+
<span class="inline-block w-[20px] h-[20px] md:w-[26px] md:h-[26px] bg-gradient-to-r from-[#1bba85] from-[70%] to-[#909090] to-[70%] rounded-[2px] md:rounded-[3px] p-[2px] md:p-[3px]"><img src="../assets/images/landing/reviews-3/star-sm.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1232
|
+
</div>
|
|
1233
|
+
<p class="w-[32px] md:w-[40px] font-bold text-[14px] lg:text-[16px] leading-[1.5] tracking-[-0.07px] md:tracking-[-0.08px] text-[var(--text-primary)] text-center">4.9</p>
|
|
1234
|
+
</div>
|
|
1235
|
+
<div class="h-px bg-[var(--border-default)]"></div>
|
|
1236
|
+
<div class="flex items-center gap-[12px] md:gap-[20px] px-[8px] md:px-[16px] py-[6px] md:py-[8px]">
|
|
1237
|
+
<p class="flex-1 font-semibold text-[14px] lg:text-[16px] leading-[1.5] tracking-[-0.07px] md:tracking-[-0.08px] text-[var(--text-primary)]">Value for Money</p>
|
|
1238
|
+
<div class="flex items-center gap-[2px] md:gap-[3px]">
|
|
1239
|
+
<span class="inline-block w-[20px] h-[20px] md:w-[26px] md:h-[26px] bg-[#1bba85] rounded-[2px] md:rounded-[3px] p-[2px] md:p-[3px]"><img src="../assets/images/landing/reviews-3/star-sm.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1240
|
+
<span class="inline-block w-[20px] h-[20px] md:w-[26px] md:h-[26px] bg-[#1bba85] rounded-[2px] md:rounded-[3px] p-[2px] md:p-[3px]"><img src="../assets/images/landing/reviews-3/star-sm.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1241
|
+
<span class="inline-block w-[20px] h-[20px] md:w-[26px] md:h-[26px] bg-[#1bba85] rounded-[2px] md:rounded-[3px] p-[2px] md:p-[3px]"><img src="../assets/images/landing/reviews-3/star-sm.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1242
|
+
<span class="inline-block w-[20px] h-[20px] md:w-[26px] md:h-[26px] bg-[#1bba85] rounded-[2px] md:rounded-[3px] p-[2px] md:p-[3px]"><img src="../assets/images/landing/reviews-3/star-sm.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1243
|
+
<span class="inline-block w-[20px] h-[20px] md:w-[26px] md:h-[26px] bg-gradient-to-r from-[#1bba85] from-[90%] to-[#909090] to-[90%] rounded-[2px] md:rounded-[3px] p-[2px] md:p-[3px]"><img src="../assets/images/landing/reviews-3/star-sm.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1244
|
+
</div>
|
|
1245
|
+
<p class="w-[32px] md:w-[40px] font-bold text-[14px] lg:text-[16px] leading-[1.5] tracking-[-0.07px] md:tracking-[-0.08px] text-[var(--text-primary)] text-center">4.8</p>
|
|
1246
|
+
</div>
|
|
1247
|
+
<div class="h-px bg-[var(--border-default)]"></div>
|
|
1248
|
+
<div class="flex items-center gap-[12px] md:gap-[20px] px-[8px] md:px-[16px] py-[6px] md:py-[8px]">
|
|
1249
|
+
<p class="flex-1 font-semibold text-[14px] lg:text-[16px] leading-[1.5] tracking-[-0.07px] md:tracking-[-0.08px] text-[var(--text-primary)]">Speed of Results</p>
|
|
1250
|
+
<div class="flex items-center gap-[2px] md:gap-[3px]">
|
|
1251
|
+
<span class="inline-block w-[20px] h-[20px] md:w-[26px] md:h-[26px] bg-[#1bba85] rounded-[2px] md:rounded-[3px] p-[2px] md:p-[3px]"><img src="../assets/images/landing/reviews-3/star-sm.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1252
|
+
<span class="inline-block w-[20px] h-[20px] md:w-[26px] md:h-[26px] bg-[#1bba85] rounded-[2px] md:rounded-[3px] p-[2px] md:p-[3px]"><img src="../assets/images/landing/reviews-3/star-sm.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1253
|
+
<span class="inline-block w-[20px] h-[20px] md:w-[26px] md:h-[26px] bg-[#1bba85] rounded-[2px] md:rounded-[3px] p-[2px] md:p-[3px]"><img src="../assets/images/landing/reviews-3/star-sm.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1254
|
+
<span class="inline-block w-[20px] h-[20px] md:w-[26px] md:h-[26px] bg-[#1bba85] rounded-[2px] md:rounded-[3px] p-[2px] md:p-[3px]"><img src="../assets/images/landing/reviews-3/star-sm.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1255
|
+
<span class="inline-block w-[20px] h-[20px] md:w-[26px] md:h-[26px] bg-gradient-to-r from-[#1bba85] from-[80%] to-[#909090] to-[80%] rounded-[2px] md:rounded-[3px] p-[2px] md:p-[3px]"><img src="../assets/images/landing/reviews-3/star-sm.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1256
|
+
</div>
|
|
1257
|
+
<p class="w-[32px] md:w-[40px] font-bold text-[14px] lg:text-[16px] leading-[1.5] tracking-[-0.07px] md:tracking-[-0.08px] text-[var(--text-primary)] text-center">4.7</p>
|
|
1258
|
+
</div>
|
|
1259
|
+
<div class="h-px bg-[var(--border-default)]"></div>
|
|
1260
|
+
<div class="flex items-center gap-[12px] md:gap-[20px] px-[8px] md:px-[16px] py-[6px] md:py-[8px]">
|
|
1261
|
+
<p class="flex-1 font-semibold text-[14px] lg:text-[16px] leading-[1.5] tracking-[-0.07px] md:tracking-[-0.08px] text-[var(--text-primary)]">Overall Score</p>
|
|
1262
|
+
<div class="flex items-center gap-[2px] md:gap-[3px]">
|
|
1263
|
+
<span class="inline-block w-[20px] h-[20px] md:w-[26px] md:h-[26px] bg-[#1bba85] rounded-[2px] md:rounded-[3px] p-[2px] md:p-[3px]"><img src="../assets/images/landing/reviews-3/star-sm.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1264
|
+
<span class="inline-block w-[20px] h-[20px] md:w-[26px] md:h-[26px] bg-[#1bba85] rounded-[2px] md:rounded-[3px] p-[2px] md:p-[3px]"><img src="../assets/images/landing/reviews-3/star-sm.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1265
|
+
<span class="inline-block w-[20px] h-[20px] md:w-[26px] md:h-[26px] bg-[#1bba85] rounded-[2px] md:rounded-[3px] p-[2px] md:p-[3px]"><img src="../assets/images/landing/reviews-3/star-sm.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1266
|
+
<span class="inline-block w-[20px] h-[20px] md:w-[26px] md:h-[26px] bg-[#1bba85] rounded-[2px] md:rounded-[3px] p-[2px] md:p-[3px]"><img src="../assets/images/landing/reviews-3/star-sm.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1267
|
+
<span class="inline-block w-[20px] h-[20px] md:w-[26px] md:h-[26px] bg-gradient-to-r from-[#1bba85] from-[90%] to-[#909090] to-[90%] rounded-[2px] md:rounded-[3px] p-[2px] md:p-[3px]"><img src="../assets/images/landing/reviews-3/star-sm.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1268
|
+
</div>
|
|
1269
|
+
<p class="w-[32px] md:w-[40px] font-bold text-[14px] lg:text-[16px] leading-[1.5] tracking-[-0.07px] md:tracking-[-0.08px] text-[var(--text-primary)] text-center">4.9</p>
|
|
1270
|
+
</div>
|
|
1271
|
+
<div class="h-px bg-[var(--border-default)]"></div>
|
|
1272
|
+
</div>
|
|
1273
|
+
</div>
|
|
1274
|
+
|
|
1275
|
+
<div class="hidden lg:grid flex-1 grid-cols-4 grid-rows-2 gap-[10px]">
|
|
1276
|
+
<img src="../assets/images/landing/_shared/1x1_1.svg" alt="" class="w-full aspect-square object-cover" loading="eager">
|
|
1277
|
+
<img src="../assets/images/landing/_shared/1x1_1.svg" alt="" class="w-full aspect-square object-cover" loading="eager">
|
|
1278
|
+
<img src="../assets/images/landing/_shared/1x1_1.svg" alt="" class="w-full aspect-square object-cover" loading="eager">
|
|
1279
|
+
<img src="../assets/images/landing/_shared/1x1_1.svg" alt="" class="w-full aspect-square object-cover" loading="eager">
|
|
1280
|
+
<img src="../assets/images/landing/_shared/1x1_1.svg" alt="" class="w-full aspect-square object-cover" loading="eager">
|
|
1281
|
+
<img src="../assets/images/landing/_shared/1x1_1.svg" alt="" class="w-full aspect-square object-cover" loading="eager">
|
|
1282
|
+
<img src="../assets/images/landing/_shared/1x1_1.svg" alt="" class="w-full aspect-square object-cover" loading="eager">
|
|
1283
|
+
<img src="../assets/images/landing/_shared/1x1_1.svg" alt="" class="w-full aspect-square object-cover" loading="eager">
|
|
1284
|
+
</div>
|
|
1285
|
+
|
|
1286
|
+
</div>
|
|
1287
|
+
|
|
1288
|
+
<div class="w-full grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-[16px] md:gap-[16px] lg:gap-[20px]">
|
|
1289
|
+
<article class="border border-[var(--border-default)] rounded-[12px] md:rounded-[16px] overflow-hidden flex flex-col">
|
|
1290
|
+
<div class="aspect-[168/216] w-full overflow-hidden">
|
|
1291
|
+
<img src="../assets/images/landing/_shared/1x1_1.svg" alt="Sandra M." class="w-full h-full object-cover" loading="eager">
|
|
1292
|
+
</div>
|
|
1293
|
+
<div class="px-[12px] md:px-[16px] pt-[10px] pb-[16px] md:pb-[20px] flex flex-col gap-[12px]">
|
|
1294
|
+
<div class="flex items-center gap-[8px]">
|
|
1295
|
+
<img src="../assets/images/landing/_shared/1x1_1.svg" alt="" class="w-[36px] h-[36px] md:w-[45px] md:h-[45px] rounded-full object-cover" loading="eager">
|
|
1296
|
+
<p class="font-bold text-[14px] lg:text-[16px] leading-[1.4] tracking-[-0.07px] md:tracking-[-0.08px] text-[var(--text-primary)]">Sandra M.</p>
|
|
1297
|
+
<span class="flex items-center gap-[6px]"><img src="../assets/images/landing/reviews-3/verified.svg" alt="" class="w-[14px] h-[14px]" loading="eager"><span class="font-medium text-[12px] md:text-[14px] leading-[1.5] tracking-[-0.06px] md:tracking-[-0.07px] text-[#1bba85]">Verified</span></span>
|
|
1298
|
+
</div>
|
|
1299
|
+
<div class="h-px bg-[var(--border-default)]"></div>
|
|
1300
|
+
<div class="flex items-center gap-[10px]">
|
|
1301
|
+
<div class="flex items-center gap-[2px]">
|
|
1302
|
+
<span class="inline-block w-[16px] h-[16px] bg-[#1bba85] rounded-[2px] p-[2px]"><img src="../assets/images/landing/reviews-3/star-card.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1303
|
+
<span class="inline-block w-[16px] h-[16px] bg-[#1bba85] rounded-[2px] p-[2px]"><img src="../assets/images/landing/reviews-3/star-card.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1304
|
+
<span class="inline-block w-[16px] h-[16px] bg-[#1bba85] rounded-[2px] p-[2px]"><img src="../assets/images/landing/reviews-3/star-card.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1305
|
+
<span class="inline-block w-[16px] h-[16px] bg-[#1bba85] rounded-[2px] p-[2px]"><img src="../assets/images/landing/reviews-3/star-card.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1306
|
+
<span class="inline-block w-[16px] h-[16px] bg-[#1bba85] rounded-[2px] p-[2px]"><img src="../assets/images/landing/reviews-3/star-card.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1307
|
+
</div>
|
|
1308
|
+
<p class="font-normal text-[12px] md:text-[14px] leading-[1.5] tracking-[-0.06px] md:tracking-[-0.07px] text-[var(--text-primary)]">Posted Today</p>
|
|
1309
|
+
</div>
|
|
1310
|
+
<div class="h-px bg-[var(--border-default)]"></div>
|
|
1311
|
+
<div class="flex flex-col gap-[8px]">
|
|
1312
|
+
<p class="font-bold text-[16px] md:text-[18px] leading-[1.5] tracking-[-0.08px] md:tracking-[-0.09px] text-[var(--text-primary)]">Finally sleeping through the night</p>
|
|
1313
|
+
<p class="font-normal text-[14px] lg:text-[16px] leading-[1.5] tracking-[-0.07px] md:tracking-[-0.08px] text-[var(--text-primary)]">I was skeptical after trying so many things. Two weeks in and I sleep 7–8 solid hours. Zero grogginess in the morning. This is genuinely life-changing.</p>
|
|
1314
|
+
</div>
|
|
1315
|
+
</div>
|
|
1316
|
+
</article>
|
|
1317
|
+
|
|
1318
|
+
<article class="border border-[var(--border-default)] rounded-[12px] md:rounded-[16px] overflow-hidden flex flex-col">
|
|
1319
|
+
<div class="aspect-[168/216] w-full overflow-hidden">
|
|
1320
|
+
<img src="../assets/images/landing/_shared/1x1_1.svg" alt="Kevin R." class="w-full h-full object-cover" loading="eager">
|
|
1321
|
+
</div>
|
|
1322
|
+
<div class="px-[12px] md:px-[16px] pt-[10px] pb-[16px] md:pb-[20px] flex flex-col gap-[12px]">
|
|
1323
|
+
<div class="flex items-center gap-[8px]">
|
|
1324
|
+
<img src="../assets/images/landing/_shared/1x1_1.svg" alt="" class="w-[36px] h-[36px] md:w-[45px] md:h-[45px] rounded-full object-cover" loading="eager">
|
|
1325
|
+
<p class="font-bold text-[14px] lg:text-[16px] leading-[1.4] tracking-[-0.07px] md:tracking-[-0.08px] text-[var(--text-primary)]">Kevin R.</p>
|
|
1326
|
+
<span class="flex items-center gap-[6px]"><img src="../assets/images/landing/reviews-3/verified.svg" alt="" class="w-[14px] h-[14px]" loading="eager"><span class="font-medium text-[12px] md:text-[14px] leading-[1.5] tracking-[-0.06px] md:tracking-[-0.07px] text-[#1bba85]">Verified</span></span>
|
|
1327
|
+
</div>
|
|
1328
|
+
<div class="h-px bg-[var(--border-default)]"></div>
|
|
1329
|
+
<div class="flex items-center gap-[10px]">
|
|
1330
|
+
<div class="flex items-center gap-[2px]">
|
|
1331
|
+
<span class="inline-block w-[16px] h-[16px] bg-[#1bba85] rounded-[2px] p-[2px]"><img src="../assets/images/landing/reviews-3/star-card.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1332
|
+
<span class="inline-block w-[16px] h-[16px] bg-[#1bba85] rounded-[2px] p-[2px]"><img src="../assets/images/landing/reviews-3/star-card.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1333
|
+
<span class="inline-block w-[16px] h-[16px] bg-[#1bba85] rounded-[2px] p-[2px]"><img src="../assets/images/landing/reviews-3/star-card.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1334
|
+
<span class="inline-block w-[16px] h-[16px] bg-[#1bba85] rounded-[2px] p-[2px]"><img src="../assets/images/landing/reviews-3/star-card.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1335
|
+
<span class="inline-block w-[16px] h-[16px] bg-[#1bba85] rounded-[2px] p-[2px]"><img src="../assets/images/landing/reviews-3/star-card.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1336
|
+
</div>
|
|
1337
|
+
<p class="font-normal text-[12px] md:text-[14px] leading-[1.5] tracking-[-0.06px] md:tracking-[-0.07px] text-[var(--text-primary)]">Posted Today</p>
|
|
1338
|
+
</div>
|
|
1339
|
+
<div class="h-px bg-[var(--border-default)]"></div>
|
|
1340
|
+
<div class="flex flex-col gap-[8px]">
|
|
1341
|
+
<p class="font-bold text-[16px] md:text-[18px] leading-[1.5] tracking-[-0.08px] md:tracking-[-0.09px] text-[var(--text-primary)]">Replaced my prescription</p>
|
|
1342
|
+
<p class="font-normal text-[14px] lg:text-[16px] leading-[1.5] tracking-[-0.07px] md:tracking-[-0.08px] text-[var(--text-primary)]">My doctor helped me wean off my prescription sleep med and transition to our formula. It works just as well without the dependency. I can't recommend it enough.</p>
|
|
1343
|
+
</div>
|
|
1344
|
+
</div>
|
|
1345
|
+
</article>
|
|
1346
|
+
|
|
1347
|
+
<article class="border border-[var(--border-default)] rounded-[12px] md:rounded-[16px] overflow-hidden flex flex-col">
|
|
1348
|
+
<div class="aspect-[168/216] w-full overflow-hidden">
|
|
1349
|
+
<img src="../assets/images/landing/_shared/1x1_1.svg" alt="Priya L." class="w-full h-full object-cover" loading="eager">
|
|
1350
|
+
</div>
|
|
1351
|
+
<div class="px-[12px] md:px-[16px] pt-[10px] pb-[16px] md:pb-[20px] flex flex-col gap-[12px]">
|
|
1352
|
+
<div class="flex items-center gap-[8px]">
|
|
1353
|
+
<img src="../assets/images/landing/_shared/1x1_1.svg" alt="" class="w-[36px] h-[36px] md:w-[45px] md:h-[45px] rounded-full object-cover" loading="eager">
|
|
1354
|
+
<p class="font-bold text-[14px] lg:text-[16px] leading-[1.4] tracking-[-0.07px] md:tracking-[-0.08px] text-[var(--text-primary)]">Priya L.</p>
|
|
1355
|
+
<span class="flex items-center gap-[6px]"><img src="../assets/images/landing/reviews-3/verified.svg" alt="" class="w-[14px] h-[14px]" loading="eager"><span class="font-medium text-[12px] md:text-[14px] leading-[1.5] tracking-[-0.06px] md:tracking-[-0.07px] text-[#1bba85]">Verified</span></span>
|
|
1356
|
+
</div>
|
|
1357
|
+
<div class="h-px bg-[var(--border-default)]"></div>
|
|
1358
|
+
<div class="flex items-center gap-[10px]">
|
|
1359
|
+
<div class="flex items-center gap-[2px]">
|
|
1360
|
+
<span class="inline-block w-[16px] h-[16px] bg-[#1bba85] rounded-[2px] p-[2px]"><img src="../assets/images/landing/reviews-3/star-card.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1361
|
+
<span class="inline-block w-[16px] h-[16px] bg-[#1bba85] rounded-[2px] p-[2px]"><img src="../assets/images/landing/reviews-3/star-card.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1362
|
+
<span class="inline-block w-[16px] h-[16px] bg-[#1bba85] rounded-[2px] p-[2px]"><img src="../assets/images/landing/reviews-3/star-card.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1363
|
+
<span class="inline-block w-[16px] h-[16px] bg-[#1bba85] rounded-[2px] p-[2px]"><img src="../assets/images/landing/reviews-3/star-card.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1364
|
+
<span class="inline-block w-[16px] h-[16px] bg-[#1bba85] rounded-[2px] p-[2px]"><img src="../assets/images/landing/reviews-3/star-card.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1365
|
+
</div>
|
|
1366
|
+
<p class="font-normal text-[12px] md:text-[14px] leading-[1.5] tracking-[-0.06px] md:tracking-[-0.07px] text-[var(--text-primary)]">Posted Yesterday</p>
|
|
1367
|
+
</div>
|
|
1368
|
+
<div class="h-px bg-[var(--border-default)]"></div>
|
|
1369
|
+
<div class="flex flex-col gap-[8px]">
|
|
1370
|
+
<p class="font-bold text-[16px] md:text-[18px] leading-[1.5] tracking-[-0.08px] md:tracking-[-0.09px] text-[var(--text-primary)]">Anxiety insomnia is gone</p>
|
|
1371
|
+
<p class="font-normal text-[14px] lg:text-[16px] leading-[1.5] tracking-[-0.07px] md:tracking-[-0.08px] text-[var(--text-primary)]">My mind used to race the second I got into bed. Now I take two capsules, read for 20 minutes, and I'm asleep. This is the only supplement I've reordered.</p>
|
|
1372
|
+
</div>
|
|
1373
|
+
</div>
|
|
1374
|
+
</article>
|
|
1375
|
+
|
|
1376
|
+
<article class="border border-[var(--border-default)] rounded-[12px] md:rounded-[16px] overflow-hidden flex flex-col">
|
|
1377
|
+
<div class="aspect-[168/216] w-full overflow-hidden">
|
|
1378
|
+
<img src="../assets/images/landing/_shared/1x1_1.svg" alt="Tom B." class="w-full h-full object-cover" loading="eager">
|
|
1379
|
+
</div>
|
|
1380
|
+
<div class="px-[12px] md:px-[16px] pt-[10px] pb-[16px] md:pb-[20px] flex flex-col gap-[12px]">
|
|
1381
|
+
<div class="flex items-center gap-[8px]">
|
|
1382
|
+
<img src="../assets/images/landing/_shared/1x1_1.svg" alt="" class="w-[36px] h-[36px] md:w-[45px] md:h-[45px] rounded-full object-cover" loading="eager">
|
|
1383
|
+
<p class="font-bold text-[14px] lg:text-[16px] leading-[1.4] tracking-[-0.07px] md:tracking-[-0.08px] text-[var(--text-primary)]">Tom B.</p>
|
|
1384
|
+
<span class="flex items-center gap-[6px]"><img src="../assets/images/landing/reviews-3/verified.svg" alt="" class="w-[14px] h-[14px]" loading="eager"><span class="font-medium text-[12px] md:text-[14px] leading-[1.5] tracking-[-0.06px] md:tracking-[-0.07px] text-[#1bba85]">Verified</span></span>
|
|
1385
|
+
</div>
|
|
1386
|
+
<div class="h-px bg-[var(--border-default)]"></div>
|
|
1387
|
+
<div class="flex items-center gap-[10px]">
|
|
1388
|
+
<div class="flex items-center gap-[2px]">
|
|
1389
|
+
<span class="inline-block w-[16px] h-[16px] bg-[#1bba85] rounded-[2px] p-[2px]"><img src="../assets/images/landing/reviews-3/star-card.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1390
|
+
<span class="inline-block w-[16px] h-[16px] bg-[#1bba85] rounded-[2px] p-[2px]"><img src="../assets/images/landing/reviews-3/star-card.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1391
|
+
<span class="inline-block w-[16px] h-[16px] bg-[#1bba85] rounded-[2px] p-[2px]"><img src="../assets/images/landing/reviews-3/star-card.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1392
|
+
<span class="inline-block w-[16px] h-[16px] bg-[#1bba85] rounded-[2px] p-[2px]"><img src="../assets/images/landing/reviews-3/star-card.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1393
|
+
<span class="inline-block w-[16px] h-[16px] bg-[#1bba85] rounded-[2px] p-[2px]"><img src="../assets/images/landing/reviews-3/star-card.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1394
|
+
</div>
|
|
1395
|
+
<p class="font-normal text-[12px] md:text-[14px] leading-[1.5] tracking-[-0.06px] md:tracking-[-0.07px] text-[var(--text-primary)]">Posted Yesterday</p>
|
|
1396
|
+
</div>
|
|
1397
|
+
<div class="h-px bg-[var(--border-default)]"></div>
|
|
1398
|
+
<div class="flex flex-col gap-[8px]">
|
|
1399
|
+
<p class="font-bold text-[16px] md:text-[18px] leading-[1.5] tracking-[-0.08px] md:tracking-[-0.09px] text-[var(--text-primary)]">Husband uses it too now</p>
|
|
1400
|
+
<p class="font-normal text-[14px] lg:text-[16px] leading-[1.5] tracking-[-0.07px] md:tracking-[-0.08px] text-[var(--text-primary)]">I ordered for myself and my husband started stealing my capsules. We both sleep so much better. Just ordered a two-pack and not looking back.</p>
|
|
1401
|
+
</div>
|
|
1402
|
+
</div>
|
|
1403
|
+
</article>
|
|
1404
|
+
|
|
1405
|
+
<article class="border border-[var(--border-default)] rounded-[12px] md:rounded-[16px] overflow-hidden flex flex-col">
|
|
1406
|
+
<div class="aspect-[168/216] w-full overflow-hidden">
|
|
1407
|
+
<img src="../assets/images/landing/_shared/1x1_1.svg" alt="Michelle D." class="w-full h-full object-cover" loading="eager">
|
|
1408
|
+
</div>
|
|
1409
|
+
<div class="px-[12px] md:px-[16px] pt-[10px] pb-[16px] md:pb-[20px] flex flex-col gap-[12px]">
|
|
1410
|
+
<div class="flex items-center gap-[8px]">
|
|
1411
|
+
<img src="../assets/images/landing/_shared/1x1_1.svg" alt="" class="w-[36px] h-[36px] md:w-[45px] md:h-[45px] rounded-full object-cover" loading="eager">
|
|
1412
|
+
<p class="font-bold text-[14px] lg:text-[16px] leading-[1.4] tracking-[-0.07px] md:tracking-[-0.08px] text-[var(--text-primary)]">Michelle D.</p>
|
|
1413
|
+
<span class="flex items-center gap-[6px]"><img src="../assets/images/landing/reviews-3/verified.svg" alt="" class="w-[14px] h-[14px]" loading="eager"><span class="font-medium text-[12px] md:text-[14px] leading-[1.5] tracking-[-0.06px] md:tracking-[-0.07px] text-[#1bba85]">Verified</span></span>
|
|
1414
|
+
</div>
|
|
1415
|
+
<div class="h-px bg-[var(--border-default)]"></div>
|
|
1416
|
+
<div class="flex items-center gap-[10px]">
|
|
1417
|
+
<div class="flex items-center gap-[2px]">
|
|
1418
|
+
<span class="inline-block w-[16px] h-[16px] bg-[#1bba85] rounded-[2px] p-[2px]"><img src="../assets/images/landing/reviews-3/star-card.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1419
|
+
<span class="inline-block w-[16px] h-[16px] bg-[#1bba85] rounded-[2px] p-[2px]"><img src="../assets/images/landing/reviews-3/star-card.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1420
|
+
<span class="inline-block w-[16px] h-[16px] bg-[#1bba85] rounded-[2px] p-[2px]"><img src="../assets/images/landing/reviews-3/star-card.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1421
|
+
<span class="inline-block w-[16px] h-[16px] bg-[#1bba85] rounded-[2px] p-[2px]"><img src="../assets/images/landing/reviews-3/star-card.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1422
|
+
<span class="inline-block w-[16px] h-[16px] bg-[#1bba85] rounded-[2px] p-[2px]"><img src="../assets/images/landing/reviews-3/star-card.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1423
|
+
</div>
|
|
1424
|
+
<p class="font-normal text-[12px] md:text-[14px] leading-[1.5] tracking-[-0.06px] md:tracking-[-0.07px] text-[var(--text-primary)]">Posted Yesterday</p>
|
|
1425
|
+
</div>
|
|
1426
|
+
<div class="h-px bg-[var(--border-default)]"></div>
|
|
1427
|
+
<div class="flex flex-col gap-[8px]">
|
|
1428
|
+
<p class="font-bold text-[16px] md:text-[18px] leading-[1.5] tracking-[-0.08px] md:tracking-[-0.09px] text-[var(--text-primary)]">No grogginess whatsoever</p>
|
|
1429
|
+
<p class="font-normal text-[14px] lg:text-[16px] leading-[1.5] tracking-[-0.07px] md:tracking-[-0.08px] text-[var(--text-primary)]">The fact that I wake up clear-headed is the biggest difference from everything else I've tried. Real sleep, real energy, no fog. Worth every penny.</p>
|
|
1430
|
+
</div>
|
|
1431
|
+
</div>
|
|
1432
|
+
</article>
|
|
1433
|
+
|
|
1434
|
+
<article class="border border-[var(--border-default)] rounded-[12px] md:rounded-[16px] overflow-hidden flex flex-col">
|
|
1435
|
+
<div class="aspect-[168/216] w-full overflow-hidden">
|
|
1436
|
+
<img src="../assets/images/landing/_shared/1x1_1.svg" alt="Anita K." class="w-full h-full object-cover" loading="eager">
|
|
1437
|
+
</div>
|
|
1438
|
+
<div class="px-[12px] md:px-[16px] pt-[10px] pb-[16px] md:pb-[20px] flex flex-col gap-[12px]">
|
|
1439
|
+
<div class="flex items-center gap-[8px]">
|
|
1440
|
+
<img src="../assets/images/landing/_shared/1x1_1.svg" alt="" class="w-[36px] h-[36px] md:w-[45px] md:h-[45px] rounded-full object-cover" loading="eager">
|
|
1441
|
+
<p class="font-bold text-[14px] lg:text-[16px] leading-[1.4] tracking-[-0.07px] md:tracking-[-0.08px] text-[var(--text-primary)]">Anita K.</p>
|
|
1442
|
+
<span class="flex items-center gap-[6px]"><img src="../assets/images/landing/reviews-3/verified.svg" alt="" class="w-[14px] h-[14px]" loading="eager"><span class="font-medium text-[12px] md:text-[14px] leading-[1.5] tracking-[-0.06px] md:tracking-[-0.07px] text-[#1bba85]">Verified</span></span>
|
|
1443
|
+
</div>
|
|
1444
|
+
<div class="h-px bg-[var(--border-default)]"></div>
|
|
1445
|
+
<div class="flex items-center gap-[10px]">
|
|
1446
|
+
<div class="flex items-center gap-[2px]">
|
|
1447
|
+
<span class="inline-block w-[16px] h-[16px] bg-[#1bba85] rounded-[2px] p-[2px]"><img src="../assets/images/landing/reviews-3/star-card.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1448
|
+
<span class="inline-block w-[16px] h-[16px] bg-[#1bba85] rounded-[2px] p-[2px]"><img src="../assets/images/landing/reviews-3/star-card.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1449
|
+
<span class="inline-block w-[16px] h-[16px] bg-[#1bba85] rounded-[2px] p-[2px]"><img src="../assets/images/landing/reviews-3/star-card.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1450
|
+
<span class="inline-block w-[16px] h-[16px] bg-[#1bba85] rounded-[2px] p-[2px]"><img src="../assets/images/landing/reviews-3/star-card.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1451
|
+
<span class="inline-block w-[16px] h-[16px] bg-[#1bba85] rounded-[2px] p-[2px]"><img src="../assets/images/landing/reviews-3/star-card.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1452
|
+
</div>
|
|
1453
|
+
<p class="font-normal text-[12px] md:text-[14px] leading-[1.5] tracking-[-0.06px] md:tracking-[-0.07px] text-[var(--text-primary)]">Posted Last Week</p>
|
|
1454
|
+
</div>
|
|
1455
|
+
<div class="h-px bg-[var(--border-default)]"></div>
|
|
1456
|
+
<div class="flex flex-col gap-[8px]">
|
|
1457
|
+
<p class="font-bold text-[16px] md:text-[18px] leading-[1.5] tracking-[-0.08px] md:tracking-[-0.09px] text-[var(--text-primary)]">Works within the first night</p>
|
|
1458
|
+
<p class="font-normal text-[14px] lg:text-[16px] leading-[1.5] tracking-[-0.07px] md:tracking-[-0.08px] text-[var(--text-primary)]">I felt a difference on night one. Subtle but real — I just felt calmer getting into bed and didn't wake up at 3am like usual. By week two I was sleeping like I did in my 20s.</p>
|
|
1459
|
+
</div>
|
|
1460
|
+
</div>
|
|
1461
|
+
</article>
|
|
1462
|
+
|
|
1463
|
+
<article class="border border-[var(--border-default)] rounded-[12px] md:rounded-[16px] overflow-hidden flex flex-col">
|
|
1464
|
+
<div class="aspect-[168/216] w-full overflow-hidden">
|
|
1465
|
+
<img src="../assets/images/landing/_shared/1x1_1.svg" alt="Derek H." class="w-full h-full object-cover" loading="eager">
|
|
1466
|
+
</div>
|
|
1467
|
+
<div class="px-[12px] md:px-[16px] pt-[10px] pb-[16px] md:pb-[20px] flex flex-col gap-[12px]">
|
|
1468
|
+
<div class="flex items-center gap-[8px]">
|
|
1469
|
+
<img src="../assets/images/landing/_shared/1x1_1.svg" alt="" class="w-[36px] h-[36px] md:w-[45px] md:h-[45px] rounded-full object-cover" loading="eager">
|
|
1470
|
+
<p class="font-bold text-[14px] lg:text-[16px] leading-[1.4] tracking-[-0.07px] md:tracking-[-0.08px] text-[var(--text-primary)]">Derek H.</p>
|
|
1471
|
+
<span class="flex items-center gap-[6px]"><img src="../assets/images/landing/reviews-3/verified.svg" alt="" class="w-[14px] h-[14px]" loading="eager"><span class="font-medium text-[12px] md:text-[14px] leading-[1.5] tracking-[-0.06px] md:tracking-[-0.07px] text-[#1bba85]">Verified</span></span>
|
|
1472
|
+
</div>
|
|
1473
|
+
<div class="h-px bg-[var(--border-default)]"></div>
|
|
1474
|
+
<div class="flex items-center gap-[10px]">
|
|
1475
|
+
<div class="flex items-center gap-[2px]">
|
|
1476
|
+
<span class="inline-block w-[16px] h-[16px] bg-[#1bba85] rounded-[2px] p-[2px]"><img src="../assets/images/landing/reviews-3/star-card.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1477
|
+
<span class="inline-block w-[16px] h-[16px] bg-[#1bba85] rounded-[2px] p-[2px]"><img src="../assets/images/landing/reviews-3/star-card.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1478
|
+
<span class="inline-block w-[16px] h-[16px] bg-[#1bba85] rounded-[2px] p-[2px]"><img src="../assets/images/landing/reviews-3/star-card.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1479
|
+
<span class="inline-block w-[16px] h-[16px] bg-[#1bba85] rounded-[2px] p-[2px]"><img src="../assets/images/landing/reviews-3/star-card.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1480
|
+
<span class="inline-block w-[16px] h-[16px] bg-[#1bba85] rounded-[2px] p-[2px]"><img src="../assets/images/landing/reviews-3/star-card.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1481
|
+
</div>
|
|
1482
|
+
<p class="font-normal text-[12px] md:text-[14px] leading-[1.5] tracking-[-0.06px] md:tracking-[-0.07px] text-[var(--text-primary)]">Posted Last Week</p>
|
|
1483
|
+
</div>
|
|
1484
|
+
<div class="h-px bg-[var(--border-default)]"></div>
|
|
1485
|
+
<div class="flex flex-col gap-[8px]">
|
|
1486
|
+
<p class="font-bold text-[16px] md:text-[18px] leading-[1.5] tracking-[-0.08px] md:tracking-[-0.09px] text-[var(--text-primary)]">Cancelled three doctor appointments</p>
|
|
1487
|
+
<p class="font-normal text-[14px] lg:text-[16px] leading-[1.5] tracking-[-0.07px] md:tracking-[-0.08px] text-[var(--text-primary)]">I was going to see a sleep specialist. Decided to try this first. Haven't needed the appointment. Sleeping 7.5 hours a night now. My productivity at work has been incredible.</p>
|
|
1488
|
+
</div>
|
|
1489
|
+
</div>
|
|
1490
|
+
</article>
|
|
1491
|
+
|
|
1492
|
+
<article class="border border-[var(--border-default)] rounded-[12px] md:rounded-[16px] overflow-hidden flex flex-col">
|
|
1493
|
+
<div class="aspect-[168/216] w-full overflow-hidden">
|
|
1494
|
+
<img src="../assets/images/landing/_shared/1x1_1.svg" alt="Lena J." class="w-full h-full object-cover" loading="eager">
|
|
1495
|
+
</div>
|
|
1496
|
+
<div class="px-[12px] md:px-[16px] pt-[10px] pb-[16px] md:pb-[20px] flex flex-col gap-[12px]">
|
|
1497
|
+
<div class="flex items-center gap-[8px]">
|
|
1498
|
+
<img src="../assets/images/landing/_shared/1x1_1.svg" alt="" class="w-[36px] h-[36px] md:w-[45px] md:h-[45px] rounded-full object-cover" loading="eager">
|
|
1499
|
+
<p class="font-bold text-[14px] lg:text-[16px] leading-[1.4] tracking-[-0.07px] md:tracking-[-0.08px] text-[var(--text-primary)]">Lena J.</p>
|
|
1500
|
+
<span class="flex items-center gap-[6px]"><img src="../assets/images/landing/reviews-3/verified.svg" alt="" class="w-[14px] h-[14px]" loading="eager"><span class="font-medium text-[12px] md:text-[14px] leading-[1.5] tracking-[-0.06px] md:tracking-[-0.07px] text-[#1bba85]">Verified</span></span>
|
|
1501
|
+
</div>
|
|
1502
|
+
<div class="h-px bg-[var(--border-default)]"></div>
|
|
1503
|
+
<div class="flex items-center gap-[10px]">
|
|
1504
|
+
<div class="flex items-center gap-[2px]">
|
|
1505
|
+
<span class="inline-block w-[16px] h-[16px] bg-[#1bba85] rounded-[2px] p-[2px]"><img src="../assets/images/landing/reviews-3/star-card.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1506
|
+
<span class="inline-block w-[16px] h-[16px] bg-[#1bba85] rounded-[2px] p-[2px]"><img src="../assets/images/landing/reviews-3/star-card.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1507
|
+
<span class="inline-block w-[16px] h-[16px] bg-[#1bba85] rounded-[2px] p-[2px]"><img src="../assets/images/landing/reviews-3/star-card.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1508
|
+
<span class="inline-block w-[16px] h-[16px] bg-[#1bba85] rounded-[2px] p-[2px]"><img src="../assets/images/landing/reviews-3/star-card.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1509
|
+
<span class="inline-block w-[16px] h-[16px] bg-[#1bba85] rounded-[2px] p-[2px]"><img src="../assets/images/landing/reviews-3/star-card.svg" alt="" class="w-full h-full" loading="eager"></span>
|
|
1510
|
+
</div>
|
|
1511
|
+
<p class="font-normal text-[12px] md:text-[14px] leading-[1.5] tracking-[-0.06px] md:tracking-[-0.07px] text-[var(--text-primary)]">Posted Last Week</p>
|
|
1512
|
+
</div>
|
|
1513
|
+
<div class="h-px bg-[var(--border-default)]"></div>
|
|
1514
|
+
<div class="flex flex-col gap-[8px]">
|
|
1515
|
+
<p class="font-bold text-[16px] md:text-[18px] leading-[1.5] tracking-[-0.08px] md:tracking-[-0.09px] text-[var(--text-primary)]">Best thing I've bought this year</p>
|
|
1516
|
+
<p class="font-normal text-[14px] lg:text-[16px] leading-[1.5] tracking-[-0.07px] md:tracking-[-0.08px] text-[var(--text-primary)]">I don't write reviews but this earned one. Three months in and still going strong. No tolerance build-up, no side effects. Just great sleep, every single night.</p>
|
|
1517
|
+
</div>
|
|
1518
|
+
</div>
|
|
1519
|
+
</article>
|
|
1520
|
+
</div>
|
|
1521
|
+
|
|
1522
|
+
</div>
|
|
1523
|
+
</div>
|
|
1524
|
+
</section>
|
|
1525
|
+
|
|
1526
|
+
<section class="w-full overflow-hidden bg-[var(--brand-secondary)]">
|
|
1527
|
+
<div class="max-w-[1440px] mx-auto px-[15px] md:px-[26px] lg:px-[80px] xl:px-[160px] py-[40px] md:py-[48px] lg:py-[60px]">
|
|
1528
|
+
<div class="w-full max-w-[1120px] mx-auto rounded-[16px] md:rounded-[20px] lg:rounded-[24px] overflow-hidden bg-white">
|
|
1529
|
+
<div class="w-full hidden md:flex items-center min-h-[290px] relative">
|
|
1530
|
+
<div class="absolute top-0 right-0 h-full w-[261px] md:w-[179px] lg:w-[261px]">
|
|
1531
|
+
<img src="../assets/images/landing/_shared/4x3.svg" alt="Woman waking up refreshed" class="w-full h-full object-cover" loading="eager">
|
|
1532
|
+
<div class="absolute inset-y-0 left-0 w-[99px] md:w-[68px] bg-gradient-to-r from-white to-transparent"></div>
|
|
1533
|
+
</div>
|
|
1534
|
+
|
|
1535
|
+
<div class="relative z-[1] w-full px-[27px] lg:px-[40px]">
|
|
1536
|
+
<div class="w-full flex items-center gap-[26px] lg:gap-[32px]">
|
|
1537
|
+
<div class="relative w-[170px] h-[170px] shrink-0">
|
|
1538
|
+
<img src="../assets/images/landing/guarantee-1/guarantee-1-badge.svg" alt="60 day money-back guarantee badge" class="w-full h-full object-contain" loading="eager">
|
|
1539
|
+
</div>
|
|
1540
|
+
|
|
1541
|
+
<div class="w-full max-w-[647px] text-[var(--text-primary)]">
|
|
1542
|
+
<h2 class="font-bold leading-[1.2] tracking-[-0.16px] lg:tracking-[-0.2px] text-[32px] lg:text-[40px]">
|
|
1543
|
+
Try [Product] Completely Risk-Free
|
|
1544
|
+
</h2>
|
|
1545
|
+
<p class="mt-[16px] lg:mt-[20px] text-[18px] leading-[1.5] tracking-[-0.09px]">
|
|
1546
|
+
We're so confident in what our formula can do that we back every order with a 60-day money-back guarantee. Take the full two months to try it. If you don't sleep better — for any reason — contact us for a full refund. No forms, no hoops, no questions asked.
|
|
1547
|
+
</p>
|
|
1548
|
+
</div>
|
|
1549
|
+
</div>
|
|
1550
|
+
</div>
|
|
1551
|
+
</div>
|
|
1552
|
+
|
|
1553
|
+
<div class="w-full md:hidden p-[20px_10px]">
|
|
1554
|
+
<div class="w-full rounded-[16px] bg-white overflow-hidden">
|
|
1555
|
+
<div class="px-[20px] pt-[20px] pb-[20px] flex flex-col items-center text-center gap-[20px]">
|
|
1556
|
+
<div class="relative w-[140px] h-[140px] shrink-0">
|
|
1557
|
+
<img src="../assets/images/landing/guarantee-1/guarantee-1-badge.svg" alt="60 day money-back guarantee badge" class="w-full h-full object-contain" loading="eager">
|
|
1558
|
+
</div>
|
|
1559
|
+
|
|
1560
|
+
<div class="w-full text-[var(--text-primary)]">
|
|
1561
|
+
<h2 class="font-bold leading-[1.2] tracking-[-0.14px] text-[28px]">
|
|
1562
|
+
Try [Product] Completely Risk-Free
|
|
1563
|
+
</h2>
|
|
1564
|
+
<p class="mt-[12px] text-[16px] leading-[1.5] tracking-[-0.08px]">
|
|
1565
|
+
We're so confident in what our formula can do that we back every order with a 60-day money-back guarantee. Take the full two months to try it. If you don't sleep better — for any reason — contact us for a full refund. No forms, no hoops, no questions asked.
|
|
1566
|
+
</p>
|
|
1567
|
+
</div>
|
|
1568
|
+
</div>
|
|
1569
|
+
|
|
1570
|
+
<div class="relative h-[261px]">
|
|
1571
|
+
<img src="../assets/images/landing/_shared/4x3.svg" alt="Woman waking up refreshed" class="w-full h-full object-cover object-bottom" loading="eager">
|
|
1572
|
+
<div class="absolute top-0 left-0 right-0 h-[160px] bg-gradient-to-b from-white to-transparent"></div>
|
|
1573
|
+
</div>
|
|
1574
|
+
</div>
|
|
1575
|
+
</div>
|
|
1576
|
+
</div>
|
|
1577
|
+
</div>
|
|
1578
|
+
</section>
|
|
1579
|
+
|
|
1580
|
+
<section class="w-full overflow-hidden bg-[var(--brand-secondary)]">
|
|
1581
|
+
<div class="max-w-[1440px] mx-auto px-[15px] md:px-[26px] lg:px-[60px] xl:px-[120px] py-[40px] md:py-[48px] lg:py-[60px]">
|
|
1582
|
+
<div class="w-full flex flex-col lg:flex-row items-start gap-[32px] md:gap-[40px] lg:gap-[48px]">
|
|
1583
|
+
<div class="w-full lg:w-[470px] lg:shrink-0 flex flex-col items-center lg:items-start gap-[32px] md:gap-[40px]">
|
|
1584
|
+
<h2 class="hidden lg:block text-[40px] leading-[1.2] tracking-[-0.2px] font-bold text-[var(--text-primary)]">
|
|
1585
|
+
Frequently Asked Questions
|
|
1586
|
+
</h2>
|
|
1587
|
+
|
|
1588
|
+
<div class="hidden lg:block w-[420px] h-[420px] mx-auto">
|
|
1589
|
+
<img src="../assets/images/landing/_shared/1x1_1.svg" alt="[Product] bottle" class="w-full h-full object-contain" loading="eager">
|
|
1590
|
+
</div>
|
|
1591
|
+
|
|
1592
|
+
<div class="hidden lg:flex w-[440px] flex-col items-center">
|
|
1593
|
+
<div class="w-full flex flex-col items-center gap-[12px]">
|
|
1594
|
+
<a aria-disabled="true" class="w-full bg-[var(--brand-primary)] rounded-[6px] py-[20px] px-[24px] flex items-center justify-center gap-[20px] no-underline demo-inert">
|
|
1595
|
+
<span class="font-bold text-[20px] text-white text-center tracking-[-0.1px] leading-[1.5] whitespace-nowrap">Claim Your 60% Discount</span>
|
|
1596
|
+
<img src="../assets/images/landing/_shared/arrow-right.svg" alt="" class="w-[16px] h-[12px] shrink-0" aria-hidden="true" loading="eager">
|
|
1597
|
+
</a>
|
|
1598
|
+
<div class="flex items-center gap-[8px]">
|
|
1599
|
+
<img src="../assets/images/landing/_shared/cta-guarantee-icon.png" alt="" class="w-[20px] h-[19px] shrink-0 object-contain" aria-hidden="true" loading="eager">
|
|
1600
|
+
<p class="font-semibold text-[16px] text-[var(--text-primary)] text-center tracking-[-0.08px] leading-[1.5]">30-Day Money-Back Guarantee</p>
|
|
1601
|
+
</div>
|
|
1602
|
+
</div>
|
|
1603
|
+
</div>
|
|
1604
|
+
</div>
|
|
1605
|
+
|
|
1606
|
+
<div class="w-full flex flex-col items-center gap-[32px] md:gap-[40px] lg:gap-[20px]">
|
|
1607
|
+
<h2 class="lg:hidden text-center text-[28px] md:text-[32px] leading-[1.2] tracking-[-0.14px] md:tracking-[-0.16px] font-bold text-[var(--text-primary)]">
|
|
1608
|
+
Frequently Asked Questions
|
|
1609
|
+
</h2>
|
|
1610
|
+
|
|
1611
|
+
<div class="w-full flex flex-col border-t border-[rgba(0,0,0,0.16)]" data-accordion="" data-allow-multiple="false">
|
|
1612
|
+
<div class="border-b border-[rgba(0,0,0,0.16)] py-[14px] md:py-[16px] lg:py-[20px]" data-accordion-item="" data-open="true">
|
|
1613
|
+
<button type="button" data-accordion-toggle="" disabled="" aria-disabled="true" class="grid w-full grid-cols-[1fr_auto] items-center gap-x-[20px] md:gap-x-[26px] lg:gap-x-[32px] m-0 p-0 border-0 bg-transparent text-left cursor-pointer demo-inert">
|
|
1614
|
+
<span class="min-w-0 text-[16px] md:text-[18px] leading-[1.5] tracking-[-0.08px] md:tracking-[-0.09px] font-bold text-[var(--text-primary)]">
|
|
1615
|
+
How long before I see results?
|
|
1616
|
+
</span>
|
|
1617
|
+
<span class="inline-flex h-[24px] w-[24px] lg:h-[32px] lg:w-[32px] shrink-0 items-center justify-center" aria-hidden="true">
|
|
1618
|
+
<img src="../assets/images/landing/faq-1/faq-chevron.svg" alt="" class="block h-full w-full max-h-full max-w-full object-contain transition-transform duration-300 rotate-180" data-accordion-icon="" loading="eager">
|
|
1619
|
+
</span>
|
|
1620
|
+
</button>
|
|
1621
|
+
<div class="overflow-hidden transition-all duration-300 opacity-100 pt-[12px] md:pt-[14px] lg:pt-[16px]" data-accordion-panel="">
|
|
1622
|
+
<p class="text-[16px] md:text-[18px] leading-[1.5] tracking-[-0.08px] md:tracking-[-0.09px] text-[var(--text-primary)]">
|
|
1623
|
+
Many customers notice a difference within the first 1–3 nights. Full results — improved sleep architecture and daytime energy — typically develop over 2–4 weeks of consistent use.
|
|
1624
|
+
</p>
|
|
1625
|
+
</div>
|
|
1626
|
+
</div>
|
|
1627
|
+
|
|
1628
|
+
<div class="border-b border-[rgba(0,0,0,0.16)] py-[14px] md:py-[16px] lg:py-[20px]" data-accordion-item="" data-open="false">
|
|
1629
|
+
<button type="button" data-accordion-toggle="" disabled="" aria-disabled="true" class="grid w-full grid-cols-[1fr_auto] items-center gap-x-[20px] md:gap-x-[26px] lg:gap-x-[32px] m-0 p-0 border-0 bg-transparent text-left cursor-pointer demo-inert">
|
|
1630
|
+
<span class="min-w-0 text-[16px] md:text-[18px] leading-[1.5] tracking-[-0.08px] md:tracking-[-0.09px] font-bold text-[var(--text-primary)]">Is [Product] safe to take every night?</span>
|
|
1631
|
+
<span class="inline-flex h-[24px] w-[24px] lg:h-[32px] lg:w-[32px] shrink-0 items-center justify-center" aria-hidden="true">
|
|
1632
|
+
<img src="../assets/images/landing/faq-1/faq-chevron.svg" alt="" class="block h-full w-full max-h-full max-w-full object-contain transition-transform duration-300" data-accordion-icon="" loading="eager">
|
|
1633
|
+
</span>
|
|
1634
|
+
</button>
|
|
1635
|
+
<div class="overflow-hidden transition-all duration-300 opacity-0" data-accordion-panel="" hidden="">
|
|
1636
|
+
<p class="text-[16px] md:text-[18px] leading-[1.5] tracking-[-0.08px] md:tracking-[-0.09px] text-[var(--text-primary)] pt-[12px] md:pt-[14px] lg:pt-[16px]">Yes. This formula is formulated with natural adaptogens and minerals that are safe for nightly use. It's non-habit forming and contains no sedatives or synthetic compounds.</p>
|
|
1637
|
+
</div>
|
|
1638
|
+
</div>
|
|
1639
|
+
|
|
1640
|
+
<div class="border-b border-[rgba(0,0,0,0.16)] py-[14px] md:py-[16px] lg:py-[20px]" data-accordion-item="" data-open="false">
|
|
1641
|
+
<button type="button" data-accordion-toggle="" disabled="" aria-disabled="true" class="grid w-full grid-cols-[1fr_auto] items-center gap-x-[20px] md:gap-x-[26px] lg:gap-x-[32px] m-0 p-0 border-0 bg-transparent text-left cursor-pointer demo-inert">
|
|
1642
|
+
<span class="min-w-0 text-[16px] md:text-[18px] leading-[1.5] tracking-[-0.08px] md:tracking-[-0.09px] font-bold text-[var(--text-primary)]">Can I take this with other supplements?</span>
|
|
1643
|
+
<span class="inline-flex h-[24px] w-[24px] lg:h-[32px] lg:w-[32px] shrink-0 items-center justify-center" aria-hidden="true">
|
|
1644
|
+
<img src="../assets/images/landing/faq-1/faq-chevron.svg" alt="" class="block h-full w-full max-h-full max-w-full object-contain transition-transform duration-300" data-accordion-icon="" loading="eager">
|
|
1645
|
+
</span>
|
|
1646
|
+
</button>
|
|
1647
|
+
<div class="overflow-hidden transition-all duration-300 opacity-0" data-accordion-panel="" hidden="">
|
|
1648
|
+
<p class="text-[16px] md:text-[18px] leading-[1.5] tracking-[-0.08px] md:tracking-[-0.09px] text-[var(--text-primary)] pt-[12px] md:pt-[14px] lg:pt-[16px]">This supplement is designed to complement your existing supplement stack. If you're on prescription medication, we recommend checking with your doctor before starting any new supplement.</p>
|
|
1649
|
+
</div>
|
|
1650
|
+
</div>
|
|
1651
|
+
|
|
1652
|
+
<div class="border-b border-[rgba(0,0,0,0.16)] py-[14px] md:py-[16px] lg:py-[20px]" data-accordion-item="" data-open="false">
|
|
1653
|
+
<button type="button" data-accordion-toggle="" disabled="" aria-disabled="true" class="grid w-full grid-cols-[1fr_auto] items-center gap-x-[20px] md:gap-x-[26px] lg:gap-x-[32px] m-0 p-0 border-0 bg-transparent text-left cursor-pointer demo-inert">
|
|
1654
|
+
<span class="min-w-0 text-[16px] md:text-[18px] leading-[1.5] tracking-[-0.08px] md:tracking-[-0.09px] font-bold text-[var(--text-primary)]">When should I take it?</span>
|
|
1655
|
+
<span class="inline-flex h-[24px] w-[24px] lg:h-[32px] lg:w-[32px] shrink-0 items-center justify-center" aria-hidden="true">
|
|
1656
|
+
<img src="../assets/images/landing/faq-1/faq-chevron.svg" alt="" class="block h-full w-full max-h-full max-w-full object-contain transition-transform duration-300" data-accordion-icon="" loading="eager">
|
|
1657
|
+
</span>
|
|
1658
|
+
</button>
|
|
1659
|
+
<div class="overflow-hidden transition-all duration-300 opacity-0" data-accordion-panel="" hidden="">
|
|
1660
|
+
<p class="text-[16px] md:text-[18px] leading-[1.5] tracking-[-0.08px] md:tracking-[-0.09px] text-[var(--text-primary)] pt-[12px] md:pt-[14px] lg:pt-[16px]">Take two capsules with water 30–60 minutes before your intended bedtime for best results.</p>
|
|
1661
|
+
</div>
|
|
1662
|
+
</div>
|
|
1663
|
+
|
|
1664
|
+
<div class="border-b border-[rgba(0,0,0,0.16)] py-[14px] md:py-[16px] lg:py-[20px]" data-accordion-item="" data-open="false">
|
|
1665
|
+
<button type="button" data-accordion-toggle="" disabled="" aria-disabled="true" class="grid w-full grid-cols-[1fr_auto] items-center gap-x-[20px] md:gap-x-[26px] lg:gap-x-[32px] m-0 p-0 border-0 bg-transparent text-left cursor-pointer demo-inert">
|
|
1666
|
+
<span class="min-w-0 text-[16px] md:text-[18px] leading-[1.5] tracking-[-0.08px] md:tracking-[-0.09px] font-bold text-[var(--text-primary)]">What if it doesn't work for me?</span>
|
|
1667
|
+
<span class="inline-flex h-[24px] w-[24px] lg:h-[32px] lg:w-[32px] shrink-0 items-center justify-center" aria-hidden="true">
|
|
1668
|
+
<img src="../assets/images/landing/faq-1/faq-chevron.svg" alt="" class="block h-full w-full max-h-full max-w-full object-contain transition-transform duration-300" data-accordion-icon="" loading="eager">
|
|
1669
|
+
</span>
|
|
1670
|
+
</button>
|
|
1671
|
+
<div class="overflow-hidden transition-all duration-300 opacity-0" data-accordion-panel="" hidden="">
|
|
1672
|
+
<p class="text-[16px] md:text-[18px] leading-[1.5] tracking-[-0.08px] md:tracking-[-0.09px] text-[var(--text-primary)] pt-[12px] md:pt-[14px] lg:pt-[16px]">We offer a 60-day money-back guarantee. If you're not completely satisfied for any reason, contact our team for a full refund — no questions asked.</p>
|
|
1673
|
+
</div>
|
|
1674
|
+
</div>
|
|
1675
|
+
|
|
1676
|
+
<div class="border-b border-[rgba(0,0,0,0.16)] py-[14px] md:py-[16px] lg:py-[20px]" data-accordion-item="" data-open="false">
|
|
1677
|
+
<button type="button" data-accordion-toggle="" disabled="" aria-disabled="true" class="grid w-full grid-cols-[1fr_auto] items-center gap-x-[20px] md:gap-x-[26px] lg:gap-x-[32px] m-0 p-0 border-0 bg-transparent text-left cursor-pointer demo-inert">
|
|
1678
|
+
<span class="min-w-0 text-[16px] md:text-[18px] leading-[1.5] tracking-[-0.08px] md:tracking-[-0.09px] font-bold text-[var(--text-primary)]">Is [Product] vegan and gluten-free?</span>
|
|
1679
|
+
<span class="inline-flex h-[24px] w-[24px] lg:h-[32px] lg:w-[32px] shrink-0 items-center justify-center" aria-hidden="true">
|
|
1680
|
+
<img src="../assets/images/landing/faq-1/faq-chevron.svg" alt="" class="block h-full w-full max-h-full max-w-full object-contain transition-transform duration-300" data-accordion-icon="" loading="eager">
|
|
1681
|
+
</span>
|
|
1682
|
+
</button>
|
|
1683
|
+
<div class="overflow-hidden transition-all duration-300 opacity-0" data-accordion-panel="" hidden="">
|
|
1684
|
+
<p class="text-[16px] md:text-[18px] leading-[1.5] tracking-[-0.08px] md:tracking-[-0.09px] text-[var(--text-primary)] pt-[12px] md:pt-[14px] lg:pt-[16px]">Yes. This product is 100% vegan, gluten-free, and free from artificial colors, flavors, and preservatives.</p>
|
|
1685
|
+
</div>
|
|
1686
|
+
</div>
|
|
1687
|
+
|
|
1688
|
+
<div class="border-b border-[rgba(0,0,0,0.16)] py-[14px] md:py-[16px] lg:py-[20px]" data-accordion-item="" data-open="false">
|
|
1689
|
+
<button type="button" data-accordion-toggle="" disabled="" aria-disabled="true" class="grid w-full grid-cols-[1fr_auto] items-center gap-x-[20px] md:gap-x-[26px] lg:gap-x-[32px] m-0 p-0 border-0 bg-transparent text-left cursor-pointer demo-inert">
|
|
1690
|
+
<span class="min-w-0 text-[16px] md:text-[18px] leading-[1.5] tracking-[-0.08px] md:tracking-[-0.09px] font-bold text-[var(--text-primary)]">How long does one bottle last?</span>
|
|
1691
|
+
<span class="inline-flex h-[24px] w-[24px] lg:h-[32px] lg:w-[32px] shrink-0 items-center justify-center" aria-hidden="true">
|
|
1692
|
+
<img src="../assets/images/landing/faq-1/faq-chevron.svg" alt="" class="block h-full w-full max-h-full max-w-full object-contain transition-transform duration-300" data-accordion-icon="" loading="eager">
|
|
1693
|
+
</span>
|
|
1694
|
+
</button>
|
|
1695
|
+
<div class="overflow-hidden transition-all duration-300 opacity-0" data-accordion-panel="" hidden="">
|
|
1696
|
+
<p class="text-[16px] md:text-[18px] leading-[1.5] tracking-[-0.08px] md:tracking-[-0.09px] text-[var(--text-primary)] pt-[12px] md:pt-[14px] lg:pt-[16px]">One bottle contains a 30-day supply (60 capsules at 2 capsules per night). Subscribe and save for the best price.</p>
|
|
1697
|
+
</div>
|
|
1698
|
+
</div>
|
|
1699
|
+
|
|
1700
|
+
<div class="border-b border-[rgba(0,0,0,0.16)] py-[14px] md:py-[16px] lg:py-[20px]" data-accordion-item="" data-open="false">
|
|
1701
|
+
<button type="button" data-accordion-toggle="" disabled="" aria-disabled="true" class="grid w-full grid-cols-[1fr_auto] items-center gap-x-[20px] md:gap-x-[26px] lg:gap-x-[32px] m-0 p-0 border-0 bg-transparent text-left cursor-pointer demo-inert">
|
|
1702
|
+
<span class="min-w-0 text-[16px] md:text-[18px] leading-[1.5] tracking-[-0.08px] md:tracking-[-0.09px] font-bold text-[var(--text-primary)]">Where is [Product] manufactured?</span>
|
|
1703
|
+
<span class="inline-flex h-[24px] w-[24px] lg:h-[32px] lg:w-[32px] shrink-0 items-center justify-center" aria-hidden="true">
|
|
1704
|
+
<img src="../assets/images/landing/faq-1/faq-chevron.svg" alt="" class="block h-full w-full max-h-full max-w-full object-contain transition-transform duration-300" data-accordion-icon="" loading="eager">
|
|
1705
|
+
</span>
|
|
1706
|
+
</button>
|
|
1707
|
+
<div class="overflow-hidden transition-all duration-300 opacity-0" data-accordion-panel="" hidden="">
|
|
1708
|
+
<p class="text-[16px] md:text-[18px] leading-[1.5] tracking-[-0.08px] md:tracking-[-0.09px] text-[var(--text-primary)] pt-[12px] md:pt-[14px] lg:pt-[16px]">Our product is manufactured in the USA in an FDA-registered, GMP-certified facility. Every batch is third-party tested for purity and potency.</p>
|
|
1709
|
+
</div>
|
|
1710
|
+
</div>
|
|
1711
|
+
|
|
1712
|
+
<div class="border-b border-[rgba(0,0,0,0.16)] py-[14px] md:py-[16px] lg:py-[20px]" data-accordion-item="" data-open="false">
|
|
1713
|
+
<button type="button" data-accordion-toggle="" disabled="" aria-disabled="true" class="grid w-full grid-cols-[1fr_auto] items-center gap-x-[20px] md:gap-x-[26px] lg:gap-x-[32px] m-0 p-0 border-0 bg-transparent text-left cursor-pointer demo-inert">
|
|
1714
|
+
<span class="min-w-0 text-[16px] md:text-[18px] leading-[1.5] tracking-[-0.08px] md:tracking-[-0.09px] font-bold text-[var(--text-primary)]">Is this different from melatonin?</span>
|
|
1715
|
+
<span class="inline-flex h-[24px] w-[24px] lg:h-[32px] lg:w-[32px] shrink-0 items-center justify-center" aria-hidden="true">
|
|
1716
|
+
<img src="../assets/images/landing/faq-1/faq-chevron.svg" alt="" class="block h-full w-full max-h-full max-w-full object-contain transition-transform duration-300" data-accordion-icon="" loading="eager">
|
|
1717
|
+
</span>
|
|
1718
|
+
</button>
|
|
1719
|
+
<div class="overflow-hidden transition-all duration-300 opacity-0" data-accordion-panel="" hidden="">
|
|
1720
|
+
<p class="text-[16px] md:text-[18px] leading-[1.5] tracking-[-0.08px] md:tracking-[-0.09px] text-[var(--text-primary)] pt-[12px] md:pt-[14px] lg:pt-[16px]">Very different. Melatonin only signals your body to sleep — it doesn't address the cortisol and nervous system issues that prevent you from actually falling or staying asleep. [Product] targets the root causes.</p>
|
|
1721
|
+
</div>
|
|
1722
|
+
</div>
|
|
1723
|
+
</div>
|
|
1724
|
+
|
|
1725
|
+
<div class="w-[345px] md:w-[440px] flex flex-col items-center lg:hidden">
|
|
1726
|
+
<div class="w-full flex flex-col items-center gap-[12px]">
|
|
1727
|
+
<a aria-disabled="true" class="w-full bg-[var(--brand-primary)] rounded-[6px] py-[20px] px-[24px] flex items-center justify-center gap-[20px] no-underline demo-inert">
|
|
1728
|
+
<span class="font-bold text-[20px] text-white text-center tracking-[-0.1px] leading-[1.5] whitespace-nowrap">Claim Your 60% Discount</span>
|
|
1729
|
+
<img src="../assets/images/landing/_shared/arrow-right.svg" alt="" class="w-[16px] h-[12px] shrink-0" aria-hidden="true" loading="eager">
|
|
1730
|
+
</a>
|
|
1731
|
+
<div class="flex items-center gap-[8px]">
|
|
1732
|
+
<img src="../assets/images/landing/_shared/cta-guarantee-icon.png" alt="" class="w-[20px] h-[19px] shrink-0 object-contain" aria-hidden="true" loading="eager">
|
|
1733
|
+
<p class="font-semibold text-[16px] text-[var(--text-primary)] text-center tracking-[-0.08px] leading-[1.5]">30-Day Money-Back Guarantee</p>
|
|
1734
|
+
</div>
|
|
1735
|
+
</div>
|
|
1736
|
+
</div>
|
|
1737
|
+
</div>
|
|
1738
|
+
</div>
|
|
1739
|
+
</div>
|
|
1740
|
+
</section>
|
|
1741
|
+
|
|
1742
|
+
<section class="bg-white">
|
|
1743
|
+
<div class="max-w-[1440px] mx-auto px-[15px] md:px-[26px] lg:px-[60px] xl:px-[120px] py-[40px] md:py-[48px] lg:py-[60px]">
|
|
1744
|
+
<div class="flex flex-col lg:flex-row items-start gap-[32px] md:gap-[40px] lg:gap-[48px]">
|
|
1745
|
+
<div class="w-full lg:flex-1">
|
|
1746
|
+
<img src="../assets/images/landing/_shared/1x1_1.svg" alt="Woman sleeping soundly" class="w-full h-auto object-cover md:aspect-[128/128] lg:aspect-auto" loading="eager">
|
|
1747
|
+
</div>
|
|
1748
|
+
|
|
1749
|
+
<div class="w-full lg:w-[580px] flex flex-col gap-[20px] md:gap-[26px] lg:gap-[32px] text-[var(--text-primary)]">
|
|
1750
|
+
<div class="flex flex-col gap-[12px] md:gap-[16px] lg:gap-[20px]">
|
|
1751
|
+
<div class="flex flex-wrap items-center gap-[8px] md:gap-[12px]">
|
|
1752
|
+
<p class="font-bold text-[14px] lg:text-[16px] leading-[1.5] tracking-[-0.07px] md:tracking-[-0.08px] lg:tracking-[-0.09px]">
|
|
1753
|
+
Excellent
|
|
1754
|
+
</p>
|
|
1755
|
+
<p class="font-bold text-[14px] lg:text-[16px] leading-[1.5] tracking-[2px] text-white bg-[#1FB67C] px-[4px]">
|
|
1756
|
+
★★★★★
|
|
1757
|
+
</p>
|
|
1758
|
+
<p class="text-[14px] lg:text-[16px] leading-[1.5] tracking-[-0.07px] md:tracking-[-0.08px] lg:tracking-[-0.09px]">
|
|
1759
|
+
<strong>4.9</strong> out of <strong>48312</strong> reviews
|
|
1760
|
+
</p>
|
|
1761
|
+
</div>
|
|
1762
|
+
|
|
1763
|
+
<h2 class="font-bold text-[42px] md:text-[53px] lg:text-[55px] leading-[1.2] tracking-[-0.14px] md:tracking-[-0.16px] lg:tracking-[-0.2px]">
|
|
1764
|
+
Start Sleeping Better Tonight — 60% Off Limited Time
|
|
1765
|
+
</h2>
|
|
1766
|
+
|
|
1767
|
+
<p class="font-normal text-[18px] md:text-[20px] leading-[1.5] tracking-[-0.09px] md:tracking-[-0.1px]">
|
|
1768
|
+
Join over 48,000 customers who've transformed their sleep with [Product]. Backed by our 60-day money-back guarantee — you risk absolutely nothing.
|
|
1769
|
+
</p>
|
|
1770
|
+
</div>
|
|
1771
|
+
|
|
1772
|
+
<div class="flex flex-col gap-[8px] md:gap-[10px] lg:gap-[12px]">
|
|
1773
|
+
<div class="flex items-start gap-[8px] md:gap-[10px] lg:gap-[12px]">
|
|
1774
|
+
<img src="../assets/images/landing/bottomcta-1/check-bullet.svg" alt="" class="w-[30px] h-[30px] object-contain shrink-0" aria-hidden="true" loading="eager">
|
|
1775
|
+
<p class="font-bold text-[18px] md:text-[18px] md:text-[20px] leading-[1.5] tracking-[-0.09px] md:tracking-[-0.09px] lg:tracking-[-0.1px]">Free shipping on all orders</p>
|
|
1776
|
+
</div>
|
|
1777
|
+
<div class="flex items-start gap-[8px] md:gap-[10px] lg:gap-[12px]">
|
|
1778
|
+
<img src="../assets/images/landing/bottomcta-1/check-bullet.svg" alt="" class="w-[30px] h-[30px] object-contain shrink-0" aria-hidden="true" loading="eager">
|
|
1779
|
+
<p class="font-bold text-[18px] md:text-[18px] md:text-[20px] leading-[1.5] tracking-[-0.09px] md:tracking-[-0.09px] lg:tracking-[-0.1px]">60-Day Money-Back Guarantee</p>
|
|
1780
|
+
</div>
|
|
1781
|
+
<div class="flex items-start gap-[8px] md:gap-[10px] lg:gap-[12px]">
|
|
1782
|
+
<img src="../assets/images/landing/bottomcta-1/check-bullet.svg" alt="" class="w-[30px] h-[30px] object-contain shrink-0" aria-hidden="true" loading="eager">
|
|
1783
|
+
<p class="font-bold text-[18px] md:text-[18px] md:text-[20px] leading-[1.5] tracking-[-0.09px] md:tracking-[-0.09px] lg:tracking-[-0.1px]">Made in USA in GMP-certified facility</p>
|
|
1784
|
+
</div>
|
|
1785
|
+
</div>
|
|
1786
|
+
|
|
1787
|
+
<div class="w-full max-w-none md:max-w-[440px] flex flex-col items-center gap-[8px] md:gap-[10px] lg:gap-[12px]">
|
|
1788
|
+
<a aria-disabled="true" class="w-full rounded-[6px] bg-[var(--brand-primary)] px-[24px] py-[20px] flex items-center justify-center gap-[20px] demo-inert">
|
|
1789
|
+
<span class="text-[20px] leading-[1.5] tracking-[-0.1px] font-bold text-white text-center">
|
|
1790
|
+
Claim Your 60% Discount
|
|
1791
|
+
</span>
|
|
1792
|
+
<img src="../assets/images/landing/_shared/arrow-right.svg" alt="" class="w-[12px] h-[12px] shrink-0" aria-hidden="true" loading="eager">
|
|
1793
|
+
</a>
|
|
1794
|
+
<div class="flex items-center justify-center gap-[8px]">
|
|
1795
|
+
<img src="../assets/images/landing/_shared/cta-guarantee-icon.png" alt="" class="w-[20px] h-[19px] object-contain shrink-0" aria-hidden="true" loading="eager">
|
|
1796
|
+
<p class="text-[16px] leading-[1.5] tracking-[-0.08px] font-semibold text-[var(--text-primary)] whitespace-nowrap">
|
|
1797
|
+
30-Day Money-Back Guarantee
|
|
1798
|
+
</p>
|
|
1799
|
+
</div>
|
|
1800
|
+
</div>
|
|
1801
|
+
</div>
|
|
1802
|
+
</div>
|
|
1803
|
+
</div>
|
|
1804
|
+
</section>
|
|
1805
|
+
|
|
1806
|
+
<footer class="bg-white py-[24px] md:py-[32px] lg:py-[40px]">
|
|
1807
|
+
<div class="max-w-[1440px] mx-auto px-[15px] md:px-[26px]">
|
|
1808
|
+
<div class="flex flex-col items-center gap-[12px] md:gap-[16px] lg:gap-[20px]">
|
|
1809
|
+
<img src="../assets/images/landing/footer-1/footer-logo.png" alt="[Product]" class="w-[112px] h-[48px] md:w-[131px] md:h-[56px] lg:w-[140px] lg:h-[60px] object-cover" loading="eager">
|
|
1810
|
+
|
|
1811
|
+
<div class="flex flex-wrap items-center justify-center gap-x-[8px] gap-y-[2px] md:gap-x-[10px] lg:gap-x-[12px] text-[var(--text-primary)] text-center">
|
|
1812
|
+
<a aria-disabled="true" class="font-normal text-[14px] md:text-[14px] lg:text-[16px] leading-[1.5] tracking-[-0.07px] lg:tracking-[-0.08px] demo-inert">Terms of Use</a>
|
|
1813
|
+
<span class="font-normal text-[12px] md:text-[14px] leading-[1.5] tracking-[-0.06px] md:tracking-[-0.07px]">|</span>
|
|
1814
|
+
<a aria-disabled="true" class="font-normal text-[14px] md:text-[14px] lg:text-[16px] leading-[1.5] tracking-[-0.07px] lg:tracking-[-0.08px] demo-inert">Privacy Policy</a>
|
|
1815
|
+
<span class="font-normal text-[12px] md:text-[14px] leading-[1.5] tracking-[-0.06px] md:tracking-[-0.07px]">|</span>
|
|
1816
|
+
<a aria-disabled="true" class="font-normal text-[14px] md:text-[14px] lg:text-[16px] leading-[1.5] tracking-[-0.07px] lg:tracking-[-0.08px] demo-inert">Contact Us</a>
|
|
1817
|
+
</div>
|
|
1818
|
+
|
|
1819
|
+
<p class="text-center font-normal text-[14px] md:text-[14px] lg:text-[16px] leading-[1.5] tracking-[-0.07px] lg:tracking-[-0.08px] text-[var(--text-primary)]">© 2026 [Product]. All Rights Reserved.</p>
|
|
1820
|
+
</div>
|
|
1821
|
+
</div>
|
|
1822
|
+
</footer>
|
|
1823
|
+
|
|
1824
|
+
|
|
1825
|
+
|
|
1826
|
+
|
|
1827
|
+
|
|
1828
|
+
|
|
1829
|
+
|
|
1830
|
+
|
|
1831
|
+
|
|
1832
|
+
|
|
1833
|
+
|
|
1834
|
+
|
|
1835
|
+
|
|
1836
|
+
</body></html>
|