KnowledgeBased/cellsync-revive
0
1<!DOCTYPE html>2<html lang="en">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>BPC-157 Oralis™ | Cellular Healing Supplement</title>7 <script src="https://cdn.tailwindcss.com"></script>8 <script src="https://unpkg.com/feather-icons"></script>9 <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>10 <style>11 @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700&display=swap');12 body {13 font-family: 'Montserrat', sans-serif;14 scroll-behavior: smooth;15 }16 .nav-scrolled {17 background-color: rgba(255,255,255,0.98) !important;18 box-shadow: 0 2px 20px rgba(0,0,0,0.08);19 }20 .hero-gradient {21 background: linear-gradient(135deg, #e0f7fa 0%, #b2ebf2 50%, #80deea 100%);22 }23 .molecule-hover:hover {24 transform: scale(1.05);25 filter: drop-shadow(0 5px 15px rgba(74, 222, 255, 0.3));26 }27 .accordion-content {28 max-height: 0;29 overflow: hidden;30 transition: max-height 0.3s ease-out;31 }32 </style>33</head>34<body class="text-gray-800">35 <!-- Navigation -->36 <nav id="mainNav" class="fixed w-full z-50 py-4 transition-all duration-300 bg-transparent">37 <div class="container mx-auto px-6 flex justify-between items-center">38 <div class="flex items-center">39 <i data-feather="activity" class="text-blue-500 mr-2"></i>40 <span class="font-bold text-xl">CellSync<span class="text-blue-500">Revive</span></span>41 </div>42 <div class="hidden md:flex space-x-8">43 <a href="#" class="font-medium hover:text-blue-500">Home</a>44 <a href="#" class="font-medium hover:text-blue-500">Science</a>45 <a href="#" class="font-medium hover:text-blue-500">Reviews</a>46 <a href="#" class="font-medium hover:text-blue-500">FAQ</a>47 <a href="#" class="font-medium bg-blue-500 text-white px-4 py-2 rounded-full hover:bg-blue-600">Buy Now</a>48 </div>49 <button class="md:hidden focus:outline-none">50 <i data-feather="menu"></i>51 </button>52 </div>53 <div class="container mx-auto px-6 mt-2">54 <p class="text-sm text-blue-500 italic">"Cellular Healing Starts from Within."</p>55 </div>56 </nav>57 58 <!-- Hero Section -->59 <section id="hero" class="hero-gradient pt-32 pb-20">60 <div class="container mx-auto px-6 flex flex-col md:flex-row items-center">61 <div class="md:w-1/2 mb-12 md:mb-0">62 <h1 class="text-4xl md:text-5xl font-bold mb-4">BPC-157 <span class="text-blue-600">Oralis™</span></h1>63 <p class="text-xl mb-8">"Supports your body's internal repair & recovery — no injections."</p>64 <div class="flex space-x-4 mb-8">65 <span class="bg-white px-3 py-1 rounded-full text-xs flex items-center"><i data-feather="check" class="mr-1 w-4 h-4 text-green-500"></i> Lab-Tested</span>66 <span class="bg-white px-3 py-1 rounded-full text-xs flex items-center"><i data-feather="flag" class="mr-1 w-4 h-4 text-blue-500"></i> Made in USA</span>67 <span class="bg-white px-3 py-1 rounded-full text-xs flex items-center"><i data-feather="award" class="mr-1 w-4 h-4 text-yellow-500"></i> GMP Certified</span>68 </div>69 <div class="mb-8">70 <button class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-8 rounded-full mr-4 transition-all transform hover:scale-105">71 Order Now <i data-feather="arrow-right" class="inline ml-1"></i>72 </button>73 <a href="#science" class="text-blue-600 font-medium hover:underline">Learn More <i data-feather="arrow-down" class="inline ml-1"></i></a>74 </div>75 <div class="bg-yellow-50 border-l-4 border-yellow-400 p-4">76 <div class="flex items-center">77 <div class="flex-shrink-0">78 <i data-feather="shield" class="h-5 w-5 text-yellow-500"></i>79 </div>80 <div class="ml-3">81 <p class="text-sm text-yellow-700">90-Day <strong>Risk-Free Guarantee</strong></p>82 </div>83 </div>84 </div>85 </div>86 <div class="md:w-1/2 relative">87 <div class="relative">88 <div id="vanta-globe" class="absolute inset-0"></div>89 <img src="http://static.photos/technology/640x360/42" alt="BPC-157 Oralis Bottles" class="relative z-10 w-full max-w-md mx-auto">90 </div>91 </div>92 </div>93 </section>94 95 <!-- Problem Section -->96 <section id="problem" class="py-16 bg-white">97 <div class="container mx-auto px-6">98 <div class="text-center mb-16">99 <h2 class="text-3xl font-bold mb-4">When internal damage lingers — and conventional healing stalls.</h2>100 <p class="text-xl text-gray-600 max-w-3xl mx-auto">Even when you rest, eat well, and recover, your tissues may not get the repair signals they need.</p>101 </div>102 <div class="grid md:grid-cols-2 gap-12 items-center">103 <div class="relative">104 <img src="http://static.photos/medical/640x360/12" alt="X-ray healing visualization" class="rounded-lg shadow-xl">105 <div class="absolute -bottom-6 -right-6 bg-white p-4 rounded-lg shadow-lg">106 <p class="text-sm italic">"BPC-157 has shown accelerated soft tissue repair in multiple preclinical models."</p>107 <a href="#" class="text-blue-500 text-xs font-medium mt-2 inline-block">See Research <i data-feather="arrow-right" class="inline ml-1 w-3 h-3"></i></a>108 </div>109 </div>110 <div>111 <div class="space-y-6">112 <div class="flex items-start">113 <div class="flex-shrink-0 bg-blue-100 p-3 rounded-full mr-4">114 <i data-feather="alert-circle" class="text-blue-500"></i>115 </div>116 <div>117 <h3 class="font-bold mb-1">Persistent Discomfort</h3>118 <p class="text-gray-600">Chronic issues that don't respond to traditional therapies.</p>119 </div>120 </div>121 <div class="flex items-start">122 <div class="flex-shrink-0 bg-blue-100 p-3 rounded-full mr-4">123 <i data-feather="clock" class="text-blue-500"></i>124 </div>125 <div>126 <h3 class="font-bold mb-1">Slow Recovery</h3>127 <p class="text-gray-600">Extended downtime from activities you love.</p>128 </div>129 </div>130 <div class="flex items-start">131 <div class="flex-shrink-0 bg-blue-100 p-3 rounded-full mr-4">132 <i data-feather="zap" class="text-blue-500"></i>133 </div>134 <div>135 <h3 class="font-bold mb-1">Inflammation Cycles</h3>136 <p class="text-gray-600">Recurrent swelling that impedes true healing.</p>137 </div>138 </div>139 <div class="flex items-start">140 <div class="flex-shrink-0 bg-blue-100 p-3 rounded-full mr-4">141 <i data-feather="activity" class="text-blue-500"></i>142 </div>143 <div>144 <h3 class="font-bold mb-1">Performance Plateaus</h3>145 <p class="text-gray-600">Your body isn't operating at its full potential.</p>146 </div>147 </div>148 </div>149 <a href="#solution" class="inline-block mt-8 text-blue-500 font-medium hover:underline">Discover the solution <i data-feather="arrow-right" class="inline ml-1"></i></a>150 </div>151 </div>152 </div>153 </section>154 155 <!-- Agitation Section -->156 <section id="agitation" class="py-20 bg-gray-900 text-white">157 <div class="container mx-auto px-6 text-center">158 <h2 class="text-3xl font-bold mb-8">What if you never fix the root cause?</h2>159 <div class="grid md:grid-cols-5 gap-8 mb-12">160 <div class="bg-gray-800 p-6 rounded-xl">161 <div class="bg-red-100 bg-opacity-20 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">162 <i data-feather="heart" class="text-red-400"></i>163 </div>164 <p>Continued tissue degeneration</p>165 </div>166 <div class="bg-gray-800 p-6 rounded-xl">167 <div class="bg-red-100 bg-opacity-20 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">168 <i data-feather="clock" class="text-red-400"></i>169 </div>170 <p>Wasted recovery time</p>171 </div>172 <div class="bg-gray-800 p-6 rounded-xl">173 <div class="bg-red-100 bg-opacity-20 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">174 <i data-feather="alert-triangle" class="text-red-400"></i>175 </div>176 <p>Chronic inflammation</p>177 </div>178 <div class="bg-gray-800 p-6 rounded-xl">179 <div class="bg-red-100 bg-opacity-20 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">180 <i data-feather="trending-down" class="text-red-400"></i>181 </div>182 <p>Declining performance</p>183 </div>184 <div class="bg-gray-800 p-6 rounded-xl">185 <div class="bg-red-100 bg-opacity-20 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">186 <i data-feather="dollar-sign" class="text-red-400"></i>187 </div>188 <p>Costly treatments</p>189 </div>190 </div>191 <button class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-8 rounded-full transition-all transform hover:scale-105">192 Activate Healing Now <i data-feather="arrow-right" class="inline ml-1"></i>193 </button>194 </div>195 </section>196 197 <!-- Product Solution -->198 <section id="solution" class="py-20 bg-white">199 <div class="container mx-auto px-6">200 <div class="text-center mb-16">201 <h2 class="text-3xl font-bold mb-4">Meet BPC-157 Oralis™ — The Cellular Repair Catalyst.</h2>202 </div>203 <div class="grid md:grid-cols-2 gap-12 items-center">204 <div>205 <img src="http://static.photos/science/640x360/23" alt="BPC-157 Oralis Bottle" class="rounded-lg shadow-xl w-full max-w-md">206 </div>207 <div>208 <p class="text-lg mb-8">Our patented oral formulation delivers the healing benefits of BPC-157 directly to your system, activating your body's innate repair mechanisms without injections or complicated protocols.</p>209 <div class="grid grid-cols-2 gap-4 mb-8">210 <div class="flex items-start">211 <div class="flex-shrink-0 bg-blue-100 p-2 rounded-full mr-3">212 <i data-feather="check" class="text-blue-500"></i>213 </div>214 <div>215 <h3 class="font-bold mb-1">Tissue Repair</h3>216 </div>217 </div>218 <div class="flex items-start">219 <div class="flex-shrink-0 bg-blue-100 p-2 rounded-full mr-3">220 <i data-feather="check" class="text-blue-500"></i>221 </div>222 <div>223 <h3 class="font-bold mb-1">Reduced Inflammation</h3>224 </div>225 </div>226 <div class="flex items-start">227 <div class="flex-shrink-0 bg-blue-100 p-2 rounded-full mr-3">228 <i data-feather="check" class="text-blue-500"></i>229 </div>230 <div>231 <h3 class="font-bold mb-1">Gut Health</h3>232 </div>233 </div>234 <div class="flex items-start">235 <div class="flex-shrink-0 bg-blue-100 p-2 rounded-full mr-3">236 <i data-feather="check" class="text-blue-500"></i>237 </div>238 <div>239 <h3 class="font-bold mb-1">Angiogenesis</h3>240 </div>241 </div>242 <div class="flex items-start">243 <div class="flex-shrink-0 bg-blue-100 p-2 rounded-full mr-3">244 <i data-feather="check" class="text-blue-500"></i>245 </div>246 <div>247 <h3 class="font-bold mb-1">Collagen Synthesis</h3>248 </div>249 </div>250 <div class="flex items-start">251 <div class="flex-shrink-0 bg-blue-100 p-2 rounded-full mr-3">252 <i data-feather="check" class="text-blue-500"></i>253 </div>254 <div>255 <h3 class="font-bold mb-1">Neuroprotection</h3>256 </div>257 </div>258 </div>259 <button class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-8 rounded-full transition-all transform hover:scale-105">260 Try BPC-157 Oralis™ Today <i data-feather="arrow-right" class="inline ml-1"></i>261 </button>262 </div>263 </div>264 </div>265 </section>266 267 <!-- Ingredients Section -->268 <section id="ingredients" class="py-20 bg-gray-50">269 <div class="container mx-auto px-6">270 <div class="text-center mb-16">271 <h2 class="text-3xl font-bold mb-4">Science-Backed Simplicity</h2>272 <p class="text-xl text-gray-600 max-w-3xl mx-auto">Precision-formulated with clinically-studied ingredients</p>273 </div>274 <div class="grid md:grid-cols-3 gap-8">275 <div class="bg-white p-8 rounded-xl shadow-md text-center transition-all hover:shadow-xl molecule-hover">276 <div class="bg-blue-50 w-24 h-24 rounded-full flex items-center justify-center mx-auto mb-6">277 <i data-feather="hexagon" class="text-blue-500 w-10 h-10"></i>278 </div>279 <h3 class="text-xl font-bold mb-2">BPC-157 (Activated Peptide)</h3>280 <p class="text-gray-600 mb-4">A stable 15-amino acid sequence shown to support tissue repair and reduce inflammation<sup>1,2</sup></p>281 <a href="#" class="text-blue-500 text-sm font-medium">View Studies <i data-feather="arrow-right" class="inline ml-1 w-3 h-3"></i></a>282 </div>283 <div class="bg-white p-8 rounded-xl shadow-md text-center transition-all hover:shadow-xl molecule-hover">284 <div class="bg-blue-50 w-24 h-24 rounded-full flex items-center justify-center mx-auto mb-6">285 <i data-feather="layers" class="text-blue-500 w-10 h-10"></i>286 </div>287 <h3 class="text-xl font-bold mb-2">BioPerine®</h3>288 <p class="text-gray-600 mb-4">Black pepper extract to enhance absorption and bioavailability by up to 2000%<sup>3</sup></p>289 <a href="#" class="text-blue-500 text-sm font-medium">View Studies <i data-feather="arrow-right" class="inline ml-1 w-3 h-3"></i></a>290 </div>291 <div class="bg-white p-8 rounded-xl shadow-md text-center transition-all hover:shadow-xl molecule-hover">292 <div class="bg-blue-50 w-24 h-24 rounded-full flex items-center justify-center mx-auto mb-6">293 <i data-feather="shield" class="text-blue-500 w-10 h-10"></i>294 </div>295 <h3 class="text-xl font-bold mb-2">Enteric Coating</h3>296 <p class="text-gray-600 mb-4">Protects the peptide from stomach acid for optimal intestinal absorption<sup>4</sup></p>297 <a href="#" class="text-blue-500 text-sm font-medium">View Studies <i data-feather="arrow-right" class="inline ml-1 w-3 h-3"></i></a>298 </div>299 </div>300 </div>301 </section>302 303 <!-- Mechanism Section -->304 <section id="mechanism" class="py-20 bg-white">305 <div class="container mx-auto px-6">306 <div class="text-center mb-16">307 <h2 class="text-3xl font-bold mb-4">Why Other Recovery Aids Fail — And How Oralis™ Fixes the Root Cause</h2>308 </div>309 <div class="grid md:grid-cols-2 gap-12">310 <div class="bg-red-50 p-8 rounded-xl">311 <h3 class="text-xl font-bold mb-6 text-red-600">Broken Healing Cycle</h3>312 <div class="space-y-6">313 <div class="flex items-start">314 <div class="flex-shrink-0 bg-red-100 p-2 rounded-full mr-4">315 <i data-feather="alert-triangle" class="text-red-500"></i>316 </div>317 <div>318 <h4 class="font-bold mb-1">Inflammation Spiral</h4>319 <p class="text-gray-600">Chronic inflammation creates a hostile environment for healing</p>320 </div>321 </div>322 <div class="flex items-start">323 <div class="flex-shrink-0 bg-red-100 p-2 rounded-full mr-4">324 <i data-feather="x" class="text-red-500"></i>325 </div>326 <div>327 <h4 class="font-bold mb-1">Fibrosis Formation</h4>328 <p class="text-gray-600">Scar tissue replaces healthy tissue architecture</p>329 </div>330 </div>331 <div class="flex items-start">332 <div class="flex-shrink-0 bg-red-100 p-2 rounded-full mr-4">333 <i data-feather="pause" class="text-red-500"></i>334 </div>335 <div>336 <h4 class="font-bold mb-1">Healing Stagnation</h4>337 <p class="text-gray-600">The repair process stalls at 60-70% completion</p>338 </div>339 </div>340 </div>341 </div>342 <div class="bg-blue-50 p-8 rounded-xl">343 <h3 class="text-xl font-bold mb-6 text-blue-600">Optimized Healing Cycle</h3>344 <div class="space-y-6">345 <div class="flex items-start">346 <div class="flex-shrink-0 bg-blue-100 p-2 rounded-full mr-4">347 <i data-feather="activity" class="text-blue-500"></i>348 </div>349 <div>350 <h4 class="font-bold mb-1">Angiogenesis Boost</h4>351 <p class="text-gray-600">Increased blood vessel formation to nourish tissues</p>352 </div>353 </div>354 <div class="flex items-start">355 <div class="flex-shrink-0 bg-blue-100 p-2 rounded-full mr-4">356 <i data-feather="layers" class="text-blue-500"></i>357 </div>358 <div>359 <h4 class="font-bold mb-1">Collagen Repair</h4>360 <p class="text-gray-600">Proper alignment and strength of connective tissues</p>361 </div>362 </div>363 <div class="flex items-start">364 <div class="flex-shrink-0 bg-blue-100 p-2 rounded-full mr-4">365 <i data-feather="check" class="text-blue-500"></i>366 </div>367 <div>368 <h4 class="font-bold mb-1">Homeostasis</h4>369 <p class="text-gray-600">Complete restoration of tissue structure and function</p>370 </div>371 </div>372 </div>373 </div>374 </div>375 <div class="text-center mt-12">376 <button class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-8 rounded-full transition-all transform hover:scale-105">377 Experience The Healing Difference <i data-feather="arrow-right" class="inline ml-1"></i>378 </button>379 </div>380 </div>381 </section>382 383 <!-- Usage Section -->384 <section id="usage" class="py-20 bg-gray-50">385 <div class="container mx-auto px-6">386 <div class="grid md:grid-cols-2 gap-12 items-center">387 <div>388 <img src="http://static.photos/wellness/640x360/56" alt="Taking BPC-157 Oralis" class="rounded-lg shadow-xl w-full max-w-md">389 </div>390 <div>391 <h2 class="text-3xl font-bold mb-6">How to Take Oralis™</h2>392 <div class="space-y-6">393 <div class="flex items-start">394 <div class="flex-shrink-0 bg-blue-100 p-2 rounded-full mr-4">395 <span class="text-blue-600 font-bold">1</span>396 </div>397 <div>398 <h3 class="font-bold mb-1">Take 1 capsule daily</h3>399 <p class="text-gray-600">Preferably in the morning with water</p>400 </div>401 </div>402 <div class="flex items-start">403 <div class="flex-shrink-0 bg-blue-100 p-2 rounded-full mr-4">404 <span class="text-blue-600 font-bold">2</span>405 </div>406 <div>407 <h3 class="font-bold mb-1">For optimal results</h3>408 <p class="text-gray-600">Consistently use for at least 60 days</p>409 </div>410 </div>411 <div class="flex items-start">412 <div class="flex-shrink-0 bg-blue-100 p-2 rounded-full mr-4">413 <span class="text-blue-600 font-bold">3</span>414 </div>415 <div>416 <h3 class="font-bold mb-1">Tasteless & smooth</h3>417 <p class="text-gray-600">Designed for effortless daily use</p>418 </div>419 </div>420 </div>421 <div class="mt-8 bg-yellow-50 border-l-4 border-yellow-400 p-4 rounded">422 <div class="flex">423 <div class="flex-shrink-0">424 <i data-feather="alert-circle" class="h-5 w-5 text-yellow-500"></i>425 </div>426 <div class="ml-3">427 <p class="text-sm text-yellow-700">428 <strong>Note:</strong> For best results, maintain proper hydration and nutrition while using Oralis™429 </p>430 </div>431 </div>432 </div>433 </div>434 </div>435 </div>436 </section>437 438 <!-- Research Section -->439 <section id="research" class="py-20 bg-white">440 <div class="container mx-auto px-6">441 <div class="text-center mb-16">442 <h2 class="text-3xl font-bold mb-4">Evidence in Action</h2>443 <p class="text-xl text-gray-600 max-w-3xl mx-auto">Backed by peer-reviewed research from leading institutions</p>444 </div>445 <div class="flex justify-center space-x-8 mb-12">446 <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/77/NIH_logo.svg/1200px-NIH_logo.svg.png" alt="NIH" class="h-12 opacity-70">447 <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/64/PubMed_logo.svg/1200px-PubMed_logo.svg.png" alt="PubMed" class="h-12 opacity-70">448 <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/5c/Frontiers_Logo.jpg/1200px-Frontiers_Logo.jpg" alt="Frontiers" class="h-12 opacity-70">449 <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/4/42/Nature_Logo.png/1200px-Nature_Logo.png" alt="Nature" class="h-12 opacity-70">450 </div>451 <div class="grid md:grid-cols-3 gap-8">452 <div class="border rounded-lg p-6 hover:shadow-md transition-all">453 <h3 class="font-bold mb-2">Tendon Healing Acceleration</h3>454 <p class="text-sm text-gray-600 mb-4">"BPC-157 significantly enhanced tendon healing biomechanical parameters..."</p>455 <div class="flex justify-between items-center">456 <span class="text-xs bg-gray-100 px-2 py-1 rounded">Journal of Orthopaedic Research</span>457 <a href="#" class="text-blue-500 text-xs font-medium">View Source</a>458 </div>459 </div>460 <div class="border rounded-lg p-6 hover:shadow-md transition-all">461 <h3 class="font-bold mb-2">Gut Barrier Protection</h3>462 <p class="text-sm text-gray-600 mb-4">"Demonstrated protective effects against NSAID-induced intestinal lesions..."</p>463 <div class="flex justify-between items-center">464 <span class="text-xs bg-gray-100 px-2 py-1 rounded">European Journal of Pharmacology</span>465 <a href="#" class="text-blue-500 text-xs font-medium">View Source</a>466 </div>467 </div>468 <div class="border rounded-lg p-6 hover:shadow-md transition-all">469 <h3 class="font-bold mb-2">Angiogenic Potential</h3>470 <p class="text-sm text-gray-600 mb-4">"Marked stimulation of new blood vessel formation in ischemic tissue..."</p>471 <div class="flex justify-between items-center">472 <span class="text-xs bg-gray-100 px-2 py-1 rounded">Life Sciences</span>473 <a href="#" class="text-blue-500 text-xs font-medium">View Source</a>474 </div>475 </div>476 </div>477 </div>478 </section>479 480 <!-- Testimonials -->481 <section id="testimonials" class="py-20 bg-gray-100">482 <div class="container mx-auto px-6">483 <div class="text-center mb-16">484 <h2 class="text-3xl font-bold mb-4">Real People. Real Recovery.</h2>485 </div>486 <div class="grid md:grid-cols-3 gap-8">487 <div class="bg-white p-8 rounded-xl shadow-md">488 <div class="flex items-center mb-4">489 <div class="flex space-x-1 text-yellow-400">490 <i data-feather="star" class="w-4 h-4 fill-current"></i>491 <i data-feather="star" class="w-4 h-4 fill-current"></i>492 <i data-feather="star" class="w-4 h-4 fill-current"></i>493 <i data-feather="star" class="w-4 h-4 fill-current"></i>494 <i data-feather="star" class="w-4 h-4 fill-current"></i>495 </div>496 <span class="text-xs text-gray-500 ml-2">Verified Buyer</span>497 </div>498 <p class="text-gray-700 mb-6">"After 8 months of chronic shoulder pain, I noticed improvement within 3 weeks of using Oralis™. Now I'm back to lifting without discomfort."</p>499 <div class="flex items-center">500 <img src="http://static.photos/people/100x100/1" alt="Anna" class="w-10 h-10 rounded-full mr-3">501 <div>502 <h4 class="font-bold">Anna K.</h4>503 <p class="text-xs text-gray-500">Triathlete, 34</p>504 </div>505 </div>506 </div>507 <div class="bg-white p-8 rounded-xl shadow-md">508 <div class="flex items-center mb-4">509 <div class="flex space-x-1 text-yellow-400">510 <i data-feather="star" class="w-4 h-4 fill-current"></i>511 <i data-feather="star" class="w-4 h-4 fill-current"></i>512 <i data-feather="star" class="w-4 h-4 fill-current"></i>513 <i data-feather="star" class="w-4 h-4 fill-current"></i>514 <i data-feather="star" class="w-4 h-4 fill-current"></i>515 </div>516 <span class="text-xs text-gray-500 ml-2">Verified Buyer</span>517 </div>518 <p class="text-gray-700 mb-6">"My gut issues improved dramatically. No more bloating after meals and my energy levels are through the roof. Game changer!"</p>519 <div class="flex items-center">520 <img src="http://static.photos/people/100x100/2" alt="Mark" class="w-10 h-10 rounded-full mr-3">521 <div>522 <h4 class="font-bold">Mark T.</h4>523 <p class="text-xs text-gray-500">Entrepreneur, 42</p>524 </div>525 </div>526 </div>527 <div class="bg-white p-8 rounded-xl shadow-md">528 <div class="flex items-center mb-4">529 <div class="flex space-x-1 text-yellow-400">530 <i data-feather="star" class="w-4 h-4 fill-current"></i>531 <i data-feather="star" class="w-4 h-4 fill-current"></i>532 <i data-feather="star" class="w-4 h-4 fill-current"></i>533 <i data-feather="star" class="w-4 h-4 fill-current"></i>534 <i data-feather="star" class="w-4 h-4 fill-current"></i>535 </div>536 <span class="text-xs text-gray-500 ml-2">Verified Buyer</span>537 </div>538 <p class="text-gray-700 mb-6">"As a physical therapist, I was skeptical. But after seeing my own knee recovery time cut in half, I now recommend it to my patients."</p>539 <div class="flex items-center">540 <img src="http://static.photos/people/100x100/3" alt="Dr. Chen" class="w-10 h-10 rounded-full mr-3">541 <div>542 <h4 class="font-bold">Dr. Chen</h4>543 <p class="text-xs text-gray-500">Physical Therapist, 47</p>544 </div>545 </div>546 </div>547 </div>548 </div>549 </section>550 551 <!-- FAQ Section -->552 <section id="faq" class="py-20 bg-white">553 <div class="container mx-auto px-6">554 <div class="text-center mb-16">555 <h2 class="text-3xl font-bold mb-4">Have Questions?</h2>556 </div>557 <div class="max-w-3xl mx-auto">558 <div class="border-b border-gray-200 py-4">559 <button class="faq-toggle w-full flex justify-between items-center text-left">560 <h3 class="font-bold flex items-center">561 <i data-feather="shield" class="text-blue-500 mr-3"></i>562 Is BPC-157 Oralis™ safe?563 </h3>564 <i data-feather="chevron-down" class="text-gray-500 transition-transform duration-300"></i>565 </button>566 <div class="accordion-content">567 <p class="mt-3 pl-8 text-gray-600">Yes, our formulation has an excellent safety profile. The BPC-157 peptide has been studied extensively with no reports of serious adverse effects. Our product is manufactured in an FDA-registered, GMP-certified facility.</p>568 </div>569 </div>570 <div class="border-b border-gray-200 py-4">571 <button class="faq-toggle w-full flex justify-between items-center text-left">572 <h3 class="font-bold flex items-center">573 <i data-feather="clock" class="text-blue-500 mr-3"></i>574 How long until I see results?575 </h3>576 <i data-feather="chevron-down" class="text-gray-500 transition-transform duration-300"></i>577 </button>578 <div class="accordion-content">579 <p class="mt-3 pl-8 text-gray-600">Most users report noticing benefits within 2-4 weeks, with optimal results typically seen after 60-90 days of consistent use. Individual results vary based on factors like the severity of your condition and your body's unique biochemistry.</p>580 </div>581 </div>582 <div class="border-b border-gray-200 py-4">583 <button class="faq-toggle w-full flex justify-between items-center text-left">584 <h3 class="font-bold flex items-center">585 <i data-feather="award" class="text-blue-500 mr-3"></i>586 Is this product legal?587 </h3>588 <i data-feather="chevron-down" class="text-gray-500 transition-transform duration-300"></i>589 </button>590 <div class="accordion-content">591 <p class="mt-3 pl-8 text-gray-600">Absolutely. BPC-157 is a legal, research-backed peptide available for purchase as a dietary supplement in the United States and many other countries. Our product complies with all FDA regulations for dietary supplements.</p>592 </div>593 </div>594 <div class="border-b border-gray-200 py-4">595 <button class="faq-toggle w-full flex justify-between items-center text-left">596 <h3 class="font-bold flex items-center">597 <i data-feather="smile" class="text-blue-500 mr-3"></i>598 What does it taste like?599 </h3>600 <i data-feather="chevron-down" class="text-gray-500 transition-transform duration-300"></i>601 </button>602 <div class="accordion-content">603 <p class="mt-3 pl-8 text-gray-600">Our capsules are tasteless and odorless when swallowed as directed. The enteric coating prevents any taste detection and protects the ingredients from stomach acid.</p>604 </div>605 </div>606 <div class="border-b border-gray-200 py-4">607 <button class="faq-toggle w-full flex justify-between items-center text-left">608 <h3 class="font-bold flex items-center">609 <i data-feather="dollar-sign" class="text-blue-500 mr-3"></i>610 What's your return policy?611 </h3>612 <i data-feather="chevron-down" class="text-gray-500 transition-transform duration-300"></i>613 </button>614 <div class="accordion-content">615 <p class="mt-3 pl-8 text-gray-600">We offer a 90-day, no-questions-asked money-back guarantee. If you're not completely satisfied, simply contact us for a full refund of your purchase price — no need to return the product.</p>616 </div>617 </div>618 </div>619 </div>620 </section>621 622 <!-- Guarantee Section -->623 <section id="guarantee" class="py-20 bg-blue-50">624 <div class="container mx-auto px-6">625 <div class="max-w-4xl mx-auto bg-white rounded-xl shadow-md overflow-hidden p-8 text-center">626 <div class="relative">627 <div class="absolute -top-16 left-1/2 transform -translate-x-1/2">628 <div class="bg-white p-4 rounded-full shadow-lg border-4 border-blue-100">629 <i data-feather="award" class="text-yellow-400 w-8 h-8"></i>630 </div>631 </div>632 </div>633 <h2 class="text-3xl font-bold mt-12 mb-6">Zero Risk. All Reward.</h2>634 <p class="text-xl mb-8">"If you don't feel a difference within 90 days, we'll refund you — no returns needed."</p>635 <button class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-8 rounded-full transition-all transform hover:scale-105">636 Order Risk-Free Now <i data-feather="arrow-right" class="inline ml-1"></i>637 </button>638 </div>639 </div>640 </section>641 642 <!-- Comparison Section -->643 <section id="comparison" class="py-20 bg-white">644 <div class="container mx-auto px-6">645 <div class="text-center mb-16">646 <h2 class="text-3xl font-bold mb-4">The Oralis™ Difference</h2>647 </div>648 <div class="overflow-x-auto">649 <table class="min-w-full border-collapse">650 <thead>651 <tr>652 <th class="py-4 px-6 border-b-2 border-gray-300 text-left text-sm font-bold text-gray-700">Feature</th>653 <th class="py-4 px-6 border-b-2 border-gray-300 text-left text-sm font-bold text-gray-700">BPC-157 Oralis™</th>654 <th class="py-4 px-6 border-b-2 border-gray-300 text-left text-sm font-bold text-gray-700">Generic Peptides</th>655 <th class="py-4 px-6 border-b-2 border-gray-300 text-left text-sm font-bold text-gray-700">Collagen Supplements</th>656 </tr>657 </thead>658 <tbody>659 <tr>660 <td class="py-4 px-6 border-b border-gray-200 text-sm">Bioavailability</td>661 <td class="py-4 px-6 border-b border-gray-200 text-sm bg-green-50 font-bold">High (Patented Delivery)</td>662 <td class="py-4 px-6 border-b border-gray-200 text-sm">Low (Stomach Acid Degradation)</td>663 <td class="py-4 px-6 border-b border-gray-200 text-sm">Variable</td>664 </tr>665 <tr>666 <td class="py-4 px-6 border-b border-gray-200 text-sm">Healing Mechanism</td>667 <td class="py-4 px-6 border-b border-gray-200 text-sm bg-green-50 font-bold">Direct Cellular Signaling</td>668 <td class="py-4 px-6 border-b border-gray-200 text-sm">Indirect Support</td>669 <td class="py-4 px-6 border-b border-gray-200 text-sm">Building Blocks Only</td>670 </tr>671 <tr>672 <td class="py-4 px-6 border-b border-gray-200 text-sm">Tissue Repair Speed</td>673 <td class="py-4 px-6 border-b border-gray-200 text-sm bg-green-50 font-bold">2-4x Faster</td>674 <td class="py-4 px-6 border-b border-gray-200 text-sm">Minimal Effect</td>675 <td class="py-4 px-6 border-b border-gray-200 text-sm">Slow (Months)</td>676 </tr>677 <tr>678 <td class="py-4 px-6 border-b border-gray-200 text-sm">Inflammation Support</td>679 <td class="py-4 px-6 border-b border-gray-200 text-sm bg-green-50 font-bold">Yes (Systemic)</td>680 <td class="py-4 px-6 border-b border-gray-200 text-sm">Limited</td>681 <td class="py-4 px-6 border-b border-gray-200 text-sm">No</td>682 </tr>683 <tr>684 <td class="py-4 px-6 border-b border-gray-200 text-sm">Gut Health Benefits</td>685 <td class="py-4 px-6 border-b border-gray-200 text-sm bg-green-50 font-bold">Yes (Clinically Studied)</td>686 <td class="py-4 px-6 border-b border-gray-200 text-sm">No</td>687 <td class="py-4 px-6 border-b border-gray-200 text-sm">No</td>688 </tr>689 </tbody>690 </table>691 </div>692 </div>693 </section>694 695 <!-- Cross-Sell Section -->696 <section id="cross-sell" class="py-20 bg-gray-50">697 <div class="container mx-auto px-6">698 <div class="text-center mb-16">699 <h2 class="text-3xl font-bold mb-4">Upgrade Your Recovery Stack</h2>700 </div>701 <div class="grid md:grid-cols-3 gap-8">702 <div class="bg-white p-8 rounded-xl shadow-md text-center">703 <img src="http://static.photos/wellness/320x240/11" alt="Collagen Matrix" class="w-full h-48 object-cover rounded-lg mb-6">704 <h3 class="text-xl font-bold mb-2">Collagen Matrix</h3>705 <p class="text-gray-600 mb-4">Type I, II, V & X for comprehensive connective tissue support</p>706 <button class="bg-gray-100 hover:bg-gray-200 text-gray-800 font-medium py-2 px-6 rounded-full transition-all">707 Add to Cart708 </button>709 </div>710 <div class="bg-white p-8 rounded-xl shadow-md text-center border-2 border-blue-500 relative">711 <div class="absolute top-0 right-0 bg-blue-500 text-white px-3 py-1 text-xs font-bold rounded-bl-lg">Best Value</div>712 <img src="http://static.photos/wellness/320x240/22" alt="Recovery Stack" class="w-full h-48 object-cover rounded-lg mb-6">713 <h3 class="text-xl font-bold mb-2">Recovery Stack</h3>714 <p class="text-gray-600 mb-4">BPC-157 Oralis™ + Collagen Matrix + Gut Support</p>715 <div class="bg-yellow-50 text-yellow-800 text-sm p-3 rounded-lg mb-4">Save 15%</div>716 <button class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-6 rounded-full transition-all">717 Get the Bundle718 </button>719 </div>720 <div class="bg-white p-8 rounded-xl shadow-md text-center">721 <img src="http://static.photos/wellness/320x240/33" alt="Gut Support" class="w-full h-48 object-cover rounded-lg mb-6">722 <h3 class="text-xl font-bold mb-2">Gut Support</h3>723 <p class="text-gray-600 mb-4">Prebiotics, probiotics and gut lining nutrients</p>724 <button class="bg-gray-100 hover:bg-gray-200 text-gray-800 font-medium py-2 px-6 rounded-full transition-all">725 Add to Cart726 </button>727 </div>728 </div>729 </div>730 </section>731 732 <!-- Final CTA -->733 <section id="final-cta" class="py-32 bg-gradient-to-r from-blue-500 to-blue-600 text-white">734 <div class="container mx-auto px-6 text-center">735 <h2 class="text-4xl font-bold mb-6">Your body knows how to heal — give it the signal.</h2>736 <div class="max-w-md mx-auto mb-12">737 <img src="http://static.photos/science/640x360/88" alt="BPC-157 Oralis Bottle" class="rounded-lg shadow-2xl">738 </div>739 <button class="bg-white hover:bg-gray-100 text-blue-600 font-bold py-4 px-12 rounded-full text-lg transition-all transform hover:scale-105 shadow-lg">740 Order BPC-157 Oralis™ Now <i data-feather="arrow-right" class="inline ml-1"></i>741 </button>742 <div class="mt-12 flex flex-wrap justify-center gap-6">743 <div class="flex items-center">744 <i data-feather="check-circle" class="text-green-300 mr-2"></i>745 <span class="text-sm">GMP Certified</span>746 </div>747 <div class="flex items-center">748 <i data-feather="check-circle" class="text-green-300 mr-2"></i>749 <span class="text-sm">FDA-Registered Facility</span>750 </div>751 <div class="flex items-center">752 <i data-feather="check-circle" class="text-green-300 mr-2"></i>753 <span class="text-sm">SSL Secure</span>754 </div>755 <div class="flex items-center">756 <i data-feather="check-circle" class="text-green-300 mr-2"></i>757 <span class="text-sm">USA Made</span>758 </div>759 </div>760 </div>761 </section>762 763 <!-- Footer -->764 <footer class="bg-gray-900 text-gray-400 py-12">765 <div class="container mx-auto px-6">766 <div class="grid md:grid-cols-4 gap-8 mb-8">767 <div>768 <div class="flex items-center mb-4">769 <i data-feather="activity" class="text-blue-500 mr-2"></i>770 <span class="font-bold text-white text-xl">CellSync<span class="text-blue-500">Revive</span></span>771 </div>772 <p class="text-sm">Advanced cellular health solutions backed by science.</p>773 </div>774 <div>775 <h4 class="text-white font-bold mb-4">Quick Links</h4>776 <ul class="space-y-2">777 <li><a href="#" class="hover:text-white transition-all">Home</a></li>778 <li><a href="#" class="hover:text-white transition-all">Science</a></li>779 <li><a href="#" class="hover:text-white transition-all">Reviews</a></li>780 <li><a href="#" class="hover:text-white transition-all">FAQ</a></li>781 </ul>782 </div>783 <div>784 <h4 class="text-white font-bold mb-4">Legal</h4>785 <ul class="space-y-2">786 <li><a href="#" class="hover:text-white transition-all">Terms of Service</a></li>787 <li><a href="#" class="hover:text-white transition-all">Privacy Policy</a></li>788 <li><a href="#" class="hover:text-white transition-all">Shipping Policy</a></li>789 <li><a href="#" class="hover:text-white transition-all">Return Policy</a></li>790 </ul>791 </div>792 <div>793 <h4 class="text-white font-bold mb-4">Contact</h4>794 <ul class="space-y-2">795 <li class="flex items-center"><i data-feather="mail" class="mr-2 w-4 h-4"></i> support@cellsyncrevive.com</li>796 <li class="flex items-center"><i data-feather="phone" class="mr-2 w-4 h-4"></i> (800) 555-HEAL</li>797 <li class="flex items-center"><i data-feather="map-pin" class="mr-2 w-4 h-4"></i> San Diego, CA</li>798 </ul>799 </div>800 </div>801 <div class="border-t border-gray-800 pt-8 text-sm">802 <div class="flex flex-col md:flex-row justify-between items-center">803 <p>© 2023 CellSync Revive. All rights reserved.</p>804 <p class="mt-4 md:mt-0"><span class="text-red-400">*</span> These statements have not been evaluated by the FDA. This product is not intended to diagnose, treat, cure, or prevent any disease.</p>805 </div>806 </div>807 </div>808 </footer>809 810 <script>811 // Navbar scroll effect812 window.addEventListener('scroll', function() {813 const nav = document.getElementById('mainNav');814 if (window.scrollY > 50) {815 nav.classList.add('nav-scrolled');816 } else {817 nav.classList.remove('nav-scrolled');818 }819 });820 821 // Vanta.js background822 VANTA.GLOBE({823 el: "#vanta-globe",824 mouseControls: true,825 touchControls: true,826 gyroControls: false,827 minHeight: 200.00,828 minWidth: 200.00,829 scale: 1.00,830 scaleMobile: 1.00,831 color: 0x3b82f6,832 backgroundColor: 0xe0f7fa,833 size: 0.8834 });835 836 // FAQ accordion837 document.querySelectorAll('.faq-toggle').forEach(button => {838 button.addEventListener('click', () => {839 const content = button.nextElementSibling;840 const icon = button.querySelector('i[data-feather="chevron-down"]');841 842 if (content.style.maxHeight) {843 content.style.maxHeight = null;844 icon.style.transform = 'rotate(0deg)';845 } else {846 content.style.maxHeight = content.scrollHeight + 'px';847 icon.style.transform = 'rotate(180deg)';848 } 849 });850 });851 852 // Initialize feather icons853 feather.replace();854 </script>855</body>856</html>857