feat: add quote page

This commit is contained in:
George Birikorang 2025-08-26 02:12:49 -04:00
parent ec844c6c88
commit 0eab10dc09
9 changed files with 2057 additions and 242 deletions

View file

@ -620,6 +620,10 @@ video {
visibility: visible;
}
.fixed {
position: fixed;
}
.absolute {
position: absolute;
}
@ -669,6 +673,18 @@ video {
right: 0px;
}
.-right-2 {
right: -0.5rem;
}
.-top-2 {
top: -0.5rem;
}
.top-24 {
top: 6rem;
}
.z-10 {
z-index: 10;
}
@ -691,6 +707,11 @@ video {
margin-right: auto;
}
.mx-4 {
margin-left: 1rem;
margin-right: 1rem;
}
.-mt-1 {
margin-top: -0.25rem;
}
@ -779,6 +800,14 @@ video {
margin-top: 3rem;
}
.mt-4 {
margin-top: 1rem;
}
.mr-2 {
margin-right: 0.5rem;
}
.box-border {
box-sizing: border-box;
}
@ -911,10 +940,22 @@ video {
height: 16rem;
}
.h-24 {
height: 6rem;
}
.max-h-\[90vh\] {
max-height: 90vh;
}
.min-h-\[64px\] {
min-height: 64px;
}
.min-h-screen {
min-height: 100vh;
}
.w-12 {
width: 3rem;
}
@ -1003,6 +1044,14 @@ video {
width: 16rem;
}
.w-24 {
width: 6rem;
}
.min-w-\[2rem\] {
min-width: 2rem;
}
.max-w-2xl {
max-width: 42rem;
}
@ -1057,6 +1106,11 @@ video {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-full {
--tw-translate-x: 100%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@ -1213,6 +1267,18 @@ video {
margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-x-6 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(1.5rem * var(--tw-space-x-reverse));
margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.overflow-hidden {
overflow: hidden;
}
@ -1221,6 +1287,10 @@ video {
overflow-x: auto;
}
.overflow-y-auto {
overflow-y: auto;
}
.whitespace-nowrap {
white-space: nowrap;
}
@ -1420,6 +1490,16 @@ video {
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-green-500 {
--tw-bg-opacity: 1;
background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}
.bg-gray-300 {
--tw-bg-opacity: 1;
background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}
.bg-opacity-60 {
--tw-bg-opacity: 0.6;
}
@ -1428,6 +1508,10 @@ video {
--tw-bg-opacity: 0.7;
}
.bg-opacity-50 {
--tw-bg-opacity: 0.5;
}
.bg-center {
background-position: center;
}
@ -1552,6 +1636,11 @@ video {
padding-bottom: 2rem;
}
.px-3 {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.pb-16 {
padding-bottom: 4rem;
}
@ -1600,6 +1689,10 @@ video {
padding-right: 0.75rem;
}
.pt-6 {
padding-top: 1.5rem;
}
.text-left {
text-align: left;
}
@ -1810,6 +1903,21 @@ video {
color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}
.text-gray-700 {
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.text-red-500 {
--tw-text-opacity: 1;
color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.text-blue-500 {
--tw-text-opacity: 1;
color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}
.text-opacity-90 {
--tw-text-opacity: 0.9;
}
@ -1954,6 +2062,21 @@ video {
background-color: rgb(184 135 63 / 0.9);
}
.hover\:bg-gray-100:hover {
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.hover\:bg-amber-600:hover {
--tw-bg-opacity: 1;
background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-400:hover {
--tw-bg-opacity: 1;
background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
}
.hover\:bg-opacity-80:hover {
--tw-bg-opacity: 0.8;
}
@ -2001,6 +2124,21 @@ video {
color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}
.hover\:text-red-700:hover {
--tw-text-opacity: 1;
color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.hover\:text-blue-700:hover {
--tw-text-opacity: 1;
color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-700:hover {
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.hover\:underline:hover {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
@ -2144,6 +2282,10 @@ video {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.md\:flex-row {
flex-direction: row;
}
.md\:gap-12 {
gap: 3rem;
}