Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 9d4b0e2c59 | |||
| 4d2fcb287d | |||
| 1b15347f6b | |||
| 5aef21294c | |||
| a24d8be61a | |||
| f1bdc91e57 |
@@ -1,50 +1,32 @@
|
|||||||
import type { Metadata } from "next";
|
import type { Metadata } from 'next';
|
||||||
import { Halant } from "next/font/google";
|
import { Geist, Geist_Mono } from 'next/font/google';
|
||||||
import { Inter } from "next/font/google";
|
import './globals.css';
|
||||||
import { Inter_Tight } from "next/font/google";
|
|
||||||
import "./globals.css";
|
|
||||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
|
||||||
import Tag from "@/tag/Tag";
|
|
||||||
|
|
||||||
const halant = Halant({
|
const geist = Geist({
|
||||||
variable: "--font-halant", subsets: ["latin"],
|
variable: '--font-geist-sans',
|
||||||
weight: ["300", "400", "500", "600", "700"],
|
subsets: ['latin'],
|
||||||
});
|
});
|
||||||
|
|
||||||
const inter = Inter({
|
const geistMono = Geist_Mono({
|
||||||
variable: "--font-inter", subsets: ["latin"],
|
variable: '--font-geist-mono',
|
||||||
});
|
subsets: ['latin'],
|
||||||
|
|
||||||
const interTight = Inter_Tight({
|
|
||||||
variable: "--font-inter-tight", subsets: ["latin"],
|
|
||||||
weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
|
|
||||||
});
|
});
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
export const metadata: Metadata = {
|
||||||
title: "Video Production Portfolio | Cinematic Excellence", description: "Professional video producer showcasing cinematic work, creative studio setups, and visual storytelling with precision lighting and artistic direction.", keywords: "video production, cinematography, filmmaker, studio setup, cinematic video, professional videographer", robots: {
|
title: 'Studio',
|
||||||
index: true,
|
description: 'Professional video production and cinematic excellence',
|
||||||
follow: true,
|
|
||||||
},
|
|
||||||
openGraph: {
|
|
||||||
title: "Video Production Portfolio | Cinematic Excellence", description: "Professional video producer showcasing cinematic work and creative studio setups", type: "website", siteName: "Studio"},
|
|
||||||
twitter: {
|
|
||||||
card: "summary_large_image", title: "Video Production Portfolio | Cinematic Excellence", description: "Professional video producer showcasing cinematic work and creative studio setups"},
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export default function RootLayout({
|
export default function RootLayout({
|
||||||
children,
|
children,
|
||||||
}: Readonly<{
|
}: {
|
||||||
children: React.ReactNode;
|
children: React.ReactNode;
|
||||||
}>) {
|
}) {
|
||||||
return (
|
return (
|
||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en">
|
||||||
<ServiceWrapper>
|
<body className={`${geist.variable} ${geistMono.variable} antialiased`}>
|
||||||
<body
|
{children}
|
||||||
className={`${halant.variable} ${inter.variable} ${interTight.variable} antialiased`}
|
|
||||||
>
|
|
||||||
<Tag />
|
|
||||||
{children}
|
|
||||||
|
|
||||||
<script
|
<script
|
||||||
dangerouslySetInnerHTML={{
|
dangerouslySetInnerHTML={{
|
||||||
__html: `
|
__html: `
|
||||||
@@ -1412,7 +1394,6 @@ export default function RootLayout({
|
|||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
</body>
|
</body>
|
||||||
</ServiceWrapper>
|
|
||||||
</html>
|
</html>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -105,8 +105,6 @@ export default function LandingPage() {
|
|||||||
tagAnimation="blur-reveal"
|
tagAnimation="blur-reveal"
|
||||||
containerClassName="relative"
|
containerClassName="relative"
|
||||||
textBoxClassName="backdrop-blur-sm bg-white/5 rounded-2xl p-8 border border-white/10 mb-12"
|
textBoxClassName="backdrop-blur-sm bg-white/5 rounded-2xl p-8 border border-white/10 mb-12"
|
||||||
titleClassName="text-white font-bold"
|
|
||||||
descriptionClassName="text-white/80"
|
|
||||||
cardClassName="group relative overflow-hidden rounded-xl backdrop-blur-sm bg-white/5 border border-white/10 hover:border-red-500/30 transition-all duration-300"
|
cardClassName="group relative overflow-hidden rounded-xl backdrop-blur-sm bg-white/5 border border-white/10 hover:border-red-500/30 transition-all duration-300"
|
||||||
imageClassName="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
|
imageClassName="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
|
||||||
gridClassName="gap-4 md:gap-6"
|
gridClassName="gap-4 md:gap-6"
|
||||||
@@ -126,7 +124,7 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
ariaLabel="Video producer metrics and achievements"
|
ariaLabel="Video producer metrics and achievements"
|
||||||
containerClassName="relative backdrop-blur-sm bg-gradient-to-b from-white/5 to-white/0 rounded-3xl border border-white/10 p-12 md:p-16"
|
containerClassName="relative backdrop-blur-sm bg-gradient-to-b from-white/5 to-white/0 rounded-3xl border border-white/10 p-12 md:p-16"
|
||||||
titleClassName="text-white text-2xl md:text-4xl font-bold text-center max-w-3xl mx-auto"
|
titleClassName="text-white text-2xl md:text-4xl font-bold text-center max-w-3xl mx-auto before:content-['Our_Impact:_'] before:text-red-400 before:mr-2 before:text-base before:align-super"
|
||||||
metricsContainerClassName="gap-6 md:gap-8"
|
metricsContainerClassName="gap-6 md:gap-8"
|
||||||
metricCardClassName="backdrop-blur-md bg-white/5 border border-white/10 hover:border-red-500/30 rounded-xl p-8 transition-all duration-300 group"
|
metricCardClassName="backdrop-blur-md bg-white/5 border border-white/10 hover:border-red-500/30 rounded-xl p-8 transition-all duration-300 group"
|
||||||
metricIconClassName="text-red-400 group-hover:text-red-300 transition-colors"
|
metricIconClassName="text-red-400 group-hover:text-red-300 transition-colors"
|
||||||
|
|||||||
Reference in New Issue
Block a user