Update theme fonts

Update src/app/page.tsx
2026-03-07 21:46:30 +00:00 · 2026-03-07 21:46:30 +00:00 · 2026-03-07 21:44:54 +00:00 · 2026-03-07 21:39:58 +00:00 · 2026-03-07 21:39:46 +00:00 · 2026-03-07 21:39:02 +00:00
3 changed files with 52 additions and 37 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,38 +1,56 @@
 import type { Metadata } from "next";
-import { ReactLenis } from "lenis/react";
-import "./styles/variables.css";
-import "./styles/base.css";
+import { Halant } from "next/font/google";
+import { Inter } from "next/font/google";
+import { Public_Sans } from "next/font/google";
+import "./globals.css";
+import { ServiceWrapper } from "@/components/ServiceWrapper";
+import Tag from "@/tag/Tag";
+import { Inter_Tight } from "next/font/google";
+
+
+

 export const metadata: Metadata = {
-  title: "billiclipd - Turn LongForm Into Viral Clips",  description: "Transform your podcast, stream, and video moments into high-retention shortform content optimized for TikTok, Instagram Reels, and YouTube Shorts."};
+  title: "Private Clipping Services & Team Management | billiclipd",  description: "Transform your longform content into viral shortform clips with personalized team management. 10B+ views generated. TikTok, Reels, Shorts optimization with direct collaboration.",  keywords: "private clipping services, TikTok clips, viral growth, content repurposing, Instagram Reels, YouTube Shorts, dedicated team",  metadataBase: new URL("https://billiclipd.com"),
+  alternates: {
+    canonical: "https://billiclipd.com"
+  },
+  openGraph: {
+    title: "Private Clipping & Team Management | billiclipd",    description: "I transform your best podcast, stream, and video moments into high-retention shortform content with personalized team management.",    url: "https://billiclipd.com",    siteName: "billiclipd",    type: "website",    images: [
+      {
+        url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab38TzdGBnNuMLrvS5uTUM2zMr/a-vibrant-tiktok-style-vertical-video-fr-1772847774345-4bf0afdb.png",        alt: "billiclipd private clipping service"
+      },
+    ],
+  },
+  twitter: {
+    card: "summary_large_image",    title: "Private Clipping & Team Management",    description: "10B+ views generated. Transform your content with personalized team collaboration.",    images: [
+      "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab38TzdGBnNuMLrvS5uTUM2zMr/a-vibrant-tiktok-style-vertical-video-fr-1772847774345-4bf0afdb.png"
+    ],
+  },
+  robots: {
+    index: true,
+    follow: true,
+  },
+};
+
+const interTight = Inter_Tight({
+  variable: "--font-inter-tight",
+  subsets: ["latin"],
+  weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
+});

 export default function RootLayout({
  children,
-}: {
+}: Readonly<{
  children: React.ReactNode;
-}) {
+}>) {
  return (
    <html lang="en" suppressHydrationWarning>
-      <head>
-        <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) {}
-            `,
-          }}
-        />
-      </head>
-      <body suppressHydrationWarning>
-        <ReactLenis root>
+      <ServiceWrapper>
+        <body className={`${interTight.variable} antialiased`}>
+          <Tag />
          {children}
-        </ReactLenis>
-      
+        
        <script
          dangerouslySetInnerHTML={{
            __html: `
@@ -1400,6 +1418,7 @@ export default function RootLayout({
          }}
        />
      </body>
+      </ServiceWrapper>
    </html>
  );
-}
+}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -88,10 +88,6 @@ export default function LandingPage() {
            { text: "Book A Call", href: "https://calendly.com" },
          ]}
          buttonAnimation="slide-up"
-          containerClassName="w-full flex flex-col lg:flex-row lg:items-center lg:justify-center gap-6 lg:gap-8"
-          textBoxClassName="w-full lg:w-1/2 flex flex-col gap-6 justify-center items-center lg:items-start text-center lg:text-left"
-          carouselWrapperClassName="w-full lg:w-1/2 flex flex-col gap-4"
-          carouselColumnClassName="w-full flex flex-col gap-4"
        />
      </div>

@@ -219,13 +215,13 @@ export default function LandingPage() {
              id: "1",              title: "Whats Clipping ?",              content: "Clipping is the process of turning long-form content such as podcasts, livestreams, and YouTube videos into short, high-impact clips designed for platforms like TikTok, Instagram Reels, and YouTube Shorts.Through private clipping collaboration, you work directly with my dedicated team to identify the most engaging moments from your content. We then transform those moments into high-retention short-form videos with optimized hooks, captions, and formatting designed to perform well in social media algorithms. "
            },
            {
-              id: "2",              title: "How does the personalized clipping process work?",              content: "Step 1: Book an intro call where we discuss your goals, content strategy, and vision. Step 2: Your content gets assigned to our dedicated team who create and optimize clips for each platform while maintaining direct communication with you. Step 3: Clips launch simultaneously across social platforms and we track real-time performance together with detailed analytics and regular updates."
+              id: "2",              title: "How does the process work?",              content: "Step 1: Book an intro call where we discuss your goals, content strategy, and vision. Step 2: Your content gets assigned to our dedicated team who create and optimize clips for each platform while maintaining direct communication with you. Step 3: Clips launch simultaneously across social platforms and we track real-time performance together with detailed analytics and regular updates."
            },
            {
-              id: "3",              title: "How quickly can I launch my private project?",              content: "Most private clipping projects launch within 2-5 business days after the initial strategy call. Your content goes through our personalized optimization process, and begins gaining traction immediately. Real-time results start appearing within hours, with our team providing direct updates on performance."
+              id: "3",              title: "How quickly can I Start?",              content: "Most private clipping projects launch within 2-5 business days after the initial strategy call. Your content goes through our personalized optimization process, and begins gaining traction immediately. Real-time results start appearing within hours, with our team providing direct updates on performance."
            },
            {
-              id: "4",              title: "What types of creators and businesses do you work with?",              content: "I work with podcasters, streamers, musicians, influencers, TV shows, brands, product launches, apps, startups, and content entrepreneurs seeking personalized team management. Essentially, if you have longform content and want to maximize viral reach through direct collaboration with expert clippers, we're a fit."
+              id: "4",              title: "What types of creators and businesses do you work with?",              content: "I work with podcasters, streamers,  influencers, TV shows, brands, product launches, apps, startups, and content entrepreneurs seeking personalized team management. Essentially, if you have longform or short-form content and want to maximize viral reach through direct collaboration with expert clippers, we're a fit."
            },
            {
              id: "5",              title: "Is there a cost to start? What's the pricing model?",              content: "Pricing varies based on your project scope, content volume, and dedicated team support level. I offer custom packages tailored to your specific goals and vision. Contact me for a consultation and I'll provide transparent pricing with no hidden fees."
@@ -247,7 +243,7 @@ export default function LandingPage() {

      <div id="contact" data-section="contact">
        <ContactText
-          text="Ready to launch your private clipping project with a dedicated team? Let's discuss your unique vision and explore how direct collaboration can help you reach millions of engaged viewers—no ad spend required."
+          text="Ready To Turn Your Content Into Viral Clips 👇 "
          animationType="entrance-slide"
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
@@ -287,4 +283,4 @@ export default function LandingPage() {
      </div>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
  background-color: var(--background);
  color: var(--foreground);
-  font-family: var(--font-public-sans), sans-serif;
+  font-family: var(--font-inter-tight), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-public-sans), sans-serif;
+  font-family: var(--font-inter-tight), sans-serif;
 }
Author	SHA1	Message	Date
bender	b45ee0cf9a	Update theme fonts	2026-03-07 21:46:30 +00:00
bender	dd113962c9	Update theme fonts	2026-03-07 21:46:30 +00:00
bender	5e6b536c02	Update src/app/page.tsx	2026-03-07 21:44:54 +00:00
bender	c00cfa963c	Update src/app/page.tsx	2026-03-07 21:39:58 +00:00
bender	c4fe62a30b	Update src/app/page.tsx	2026-03-07 21:39:46 +00:00
bender	4b40aedfac	Update src/app/page.tsx	2026-03-07 21:39:02 +00:00
bender	2a91d4618a	Update src/app/page.tsx	2026-03-07 21:37:42 +00:00