Update src/app/page.tsx

Update src/app/layout.tsx
Merge version_10 into main
2026-03-07 21:32:54 +00:00 · 2026-03-07 21:32:53 +00:00 · 2026-03-07 21:25:43 +00:00 · 2026-03-07 21:25:39 +00:00 · 2026-03-07 21:19:19 +00:00 · 2026-03-07 21:19:15 +00:00
2 changed files with 34 additions and 90 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,61 +1,38 @@
 import type { Metadata } from "next";
-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";
-
-const halant = Halant({
-  variable: "--font-halant",  subsets: ["latin"],
-  weight: ["300", "400", "500", "600", "700"],
-});
-
-const inter = Inter({
-  variable: "--font-inter",  subsets: ["latin"],
-});
-
-const publicSans = Public_Sans({
-  variable: "--font-public-sans",  subsets: ["latin"],
-});
+import { ReactLenis } from "lenis/react";
+import "./styles/variables.css";
+import "./styles/base.css";

 export const metadata: Metadata = {
-  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,
-  },
-};
+  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."};

 export default function RootLayout({
  children,
-}: Readonly<{
+}: {
  children: React.ReactNode;
-}>) {
+}) {
  return (
    <html lang="en" suppressHydrationWarning>
-      <ServiceWrapper>
-        <body
-          className={`${halant.variable} ${inter.variable} ${publicSans.variable} antialiased`}
-        >
-          <Tag />
+      <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>
          {children}
-        
+        </ReactLenis>
+      
        <script
          dangerouslySetInnerHTML={{
            __html: `
@@ -1423,7 +1400,6 @@ export default function RootLayout({
          }}
        />
      </body>
-      </ServiceWrapper>
    </html>
  );
-}
+}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -7,7 +7,6 @@ import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
 import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
 import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
 import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
-import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
 import FaqBase from "@/components/sections/faq/FaqBase";
 import ContactText from "@/components/sections/contact/ContactText";
 import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
@@ -18,7 +17,6 @@ import {
  Zap,
  BarChart3,
  Trophy,
-  MessageSquare,
  HelpCircle,
  Eye,
  Users,
@@ -90,6 +88,10 @@ 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>

@@ -122,15 +124,15 @@ export default function LandingPage() {
          features={[
            {
              id: 1,
-              title: "Step #1",              description: "Book an Intro Call. We start with a quick intro call to understand your goals, target audience, and creative direction. From there, my team builds a custom private clipping project designed to maximize reach and engagement — whether you're a brand, artist, creator, or product.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab38TzdGBnNuMLrvS5uTUM2zMr/an-illustration-showing-a-consultation-v-1772847774769-61fe5500.png",              imageAlt: "Consultation call strategy planning",              buttons: [{ text: "Start Your Project", href: "https://calendly.com" }],
+              title: "Step #1",              description: "Book an Intro Call. We start with a quick intro call to understand your goals, target audience, and creative direction. From there, my team builds a custom private clipping project designed to maximize reach and engagement — whether you're a brand, artist, creator, or product.",              buttons: [{ text: "Start Your Project", href: "https://calendly.com" }],
            },
            {
              id: 2,
-              title: "Our Team Starts Posting",              description: "Once we align on strategy, personalized content gets distributed across TikTok, Instagram Reels, YouTube Shorts, and more—simultaneously—with my proven optimization techniques. Direct team management ensures every clip reflects your brand's vision.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab38TzdGBnNuMLrvS5uTUM2zMr/an-illustration-showing-multiple-clipper-1772847774950-e137f1c3.png",              imageAlt: "Content distribution across platforms"
+              title: "Our Team Starts Posting",              description: "Once we align on strategy, personalized content gets distributed across TikTok, Instagram Reels, YouTube Shorts, and more—simultaneously—with my proven optimization techniques. Direct team management ensures every clip reflects your brand's vision."
            },
            {
              id: 3,
-              title: "Track Real-Time Results",              description: "Watch your clips climb trending charts in real-time. Full transparency with detailed analytics showing views, engagement, growth metrics, and ROI. Optimize on the fly based on what's working with direct collaboration and personalized guidance.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab38TzdGBnNuMLrvS5uTUM2zMr/an-analytics-dashboard-showing-real-time-1772847775477-be40e150.png",              imageAlt: "Analytics dashboard real-time metrics"
+              title: "Track Real-Time Results",              description: "Watch your clips climb trending charts in real-time. Full transparency with detailed analytics showing views, engagement, growth metrics, and ROI. Optimize on the fly based on what's working with direct collaboration and personalized guidance."
            },
          ]}
        />
@@ -203,39 +205,6 @@ export default function LandingPage() {
        />
      </div>

-      <div id="testimonials" data-section="testimonials">
-        <TestimonialCardTwo
-          title="What Clients Say"
-          description="Real feedback from creators and brands who've experienced the impact of our personalized clipping services and dedicated team management."
-          tag="Client Testimonials"
-          tagIcon={MessageSquare}
-          tagAnimation="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          testimonials={[
-            {
-              id: "1",              name: "Alex Rivera",              role: "Podcast Host",              testimonial: "Within 2 weeks of launching my private clipping project, my podcast downloads tripled. The dedicated team handling my clips on TikTok and Instagram are driving real listeners to my full episodes. Best investment I've made.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab38TzdGBnNuMLrvS5uTUM2zMr/a-professional-headshot-of-a-successful--1772847773799-11aec6b8.png?_wi=1",              imageAlt: "Alex Rivera podcast host"
-            },
-            {
-              id: "2",              name: "Jordan Chen",              role: "Brand Marketing Director",              testimonial: "We tried traditional agencies for months with minimal results. The personalized clipping team delivered 25M views in the first month—all organic, zero ad spend. The transparency and direct collaboration are unmatched.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab38TzdGBnNuMLrvS5uTUM2zMr/a-professional-headshot-of-a-brand-marke-1772847774096-d4ca7a22.png",              imageAlt: "Jordan Chen brand director"
-            },
-            {
-              id: "3",              name: "Sam Thompson",              role: "Content Creator",              testimonial: "I was drowning in content repurposing. Having a dedicated team handle my clipping project freed me up to focus on creating. My personalized clips are now my #1 lead source for brand deals.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab38TzdGBnNuMLrvS5uTUM2zMr/a-professional-headshot-of-a-social-medi-1772847774170-c3d5b803.png",              imageAlt: "Sam Thompson content creator"
-            },
-            {
-              id: "4",              name: "Maya Patel",              role: "Music Producer",              testimonial: "The personalized clipping process was simple and collaborative. My music got in front of millions of new listeners through optimized short-form content managed directly by the team. Highly recommend for any artist looking to scale.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab38TzdGBnNuMLrvS5uTUM2zMr/a-professional-headshot-of-a-different-c-1772847773694-573d36da.png",              imageAlt: "Maya Patel music producer"
-            },
-            {
-              id: "5",              name: "David Lee",              role: "Startup CEO",              testimonial: "Our product launch videos became trending clips within days through direct team collaboration. The organic reach we got from the personalized clipping project was worth 10x the investment in traditional advertising.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab38TzdGBnNuMLrvS5uTUM2zMr/a-professional-headshot-of-a-brand-repre-1772847774538-779f0ff6.png",              imageAlt: "David Lee startup CEO"
-            },
-            {
-              id: "6",              name: "Emma Watson",              role: "Influencer",              testimonial: "Clear metrics, real-time updates, and personalized clips that actually trend. Working with a dedicated team instead of agencies is how modern content distribution should work. No fluff, just results.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab38TzdGBnNuMLrvS5uTUM2zMr/a-professional-headshot-of-a-successful--1772847773799-11aec6b8.png?_wi=2",              imageAlt: "Emma Watson influencer"
-            },
-          ]}
-          animationType="slide-up"
-        />
-      </div>
-
      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
@@ -303,7 +272,6 @@ export default function LandingPage() {
            {
              items: [
                { label: "About", href: "#about" },
-                { label: "Testimonials", href: "#testimonials" },
                { label: "FAQ", href: "#faq" },
              ],
            },
@@ -319,4 +287,4 @@ export default function LandingPage() {
      </div>
    </ThemeProvider>
  );
-}
+}
Author	SHA1	Message	Date
bender	2fca410b38	Update src/app/page.tsx	2026-03-07 21:32:54 +00:00
bender	e9752f2626	Update src/app/layout.tsx	2026-03-07 21:32:53 +00:00
bender	1d59abc72a	Merge version_10 into main Merge version_10 into main	2026-03-07 21:25:43 +00:00
bender	20304845ed	Update src/app/page.tsx	2026-03-07 21:25:39 +00:00
bender	2e575dc78d	Merge version_9 into main Merge version_9 into main	2026-03-07 21:19:19 +00:00
bender	2cdcd68abd	Update src/app/page.tsx	2026-03-07 21:19:15 +00:00
bender	46af796237	Merge version_8 into main Merge version_8 into main	2026-03-07 21:11:49 +00:00
bender	c68a66a4b3	Merge version_8 into main Merge version_8 into main	2026-03-07 15:01:11 +00:00
bender	1c03eef185	Merge version_8 into main Merge version_8 into main	2026-03-07 14:59:49 +00:00