Hero Section Two
A motion-led hero with animated copy, grouped reveals, and its matching header.
@navui
A motion-led hero with animated copy, grouped reveals, and its matching header.
@navui
src/registry/blocks/hero/hero-section-two/hero-section-two.tsx
'use client'
import Image from 'next/image'
import HeaderTwo from '@/components/blocks/header/header-two'
import { motion, useReducedMotion } from 'motion/react'
import { AnimatedGroup } from '@/components/animated-group'
import { TextEffect } from '@/components/text-effect'
import { cn } from '@/lib/utils'
const Spotlight = () => {
return (
<svg
className={cn(
'animate-spotlight pointer-events-none absolute z-1 h-[169%] w-[138%] opacity-0 motion-reduce:animate-none lg:w-[84%]',
)}
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 3787 2842"
fill="none"
>
<g filter="url(#filter)">
<ellipse
cx="1924.71"
cy="273.501"
rx="1924.71"
ry="273.501"
transform="matrix(-0.822377 -0.568943 -0.568943 0.822377 3631.88 2291.09)"
fill="white"
fillOpacity="0.21"
></ellipse>
</g>
<defs>
<filter
id="filter"
x="0.860352"
y="0.838989"
width="3785.16"
height="2840.26"
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity="0" result="BackgroundImageFix"></feFlood>
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
></feBlend>
<feGaussianBlur
stdDeviation="151"
result="effect1_foregroundBlur_1065_8"
></feGaussianBlur>
</filter>
</defs>
</svg>
)
}
export default function HeroSectionTwo() {
const label = 'Download the app'
const shouldReduceMotion = useReducedMotion()
const container = {
rest: {},
hover: {
transition: {
staggerChildren: 0.025,
},
},
exit: {
transition: {
staggerChild: 0.025,
},
},
}
const char = {
rest: { y: 0, opacity: 1 },
hover: {
y: shouldReduceMotion ? 0 : -12,
opacity: 0,
transition: { duration: 0.18 },
},
}
const charBack = {
rest: {
y: shouldReduceMotion ? 0 : 12,
opacity: 0,
},
hover: {
y: 0,
opacity: 1,
transition: { duration: 0.18 },
},
}
return (
<>
<HeaderTwo />
<section className="relative overflow-hidden bg-background">
<Spotlight />
<div className="mx-auto flex max-w-4xl flex-col items-center justify-center gap-5 px-4 pt-20 text-center sm:pt-24">
<TextEffect
as="h1"
speedReveal={2}
preset={shouldReduceMotion ? 'fade' : 'fade-in-blur'}
per="word"
className="text-4xl font-semibold tracking-tight text-balance text-foreground selection:bg-purple-600/70 sm:text-5xl md:text-6xl lg:text-7xl"
>
Take control of your health One day at a time
</TextEffect>
<TextEffect
as="p"
delay={0.2}
speedReveal={2}
per="char"
preset={shouldReduceMotion ? 'fade' : 'fade-in-blur'}
className="mx-auto max-w-lg text-sm text-balance text-muted-foreground selection:bg-purple-600/70 selection:text-white sm:text-base md:text-lg"
>
Track meals, habits, and workouts in one private app. Stay consistent and focused.
</TextEffect>
<AnimatedGroup
as="div"
preset={shouldReduceMotion ? 'fade' : 'blur-slide'}
delay={0.45}
className="pt-2"
>
<motion.a
href="#download"
initial="rest"
animate="rest"
whileHover={shouldReduceMotion ? undefined : 'hover'}
className="flex cursor-pointer items-center justify-center gap-2 rounded-full bg-foreground px-5 py-3 font-medium text-background"
>
<div aria-hidden="true" className="size-5 *:size-full">
<svg viewBox="0 0 814 1000">
<path
fill="currentColor"
d="M788.1 340.9c-5.8 4.5-108.2 62.2-108.2 190.5 0 148.4 130.3 200.9 134.2 202.2-.6 3.2-20.7 71.9-68.7 141.9-42.8 61.6-87.5 123.1-155.5 123.1s-85.5-39.5-164-39.5c-76.5 0-103.7 40.8-165.9 40.8s-105.6-57-155.5-127C46.7 790.7 0 663 0 541.8c0-194.4 126.4-297.5 250.8-297.5 66.1 0 121.2 43.4 162.7 43.4 39.5 0 101.1-46 176.3-46 28.5 0 130.9 2.6 198.3 99.2zm-234-181.5c31.1-36.9 53.1-88.1 53.1-139.3 0-7.1-.6-14.3-1.9-20.1-50.6 1.9-110.8 33.7-147.1 75.8-28.5 32.4-55.1 83.6-55.1 135.5 0 7.8 1.3 15.6 1.9 18.1 3.2.6 8.4 1.3 13.6 1.3 45.4 0 102.5-30.4 135.5-71.3z"
/>
</svg>
</div>
<motion.span variants={container} className="relative inline-flex overflow-hidden">
<span className="flex">
{label.split('').map((c, i) => (
<motion.span key={`a-${i}`} variants={char} className="inline-block">
{c === ' ' ? '\u00A0' : c}
</motion.span>
))}
</span>
<span className="absolute top-0 left-0 flex">
{label.split('').map((c, i) => (
<motion.span key={`b-${i}`} variants={charBack} className="inline-block">
{c === ' ' ? '\u00A0' : c}
</motion.span>
))}
</span>
</motion.span>
</motion.a>
</AnimatedGroup>
{/* mockup */}
<AnimatedGroup
delay={0.8}
preset={shouldReduceMotion ? 'fade' : 'blur-slide'}
as="div"
className="mt-12 flex w-full justify-center sm:mt-16 md:mt-20"
>
<div className="relative w-full max-w-70 mask-b-from-75% mask-size-[100%_100%] mask-center mask-no-repeat sm:max-w-[320px] md:max-w-150 dark:mask-[linear-gradient(to_bottom,black_0%,black_50%,transparent_100%)]">
<Image
src="https://p1r7j2dwef.ufs.sh/f/nrPqHGLL1RTl2VlEStmnCKEMaPSHlkN9mY0IgJTt8dwQzFbx"
alt="iPhone held in hands showcasing the app"
width={640}
height={714}
loading="eager"
className="relative z-0 h-auto w-full object-contain"
priority
/>
{/* Product screen content inside the iPhone */}
<div className="absolute top-2 left-1/2 z-5 aspect-19/9 h-[76%] w-[40%] -translate-x-1/2 overflow-hidden rounded-3xl">
<Image
src="https://p1r7j2dwef.ufs.sh/f/nrPqHGLL1RTlllqdwItCNmiMrUu5L4EcS3oaXwpTZQj9zJex"
alt="App product showcase"
loading="eager"
fill
className="object-cover object-top"
sizes="(max-width: 640px) 200px, 260px"
/>
</div>
</div>
</AnimatedGroup>
</div>
<div className="relative mx-auto my-12 flex aspect-video w-55 justify-between text-center">
<div className="absolute inset-0 m-auto size-fit">
<div className="mx-auto mb-2 size-6 *:size-full">
<svg className="dark:text-muted-foreground" viewBox="0 0 814 1000">
<path
fill="currentColor"
d="M788.1 340.9c-5.8 4.5-108.2 62.2-108.2 190.5 0 148.4 130.3 200.9 134.2 202.2-.6 3.2-20.7 71.9-68.7 141.9-42.8 61.6-87.5 123.1-155.5 123.1s-85.5-39.5-164-39.5c-76.5 0-103.7 40.8-165.9 40.8s-105.6-57-155.5-127C46.7 790.7 0 663 0 541.8c0-194.4 126.4-297.5 250.8-297.5 66.1 0 121.2 43.4 162.7 43.4 39.5 0 101.1-46 176.3-46 28.5 0 130.9 2.6 198.3 99.2zm-234-181.5c31.1-36.9 53.1-88.1 53.1-139.3 0-7.1-.6-14.3-1.9-20.1-50.6 1.9-110.8 33.7-147.1 75.8-28.5 32.4-55.1 83.6-55.1 135.5 0 7.8 1.3 15.6 1.9 18.1 3.2.6 8.4 1.3 13.6 1.3 45.4 0 102.5-30.4 135.5-71.3z"
></path>
</svg>
</div>
<span className="mb-0.5 block text-sm font-medium">Apple Watch Spotlight</span>
<span className="block text-xs font-medium">2026</span>
</div>
<svg
width="272"
height="664"
viewBox="0 0 272 664"
fill="none"
className="my-auto h-3/4 -translate-x-1/3 -scale-x-100 -rotate-4 text-muted-foreground"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M270.735 347.117C270.23 346.7 269.496 346.567 268.924 346.76C268.226 346.974 267.587 347.161 266.983 347.337L266.688 347.424C265.201 347.859 263.915 348.232 262.642 348.743C242.526 356.736 226.689 370.429 214.224 390.603C211.146 395.588 208.762 400.77 206.863 405.937C209.977 388.556 210.699 381.785 211.251 362.336C211.277 361.52 211.277 360.69 211.277 359.866C211.277 357.616 211.277 355.49 211.768 353.551C212.358 351.253 213.543 348.962 214.69 346.744C215.012 346.116 215.335 345.488 215.602 344.937C215.694 344.829 215.993 344.646 216.109 344.628C221.862 343.75 226.949 341.308 231.666 337.163C236.418 332.966 240.326 327.829 243.284 321.889C253.899 300.602 259.211 277.073 259.077 251.964C259.065 249.542 258.78 247.184 258.467 244.619C258.325 243.47 258.18 242.295 258.06 241.078C257.992 240.41 257.581 239.817 256.985 239.528C256.398 239.243 255.688 239.263 255.094 239.622C254.735 239.847 254.429 240.029 254.15 240.192C253.61 240.512 253.199 240.763 252.81 241.044C243.755 247.535 235.768 255.616 229.069 265.056C218.137 280.486 211.778 297.933 210.066 317.127C209.895 314.987 209.723 312.848 209.55 310.708L209.49 309.932C208.818 301.545 208.125 292.87 207.559 284.34C207.417 282.18 207.002 280.079 206.601 278.046C205.827 274.138 205.095 270.446 206.266 266.578C206.532 265.704 206.757 264.823 206.982 263.945C207.535 261.769 210.208 258.419 214.313 254.755L214.467 254.617C215.981 253.334 223.757 246.219 228.169 232.147C232.646 217.85 232.307 202.911 232.061 192.003L232.055 191.712C231.726 176.717 230.106 165.418 226.801 155.069C226.374 153.745 225.867 152.44 225.329 151.068C225.05 150.355 224.766 149.617 224.473 148.845C224.232 148.191 223.655 147.716 222.979 147.603L222.648 147.573C222.063 147.573 221.515 147.836 221.144 148.289L217.934 152.201C202.542 170.974 194.98 192.991 195.454 217.643C195.536 221.984 195.861 226.438 196.436 231.036C192.524 217.535 187.936 204.393 182.719 191.75C182.61 191.473 182.54 191.13 182.532 190.84L182.496 189.111C182.442 186.617 182.386 184.036 182.492 181.497C182.508 181.076 182.781 180.32 183.348 179.576C184.154 178.512 185.049 177.471 185.975 176.388C187.553 174.551 189.183 172.654 190.475 170.489C194.634 163.523 196.587 155.293 196.619 144.588C196.675 131.985 194.732 118.723 190.497 102.847C188.183 94.187 184.69 82.9358 178.185 72.7354C177.744 72.0496 177.251 71.4039 176.725 70.7202C176.489 70.4174 176.24 70.0945 175.987 69.7476C175.618 69.2524 175.109 68.9636 174.287 68.9636C173.631 69.0117 173.046 69.3847 172.719 69.9642C164.554 84.7004 160.487 100.443 160.295 118.093C160.13 132.809 162.428 145.472 165.31 155.48C157.977 142.083 149.827 129.14 140.995 116.862L140.792 116.583C140.592 116.316 140.507 116.186 140.521 116.278C139.966 112.306 139.581 109.128 139.314 106.361C139.32 106.318 139.372 106.086 139.785 105.396C140.369 104.401 141.009 103.427 141.688 102.396C143.052 100.323 144.46 98.1774 145.362 95.7751C148.085 88.5243 148.697 80.301 147.227 70.644C144 49.2706 134.578 30.0247 118.428 11.8034C116.766 9.93257 114.929 8.27828 112.986 6.52975L112.449 6.04249C111.689 5.3547 110.909 4.65088 110.12 3.90695C109.619 3.42972 108.901 3.25126 108.206 3.45579C107.548 3.66433 107.041 4.20973 106.884 4.88749L106.531 6.43551C106.291 7.46217 106.104 8.27227 105.966 9.08638C103.792 22.06 103.951 35.956 106.453 51.5725C108.935 67.0607 113.882 80.4193 121.472 92.0234C110.09 78.6126 99.0197 67.3514 87.4497 57.3716C87.3976 57.3034 87.3214 57.0968 87.3154 57.0447C88.2197 49.2545 86.2988 41.9155 81.4382 34.6085C75.0556 25.0057 66.1866 17.6867 55.0778 12.8582C48.4306 9.97468 41.5427 7.42207 34.7992 4.92158C31.5689 3.72248 28.3385 2.52738 25.0118 1.24605C21.6692 -0.0833916 20.2395 -0.320006 19.4635 0.397855C18.4649 1.32827 18.7055 2.12233 19.1407 3.56607L19.281 4.03729C23.3576 17.7689 28.7676 28.629 35.8239 37.2374C48.7775 53.0564 63.9268 61.0932 82.1139 61.8031C82.7516 61.8411 83.2568 62.0176 83.4634 62.178C86.024 64.095 87.9089 65.629 89.5752 67.1489C94.8449 71.9654 100.034 77.0967 105.112 82.5007C97.56 77.8085 88.33 75.6911 77.9351 76.2164C72.2463 76.5032 66.5997 77.3373 61.1395 78.1434L60.931 78.1755C59.3168 78.4121 57.7106 78.6467 56.1085 78.8733C52.5994 79.3485 49.0622 79.9702 45.9381 80.5156C44.6728 80.7422 41.651 81.4299 40.9552 82.8957C40.7146 83.397 40.7346 83.9465 41.0074 84.4458C41.248 84.8809 41.5127 85.2899 41.8014 85.6629C50.8188 97.3632 61.1054 105.069 73.2489 109.218C88.0553 114.303 101.655 113.884 113.874 107.903C115.743 106.874 117.997 106.353 120.572 106.353C122.515 106.353 123.972 106.659 124.456 106.77C125.18 106.89 126.162 107.295 126.363 107.556C133.962 117.548 141.175 128.219 147.91 139.43C142.22 133.896 134.798 130.164 124.688 127.734C115.827 125.623 106.768 125.169 98.0091 124.728L95.0755 124.58C92.3284 124.439 89.5813 124.265 86.7519 124.087L82.0076 123.794C81.394 123.794 80.8105 124.091 80.4536 124.584C80.0586 125.115 79.9643 125.805 80.1969 126.425C80.3874 126.942 80.7343 127.854 80.9128 128.159C90.1508 143.611 100.999 154.299 114.073 160.836C126.854 167.22 138.402 168.909 150.05 166.124C151.397 165.799 152.96 165.626 154.574 165.626C159.529 165.626 162.984 167.138 163.709 168.538C170.118 181.758 175.837 195.496 180.77 209.508C175.596 202.375 168.362 196.582 159.202 192.249C150.102 187.954 140.628 184.028 131.305 180.164C127.299 178.508 123.277 176.845 119.272 175.145C118.677 174.884 117.973 174.938 117.417 175.305C116.872 175.668 116.547 176.274 116.547 176.926C116.547 178.177 129.842 215.074 149.15 229.614C157.026 235.545 166.727 241.647 178.961 241.934C182.622 242.008 186.408 242.526 189.268 245.776C189.705 246.293 190.284 246.696 190.916 246.911C191.892 247.232 192.161 247.829 192.642 249.867C196.605 266.502 199.49 283.648 201.267 301.059C200.729 299.293 200.106 297.508 199.39 295.701C195.069 284.743 187.796 275.154 176.503 265.523C170.682 260.538 164.586 255.712 158.69 251.042L158.41 250.821C155.725 248.694 153.046 246.574 150.375 244.429C149.823 243.985 149.286 243.528 148.662 242.995L146.996 241.567C146.413 241.074 145.544 240.972 144.863 241.312C144.163 241.667 143.744 242.401 143.798 243.185C143.88 244.362 143.946 245.475 144.008 246.544L144.04 247.043C144.173 249.243 144.297 251.318 144.52 253.368C146.609 273.321 152.543 289.981 162.659 304.296C168.921 313.145 177.904 323.961 191.913 329.076C195.321 330.327 197.794 332.222 200.443 335.623C202.941 338.807 203.406 341.717 203.35 345.378C203.112 360.716 202.019 375.931 200.092 390.832C199.641 386.685 198.686 382.416 197.22 377.981C194.186 368.797 189.458 359.868 182.763 350.684C176.984 342.731 170.97 334.751 165.155 327.029L164.768 326.513C162.462 323.455 160.158 320.393 157.914 317.398C157.493 316.782 156.886 316.562 156.535 316.439C156.038 316.197 155.444 316.172 154.917 316.397C154.399 316.618 154.002 317.053 153.828 317.586L153.76 317.795C153.663 318.075 153.587 318.324 153.547 318.573C149.537 342.487 151.997 363.912 161.067 384.081C165.496 393.942 171.437 405.107 181.913 413.14C186.695 416.807 190.471 421.953 192.544 427.625C192.983 428.847 192.967 429.376 192.917 429.581C188.484 447.944 182.693 465.656 175.652 482.419C177.465 473.585 177.341 464.305 175.271 454.69C172.334 441.062 167.285 427.856 162.781 416.547L161.432 413.16C159.32 407.86 157.195 402.518 154.999 396.982C154.72 396.274 154.048 395.791 153.152 395.747C152.446 395.747 151.797 396.15 151.46 396.804L150.752 398.135C150.441 398.718 150.15 399.262 149.902 399.823C140.842 420.264 137.782 441.219 140.812 462.105C142.978 477.04 146.647 487.733 152.711 496.781C155.849 501.457 158.831 506.666 159.372 513.073C159.501 514.589 159.44 515.634 158.765 516.823C151.117 530.215 142.543 542.854 133.152 554.597C133.188 554.533 133.222 554.468 133.258 554.404C140.014 542.058 140.219 528.71 139.529 517.278C138.933 507.478 137.81 497.693 136.73 488.233L136.667 487.685C136.232 483.895 135.799 480.107 135.404 476.312C135.175 474.16 134.921 472.009 134.658 469.825L134.311 466.869C134.235 466.216 133.836 465.65 133.263 465.365C132.196 464.808 130.469 465.668 128.604 467.874C115.789 483.031 107.837 500.16 104.965 518.786C101.987 538.098 103.602 554.625 109.906 569.311C110.074 569.702 110.07 570.5 110.068 570.767L109.729 579.216C109.679 579.824 109.359 580.51 109.094 580.764C96.2967 593.088 82.2081 603.802 67.0889 612.719C74.2455 606.251 79.3908 597.811 82.7255 587.115C86.4211 575.26 88.318 562.922 90.1567 550.959L90.3171 549.894C90.9688 545.692 91.6486 541.497 92.3424 537.21L93.1264 532.363C93.2387 531.657 92.96 530.951 92.4126 530.528C91.8692 530.095 91.0831 529.991 90.4575 530.26L89.7737 530.542C89.0438 530.841 88.4082 531.108 87.8087 531.415C59.2266 545.69 40.4118 578.984 43.0707 610.578C43.4878 615.527 43.0346 620.175 41.6831 624.779C41.5567 625.198 41.1517 625.653 40.9873 625.729C27.4121 631.454 14.5046 635.631 1.51697 638.498C0.849243 638.653 0.319837 639.13 0.103275 639.773C-0.115291 640.421 0.0170839 641.125 0.462238 641.654C1.8739 643.327 3.10305 645.125 4.11367 647.008C4.52875 647.778 5.51731 648.173 6.25723 647.981C16.8387 645.566 27.1434 642.44 36.8946 638.683C37.6827 638.366 38.2842 638.215 38.8477 638.308C41.0173 638.596 43.3093 639.042 45.8539 639.673C46.3793 639.802 46.8144 640.044 46.8224 640.022C52.3808 651.103 61.9336 658.161 76.0362 661.596C79.1041 662.332 82.2683 662.875 85.4405 663.208C88.7611 663.559 92.4647 663.738 96.445 663.738C101.959 663.738 105.892 663.397 105.94 663.393C118.163 662.025 128.602 659.274 137.848 654.981C141.642 653.222 145.965 650.854 149.288 646.625C149.924 645.815 149.817 644.646 149.045 643.966C139.653 635.679 130.09 629.657 119.806 625.559C104.568 619.503 90.6881 617.863 77.0829 620.479C75.0496 620.874 73.0644 621.372 71.1354 621.943C83.8624 614.336 96.048 605.394 107.556 595.208C107.776 595.007 108.139 594.831 108.422 594.781C110.305 594.468 112.805 594.083 115.364 593.899C115.601 593.899 115.901 594.013 115.936 594.025C122.87 601.785 131.803 605.557 143.246 605.557C143.83 605.557 144.415 605.545 144.999 605.525C157.441 605.124 169.95 601.705 182.183 595.358C191.074 590.72 200.342 585.32 207.858 577.267C209.524 575.477 211.012 573.452 212.325 571.665L212.454 571.49C213.035 570.702 213.623 569.908 214.226 569.124C214.555 568.701 214.694 568.156 214.607 567.606C214.515 567.077 214.208 566.606 213.685 566.265C213.553 566.193 210.37 564.486 207.465 563.361C188.01 555.844 168.37 555.074 149.633 561.112C143.499 563.083 137.726 566.042 132.106 570.133C142.5 558.05 152.125 544.803 160.864 530.55C160.958 530.4 161.207 529.993 161.287 529.919C162.051 529.431 162.833 528.97 163.613 528.515C165.011 527.695 166.459 526.847 167.818 525.836C168.965 524.98 169.288 524.958 170.447 525.704C172.087 526.769 173.994 527.322 175.656 527.757C185.382 530.248 195.185 529.006 206.029 523.915C215.935 519.271 223.551 511.93 230.308 504.691C240.138 494.132 246.56 484.605 250.523 474.708C251.355 472.63 251.948 470.483 252.566 468.237C252.82 467.294 253.081 466.352 253.358 465.425C253.661 464.431 253.131 463.378 252.149 463.031L251.335 462.969C247.326 462.969 211.569 463.557 190.655 483.849C186.105 488.265 182.027 492.957 178.303 498.094C186.577 480.573 193.593 462.107 199.248 442.939L199.33 442.658C199.398 442.424 199.5 442.069 199.568 441.973L205.039 434.461C205.243 434.16 205.267 434.16 205.588 434.16C205.73 434.16 205.887 434.17 206.065 434.18L207.234 434.251C211.305 434.503 213.701 434.467 215.672 434.158C223.46 432.929 230.491 429.007 237.162 422.165C252.764 406.164 263.504 386.2 269.993 361.139C270.689 358.454 270.883 355.743 271.092 352.868C271.184 351.564 271.286 350.221 271.435 348.833C271.497 348.167 271.236 347.532 270.735 347.117Z"
fill="currentColor"
></path>
</svg>
<svg
width="272"
height="664"
viewBox="0 0 272 664"
fill="none"
xmlns="http://www.w3.org/2000/svg"
className="my-auto h-3/4 translate-x-1/3 rotate-4 text-muted-foreground"
>
<path
d="M270.735 347.117C270.23 346.7 269.496 346.567 268.924 346.76C268.226 346.974 267.587 347.161 266.983 347.337L266.688 347.424C265.201 347.859 263.915 348.232 262.642 348.743C242.526 356.736 226.689 370.429 214.224 390.603C211.146 395.588 208.762 400.77 206.863 405.937C209.977 388.556 210.699 381.785 211.251 362.336C211.277 361.52 211.277 360.69 211.277 359.866C211.277 357.616 211.277 355.49 211.768 353.551C212.358 351.253 213.543 348.962 214.69 346.744C215.012 346.116 215.335 345.488 215.602 344.937C215.694 344.829 215.993 344.646 216.109 344.628C221.862 343.75 226.949 341.308 231.666 337.163C236.418 332.966 240.326 327.829 243.284 321.889C253.899 300.602 259.211 277.073 259.077 251.964C259.065 249.542 258.78 247.184 258.467 244.619C258.325 243.47 258.18 242.295 258.06 241.078C257.992 240.41 257.581 239.817 256.985 239.528C256.398 239.243 255.688 239.263 255.094 239.622C254.735 239.847 254.429 240.029 254.15 240.192C253.61 240.512 253.199 240.763 252.81 241.044C243.755 247.535 235.768 255.616 229.069 265.056C218.137 280.486 211.778 297.933 210.066 317.127C209.895 314.987 209.723 312.848 209.55 310.708L209.49 309.932C208.818 301.545 208.125 292.87 207.559 284.34C207.417 282.18 207.002 280.079 206.601 278.046C205.827 274.138 205.095 270.446 206.266 266.578C206.532 265.704 206.757 264.823 206.982 263.945C207.535 261.769 210.208 258.419 214.313 254.755L214.467 254.617C215.981 253.334 223.757 246.219 228.169 232.147C232.646 217.85 232.307 202.911 232.061 192.003L232.055 191.712C231.726 176.717 230.106 165.418 226.801 155.069C226.374 153.745 225.867 152.44 225.329 151.068C225.05 150.355 224.766 149.617 224.473 148.845C224.232 148.191 223.655 147.716 222.979 147.603L222.648 147.573C222.063 147.573 221.515 147.836 221.144 148.289L217.934 152.201C202.542 170.974 194.98 192.991 195.454 217.643C195.536 221.984 195.861 226.438 196.436 231.036C192.524 217.535 187.936 204.393 182.719 191.75C182.61 191.473 182.54 191.13 182.532 190.84L182.496 189.111C182.442 186.617 182.386 184.036 182.492 181.497C182.508 181.076 182.781 180.32 183.348 179.576C184.154 178.512 185.049 177.471 185.975 176.388C187.553 174.551 189.183 172.654 190.475 170.489C194.634 163.523 196.587 155.293 196.619 144.588C196.675 131.985 194.732 118.723 190.497 102.847C188.183 94.187 184.69 82.9358 178.185 72.7354C177.744 72.0496 177.251 71.4039 176.725 70.7202C176.489 70.4174 176.24 70.0945 175.987 69.7476C175.618 69.2524 175.109 68.9636 174.287 68.9636C173.631 69.0117 173.046 69.3847 172.719 69.9642C164.554 84.7004 160.487 100.443 160.295 118.093C160.13 132.809 162.428 145.472 165.31 155.48C157.977 142.083 149.827 129.14 140.995 116.862L140.792 116.583C140.592 116.316 140.507 116.186 140.521 116.278C139.966 112.306 139.581 109.128 139.314 106.361C139.32 106.318 139.372 106.086 139.785 105.396C140.369 104.401 141.009 103.427 141.688 102.396C143.052 100.323 144.46 98.1774 145.362 95.7751C148.085 88.5243 148.697 80.301 147.227 70.644C144 49.2706 134.578 30.0247 118.428 11.8034C116.766 9.93257 114.929 8.27828 112.986 6.52975L112.449 6.04249C111.689 5.3547 110.909 4.65088 110.12 3.90695C109.619 3.42972 108.901 3.25126 108.206 3.45579C107.548 3.66433 107.041 4.20973 106.884 4.88749L106.531 6.43551C106.291 7.46217 106.104 8.27227 105.966 9.08638C103.792 22.06 103.951 35.956 106.453 51.5725C108.935 67.0607 113.882 80.4193 121.472 92.0234C110.09 78.6126 99.0197 67.3514 87.4497 57.3716C87.3976 57.3034 87.3214 57.0968 87.3154 57.0447C88.2197 49.2545 86.2988 41.9155 81.4382 34.6085C75.0556 25.0057 66.1866 17.6867 55.0778 12.8582C48.4306 9.97468 41.5427 7.42207 34.7992 4.92158C31.5689 3.72248 28.3385 2.52738 25.0118 1.24605C21.6692 -0.0833916 20.2395 -0.320006 19.4635 0.397855C18.4649 1.32827 18.7055 2.12233 19.1407 3.56607L19.281 4.03729C23.3576 17.7689 28.7676 28.629 35.8239 37.2374C48.7775 53.0564 63.9268 61.0932 82.1139 61.8031C82.7516 61.8411 83.2568 62.0176 83.4634 62.178C86.024 64.095 87.9089 65.629 89.5752 67.1489C94.8449 71.9654 100.034 77.0967 105.112 82.5007C97.56 77.8085 88.33 75.6911 77.9351 76.2164C72.2463 76.5032 66.5997 77.3373 61.1395 78.1434L60.931 78.1755C59.3168 78.4121 57.7106 78.6467 56.1085 78.8733C52.5994 79.3485 49.0622 79.9702 45.9381 80.5156C44.6728 80.7422 41.651 81.4299 40.9552 82.8957C40.7146 83.397 40.7346 83.9465 41.0074 84.4458C41.248 84.8809 41.5127 85.2899 41.8014 85.6629C50.8188 97.3632 61.1054 105.069 73.2489 109.218C88.0553 114.303 101.655 113.884 113.874 107.903C115.743 106.874 117.997 106.353 120.572 106.353C122.515 106.353 123.972 106.659 124.456 106.77C125.18 106.89 126.162 107.295 126.363 107.556C133.962 117.548 141.175 128.219 147.91 139.43C142.22 133.896 134.798 130.164 124.688 127.734C115.827 125.623 106.768 125.169 98.0091 124.728L95.0755 124.58C92.3284 124.439 89.5813 124.265 86.7519 124.087L82.0076 123.794C81.394 123.794 80.8105 124.091 80.4536 124.584C80.0586 125.115 79.9643 125.805 80.1969 126.425C80.3874 126.942 80.7343 127.854 80.9128 128.159C90.1508 143.611 100.999 154.299 114.073 160.836C126.854 167.22 138.402 168.909 150.05 166.124C151.397 165.799 152.96 165.626 154.574 165.626C159.529 165.626 162.984 167.138 163.709 168.538C170.118 181.758 175.837 195.496 180.77 209.508C175.596 202.375 168.362 196.582 159.202 192.249C150.102 187.954 140.628 184.028 131.305 180.164C127.299 178.508 123.277 176.845 119.272 175.145C118.677 174.884 117.973 174.938 117.417 175.305C116.872 175.668 116.547 176.274 116.547 176.926C116.547 178.177 129.842 215.074 149.15 229.614C157.026 235.545 166.727 241.647 178.961 241.934C182.622 242.008 186.408 242.526 189.268 245.776C189.705 246.293 190.284 246.696 190.916 246.911C191.892 247.232 192.161 247.829 192.642 249.867C196.605 266.502 199.49 283.648 201.267 301.059C200.729 299.293 200.106 297.508 199.39 295.701C195.069 284.743 187.796 275.154 176.503 265.523C170.682 260.538 164.586 255.712 158.69 251.042L158.41 250.821C155.725 248.694 153.046 246.574 150.375 244.429C149.823 243.985 149.286 243.528 148.662 242.995L146.996 241.567C146.413 241.074 145.544 240.972 144.863 241.312C144.163 241.667 143.744 242.401 143.798 243.185C143.88 244.362 143.946 245.475 144.008 246.544L144.04 247.043C144.173 249.243 144.297 251.318 144.52 253.368C146.609 273.321 152.543 289.981 162.659 304.296C168.921 313.145 177.904 323.961 191.913 329.076C195.321 330.327 197.794 332.222 200.443 335.623C202.941 338.807 203.406 341.717 203.35 345.378C203.112 360.716 202.019 375.931 200.092 390.832C199.641 386.685 198.686 382.416 197.22 377.981C194.186 368.797 189.458 359.868 182.763 350.684C176.984 342.731 170.97 334.751 165.155 327.029L164.768 326.513C162.462 323.455 160.158 320.393 157.914 317.398C157.493 316.782 156.886 316.562 156.535 316.439C156.038 316.197 155.444 316.172 154.917 316.397C154.399 316.618 154.002 317.053 153.828 317.586L153.76 317.795C153.663 318.075 153.587 318.324 153.547 318.573C149.537 342.487 151.997 363.912 161.067 384.081C165.496 393.942 171.437 405.107 181.913 413.14C186.695 416.807 190.471 421.953 192.544 427.625C192.983 428.847 192.967 429.376 192.917 429.581C188.484 447.944 182.693 465.656 175.652 482.419C177.465 473.585 177.341 464.305 175.271 454.69C172.334 441.062 167.285 427.856 162.781 416.547L161.432 413.16C159.32 407.86 157.195 402.518 154.999 396.982C154.72 396.274 154.048 395.791 153.152 395.747C152.446 395.747 151.797 396.15 151.46 396.804L150.752 398.135C150.441 398.718 150.15 399.262 149.902 399.823C140.842 420.264 137.782 441.219 140.812 462.105C142.978 477.04 146.647 487.733 152.711 496.781C155.849 501.457 158.831 506.666 159.372 513.073C159.501 514.589 159.44 515.634 158.765 516.823C151.117 530.215 142.543 542.854 133.152 554.597C133.188 554.533 133.222 554.468 133.258 554.404C140.014 542.058 140.219 528.71 139.529 517.278C138.933 507.478 137.81 497.693 136.73 488.233L136.667 487.685C136.232 483.895 135.799 480.107 135.404 476.312C135.175 474.16 134.921 472.009 134.658 469.825L134.311 466.869C134.235 466.216 133.836 465.65 133.263 465.365C132.196 464.808 130.469 465.668 128.604 467.874C115.789 483.031 107.837 500.16 104.965 518.786C101.987 538.098 103.602 554.625 109.906 569.311C110.074 569.702 110.07 570.5 110.068 570.767L109.729 579.216C109.679 579.824 109.359 580.51 109.094 580.764C96.2967 593.088 82.2081 603.802 67.0889 612.719C74.2455 606.251 79.3908 597.811 82.7255 587.115C86.4211 575.26 88.318 562.922 90.1567 550.959L90.3171 549.894C90.9688 545.692 91.6486 541.497 92.3424 537.21L93.1264 532.363C93.2387 531.657 92.96 530.951 92.4126 530.528C91.8692 530.095 91.0831 529.991 90.4575 530.26L89.7737 530.542C89.0438 530.841 88.4082 531.108 87.8087 531.415C59.2266 545.69 40.4118 578.984 43.0707 610.578C43.4878 615.527 43.0346 620.175 41.6831 624.779C41.5567 625.198 41.1517 625.653 40.9873 625.729C27.4121 631.454 14.5046 635.631 1.51697 638.498C0.849243 638.653 0.319837 639.13 0.103275 639.773C-0.115291 640.421 0.0170839 641.125 0.462238 641.654C1.8739 643.327 3.10305 645.125 4.11367 647.008C4.52875 647.778 5.51731 648.173 6.25723 647.981C16.8387 645.566 27.1434 642.44 36.8946 638.683C37.6827 638.366 38.2842 638.215 38.8477 638.308C41.0173 638.596 43.3093 639.042 45.8539 639.673C46.3793 639.802 46.8144 640.044 46.8224 640.022C52.3808 651.103 61.9336 658.161 76.0362 661.596C79.1041 662.332 82.2683 662.875 85.4405 663.208C88.7611 663.559 92.4647 663.738 96.445 663.738C101.959 663.738 105.892 663.397 105.94 663.393C118.163 662.025 128.602 659.274 137.848 654.981C141.642 653.222 145.965 650.854 149.288 646.625C149.924 645.815 149.817 644.646 149.045 643.966C139.653 635.679 130.09 629.657 119.806 625.559C104.568 619.503 90.6881 617.863 77.0829 620.479C75.0496 620.874 73.0644 621.372 71.1354 621.943C83.8624 614.336 96.048 605.394 107.556 595.208C107.776 595.007 108.139 594.831 108.422 594.781C110.305 594.468 112.805 594.083 115.364 593.899C115.601 593.899 115.901 594.013 115.936 594.025C122.87 601.785 131.803 605.557 143.246 605.557C143.83 605.557 144.415 605.545 144.999 605.525C157.441 605.124 169.95 601.705 182.183 595.358C191.074 590.72 200.342 585.32 207.858 577.267C209.524 575.477 211.012 573.452 212.325 571.665L212.454 571.49C213.035 570.702 213.623 569.908 214.226 569.124C214.555 568.701 214.694 568.156 214.607 567.606C214.515 567.077 214.208 566.606 213.685 566.265C213.553 566.193 210.37 564.486 207.465 563.361C188.01 555.844 168.37 555.074 149.633 561.112C143.499 563.083 137.726 566.042 132.106 570.133C142.5 558.05 152.125 544.803 160.864 530.55C160.958 530.4 161.207 529.993 161.287 529.919C162.051 529.431 162.833 528.97 163.613 528.515C165.011 527.695 166.459 526.847 167.818 525.836C168.965 524.98 169.288 524.958 170.447 525.704C172.087 526.769 173.994 527.322 175.656 527.757C185.382 530.248 195.185 529.006 206.029 523.915C215.935 519.271 223.551 511.93 230.308 504.691C240.138 494.132 246.56 484.605 250.523 474.708C251.355 472.63 251.948 470.483 252.566 468.237C252.82 467.294 253.081 466.352 253.358 465.425C253.661 464.431 253.131 463.378 252.149 463.031L251.335 462.969C247.326 462.969 211.569 463.557 190.655 483.849C186.105 488.265 182.027 492.957 178.303 498.094C186.577 480.573 193.593 462.107 199.248 442.939L199.33 442.658C199.398 442.424 199.5 442.069 199.568 441.973L205.039 434.461C205.243 434.16 205.267 434.16 205.588 434.16C205.73 434.16 205.887 434.17 206.065 434.18L207.234 434.251C211.305 434.503 213.701 434.467 215.672 434.158C223.46 432.929 230.491 429.007 237.162 422.165C252.764 406.164 263.504 386.2 269.993 361.139C270.689 358.454 270.883 355.743 271.092 352.868C271.184 351.564 271.286 350.221 271.435 348.833C271.497 348.167 271.236 347.532 270.735 347.117Z"
fill="currentColor"
></path>
</svg>
</div>
</section>
</>
)
}
