Skip to content

✨ Add Bifrost banner #191

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 4 commits into from
Jul 28, 2025
Merged

✨ Add Bifrost banner #191

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
5b9b276
✨ Add bifrost banner
HassanZahirnia Jul 28, 2025
4037b01
✨ Enhance Bifrost banner with decorative arrows and improved styling
HassanZahirnia Jul 28, 2025
2d71340
Update banner copy
simonhamp Jul 28, 2025
55c8574
Reposition logo slightly
simonhamp Jul 28, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
119 changes: 119 additions & 0 deletions resources/views/components/bifrost-banner.blade.php
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,119 @@
<a
href="https://bifrost.nativephp.com/"
onclick="fathom.trackEvent('alert_click');"
class="group relative z-30 flex flex-col items-center justify-center gap-x-3 gap-y-2.5 overflow-hidden bg-slate-200/60 px-5 py-3 select-none sm:flex-row dark:bg-gray-950/50"
>
{{-- Left side decorations --}}
<div class="absolute top-1/2 left-2 -z-5 hidden -translate-y-1/2 md:block">
<div class="flex items-center gap-2">
{{-- Lines --}}
<div
class="flex items-center *:-mr-1 *:h-0.5 *:w-4 *:-rotate-50 *:rounded-full *:bg-slate-300 *:dark:bg-gray-600"
>
<div class="opacity-10"></div>
<div class="opacity-20"></div>
<div class="opacity-30"></div>
<div class="opacity-40"></div>
<div class="opacity-50"></div>
<div class="opacity-60"></div>
<div class="opacity-70"></div>
<div class="opacity-80"></div>
</div>

{{-- Arrow --}}
<x-icons.modern-arrow
class="h-3.5 text-slate-300 dark:text-gray-600"
/>
</div>
</div>

{{-- Right side decorations --}}
<div class="absolute top-1/2 right-2 -z-5 hidden -translate-y-1/2 md:block">
<div class="flex items-center gap-2">
{{-- Arrow --}}
<x-icons.modern-arrow
class="h-3.5 -scale-x-100 -scale-y-100 text-slate-300 dark:text-gray-600"
/>

{{-- Lines --}}
<div
class="flex items-center *:-mr-1 *:h-0.5 *:w-4 *:rotate-50 *:rounded-full *:bg-slate-300 *:dark:bg-gray-600"
>
<div class="opacity-80"></div>
<div class="opacity-70"></div>
<div class="opacity-60"></div>
<div class="opacity-50"></div>
<div class="opacity-40"></div>
<div class="opacity-30"></div>
<div class="opacity-20"></div>
<div class="opacity-10"></div>
</div>
</div>
</div>

{{-- Bifrost --}}
<div
class="flex items-center gap-2.5 translate-y-[2.8px] transition duration-200 ease-in-out will-change-transform group-hover:-translate-x-0.5"
>
<x-logos.bifrost class="h-4" />
</div>

{{-- Label --}}
<div
class="flex items-center justify-center gap-3 transition duration-200 ease-in-out will-change-transform group-hover:translate-x-0.5"
>
{{-- Text --}}
<div>
<style>
.gradient-text {
background-image: linear-gradient(
90deg,
#000 0%,
#5e657b 35%,
#000 70%
);
background-size: 200% 100%;
animation: shine 2s linear infinite;
}
.dark .gradient-text {
background-image: linear-gradient(
90deg,
#fff 0%,
#c4e4ff 35%,
#fff 70%
);
}
@keyframes shine {
from {
background-position: 200% center;
}
to {
background-position: 0% center;
}
}
</style>
<div
class="gradient-text bg-clip-text text-center tracking-tight text-pretty text-transparent"
>
The fastest way to compile, sign and distribute your apps for every platform
</div>
</div>

{{-- Arrow --}}
<x-icons.right-arrow class="size-3 shrink-0" />
</div>

{{-- Left blur --}}
<div class="absolute right-1/2 -bottom-11 -z-10 translate-x-1/2">
<div
class="h-10 w-36 -translate-x-10 -rotate-15 rounded-full bg-sky-300 blur-xl dark:bg-sky-500/60"
></div>
</div>

{{-- Right blur --}}
<div class="absolute right-1/2 -bottom-11 -z-10 translate-x-1/2">
<div
class="h-10 w-36 translate-x-10 -rotate-15 rounded-full bg-pink-300 blur-xl dark:bg-slate-400/60"
></div>
</div>
</a>
13 changes: 13 additions & 0 deletions resources/views/components/icons/modern-arrow.blade.php
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
<svg
{{ $attributes }}
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 23 28"
fill="none"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M11.4872 0.393906L22.3968 11.3036L22.3966 11.3037L22.3967 11.3037L22.387 16.6444L14.5679 16.6302L15.2636 23.472L11.2774 27.4582L7.50096 23.6818L14.5526 16.6302L0.649884 16.6049L0.659572 11.2643L14.8305 11.29L7.71077 4.17032L11.4872 0.393906Z"
fill="currentColor"
/>
</svg>
95 changes: 95 additions & 0 deletions resources/views/components/logos/bifrost.blade.php
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,95 @@
<svg
{{ $attributes }}
viewBox="0 0 273 38"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M18.5399 37.7489C34.0701 32.7689 49.8462 28.5461 65.7873 25.0633C73.8077 23.31 81.871 21.7438 89.9645 20.3597C94.0818 19.6559 98.2086 18.9993 102.342 18.3897C103.328 18.2436 104.315 18.1022 105.301 17.9608C105.795 17.8902 106.289 17.8226 106.783 17.7519C107.75 17.6168 106.237 17.8257 106.844 17.7441C107.19 17.6969 107.536 17.6498 107.883 17.6027C109.963 17.3215 112.042 17.0513 114.124 16.7936C122.381 15.7709 130.66 14.9336 138.955 14.28C143.118 13.9517 147.285 13.6705 151.454 13.4349C153.518 13.3186 155.581 13.2133 157.645 13.1191C158.652 13.0735 159.66 13.0295 160.667 12.9887C161.172 12.9683 161.676 12.9494 162.181 12.9306C162.685 12.9117 164.836 12.8426 162.799 12.907C171.24 12.6446 179.682 12.5237 188.126 12.6132C189.14 12.6242 190.151 12.6384 191.165 12.6541C192.074 12.6682 189.057 12.6164 190.297 12.6399C190.551 12.6446 190.803 12.6494 191.057 12.6541C191.614 12.6651 192.172 12.6761 192.729 12.6886C194.857 12.7358 196.986 12.7955 199.112 12.8662C201.239 12.9368 203.393 13.0201 205.531 13.1191C206.042 13.1426 206.552 13.1694 207.065 13.1929L205.406 13.1065C205.56 13.1144 205.712 13.1222 205.866 13.1301C206.121 13.1442 206.376 13.1584 206.632 13.1725C207.756 13.2353 208.881 13.3029 210.005 13.3799C211.027 13.449 212.048 13.526 213.069 13.6029L211.16 13.4506L211.466 13.4757C211.772 13.5024 212.078 13.5275 212.384 13.5542C212.996 13.6077 213.607 13.6642 214.219 13.7223C214.728 13.771 215.237 13.8229 215.747 13.8747L215.899 13.8904C216.687 13.9721 216.102 13.9109 214.146 13.7019C214.451 13.7365 214.757 13.7695 215.061 13.804C216.129 13.925 217.193 14.0554 218.257 14.1952L218.41 14.2156C219.263 14.3303 218.816 14.269 217.066 14.0334C217.318 14.0695 217.572 14.1041 217.824 14.1402C218.33 14.2125 218.835 14.2879 219.339 14.3649C219.843 14.4418 220.348 14.522 220.852 14.6052C221.104 14.6461 221.355 14.6901 221.607 14.7309C220.206 14.489 219.873 14.4324 220.609 14.5612L220.911 14.6147C221.915 14.7937 222.917 14.9854 223.918 15.1881C224.417 15.2886 224.917 15.3939 225.417 15.5007C225.708 15.5635 226 15.6311 226.294 15.6924C225.366 15.4834 225.12 15.4284 225.559 15.529C225.705 15.562 225.851 15.5965 225.995 15.6295C230.052 16.5737 234.062 17.7173 238.017 19.0165C238.205 19.0778 238.395 19.1359 238.58 19.2019C237.675 18.8736 238.619 19.2145 238.769 19.2663C239.236 19.425 239.702 19.5868 240.168 19.7502C241.191 20.1084 242.209 20.4776 243.224 20.8562C245.112 21.5584 246.986 22.292 248.85 23.0524C250.706 23.8096 252.549 24.5951 254.384 25.3994C255.67 25.965 257.33 26.1582 258.683 26.3672C261.088 26.7395 263.546 26.9987 265.974 27.1448C267.85 27.2579 269.806 27.4527 271.677 27.2438C271.896 27.2186 273.698 27.0474 272.702 26.6107C264.751 23.12 256.596 20.044 248.222 17.6954C237.67 14.7372 226.815 13.1238 215.926 11.9958C205.905 10.9574 195.82 10.4971 185.752 10.23C176.609 9.98812 167.459 9.92685 158.312 10.0949C140.704 10.4186 123.111 11.4915 105.606 13.4097C88.5149 15.2839 71.5017 17.9121 54.6614 21.3526C38.3 24.6956 22.0973 28.8022 6.14357 33.7084C4.19912 34.3069 2.25783 34.9165 0.319723 35.5386C-0.736563 35.8779 1.15873 36.3382 1.20631 36.3508C2.9874 36.8692 4.99847 37.097 6.82714 37.3122C9.25216 37.5965 11.6946 37.8338 14.1371 37.9013C15.5233 37.939 17.214 38.1747 18.5446 37.7474L18.5399 37.7489Z"
fill="url(#paint0_linear_775_57)"
/>
<path
d="M233.274 24C232.924 24 232.749 23.9183 232.749 23.755C232.749 23.7083 232.772 23.6383 232.819 23.545L241.394 4.22501H231.174C230.847 4.22501 230.684 4.14334 230.684 3.98001V3.84L232.119 0.585005C232.282 0.281672 232.574 0.130005 232.994 0.130005H267.364C267.69 0.130005 267.854 0.211672 267.854 0.375006C267.854 0.421672 267.842 0.456672 267.819 0.480005C267.819 0.503339 267.819 0.538339 267.819 0.585005L266.384 3.84C266.244 4.09667 265.964 4.22501 265.544 4.22501H255.254L246.679 23.545C246.539 23.8483 246.259 24 245.839 24H233.274Z"
fill="currentColor"
/>
<path
d="M187.212 24C186.792 24 186.582 23.86 186.582 23.58C186.582 23.44 186.617 23.265 186.687 23.055L187.702 20.815C187.982 20.185 188.437 19.87 189.067 19.87H209.052L196.067 12.38C195.017 11.7733 194.294 11.12 193.897 10.42C193.524 9.72001 193.337 9.02001 193.337 8.32001C193.337 7.34001 193.594 6.36001 194.107 5.38001C194.62 4.40001 195.332 3.52501 196.242 2.755C197.152 1.96167 198.225 1.33167 199.462 0.865006C200.699 0.375005 202.04 0.130005 203.487 0.130005H229.282C229.725 0.130005 229.947 0.281672 229.947 0.585005C229.947 0.725005 229.9 0.876672 229.807 1.04001L228.827 3.28001C228.547 3.91001 228.092 4.22501 227.462 4.22501H208.072L221.057 11.715C222.13 12.3217 222.854 12.9867 223.227 13.71C223.6 14.4333 223.787 15.1333 223.787 15.81C223.787 16.79 223.53 17.77 223.017 18.75C222.527 19.73 221.827 20.6167 220.917 21.41C220.007 22.18 218.934 22.81 217.697 23.3C216.46 23.7667 215.107 24 213.637 24H187.212Z"
fill="currentColor"
/>
<path
d="M155.16 24C153.947 24 152.873 23.8133 151.94 23.44C151.007 23.0433 150.225 22.5067 149.595 21.83C148.965 21.1533 148.487 20.36 148.16 19.45C147.833 18.5167 147.67 17.5133 147.67 16.44C147.67 15.0633 147.903 13.71 148.37 12.38C148.837 11.05 149.478 9.77834 150.295 8.56501C151.135 7.35167 152.115 6.23167 153.235 5.20501C154.378 4.17834 155.615 3.29167 156.945 2.545C158.298 1.79834 159.722 1.215 161.215 0.795005C162.708 0.351671 164.237 0.130005 165.8 0.130005H182.95C184.187 0.130005 185.272 0.316672 186.205 0.690006C187.162 1.06334 187.955 1.58834 188.585 2.265C189.215 2.91834 189.693 3.7 190.02 4.61001C190.347 5.52 190.51 6.51167 190.51 7.58501C190.51 8.96167 190.265 10.3267 189.775 11.68C189.308 13.01 188.655 14.2817 187.815 15.495C186.975 16.7083 185.983 17.84 184.84 18.89C183.697 19.9167 182.448 20.815 181.095 21.585C179.742 22.3317 178.318 22.9267 176.825 23.37C175.332 23.79 173.827 24 172.31 24H155.16ZM176.23 9.68501C177 8.05167 177.385 6.82667 177.385 6.01001C177.385 5.33334 177.14 4.86667 176.65 4.61001C176.183 4.35334 175.483 4.22501 174.55 4.22501H169.79C169.113 4.22501 168.483 4.31834 167.9 4.505C167.34 4.66834 166.815 4.96001 166.325 5.38001C165.835 5.80001 165.357 6.36001 164.89 7.06001C164.447 7.76001 163.992 8.63501 163.525 9.68501L161.845 13.5C160.958 15.4833 160.515 16.9767 160.515 17.98C160.515 18.6567 160.713 19.1467 161.11 19.45C161.507 19.73 162.078 19.87 162.825 19.87H167.62C168.343 19.87 169.008 19.765 169.615 19.555C170.222 19.3217 170.805 18.96 171.365 18.47C171.925 17.98 172.462 17.3267 172.975 16.51C173.488 15.6933 174.013 14.69 174.55 13.5L176.23 9.68501Z"
fill="currentColor"
/>
<path
d="M131.505 24C130.549 24 129.907 23.685 129.58 23.055L123.735 11.96C123.665 11.8433 123.607 11.7383 123.56 11.645C123.514 11.5517 123.49 11.435 123.49 11.295C123.49 11.155 123.56 10.945 123.7 10.665L124.085 9.86001C124.365 9.25334 124.809 8.95001 125.415 8.95001H130.175C131.715 8.95001 132.87 8.63501 133.64 8.00501C134.41 7.37501 134.795 6.64001 134.795 5.8C134.795 5.31001 134.585 4.92501 134.165 4.64501C133.769 4.36501 133.139 4.22501 132.275 4.22501H124.47L116.07 23.055C115.79 23.685 115.347 24 114.74 24H102.735C102.292 24 102.07 23.86 102.07 23.58C102.07 23.4167 102.117 23.2417 102.21 23.055L112.045 1.04001C112.325 0.433338 112.769 0.130005 113.375 0.130005H143.965C145.599 0.130005 146.882 0.526672 147.815 1.32001C148.749 2.09001 149.215 3.10501 149.215 4.365C149.215 5.50834 148.935 6.57001 148.375 7.55001C147.839 8.53001 147.092 9.39334 146.135 10.14C145.202 10.8867 144.094 11.505 142.81 11.995C141.55 12.485 140.209 12.8117 138.785 12.975L144.07 22.88C144.117 22.9733 144.14 23.0783 144.14 23.195C144.14 23.3817 144.047 23.5683 143.86 23.755C143.697 23.9183 143.475 24 143.195 24H131.505Z"
fill="currentColor"
/>
<path
d="M90.9927 4.22501C89.4527 4.22501 88.2043 4.63334 87.2477 5.45001C86.291 6.26667 85.4043 7.57334 84.5877 9.37001L78.4977 23.055C78.2177 23.685 77.7627 24 77.1327 24H63.7277C63.3077 24 63.0977 23.86 63.0977 23.58C63.0977 23.4867 63.0977 23.405 63.0977 23.335C63.121 23.265 63.156 23.1717 63.2027 23.055L69.0477 10C69.6777 8.55334 70.471 7.23501 71.4277 6.04501C72.3843 4.83167 73.481 3.79334 74.7177 2.93C75.9543 2.04334 77.3193 1.35501 78.8127 0.865006C80.306 0.375005 81.9277 0.130005 83.6777 0.130005H109.088C109.531 0.130005 109.753 0.281672 109.753 0.585005C109.753 0.725005 109.718 0.876672 109.648 1.04001L108.633 3.28001C108.353 3.91001 107.898 4.22501 107.268 4.22501H90.9927ZM86.3727 13.045C85.9527 13.045 85.7427 12.905 85.7427 12.625C85.7427 12.4617 85.7893 12.2983 85.8827 12.135L86.8627 9.86001C87.1427 9.25334 87.5977 8.95001 88.2277 8.95001H104.993C105.459 8.95001 105.693 9.06667 105.693 9.30001C105.693 9.34667 105.681 9.39334 105.658 9.44001C105.658 9.48667 105.658 9.53334 105.658 9.58001L104.363 12.415C104.176 12.835 103.768 13.045 103.138 13.045H86.3727Z"
fill="currentColor"
/>
<path
d="M46.2394 24C45.8194 24 45.6094 23.86 45.6094 23.58C45.6094 23.44 45.6444 23.265 45.7144 23.055L55.5494 1.04001C55.8294 0.433338 56.2727 0.130005 56.8794 0.130005H68.9194C69.3627 0.130005 69.5844 0.281672 69.5844 0.585005C69.5844 0.725005 69.5377 0.876672 69.4444 1.04001L59.6444 23.055C59.3644 23.685 58.921 24 58.3144 24H46.2394Z"
fill="currentColor"
/>
<path
d="M3.49523 24C3.07523 24 2.86523 23.86 2.86523 23.58C2.86523 23.44 2.90023 23.265 2.97023 23.055L12.8052 1.04001C13.0852 0.433338 13.5286 0.130005 14.1352 0.130005H44.5152C46.1952 0.130005 47.4319 0.468338 48.2252 1.145C49.0419 1.79834 49.4502 2.70834 49.4502 3.875C49.4502 4.97167 49.2402 5.90501 48.8202 6.675C48.4236 7.44501 47.9336 8.09834 47.3502 8.63501C46.7902 9.14834 46.1952 9.56834 45.5652 9.89501C44.9586 10.1983 44.4452 10.4433 44.0252 10.63C44.4686 10.8167 44.8652 11.2367 45.2152 11.89C45.5652 12.5433 45.7402 13.36 45.7402 14.34C45.7402 15.39 45.4486 16.4867 44.8652 17.63C44.2819 18.7733 43.4419 19.8233 42.3452 20.78C41.2719 21.7133 39.9652 22.4833 38.4252 23.09C36.9086 23.6967 35.1936 24 33.2802 24H3.49523ZM24.0402 13.045C23.6436 13.045 23.4452 12.905 23.4452 12.625C23.4452 12.485 23.4802 12.3217 23.5502 12.135L24.5652 9.86001C24.8452 9.25334 25.2886 8.95001 25.8952 8.95001H31.5652C32.1486 8.95001 32.7086 8.84501 33.2452 8.63501C33.7819 8.42501 34.2486 8.15667 34.6452 7.83001C35.0419 7.50334 35.3569 7.15334 35.5902 6.78001C35.8469 6.38334 35.9752 6.01001 35.9752 5.66C35.9752 5.24 35.8002 4.90167 35.4502 4.64501C35.1002 4.36501 34.5052 4.22501 33.6652 4.22501H24.8802L17.9152 19.87H26.1052C27.3419 19.87 28.3336 19.6717 29.0802 19.275C29.8502 18.8783 30.4336 18.4117 30.8302 17.875C31.2502 17.3383 31.5186 16.8017 31.6352 16.265C31.7752 15.7283 31.8452 15.3083 31.8452 15.005C31.8452 13.6983 30.9469 13.045 29.1502 13.045H24.0402Z"
fill="currentColor"
/>
<defs>
<linearGradient
id="paint0_linear_775_57"
x1="9.35367"
y1="24.0013"
x2="263.636"
y2="24.0013"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#F95D00" />
<stop
offset="0.03"
stop-color="#E84E00"
/>
<stop
offset="0.06"
stop-color="#DC4300"
/>
<stop
offset="0.1"
stop-color="#D53C00"
/>
<stop
offset="0.22"
stop-color="#D43B00"
/>
<stop
offset="0.24"
stop-color="#C83C0F"
/>
<stop
offset="0.33"
stop-color="#894363"
/>
<stop
offset="0.42"
stop-color="#5749A6"
/>
<stop
offset="0.49"
stop-color="#334ED6"
/>
<stop
offset="0.54"
stop-color="#1D51F3"
/>
<stop
offset="0.57"
stop-color="#1552FF"
/>
<stop
offset="0.89"
stop-color="#00D0FF"
/>
</linearGradient>
</defs>
</svg>
3 changes: 2 additions & 1 deletion resources/views/components/navigation-bar.blade.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,8 @@
x-collapse
x-show="!showMobileMenu"
>
{{-- announcement banner goes here --}}
{{-- Announcement banner goes here --}}
<x-bifrost-banner />
</div>
<nav
class="sticky top-0 z-50 flex flex-col items-center justify-center px-3 pt-px"
Expand Down
Loading