Update src/app/layout.tsx

Update src/app/page.tsx
2026-03-08 10:21:38 +00:00 · 2026-03-08 10:20:44 +00:00 · 2026-03-08 10:20:44 +00:00
2 changed files with 28 additions and 4 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,8 +1,14 @@
 import type { Metadata } from "next";
 import "./styles/globals.css";
+import { Inter } from "next/font/google";
+
+const inter = Inter({
+  variable: "--font-inter",  subsets: ["latin"],
+});

 export const metadata: Metadata = {
-  title: "billiclipd | Viral Clip Editing Services",  description: "Transform your long-form content into viral clips. Expert editing for TikTok, Instagram Reels, and YouTube Shorts. 10M+ views generated."};
+  title: "billiclipd | Viral Clip Editing Services",  description: "Transform your long-form content into viral clips. Expert editing for TikTok, Instagram Reels, and YouTube Shorts. 10M+ views generated."
+};

 export default function RootLayout({
  children,
@@ -10,8 +16,23 @@ export default function RootLayout({
  children: React.ReactNode;
 }) {
  return (
-    <html lang="en">
-      <body>{children}
+    <html lang="en" suppressHydrationWarning>
+      <body className={inter.variable}>
+        {children}
+        <script
+          dangerouslySetInnerHTML={{
+            __html: `
+              try {
+                if (localStorage.getItem('theme') === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
+                  document.documentElement.classList.add('dark')
+                } else {
+                  document.documentElement.classList.remove('dark')
+                }
+              } catch (e) {}
+            `,
+          }}
+        />
+      
        <script
          dangerouslySetInnerHTML={{
            __html: `
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -6,7 +6,7 @@ import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
 import SplitAbout from "@/components/sections/about/SplitAbout";
 import ContactFaq from "@/components/sections/contact/ContactFaq";
 import FooterBase from "@/components/sections/footer/FooterBase";
-import { Phone } from "lucide-react";
+import { Phone, Users } from "lucide-react";

 export default function Page() {
  return (
@@ -41,6 +41,9 @@ export default function Page() {
          title="Turn Longform Content Into Viral Clips"
          description="Expert clip editing services that transform your YouTube videos, podcasts, and streams into viral TikToks, Instagram Reels, and YouTube Shorts. We've generated 10M+ views for creators."
          background={{ variant: "glowing-orb" }}
+          tag="Trusted by 500+ Creators"
+          tagIcon={Users}
+          tagAnimation="slide-up"
          kpis={[
            { value: "10M+", label: "Views Generated" },
            { value: "99.8%", label: "Client Satisfaction" },
Author	SHA1	Message	Date
bender	4217fe6c4f	Update src/app/layout.tsx	2026-03-08 10:21:38 +00:00
bender	7a74399c13	Update src/app/page.tsx	2026-03-08 10:20:44 +00:00
bender	abc9268d7d	Update src/app/layout.tsx	2026-03-08 10:20:44 +00:00