From ba9870a9080ac4bdcc6b291a8908d1790ab99b98 Mon Sep 17 00:00:00 2001
From: yassinehaimouch <yassinehaimouch@proton.me>
Date: Wed, 25 Jun 2025 15:00:35 +0100
Subject: update: landing-page

---
 apps/web/public/frame.svg                |  10 ++++++++++
 apps/web/public/landing-page-bg.png      | Bin 0 -> 230853 bytes
 apps/web/public/logo.svg                 |   4 ++++
 apps/web/src/app/globals.css             |   2 +-
 apps/web/src/app/page.tsx                |   8 ++++++++
 apps/web/src/components/header.tsx       |  11 ++++++++---
 apps/web/src/components/landing/hero.tsx |  27 +++++++++++++++++++--------
 7 files changed, 50 insertions(+), 12 deletions(-)
 create mode 100644 apps/web/public/frame.svg
 create mode 100644 apps/web/public/landing-page-bg.png
 create mode 100644 apps/web/public/logo.svg

(limited to 'apps/web')

diff --git a/apps/web/public/frame.svg b/apps/web/public/frame.svg
new file mode 100644
index 00000000..4dac68e9
--- /dev/null
+++ b/apps/web/public/frame.svg
@@ -0,0 +1,10 @@
+<svg width="459" height="77" viewBox="0 0 459 77" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.5" y="1.15625" width="458" height="75" rx="15.5" fill="#101010"/>
+<rect x="0.5" y="1.15625" width="458" height="75" rx="15.5" stroke="#FFCC00"/>
+<rect x="0.5" y="1.15625" width="31" height="75" rx="15.5" fill="#2A2A2A"/>
+<rect x="0.5" y="1.15625" width="31" height="75" rx="15.5" stroke="#FFCC00"/>
+<rect x="13" y="20.6562" width="6" height="36" rx="3" fill="#FFCC00"/>
+<rect x="427.5" y="1.15625" width="31" height="75" rx="15.5" fill="#2A2A2A"/>
+<rect x="427.5" y="1.15625" width="31" height="75" rx="15.5" stroke="#FFCC00"/>
+<rect x="440" y="20.6562" width="6" height="36" rx="3" fill="#FFCC00"/>
+</svg>
diff --git a/apps/web/public/landing-page-bg.png b/apps/web/public/landing-page-bg.png
new file mode 100644
index 00000000..4f873945
Binary files /dev/null and b/apps/web/public/landing-page-bg.png differ
diff --git a/apps/web/public/logo.svg b/apps/web/public/logo.svg
new file mode 100644
index 00000000..7de330af
--- /dev/null
+++ b/apps/web/public/logo.svg
@@ -0,0 +1,4 @@
+<svg width="142" height="32" viewBox="0 0 142 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M32 9.37305V22.627L22.627 32H9.37305L0 22.627V9.37305L9.37305 0H22.627L32 9.37305ZM8 8V24H24V8H8Z" fill="white"/>
+<path d="M53.048 24.884C48.104 24.884 45.104 21.524 45.104 16.004C45.104 10.484 48.104 7.076 53.048 7.076C58.04 7.076 61.016 10.484 61.016 16.004C61.016 21.524 58.04 24.884 53.048 24.884ZM53.048 22.508C56.36 22.508 58.328 20.108 58.328 16.004C58.328 11.9 56.36 9.452 53.048 9.452C49.784 9.452 47.792 11.9 47.792 16.004C47.792 20.108 49.784 22.508 53.048 22.508ZM62.9433 28.1V11.732H65.3433L65.3913 13.676C66.1353 12.212 67.5513 11.444 69.2553 11.444C72.9993 11.444 74.7273 14.516 74.7273 18.116C74.7273 21.716 72.9753 24.788 69.2553 24.788C67.5993 24.788 66.1593 24.02 65.4873 22.772V28.1H62.9433ZM68.7993 22.58C70.8393 22.58 72.0873 20.924 72.0873 18.116C72.0873 15.308 70.8393 13.652 68.7993 13.652C66.7593 13.652 65.4873 15.164 65.4873 18.116C65.4873 21.068 66.7353 22.58 68.7993 22.58ZM82.2266 24.788C78.5306 24.788 76.1786 22.148 76.1786 18.116C76.1786 14.084 78.5306 11.444 82.1546 11.444C85.6346 11.444 88.0106 13.916 88.0106 18.212V18.86H78.8426C78.9626 21.356 80.2346 22.604 82.2506 22.604C83.7626 22.604 84.7706 21.86 85.1786 20.66L87.8186 20.828C87.1466 23.204 85.0586 24.788 82.2266 24.788ZM85.2986 16.94C85.1546 14.684 83.9066 13.604 82.1546 13.604C80.3546 13.604 79.1306 14.78 78.8426 16.94H85.2986ZM90.1753 24.5V11.732H92.5033L92.5753 13.94C93.2473 12.212 94.7113 11.444 96.4393 11.444C99.2953 11.444 100.759 13.508 100.759 16.292V24.5H98.2153V17.06C98.2153 14.804 97.5193 13.58 95.7433 13.58C93.9433 13.58 92.7193 14.804 92.7193 17.06V24.5H90.1753ZM110.883 24.884C106.275 24.884 103.107 21.548 103.107 16.004C103.107 10.508 106.227 7.076 110.907 7.076C115.131 7.076 117.387 9.332 118.131 13.052L115.395 13.196C114.939 10.868 113.499 9.452 110.907 9.452C107.811 9.452 105.795 11.948 105.795 16.004C105.795 20.084 107.835 22.508 110.883 22.508C113.643 22.508 115.107 20.948 115.515 18.404L118.251 18.548C117.603 22.412 115.083 24.884 110.883 24.884ZM124.677 24.788C122.085 24.788 120.477 22.988 120.477 19.94V11.732H123.021V19.292C123.021 21.62 123.813 22.652 125.445 22.652C127.293 22.652 128.397 21.404 128.397 19.22V11.732H130.941V24.5H128.565L128.541 22.412C127.869 23.972 126.525 24.788 124.677 24.788ZM138.509 24.5C136.085 24.5 134.957 23.444 134.957 21.044V13.82H133.013V11.732H134.957V8.732H137.501V11.732H140.885V13.82H137.501V20.852C137.501 22.052 138.005 22.412 139.061 22.412H140.885V24.5H138.509Z" fill="white"/>
+</svg>
diff --git a/apps/web/src/app/globals.css b/apps/web/src/app/globals.css
index 2169dbbc..1c8a7887 100644
--- a/apps/web/src/app/globals.css
+++ b/apps/web/src/app/globals.css
@@ -39,7 +39,7 @@
     --sidebar-ring: 0 0% 3.9%;
   }
   .dark {
-    --background: 0 0% 8%;
+    --background: 0 0% 6%;
     --foreground: 0 0% 98%;
     --card: 0 0% 3.9%;
     --card-foreground: 0 0% 98%;
diff --git a/apps/web/src/app/page.tsx b/apps/web/src/app/page.tsx
index dcedab32..e9957e1b 100644
--- a/apps/web/src/app/page.tsx
+++ b/apps/web/src/app/page.tsx
@@ -1,6 +1,7 @@
 import { Hero } from "@/components/landing/hero";
 import { Header } from "@/components/header";
 import { getWaitlistCount } from "@/lib/waitlist";
+import Image from "next/image";
 
 // Force dynamic rendering so waitlist count updates in real-time
 export const dynamic = "force-dynamic";
@@ -10,6 +11,13 @@ export default async function Home() {
 
   return (
     <div>
+      <Image
+        className="fixed top-0 left-0 -z-50 size-full object-cover"
+        src="/landing-page-bg.png"
+        height={1903.5}
+        width={1269}
+        alt="landing-page.bg"
+      />
       <Header />
       <Hero signupCount={signupCount} />
     </div>
diff --git a/apps/web/src/components/header.tsx b/apps/web/src/components/header.tsx
index 27503cd0..d99a4fc5 100644
--- a/apps/web/src/components/header.tsx
+++ b/apps/web/src/components/header.tsx
@@ -29,8 +29,7 @@ export function Header() {
 
   const leftContent = (
     <Link href="/" className="flex items-center gap-3">
-      <Image src="/logo.png" alt="OpenCut Logo" width={24} height={24} />
-      <span className="font-medium tracking-tight">OpenCut</span>
+      <Image src="/logo.svg" alt="OpenCut Logo" width={142} height={32} />
     </Link>
   );
 
@@ -59,5 +58,11 @@ export function Header() {
     </nav>
   );
 
-  return <HeaderBase leftContent={leftContent} rightContent={rightContent} />;
+  return (
+    <HeaderBase
+      className="bg-[#1D1D1D] border border-white/10 rounded-2xl max-w-3xl mx-auto mt-4 pl-4 pr-[14px]"
+      leftContent={leftContent}
+      rightContent={rightContent}
+    />
+  );
 }
diff --git a/apps/web/src/components/landing/hero.tsx b/apps/web/src/components/landing/hero.tsx
index 7b4588c8..fadc043a 100644
--- a/apps/web/src/components/landing/hero.tsx
+++ b/apps/web/src/components/landing/hero.tsx
@@ -8,6 +8,7 @@ import Link from "next/link";
 import { useEffect, useState } from "react";
 import { useToast } from "@/hooks/use-toast";
 import { getStars } from "@/lib/fetchGhStars";
+import Image from "next/image";
 
 interface HeroProps {
   signupCount: number;
@@ -82,7 +83,7 @@ export function Hero({ signupCount }: HeroProps) {
   };
 
   return (
-    <div className="min-h-[calc(100vh-4rem)] flex flex-col justify-between items-center text-center px-4">
+    <div className="min-h-[calc(100vh-6rem)] flex flex-col justify-between items-center text-center px-4">
       <motion.div
         initial={{ opacity: 0 }}
         animate={{ opacity: 1 }}
@@ -93,14 +94,24 @@ export function Hero({ signupCount }: HeroProps) {
           initial={{ opacity: 0, y: 20 }}
           animate={{ opacity: 1, y: 0 }}
           transition={{ delay: 0.2, duration: 0.8 }}
-          className="inline-block"
+          className="inline-block font-bold tracking-tighter text-4xl md:text-[4rem]"
         >
-          <h1 className="text-5xl sm:text-7xl font-bold tracking-tighter">
-            The open source
-          </h1>
-          <h1 className="text-5xl sm:text-7xl font-bold tracking-tighter mt-2">
-            video editor
-          </h1>
+          <h1>The First Open Source</h1>
+          <div className="flex justify-center gap-4 leading-[4rem] mt-0 md:mt-2">
+            <span className="md:pl-24 ">Online</span>
+            <div className="relative -rotate-[3.76deg] max-w-[250px] md:max-w-[454px]">
+              <Image
+                className="mt-2.5 md:mt-0"
+                src="/frame.svg"
+                height={79}
+                width={459}
+                alt="frame"
+              />
+              <span className="absolute inset-0 flex items-center justify-center ">
+                Video Editor
+              </span>
+            </div>
+          </div>
         </motion.div>
 
         <motion.p
-- 
cgit v1.3.1


From e786d437a5b158fac22d47ad770d2a0d7e283668 Mon Sep 17 00:00:00 2001
From: muhammed sinan <muhammedsinan7749@gmail.com>
Date: Wed, 25 Jun 2025 19:57:35 +0530
Subject: made the project app PWA and moved metadata into a sperate file app
 folder

---
 apps/web/public/browserconfig.xml              |  11 +++++
 apps/web/public/favicon.ico                    | Bin 0 -> 1150 bytes
 apps/web/public/icons/android-icon-144x144.png | Bin 0 -> 1076 bytes
 apps/web/public/icons/android-icon-192x192.png | Bin 0 -> 741 bytes
 apps/web/public/icons/android-icon-36x36.png   | Bin 0 -> 768 bytes
 apps/web/public/icons/android-icon-48x48.png   | Bin 0 -> 802 bytes
 apps/web/public/icons/android-icon-72x72.png   | Bin 0 -> 826 bytes
 apps/web/public/icons/android-icon-96x96.png   | Bin 0 -> 906 bytes
 apps/web/public/icons/apple-icon-114x114.png   | Bin 0 -> 985 bytes
 apps/web/public/icons/apple-icon-120x120.png   | Bin 0 -> 998 bytes
 apps/web/public/icons/apple-icon-144x144.png   | Bin 0 -> 1076 bytes
 apps/web/public/icons/apple-icon-152x152.png   | Bin 0 -> 1163 bytes
 apps/web/public/icons/apple-icon-180x180.png   | Bin 0 -> 1360 bytes
 apps/web/public/icons/apple-icon-57x57.png     | Bin 0 -> 809 bytes
 apps/web/public/icons/apple-icon-60x60.png     | Bin 0 -> 843 bytes
 apps/web/public/icons/apple-icon-72x72.png     | Bin 0 -> 826 bytes
 apps/web/public/icons/apple-icon-76x76.png     | Bin 0 -> 820 bytes
 apps/web/public/icons/favicon-16x16.png        | Bin 0 -> 670 bytes
 apps/web/public/icons/favicon-32x32.png        | Bin 0 -> 747 bytes
 apps/web/public/icons/favicon-96x96.png        | Bin 0 -> 906 bytes
 apps/web/public/icons/ms-icon-144x144.png      | Bin 0 -> 1076 bytes
 apps/web/public/icons/ms-icon-150x150.png      | Bin 0 -> 1159 bytes
 apps/web/public/icons/ms-icon-310x310.png      | Bin 0 -> 2749 bytes
 apps/web/public/icons/ms-icon-70x70.png        | Bin 0 -> 814 bytes
 apps/web/public/manifest.json                  |  44 +++++++++++++++++
 apps/web/src/app/favicon.ico                   | Bin 4286 -> 0 bytes
 apps/web/src/app/layout.tsx                    |  36 +-------------
 apps/web/src/app/metadata.ts                   |  64 +++++++++++++++++++++++++
 28 files changed, 120 insertions(+), 35 deletions(-)
 create mode 100644 apps/web/public/browserconfig.xml
 create mode 100644 apps/web/public/favicon.ico
 create mode 100644 apps/web/public/icons/android-icon-144x144.png
 create mode 100644 apps/web/public/icons/android-icon-192x192.png
 create mode 100644 apps/web/public/icons/android-icon-36x36.png
 create mode 100644 apps/web/public/icons/android-icon-48x48.png
 create mode 100644 apps/web/public/icons/android-icon-72x72.png
 create mode 100644 apps/web/public/icons/android-icon-96x96.png
 create mode 100644 apps/web/public/icons/apple-icon-114x114.png
 create mode 100644 apps/web/public/icons/apple-icon-120x120.png
 create mode 100644 apps/web/public/icons/apple-icon-144x144.png
 create mode 100644 apps/web/public/icons/apple-icon-152x152.png
 create mode 100644 apps/web/public/icons/apple-icon-180x180.png
 create mode 100644 apps/web/public/icons/apple-icon-57x57.png
 create mode 100644 apps/web/public/icons/apple-icon-60x60.png
 create mode 100644 apps/web/public/icons/apple-icon-72x72.png
 create mode 100644 apps/web/public/icons/apple-icon-76x76.png
 create mode 100644 apps/web/public/icons/favicon-16x16.png
 create mode 100644 apps/web/public/icons/favicon-32x32.png
 create mode 100644 apps/web/public/icons/favicon-96x96.png
 create mode 100644 apps/web/public/icons/ms-icon-144x144.png
 create mode 100644 apps/web/public/icons/ms-icon-150x150.png
 create mode 100644 apps/web/public/icons/ms-icon-310x310.png
 create mode 100644 apps/web/public/icons/ms-icon-70x70.png
 create mode 100644 apps/web/public/manifest.json
 delete mode 100644 apps/web/src/app/favicon.ico
 create mode 100644 apps/web/src/app/metadata.ts

(limited to 'apps/web')

diff --git a/apps/web/public/browserconfig.xml b/apps/web/public/browserconfig.xml
new file mode 100644
index 00000000..39060b21
--- /dev/null
+++ b/apps/web/public/browserconfig.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square70x70logo src="/icons/ms-icon-70x70.png"/>
+            <square150x150logo src="/icons/ms-icon-150x150.png"/>
+            <square310x310logo src="/icons/ms-icon-310x310.png"/>
+            <TileColor>#ffffff</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
\ No newline at end of file
diff --git a/apps/web/public/favicon.ico b/apps/web/public/favicon.ico
new file mode 100644
index 00000000..9b2cba8f
Binary files /dev/null and b/apps/web/public/favicon.ico differ
diff --git a/apps/web/public/icons/android-icon-144x144.png b/apps/web/public/icons/android-icon-144x144.png
new file mode 100644
index 00000000..7320ece7
Binary files /dev/null and b/apps/web/public/icons/android-icon-144x144.png differ
diff --git a/apps/web/public/icons/android-icon-192x192.png b/apps/web/public/icons/android-icon-192x192.png
new file mode 100644
index 00000000..f534f429
Binary files /dev/null and b/apps/web/public/icons/android-icon-192x192.png differ
diff --git a/apps/web/public/icons/android-icon-36x36.png b/apps/web/public/icons/android-icon-36x36.png
new file mode 100644
index 00000000..6b8db020
Binary files /dev/null and b/apps/web/public/icons/android-icon-36x36.png differ
diff --git a/apps/web/public/icons/android-icon-48x48.png b/apps/web/public/icons/android-icon-48x48.png
new file mode 100644
index 00000000..30a68fa5
Binary files /dev/null and b/apps/web/public/icons/android-icon-48x48.png differ
diff --git a/apps/web/public/icons/android-icon-72x72.png b/apps/web/public/icons/android-icon-72x72.png
new file mode 100644
index 00000000..e4019c84
Binary files /dev/null and b/apps/web/public/icons/android-icon-72x72.png differ
diff --git a/apps/web/public/icons/android-icon-96x96.png b/apps/web/public/icons/android-icon-96x96.png
new file mode 100644
index 00000000..85591ab4
Binary files /dev/null and b/apps/web/public/icons/android-icon-96x96.png differ
diff --git a/apps/web/public/icons/apple-icon-114x114.png b/apps/web/public/icons/apple-icon-114x114.png
new file mode 100644
index 00000000..c776e3f9
Binary files /dev/null and b/apps/web/public/icons/apple-icon-114x114.png differ
diff --git a/apps/web/public/icons/apple-icon-120x120.png b/apps/web/public/icons/apple-icon-120x120.png
new file mode 100644
index 00000000..76604df8
Binary files /dev/null and b/apps/web/public/icons/apple-icon-120x120.png differ
diff --git a/apps/web/public/icons/apple-icon-144x144.png b/apps/web/public/icons/apple-icon-144x144.png
new file mode 100644
index 00000000..7320ece7
Binary files /dev/null and b/apps/web/public/icons/apple-icon-144x144.png differ
diff --git a/apps/web/public/icons/apple-icon-152x152.png b/apps/web/public/icons/apple-icon-152x152.png
new file mode 100644
index 00000000..eb5ef0df
Binary files /dev/null and b/apps/web/public/icons/apple-icon-152x152.png differ
diff --git a/apps/web/public/icons/apple-icon-180x180.png b/apps/web/public/icons/apple-icon-180x180.png
new file mode 100644
index 00000000..b90e62fb
Binary files /dev/null and b/apps/web/public/icons/apple-icon-180x180.png differ
diff --git a/apps/web/public/icons/apple-icon-57x57.png b/apps/web/public/icons/apple-icon-57x57.png
new file mode 100644
index 00000000..7cfb2e56
Binary files /dev/null and b/apps/web/public/icons/apple-icon-57x57.png differ
diff --git a/apps/web/public/icons/apple-icon-60x60.png b/apps/web/public/icons/apple-icon-60x60.png
new file mode 100644
index 00000000..1d90a370
Binary files /dev/null and b/apps/web/public/icons/apple-icon-60x60.png differ
diff --git a/apps/web/public/icons/apple-icon-72x72.png b/apps/web/public/icons/apple-icon-72x72.png
new file mode 100644
index 00000000..e4019c84
Binary files /dev/null and b/apps/web/public/icons/apple-icon-72x72.png differ
diff --git a/apps/web/public/icons/apple-icon-76x76.png b/apps/web/public/icons/apple-icon-76x76.png
new file mode 100644
index 00000000..34575f42
Binary files /dev/null and b/apps/web/public/icons/apple-icon-76x76.png differ
diff --git a/apps/web/public/icons/favicon-16x16.png b/apps/web/public/icons/favicon-16x16.png
new file mode 100644
index 00000000..96db3a2f
Binary files /dev/null and b/apps/web/public/icons/favicon-16x16.png differ
diff --git a/apps/web/public/icons/favicon-32x32.png b/apps/web/public/icons/favicon-32x32.png
new file mode 100644
index 00000000..f8f589dc
Binary files /dev/null and b/apps/web/public/icons/favicon-32x32.png differ
diff --git a/apps/web/public/icons/favicon-96x96.png b/apps/web/public/icons/favicon-96x96.png
new file mode 100644
index 00000000..85591ab4
Binary files /dev/null and b/apps/web/public/icons/favicon-96x96.png differ
diff --git a/apps/web/public/icons/ms-icon-144x144.png b/apps/web/public/icons/ms-icon-144x144.png
new file mode 100644
index 00000000..7320ece7
Binary files /dev/null and b/apps/web/public/icons/ms-icon-144x144.png differ
diff --git a/apps/web/public/icons/ms-icon-150x150.png b/apps/web/public/icons/ms-icon-150x150.png
new file mode 100644
index 00000000..248ef48a
Binary files /dev/null and b/apps/web/public/icons/ms-icon-150x150.png differ
diff --git a/apps/web/public/icons/ms-icon-310x310.png b/apps/web/public/icons/ms-icon-310x310.png
new file mode 100644
index 00000000..950a3d6b
Binary files /dev/null and b/apps/web/public/icons/ms-icon-310x310.png differ
diff --git a/apps/web/public/icons/ms-icon-70x70.png b/apps/web/public/icons/ms-icon-70x70.png
new file mode 100644
index 00000000..7b9c2694
Binary files /dev/null and b/apps/web/public/icons/ms-icon-70x70.png differ
diff --git a/apps/web/public/manifest.json b/apps/web/public/manifest.json
new file mode 100644
index 00000000..fcbfad59
--- /dev/null
+++ b/apps/web/public/manifest.json
@@ -0,0 +1,44 @@
+{
+    "name": "OpenCut",
+    "description": "A simple but powerful video editor that gets the job done. In your browser.",
+    "display": "standalone",
+    "start_url": "/",
+    "icons": [
+        {
+            "src": "/icons/android-icon-36x36.png",
+            "sizes": "36x36",
+            "type": "image\/png",
+            "density": "0.75"
+        },
+        {
+            "src": "/icons/android-icon-48x48.png",
+            "sizes": "48x48",
+            "type": "image\/png",
+            "density": "1.0"
+        },
+        {
+            "src": "/icons/android-icon-72x72.png",
+            "sizes": "72x72",
+            "type": "image\/png",
+            "density": "1.5"
+        },
+        {
+            "src": "/icons/android-icon-96x96.png",
+            "sizes": "96x96",
+            "type": "image\/png",
+            "density": "2.0"
+        },
+        {
+            "src": "/icons/android-icon-144x144.png",
+            "sizes": "144x144",
+            "type": "image\/png",
+            "density": "3.0"
+        },
+        {
+            "src": "/icons/android-icon-192x192.png",
+            "sizes": "192x192",
+            "type": "image\/png",
+            "density": "4.0"
+        }
+    ]
+}
\ No newline at end of file
diff --git a/apps/web/src/app/favicon.ico b/apps/web/src/app/favicon.ico
deleted file mode 100644
index cb20127b..00000000
Binary files a/apps/web/src/app/favicon.ico and /dev/null differ
diff --git a/apps/web/src/app/layout.tsx b/apps/web/src/app/layout.tsx
index 5d33100d..c76dc451 100644
--- a/apps/web/src/app/layout.tsx
+++ b/apps/web/src/app/layout.tsx
@@ -1,4 +1,3 @@
-import type { Metadata } from "next";
 import { Inter } from "next/font/google";
 import { ThemeProvider } from "next-themes";
 import { Analytics } from "@vercel/analytics/react";
@@ -12,40 +11,7 @@ const inter = Inter({
   variable: "--font-inter",
 });
 
-export const metadata: Metadata = {
-  title: "OpenCut",
-  description:
-    "A simple but powerful video editor that gets the job done. In your browser.",
-  openGraph: {
-    title: "OpenCut",
-    description:
-      "A simple but powerful video editor that gets the job done. In your browser.",
-    url: "https://opencut.app",
-    siteName: "OpenCut",
-    locale: "en_US",
-    type: "website",
-    images: [
-      {
-        url: "https://opencut.app/opengraph-image.jpg",
-        width: 1200,
-        height: 630,
-        alt: "OpenCut",
-      },
-    ],
-  },
-  twitter: {
-    card: "summary_large_image",
-    title: "OpenCut",
-    description:
-      "A simple but powerful video editor that gets the job done. In your browser.",
-    creator: "@opencutapp",
-    images: ["/opengraph-image.jpg"],
-  },
-  robots: {
-    index: true,
-    follow: true,
-  },
-};
+export { metadata } from './metadata'
 
 export default function RootLayout({
   children,
diff --git a/apps/web/src/app/metadata.ts b/apps/web/src/app/metadata.ts
new file mode 100644
index 00000000..4db2e8de
--- /dev/null
+++ b/apps/web/src/app/metadata.ts
@@ -0,0 +1,64 @@
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+    title: "OpenCut",
+    description:
+        "A simple but powerful video editor that gets the job done. In your browser.",
+    openGraph: {
+        title: "OpenCut",
+        description:
+            "A simple but powerful video editor that gets the job done. In your browser.",
+        url: "https://opencut.app",
+        siteName: "OpenCut",
+        locale: "en_US",
+        type: "website",
+        images: [
+            {
+                url: "https://opencut.app/opengraph-image.jpg",
+                width: 1200,
+                height: 630,
+                alt: "OpenCut",
+            },
+        ],
+    },
+    twitter: {
+        card: "summary_large_image",
+        title: "OpenCut",
+        description:
+            "A simple but powerful video editor that gets the job done. In your browser.",
+        creator: "@opencutapp",
+        images: ["/opengraph-image.jpg"],
+    },
+    robots: {
+        index: true,
+        follow: true,
+    },
+    icons: {
+        icon: [
+            { url: "/favicon.ico" },
+            { url: "/icons/favicon-16x16.png", sizes: "16x16", type: "image/png" },
+            { url: "/icons/favicon-32x32.png", sizes: "32x32", type: "image/png" },
+            { url: "/icons/favicon-96x96.png", sizes: "96x96", type: "image/png" },
+        ],
+        apple: [
+            { url: "/icons/apple-icon-57x57.png", sizes: "57x57", type: "image/png" },
+            { url: "/icons/apple-icon-60x60.png", sizes: "60x60", type: "image/png" },
+            { url: "/icons/apple-icon-72x72.png", sizes: "72x72", type: "image/png" },
+            { url: "/icons/apple-icon-76x76.png", sizes: "76x76", type: "image/png" },
+            { url: "/icons/apple-icon-114x114.png", sizes: "114x114", type: "image/png" },
+            { url: "/icons/apple-icon-120x120.png", sizes: "120x120", type: "image/png" },
+            { url: "/icons/apple-icon-144x144.png", sizes: "144x144", type: "image/png" },
+            { url: "/icons/apple-icon-152x152.png", sizes: "152x152", type: "image/png" },
+            { url: "/icons/apple-icon-180x180.png", sizes: "180x180", type: "image/png" },
+        ],
+        shortcut: ["/favicon.ico"]
+    },
+    appleWebApp: {
+        capable: true,
+        title: "OpenCut",
+    },
+    manifest: "/manifest.json",
+    other: {
+        "msapplication-config": "/browserconfig.xml"
+    }
+};
\ No newline at end of file
-- 
cgit v1.3.1


From 2e5b623d90ba250dd5c50b623bd8044fd6d62e2a Mon Sep 17 00:00:00 2001
From: muhammed sinan <muhammedsinan7749@gmail.com>
Date: Wed, 25 Jun 2025 20:14:55 +0530
Subject:  metadata declared in layout file

---
 apps/web/src/app/layout.tsx  | 3 ++-
 apps/web/src/app/metadata.ts | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

(limited to 'apps/web')

diff --git a/apps/web/src/app/layout.tsx b/apps/web/src/app/layout.tsx
index c76dc451..ee045647 100644
--- a/apps/web/src/app/layout.tsx
+++ b/apps/web/src/app/layout.tsx
@@ -5,13 +5,14 @@ import Script from "next/script";
 import "./globals.css";
 import { Toaster } from "../components/ui/sonner";
 import { TooltipProvider } from "../components/ui/tooltip";
+import { baseMetaData } from "./metadata";
 
 const inter = Inter({
   subsets: ["latin"],
   variable: "--font-inter",
 });
 
-export { metadata } from './metadata'
+export const metadata = baseMetaData;
 
 export default function RootLayout({
   children,
diff --git a/apps/web/src/app/metadata.ts b/apps/web/src/app/metadata.ts
index 4db2e8de..fe674381 100644
--- a/apps/web/src/app/metadata.ts
+++ b/apps/web/src/app/metadata.ts
@@ -1,6 +1,6 @@
 import { Metadata } from "next";
 
-export const metadata: Metadata = {
+export const baseMetaData: Metadata = {
     title: "OpenCut",
     description:
         "A simple but powerful video editor that gets the job done. In your browser.",
-- 
cgit v1.3.1


From cca25a61039b1d09c9ffaee2f42046c09ab72c3b Mon Sep 17 00:00:00 2001
From: muhammed sinan <muhammedsinan7749@gmail.com>
Date: Wed, 25 Jun 2025 20:22:17 +0530
Subject: Reduce code duplication by extracting common metadata values.

---
 apps/web/src/app/metadata.ts | 28 +++++++++++++++-------------
 1 file changed, 15 insertions(+), 13 deletions(-)

(limited to 'apps/web')

diff --git a/apps/web/src/app/metadata.ts b/apps/web/src/app/metadata.ts
index fe674381..4e387014 100644
--- a/apps/web/src/app/metadata.ts
+++ b/apps/web/src/app/metadata.ts
@@ -1,20 +1,23 @@
 import { Metadata } from "next";
 
+const title = "OpenCut";
+const description = "A simple but powerful video editor that gets the job done. In your browser.";
+const openGraphImageUrl = "https://opencut.app/opengraph-image.jpg";
+const twitterImageUrl = "/opengraph-image.jpg";
+
 export const baseMetaData: Metadata = {
-    title: "OpenCut",
-    description:
-        "A simple but powerful video editor that gets the job done. In your browser.",
+    title: title,
+    description: description,
     openGraph: {
-        title: "OpenCut",
-        description:
-            "A simple but powerful video editor that gets the job done. In your browser.",
+        title: title,
+        description: description,
         url: "https://opencut.app",
         siteName: "OpenCut",
         locale: "en_US",
         type: "website",
         images: [
             {
-                url: "https://opencut.app/opengraph-image.jpg",
+                url: openGraphImageUrl,
                 width: 1200,
                 height: 630,
                 alt: "OpenCut",
@@ -23,11 +26,10 @@ export const baseMetaData: Metadata = {
     },
     twitter: {
         card: "summary_large_image",
-        title: "OpenCut",
-        description:
-            "A simple but powerful video editor that gets the job done. In your browser.",
+        title: title,
+        description: description,
         creator: "@opencutapp",
-        images: ["/opengraph-image.jpg"],
+        images: [twitterImageUrl],
     },
     robots: {
         index: true,
@@ -55,10 +57,10 @@ export const baseMetaData: Metadata = {
     },
     appleWebApp: {
         capable: true,
-        title: "OpenCut",
+        title: title,
     },
     manifest: "/manifest.json",
     other: {
         "msapplication-config": "/browserconfig.xml"
     }
-};
\ No newline at end of file
+};
-- 
cgit v1.3.1