2026-03-13 02:16:19 +00:00
5 changed files with 67 additions and 26 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,24 +1,63 @@
 import type { Metadata } from "next";
 import { Halant } from "next/font/google";
 import { Inter } from "next/font/google";
+import { Figtree } from "next/font/google";
 import "./globals.css";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
-import { Figtree } from "next/font/google";

+const halant = Halant({
+  variable: "--font-halant",
+  subsets: ["latin"],
+  weight: ["300", "400", "500", "600", "700"],
+});

-
-export const metadata: Metadata = {
-  title: "Webild components 2",
-  description: "Generated by create next app",
-};
+const inter = Inter({
+  variable: "--font-inter",
+  subsets: ["latin"],
+});

 const figtree = Figtree({
  variable: "--font-figtree",
  subsets: ["latin"],
 });

+export const metadata: Metadata = {
+  title: "Cramatic Media — Premium Production Company | Automotive & Commercial",
+  description: "Premium cinematic production for automotive and commercial brands. Strategic content that drives results. Studio-built quality. Where Crazy Meets Cinematic.",
+  keywords: "premium video production, automotive cinematography, commercial production, content strategy, social media content, professional studio",
+  metadataBase: new URL("https://cramatic.media"),
+  alternates: {
+    canonical: "https://cramatic.media",
+  },
+  openGraph: {
+    title: "Cramatic Media — Premium Production Company",
+    description: "Premium cinematic production for automotive and commercial brands. Strategic content that drives results.",
+    url: "https://cramatic.media",
+    siteName: "Cramatic Media",
+    type: "website",
+    images: [
+      {
+        url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As4ayxFhi7jkJrZgvQUXtUVugh/a-cinematic-split-screen-hero-image-show-1773368117102-3e8af7d0.png",
+        alt: "Cramatic Media Premium Production",
+      },
+    ],
+  },
+  twitter: {
+    card: "summary_large_image",
+    title: "Cramatic Media — Where Crazy Meets Cinematic",
+    description: "Premium production company. Automotive authority. Commercial excellence.",
+    images: [
+      "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As4ayxFhi7jkJrZgvQUXtUVugh/a-cinematic-split-screen-hero-image-show-1773368117102-3e8af7d0.png",
+    ],
+  },
+  robots: {
+    index: true,
+    follow: true,
+  },
+};
+
 export default function RootLayout({
  children,
 }: Readonly<{
@@ -27,7 +66,9 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${figtree.variable} antialiased`}>
+        <body
+          className={`${halant.variable} ${inter.variable} ${figtree.variable} antialiased`}
+        >
          <Tag />
          {children}
          <script
@@ -39,4 +80,4 @@ export default function RootLayout({
      </ServiceWrapper>
    </html>
  );
-}
+}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -106,28 +106,28 @@ export default function HomePage() {
              id: 1,
              title: "Automotive",
              description: "Precision-led cinematic visual storytelling for dealerships, rentals, launches, automotive brands, edits, and car-based campaigns. This is our strongest authority niche.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As4ayxFhi7jkJrZgvQUXtUVugh/a-cinematic-behind-the-scenes-shot-of-pr-1773368116344-1c1df29f.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As4ayxFhi7jkJrZgvQUXtUVugh/a-cinematic-behind-the-scenes-shot-of-pr-1773368116344-1c1df29f.png?_wi=1",
              imageAlt: "Professional automotive videography production",
            },
            {
              id: 2,
              title: "Commercial Production",
              description: "Business adverts, branded campaigns, premium visual commercials, product campaigns, and business storytelling across all industries.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As4ayxFhi7jkJrZgvQUXtUVugh/a-modern-commercial-production-setup-wit-1773368116957-97834591.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As4ayxFhi7jkJrZgvQUXtUVugh/a-modern-commercial-production-setup-wit-1773368116957-97834591.png?_wi=1",
              imageAlt: "Commercial video production setup",
            },
            {
              id: 3,
              title: "Studio",
              description: "Cyclorama wall, backdrop systems, podcast setup, and controlled visual production environment. Full in-house creative control.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As4ayxFhi7jkJrZgvQUXtUVugh/an-interior-shot-of-a-professional-cyclo-1773368116832-cc916973.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As4ayxFhi7jkJrZgvQUXtUVugh/an-interior-shot-of-a-professional-cyclo-1773368116832-cc916973.png?_wi=1",
              imageAlt: "Professional cyclorama studio setup",
            },
            {
              id: 4,
              title: "Social Growth",
              description: "Content strategy, platform-led visuals, social media performance optimization, and organic audience growth with measurable results.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As4ayxFhi7jkJrZgvQUXtUVugh/a-modern-dashboard-view-showing-social-m-1773368117505-28279590.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As4ayxFhi7jkJrZgvQUXtUVugh/a-modern-dashboard-view-showing-social-m-1773368117505-28279590.png?_wi=1",
              imageAlt: "Social media analytics dashboard",
            },
          ]}
@@ -145,7 +145,7 @@ export default function HomePage() {
            { text: "Learn More", href: "/why-work-with-us" },
          ]}
          buttonAnimation="blur-reveal"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As4ayxFhi7jkJrZgvQUXtUVugh/a-strategic-production-planning-scene-wi-1773368117194-35979484.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As4ayxFhi7jkJrZgvQUXtUVugh/a-strategic-production-planning-scene-wi-1773368117194-35979484.png?_wi=1"
          imageAlt="Strategic content production planning"
          useInvertedBackground={false}
        />
@@ -230,21 +230,21 @@ export default function HomePage() {
              id: "1",
              name: "Cyclorama Wall",
              price: "Professional Studio",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As4ayxFhi7jkJrZgvQUXtUVugh/a-professional-cyclorama-white-infinity--1773368115923-febd9089.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As4ayxFhi7jkJrZgvQUXtUVugh/a-professional-cyclorama-white-infinity--1773368115923-febd9089.png?_wi=1",
              imageAlt: "Professional cyclorama infinity wall",
            },
            {
              id: "2",
              name: "Backdrop System",
              price: "3.55m Infinity",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As4ayxFhi7jkJrZgvQUXtUVugh/a-professional-backdrop-system-showing-m-1773368118450-40f15fc1.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As4ayxFhi7jkJrZgvQUXtUVugh/a-professional-backdrop-system-showing-m-1773368118450-40f15fc1.png?_wi=1",
              imageAlt: "Professional backdrop system with color options",
            },
            {
              id: "3",
              name: "Podcast Setup",
              price: "Professional Audio",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As4ayxFhi7jkJrZgvQUXtUVugh/a-professional-podcast-production-setup--1773368116794-634f84fc.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As4ayxFhi7jkJrZgvQUXtUVugh/a-professional-podcast-production-setup--1773368116794-634f84fc.png?_wi=1",
              imageAlt: "Professional podcast production setup",
            },
          ]}
--- a/src/app/photo-video-production/page.tsx
+++ b/src/app/photo-video-production/page.tsx
@@ -79,21 +79,21 @@ export default function ProductionPage() {
              id: 1,
              title: "Automotive Photography & Videography",
              description: "Precision-led cinematic visual storytelling for dealerships, vehicle rentals, automotive launches, and brand campaigns. We specialize in capturing movement, detail, and visual impact that drives engagement and sales.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As4ayxFhi7jkJrZgvQUXtUVugh/a-cinematic-behind-the-scenes-shot-of-pr-1773368116344-1c1df29f.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As4ayxFhi7jkJrZgvQUXtUVugh/a-cinematic-behind-the-scenes-shot-of-pr-1773368116344-1c1df29f.png?_wi=2",
              imageAlt: "Professional automotive videography",
            },
            {
              id: 2,
              title: "Commercial & Branded Production",
              description: "Business adverts, product campaigns, premium commercials, and branded storytelling. We create visual content that communicates your brand message with authority and sophistication across all industries.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As4ayxFhi7jkJrZgvQUXtUVugh/a-modern-commercial-production-setup-wit-1773368116957-97834591.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As4ayxFhi7jkJrZgvQUXtUVugh/a-modern-commercial-production-setup-wit-1773368116957-97834591.png?_wi=2",
              imageAlt: "Commercial production setup",
            },
            {
              id: 3,
              title: "In-Studio Production",
              description: "Professional cyclorama wall, backdrop systems, podcast setup, and controlled production environment. Complete creative control with in-house facilities for faster turnaround and premium execution.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As4ayxFhi7jkJrZgvQUXtUVugh/an-interior-shot-of-a-professional-cyclo-1773368116832-cc916973.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As4ayxFhi7jkJrZgvQUXtUVugh/an-interior-shot-of-a-professional-cyclo-1773368116832-cc916973.png?_wi=2",
              imageAlt: "Professional studio facility",
            },
          ]}
--- a/src/app/studio/page.tsx
+++ b/src/app/studio/page.tsx
@@ -52,7 +52,7 @@ export default function StudioPage() {
            { text: "Book Your Session", href: "/contact" },
          ]}
          buttonAnimation="blur-reveal"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As4ayxFhi7jkJrZgvQUXtUVugh/an-interior-shot-of-a-professional-cyclo-1773368116832-cc916973.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As4ayxFhi7jkJrZgvQUXtUVugh/an-interior-shot-of-a-professional-cyclo-1773368116832-cc916973.png?_wi=3"
          imageAlt="Professional cyclorama studio with modern equipment"
          useInvertedBackground={false}
        />
@@ -74,21 +74,21 @@ export default function StudioPage() {
              id: "1",
              name: "Cyclorama Wall",
              price: "Seamless Infinity",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As4ayxFhi7jkJrZgvQUXtUVugh/a-professional-cyclorama-white-infinity--1773368115923-febd9089.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As4ayxFhi7jkJrZgvQUXtUVugh/a-professional-cyclorama-white-infinity--1773368115923-febd9089.png?_wi=2",
              imageAlt: "Professional white cyclorama infinity wall",
            },
            {
              id: "2",
              name: "Backdrop System",
              price: "3.55m Professional",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As4ayxFhi7jkJrZgvQUXtUVugh/a-professional-backdrop-system-showing-m-1773368118450-40f15fc1.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As4ayxFhi7jkJrZgvQUXtUVugh/a-professional-backdrop-system-showing-m-1773368118450-40f15fc1.png?_wi=2",
              imageAlt: "Professional motorized backdrop system with multiple colors",
            },
            {
              id: "3",
              name: "Podcast Studio",
              price: "Broadcast Quality",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As4ayxFhi7jkJrZgvQUXtUVugh/a-professional-podcast-production-setup--1773368116794-634f84fc.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As4ayxFhi7jkJrZgvQUXtUVugh/a-professional-podcast-production-setup--1773368116794-634f84fc.png?_wi=2",
              imageAlt: "Professional podcast production setup with microphones",
            },
          ]}
--- a/src/app/why-work-with-us/page.tsx
+++ b/src/app/why-work-with-us/page.tsx
@@ -55,21 +55,21 @@ export default function WhyWorkWithUsPage() {
              id: 1,
              title: "Strategic Testing",
              description: "We don't guess. We test content styles, study audience reactions, and iterate based on real performance data. Every decision is data-backed.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As4ayxFhi7jkJrZgvQUXtUVugh/a-strategic-production-planning-scene-wi-1773368117194-35979484.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As4ayxFhi7jkJrZgvQUXtUVugh/a-strategic-production-planning-scene-wi-1773368117194-35979484.png?_wi=2",
              imageAlt: "Strategic content production planning",
            },
            {
              id: 2,
              title: "In-House Control",
              description: "Everything is produced in-house. This means faster turnaround, complete creative control, and consistent quality. No outsourcing, no compromises.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As4ayxFhi7jkJrZgvQUXtUVugh/an-interior-shot-of-a-professional-cyclo-1773368116832-cc916973.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As4ayxFhi7jkJrZgvQUXtUVugh/an-interior-shot-of-a-professional-cyclo-1773368116832-cc916973.png?_wi=4",
              imageAlt: "Professional in-house production studio",
            },
            {
              id: 3,
              title: "Proven Track Record",
              description: "800K+ views in 24 hours. 400K+ views with 44K+ likes in 48 hours. When performance is this consistent, it's not luck—it's strategy and expertise.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As4ayxFhi7jkJrZgvQUXtUVugh/a-modern-dashboard-view-showing-social-m-1773368117505-28279590.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3As4ayxFhi7jkJrZgvQUXtUVugh/a-modern-dashboard-view-showing-social-m-1773368117505-28279590.png?_wi=2",
              imageAlt: "Social media analytics and performance metrics",
            },
          ]}