Spaces:
Sleeping
Sleeping
Update app/layout.tsx
Browse files- app/layout.tsx +28 -1
app/layout.tsx
CHANGED
|
@@ -1,4 +1,7 @@
|
|
| 1 |
import './globals.css'
|
|
|
|
|
|
|
|
|
|
| 2 |
|
| 3 |
export const metadata = {
|
| 4 |
title: 'Tektresy | High-Conversion Systems',
|
|
@@ -12,7 +15,31 @@ export default function RootLayout({
|
|
| 12 |
}) {
|
| 13 |
return (
|
| 14 |
<html lang="en">
|
| 15 |
-
<body
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 16 |
</html>
|
| 17 |
)
|
| 18 |
}
|
|
|
|
| 1 |
import './globals.css'
|
| 2 |
+
import { Inter } from 'next/font/google'
|
| 3 |
+
|
| 4 |
+
const inter = Inter({ subsets: ['latin'] })
|
| 5 |
|
| 6 |
export const metadata = {
|
| 7 |
title: 'Tektresy | High-Conversion Systems',
|
|
|
|
| 15 |
}) {
|
| 16 |
return (
|
| 17 |
<html lang="en">
|
| 18 |
+
<body className={inter.className}>
|
| 19 |
+
{/* --- GLOBAL BACKGROUND LAYER --- */}
|
| 20 |
+
<div className="fixed inset-0 z-[-1]">
|
| 21 |
+
{/* 1. The Business Image (Blurred) */}
|
| 22 |
+
<div
|
| 23 |
+
className="absolute inset-0 bg-cover bg-center bg-no-repeat opacity-40 blur-sm scale-105"
|
| 24 |
+
style={{ backgroundImage: "url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?q=80&w=2070&auto=format&fit=crop')" }}
|
| 25 |
+
// Note: This is a high-quality "Modern Skyscraper" image.
|
| 26 |
+
// Alternatives:
|
| 27 |
+
// Tech: https://images.unsplash.com/photo-1518770660439-4636190af475
|
| 28 |
+
// Abstract: https://images.unsplash.com/photo-1451187580459-43490279c0fa
|
| 29 |
+
></div>
|
| 30 |
+
|
| 31 |
+
{/* 2. The Dark Gradient Overlay (Crucial for readability) */}
|
| 32 |
+
<div className="absolute inset-0 bg-gradient-to-b from-black/80 via-black/90 to-black"></div>
|
| 33 |
+
|
| 34 |
+
{/* 3. The Noise Texture (Keeps the "Gritty" Tech feel) */}
|
| 35 |
+
<div className="absolute inset-0 opacity-[0.05] bg-[url('https://grainy-gradients.vercel.app/noise.svg')]"></div>
|
| 36 |
+
</div>
|
| 37 |
+
|
| 38 |
+
{/* --- MAIN CONTENT --- */}
|
| 39 |
+
<div className="relative z-10">
|
| 40 |
+
{children}
|
| 41 |
+
</div>
|
| 42 |
+
</body>
|
| 43 |
</html>
|
| 44 |
)
|
| 45 |
}
|