diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index f1c84a2..064766e 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -54,7 +54,7 @@ export default function AboutPage() {
         <HeroLogo
           logoText="About OpusClip"
           description="We're on a mission to democratize video editing. Empowering creators worldwide with professional-grade tools, completely free, forever."
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BF8nYLAeDcNMjxCzQZn47kydbi/a-modern-sleek-video-editing-dashboard-i-1774159923054-24485574.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BF8nYLAeDcNMjxCzQZn47kydbi/a-modern-sleek-video-editing-dashboard-i-1774159923054-24485574.png?_wi=3"
           imageAlt="OpusClip team and vision"
           buttonAnimation="slide-up"
           buttons={[
diff --git a/src/app/features/page.tsx b/src/app/features/page.tsx
index 5e14aa5..14bb673 100644
--- a/src/app/features/page.tsx
+++ b/src/app/features/page.tsx
@@ -127,7 +127,7 @@ export default function FeaturesPage() {
               name: "Quick Clip",
               price: "Free",
               imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BF8nYLAeDcNMjxCzQZn47kydbi/a-minimalist-icon-or-illustration-repres-1774159921850-56e5f9f7.png",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BF8nYLAeDcNMjxCzQZn47kydbi/a-minimalist-icon-or-illustration-repres-1774159921850-56e5f9f7.png?_wi=2",
               imageAlt: "Quick Clip for fast video processing",
             },
             {
@@ -135,7 +135,7 @@ export default function FeaturesPage() {
               name: "Advanced Editor",
               price: "Free",
               imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BF8nYLAeDcNMjxCzQZn47kydbi/an-illustration-of-an-advanced-video-edi-1774159922921-365c051c.png",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BF8nYLAeDcNMjxCzQZn47kydbi/an-illustration-of-an-advanced-video-edi-1774159922921-365c051c.png?_wi=2",
               imageAlt: "Advanced Editor with professional controls",
             },
             {
@@ -143,7 +143,7 @@ export default function FeaturesPage() {
               name: "Batch Processor",
               price: "Free",
               imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BF8nYLAeDcNMjxCzQZn47kydbi/an-illustration-showing-multiple-video-f-1774159922185-f1052ac7.png",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BF8nYLAeDcNMjxCzQZn47kydbi/an-illustration-showing-multiple-video-f-1774159922185-f1052ac7.png?_wi=2",
               imageAlt: "Batch Processor for multiple videos",
             },
           ]}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 2ed8420..beafdc8 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,24 +1,61 @@
 import type { Metadata } from "next";
 import { Halant } from "next/font/google";
 import { Inter } from "next/font/google";
+import { Manrope } 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 { Manrope } 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 manrope = Manrope({
   variable: "--font-manrope",
   subsets: ["latin"],
 });
 
+export const metadata: Metadata = {
+  title: "OpusClip - Free AI Video Clipping & Content Repurposing Platform",
+  description: "Transform long-form videos into viral clips with AI-powered highlights, smart captions, and direct posting to YouTube & Instagram. Completely free, no paywalls. Used by 500K+ creators worldwide.",
+  keywords: "video clipping, AI video editing, content repurposing, YouTube automation, Instagram posting, video captions, social media tool, free video editor",
+  metadataBase: new URL("https://opusclip.example.com"),
+  alternates: {
+    canonical: "https://opusclip.example.com",
+  },
+  openGraph: {
+    title: "OpusClip - Free Video Clipping Platform",
+    description: "AI-powered video clipping with instant social media posting. Free forever, no subscriptions.",
+    url: "https://opusclip.example.com",
+    siteName: "OpusClip",
+    type: "website",
+    images: [
+      {
+        url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BF8nYLAeDcNMjxCzQZn47kydbi/a-modern-sleek-video-editing-dashboard-i-1774159923054-24485574.png",
+        alt: "OpusClip Video Clipping Dashboard",
+      },
+    ],
+  },
+  twitter: {
+    card: "summary_large_image",
+    title: "OpusClip - Free AI Video Clipping",
+    description: "Transform videos into viral clips instantly. Free forever.",
+    images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BF8nYLAeDcNMjxCzQZn47kydbi/a-modern-sleek-video-editing-dashboard-i-1774159923054-24485574.png"],
+  },
+  robots: {
+    index: true,
+    follow: true,
+  },
+};
+
 export default function RootLayout({
   children,
 }: Readonly<{
@@ -27,7 +64,9 @@ export default function RootLayout({
   return (
     <html lang="en" suppressHydrationWarning>
       <ServiceWrapper>
-        <body className={`${manrope.variable} antialiased`}>
+        <body
+          className={`${halant.variable} ${inter.variable} ${manrope.variable} antialiased`}
+        >
           <Tag />
           {children}
           <script
@@ -39,4 +78,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 58e9704..c5affc4 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -72,7 +72,7 @@ export default function HomePage() {
         <HeroLogo
           logoText="OpusClip"
           description="Transform long-form videos into viral-ready clips with AI-powered highlights, smart captions, and instant social media optimization. Post to YouTube and Instagram directly from the app—completely free, forever."
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BF8nYLAeDcNMjxCzQZn47kydbi/a-modern-sleek-video-editing-dashboard-i-1774159923054-24485574.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BF8nYLAeDcNMjxCzQZn47kydbi/a-modern-sleek-video-editing-dashboard-i-1774159923054-24485574.png?_wi=1"
           imageAlt="OpusClip AI video clipping dashboard interface"
           videoAriaLabel="OpusClip platform demonstration"
           showDimOverlay={false}
@@ -165,7 +165,7 @@ export default function HomePage() {
               name: "Quick Clip",
               price: "Free",
               imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BF8nYLAeDcNMjxCzQZn47kydbi/a-minimalist-icon-or-illustration-repres-1774159921850-56e5f9f7.png",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BF8nYLAeDcNMjxCzQZn47kydbi/a-minimalist-icon-or-illustration-repres-1774159921850-56e5f9f7.png?_wi=1",
               imageAlt: "Quick Clip workflow tool",
             },
             {
@@ -173,7 +173,7 @@ export default function HomePage() {
               name: "Advanced Editor",
               price: "Free",
               imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BF8nYLAeDcNMjxCzQZn47kydbi/an-illustration-of-an-advanced-video-edi-1774159922921-365c051c.png",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BF8nYLAeDcNMjxCzQZn47kydbi/an-illustration-of-an-advanced-video-edi-1774159922921-365c051c.png?_wi=1",
               imageAlt: "Advanced Editor workspace",
             },
             {
@@ -181,7 +181,7 @@ export default function HomePage() {
               name: "Batch Processor",
               price: "Free",
               imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BF8nYLAeDcNMjxCzQZn47kydbi/an-illustration-showing-multiple-video-f-1774159922185-f1052ac7.png",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BF8nYLAeDcNMjxCzQZn47kydbi/an-illustration-showing-multiple-video-f-1774159922185-f1052ac7.png?_wi=1",
               imageAlt: "Batch Processor for multiple videos",
             },
           ]}
diff --git a/src/app/pricing/page.tsx b/src/app/pricing/page.tsx
index 19481e0..7fec7a8 100644
--- a/src/app/pricing/page.tsx
+++ b/src/app/pricing/page.tsx
@@ -54,7 +54,7 @@ export default function PricingPage() {
         <HeroLogo
           logoText="OpusClip Pricing"
           description="Simple, transparent pricing. One plan, unlimited features, forever free."
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BF8nYLAeDcNMjxCzQZn47kydbi/a-modern-sleek-video-editing-dashboard-i-1774159923054-24485574.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BF8nYLAeDcNMjxCzQZn47kydbi/a-modern-sleek-video-editing-dashboard-i-1774159923054-24485574.png?_wi=2"
           imageAlt="OpusClip pricing dashboard"
           buttonAnimation="slide-up"
           buttons={[