Merge version_3 into main

Merge version_3 into main

src/app/layout.tsx

@@ -5,7 +5,8 @@ import "./globals.css";
 const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
-  title: "Ultimate Habit Tracker Dashboard",  description: "Master your routine, transform your life with our premium habit tracking system"};
+  title: "Ultimate Habit Tracker Dashboard",  description: "Master your routine, transform your life with our premium habit tracking system"
+};
 
 export default function RootLayout({
   children,
@@ -1384,4 +1385,4 @@ export default function RootLayout({
       </body>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -190,7 +190,8 @@ export default function LandingPage() {
           textboxLayout="default"
           useInvertedBackground={false}
           animationType="slide-up"
-          cardClassName="data-[most-popular=true]:scale-105 data-[most-popular=true]:shadow-2xl"
+          cardClassName="data-[most-popular=true]:scale-110 data-[most-popular=true]:shadow-2xl data-[most-popular=true]:ring-2 data-[most-popular=true]:ring-primary"
+          priceClassName="data-[most-popular=true]:text-xl"
           gridClassName="gap-8"
           plans={[
             {
@@ -267,4 +268,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}