diff --git a/next.config.ts b/next.config.ts index e9ffa30..aa3958c 100644 --- a/next.config.ts +++ b/next.config.ts @@ -1,7 +1,11 @@ import type { NextConfig } from "next"; const nextConfig: NextConfig = { - /* config options here */ + output: 'export', + trailingSlash: true, + images: { + unoptimized: true, + }, }; export default nextConfig; diff --git a/public/images/kitchener.png b/public/images/kitchener.png index 1ec1a0f..60b2e00 100644 Binary files a/public/images/kitchener.png and b/public/images/kitchener.png differ diff --git a/src/app/globals.css b/src/app/globals.css index 36914dd..fb33ea2 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -28,21 +28,22 @@ body { overflow-x: hidden; } -h1, h2, h3, h4 { +h1, +h2, +h3, +h4 { font-family: var(--font-heading); color: var(--color-heading); } .grand-text { font-family: var(--font-heading); - background: linear-gradient( - 45deg, - #d3cab3 0%, - #d28839 25%, - #c49c5c 50%, - #d28839 75%, - #d3cab3 100% - ); + background: linear-gradient(45deg, + #d3cab3 0%, + #d28839 25%, + #c49c5c 50%, + #d28839 75%, + #d3cab3 100%); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; @@ -53,8 +54,13 @@ h1, h2, h3, h4 { } @keyframes colorShift { - 0% { background-position: 0% center; } - 100% { background-position: 200% center; } + 0% { + background-position: 0% center; + } + + 100% { + background-position: 200% center; + } } @@ -70,20 +76,26 @@ h1, h2, h3, h4 { left: -100%; width: 50%; height: 100%; - background: linear-gradient( - to right, - rgba(255, 255, 255, 0) 0%, - rgba(210, 136, 57, 0.4) 50%, - rgba(255, 255, 255, 0) 100% - ); + background: linear-gradient(to right, + rgba(255, 255, 255, 0) 0%, + rgba(210, 136, 57, 0.4) 50%, + rgba(255, 255, 255, 0) 100%); transform: skewX(-25deg); animation: shine 6s infinite; } @keyframes shine { - 0% { left: -100%; } - 20% { left: 100%; } - 100% { left: 100%; } + 0% { + left: -100%; + } + + 20% { + left: 100%; + } + + 100% { + left: 100%; + } } @@ -113,8 +125,8 @@ h1, h2, h3, h4 { .glass-card:hover { transform: translateY(-12px) scale(1.02); border-color: rgba(210, 136, 57, 0.8); - box-shadow: - 0 25px 50px rgba(0, 0, 0, 0.7), + box-shadow: + 0 25px 50px rgba(0, 0, 0, 0.7), 0 0 30px rgba(210, 136, 57, 0.25); } @@ -201,7 +213,7 @@ h1, h2, h3, h4 { justify-content: center; padding: 24px; overflow: hidden; - background: radial-gradient(circle at center, transparent 0%, rgba(0,0,0,0.4) 100%); + background: radial-gradient(circle at center, transparent 0%, rgba(0, 0, 0, 0.4) 100%); } @media (min-width: 768px) { @@ -214,7 +226,8 @@ h1, h2, h3, h4 { position: relative; z-index: 10; width: 100%; - max-width: 1152px; /* 6xl */ + max-width: 1152px; + /* 6xl */ margin: 0 auto; } @@ -245,7 +258,8 @@ h1, h2, h3, h4 { /* Card Specifics */ .card-image-container { position: relative; - height: 384px; /* 24rem / 96 */ + height: 384px; + /* 24rem / 96 */ overflow: hidden; } @@ -258,21 +272,60 @@ h1, h2, h3, h4 { .card-content { padding: 40px; border-top: 1px solid rgba(176, 124, 75, 0.1); + background-color: #410d0a; } /* Text & Typography */ -.text-center { text-align: center; } -.text-gold { color: var(--color-gold); } -.flex-center { display: flex; justify-content: center; align-items: center; } -.flex-col { display: flex; flex-direction: column; } -.gap-2 { gap: 8px; } -.mb-2 { margin-bottom: 8px; } -.mb-3 { margin-bottom: 12px; } -.mb-4 { margin-bottom: 16px; } -.mb-6 { margin-bottom: 24px; } -.mb-8 { margin-bottom: 32px; } -.mt-12 { margin-top: 48px; } -.mt-24 { margin-top: 96px; } +.text-center { + text-align: center; +} + +.text-gold { + color: var(--color-gold); +} + +.flex-center { + display: flex; + justify-content: center; + align-items: center; +} + +.flex-col { + display: flex; + flex-direction: column; +} + +.gap-2 { + gap: 8px; +} + +.mb-2 { + margin-bottom: 8px; +} + +.mb-3 { + margin-bottom: 12px; +} + +.mb-4 { + margin-bottom: 16px; +} + +.mb-6 { + margin-bottom: 24px; +} + +.mb-8 { + margin-bottom: 32px; +} + +.mt-12 { + margin-top: 48px; +} + +.mt-24 { + margin-top: 96px; +} .footer-copyright { margin-top: 80px; @@ -306,6 +359,16 @@ h1, h2, h3, h4 { z-index: 0; } -.blob-1 { top: -16px; left: -16px; width: 256px; height: 256px; } -.blob-2 { bottom: -16px; right: -16px; width: 384px; height: 384px; } +.blob-1 { + top: -16px; + left: -16px; + width: 256px; + height: 256px; +} +.blob-2 { + bottom: -16px; + right: -16px; + width: 384px; + height: 384px; +} \ No newline at end of file