diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
new file mode 100644
index 0000000..8d8526d
--- /dev/null
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,98 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
+import { useEffect } from "react";
+
+export default function ContactPage() {
+  useEffect(() => {
+    const script = document.createElement("script");
+    script.src = "https://assets.calendly.com/assets/external/widget.js";
+    script.async = true;
+    document.body.appendChild(script);
+    return () => {
+      document.body.removeChild(script);
+    };
+  }, []);
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="bounce-effect"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="mediumLarge"
+      sizing="mediumSizeLargeTitles"
+      background="noise"
+      cardStyle="soft-shadow"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="solid"
+      headingFontWeight="light"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          brandName="billiclipd"
+          navItems={[
+            { name: "Case Studies", id: "case-studies" },
+            { name: "About", id: "about" },
+            { name: "Process", id: "process" },
+            { name: "Contact", id: "/contact" },
+          ]}
+          button={{
+            text: "Book A Call",            href: "https://calendly.com"
+          }}
+        />
+      </div>
+
+      <div className="min-h-screen pt-20 pb-20">
+        <div className="flex flex-col items-center justify-center">
+          <div className="w-full max-w-4xl px-4 sm:px-6 lg:px-8">
+            <div className="text-center mb-12">
+              <h1 className="text-4xl sm:text-5xl lg:text-6xl font-bold mb-4">
+                Schedule a Call With Me
+              </h1>
+              <p className="text-lg sm:text-xl text-foreground/70">
+                Book a time that works for you. Let's discuss your project and how I can help you turn your content into viral clips.
+              </p>
+            </div>
+
+            <div className="w-full bg-card rounded-2xl p-4 sm:p-6 lg:p-8 shadow-lg">
+              <div
+                className="calendly-inline-widget w-full h-screen min-h-[800px] sm:min-h-[900px] lg:min-h-[1000px]"
+                data-url="https://calendly.com/ibbiyousuf420/30min"
+              ></div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterLogoEmphasis
+          logoText="billiclipd"
+          columns={[
+            {
+              items: [
+                { label: "Home", href: "/" },
+                { label: "Case Studies", href: "#case-studies" },
+                { label: "Process", href: "#process" },
+              ],
+            },
+            {
+              items: [
+                { label: "About", href: "#about" },
+                { label: "FAQ", href: "#faq" },
+              ],
+            },
+            {
+              items: [
+                { label: "Contact", href: "/contact" },
+                { label: "Book A Call", href: "https://calendly.com" },
+                { label: "Privacy Policy", href: "#" },
+              ],
+            },
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 4ea5c27..1e78767 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,56 +1,30 @@
 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 { Poppins } from "next/font/google";
 import "./globals.css";
-import { ServiceWrapper } from "@/components/ServiceWrapper";
-import Tag from "@/tag/Tag";
-import { Inter_Tight } from "next/font/google";
+import { ServiceWrapper } from "@/providers/serviceWrapper/ServiceWrapper";
+import { Tag } from "@/components/tag/Tag";
 
-
-
-
-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,
-  },
-};
-
-const interTight = Inter_Tight({
-  variable: "--font-inter-tight",
-  subsets: ["latin"],
+const poppins = Poppins({
+  variable: "--font-poppins",  subsets: ["latin"],
   weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
 });
 
+export const metadata: Metadata = {
+  title: "billiclipd | Viral Clip Specialist",  description: "Turn longform content into viral clips for TikTok, Instagram Reels, and YouTube Shorts. Expert clipping services with 10M+ views generated."};
+
 export default function RootLayout({
   children,
-}: Readonly<{
+}: {
   children: React.ReactNode;
-}>) {
+}) {
   return (
     <html lang="en" suppressHydrationWarning>
-      <ServiceWrapper>
-        <body className={`${interTight.variable} antialiased`}>
+      <body className={`${poppins.variable}`}>
+        <ServiceWrapper>
           <Tag />
           {children}
-        
+        </ServiceWrapper>
+      
         <script
           dangerouslySetInnerHTML={{
             __html: `
@@ -1418,7 +1392,6 @@ export default function RootLayout({
           }}
         />
       </body>
-      </ServiceWrapper>
     </html>
   );
-}
\ No newline at end of file
+}