fix: typo

src/components/footer.tsx

@@ -7,11 +7,11 @@ export default function Footer() {
     <div>
       <section className="w-full py-12 md:20 border-t">
         <div className="container px-4 md:px-6 flex flex-col items-center text-center">
-          <h2 className="text-2xl font-bold tracking-tighter sm:text-3xl md:text-4xl lg:text-5xl/none ">
+          <h2 className="text-2xl font-semibold tracking-tighter md:text-3xl">
             Stay Connected
           </h2>
           <p className="mx-auto max-w-[700px]  md:text-lg text-muted-foreground mt-2">
-            Subscribe to our newsletter and follow us on our social media.
+            Subscribe to our newsletter.
           </p>
           <div className="w-full max-w-md space-y-2 my-4">
             <form className="flex space-x-2">

src/components/layout/providers.tsx

@@ -4,7 +4,7 @@ import ThemeProvider from "./ThemeToggle/theme-provider";
 export default function Providers({ children }: { children: React.ReactNode }) {
   return (
     <>
-      <ThemeProvider attribute="class" defaultTheme="system" enableSystem>
+      <ThemeProvider attribute="class" defaultTheme="dark" enableSystem>
         {children}
       </ThemeProvider>
     </>

src/components/pricing/pricing-header.tsx

@@ -1,6 +1,6 @@
 const PricingHeader = ({ title, subtitle }: { title: string; subtitle: string }) => (
     <section className="text-center">
-      <h2 className="text-3xl font-bold">{title}</h2>
+      <h2 className="text-2xl md:text-4xl font-bold">{title}</h2>
       <p className="pt-1 text-muted-foreground max-w-2xl mx-auto text-balance">{subtitle}</p>
       <br />
     </section>