Spaces:
Sleeping
Sleeping
| import './globals.css' | |
| import { Inter } from 'next/font/google' | |
| const inter = Inter({ subsets: ['latin'] }) | |
| export const metadata = { | |
| title: 'Tektresy | High-Conversion Systems', | |
| description: 'Premium funnel architecture.', | |
| } | |
| export default function RootLayout({ | |
| children, | |
| }: { | |
| children: React.ReactNode | |
| }) { | |
| return ( | |
| <html lang="en"> | |
| <body className={inter.className}> | |
| {/* --- GLOBAL BACKGROUND LAYER --- */} | |
| <div className="fixed inset-0 z-[-1]"> | |
| {/* 1. The Business Image (Blurred) */} | |
| <div | |
| className="absolute inset-0 bg-cover bg-center bg-no-repeat opacity-40 blur-sm scale-105" | |
| style={{ backgroundImage: "url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?q=80&w=2070&auto=format&fit=crop')" }} | |
| // Note: This is a high-quality "Modern Skyscraper" image. | |
| // Alternatives: | |
| // Tech: https://images.unsplash.com/photo-1518770660439-4636190af475 | |
| // Abstract: https://images.unsplash.com/photo-1451187580459-43490279c0fa | |
| ></div> | |
| {/* 2. The Dark Gradient Overlay (Crucial for readability) */} | |
| <div className="absolute inset-0 bg-gradient-to-b from-black/80 via-black/90 to-black"></div> | |
| {/* 3. The Noise Texture (Keeps the "Gritty" Tech feel) */} | |
| <div className="absolute inset-0 opacity-[0.05] bg-[url('https://grainy-gradients.vercel.app/noise.svg')]"></div> | |
| </div> | |
| {/* --- MAIN CONTENT --- */} | |
| <div className="relative z-10"> | |
| {children} | |
| </div> | |
| </body> | |
| </html> | |
| ) | |
| } | |