372e4ae33e
All checks were successful
Build and Push Docker Images / docker (push) Successful in 2m20s
- Change header gradient from cyan-400/blue-400 to cyan-500/blue-500/indigo-600 (vibrant 3-color gradient) - Exclude /checkout/success from RootLayoutClient wrapper for fullscreen layout - Update color scheme throughout: gray → slate, green → blue/cyan/emerald - Add floating success badge below header - Add gradient backgrounds to offset sections - Update button styles with gradients and transform effects 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
28 lines
811 B
TypeScript
28 lines
811 B
TypeScript
'use client';
|
|
|
|
import { usePathname } from 'next/navigation';
|
|
import { Header } from './Header';
|
|
import { Footer } from './Footer';
|
|
|
|
export function RootLayoutClient({ children }: { children: React.ReactNode }) {
|
|
const pathname = usePathname();
|
|
const isAdminRoute = pathname?.startsWith('/admin');
|
|
const isCheckoutSuccess = pathname?.startsWith('/checkout/success');
|
|
|
|
if (isAdminRoute || isCheckoutSuccess) {
|
|
// Admin routes and checkout success render without header/footer
|
|
return <>{children}</>;
|
|
}
|
|
|
|
// Regular routes render with header/footer
|
|
return (
|
|
<>
|
|
<Header />
|
|
<main className="flex-1 max-w-[1600px] w-full mx-auto pb-8 sm:pb-12 px-4 sm:px-6 lg:px-8 overflow-hidden" style={{ paddingTop: '110px' }}>
|
|
{children}
|
|
</main>
|
|
<Footer />
|
|
</>
|
|
);
|
|
}
|