fix styleMetadata

public/content/components/style/bold-italic/block1/en.md

@@ -1,3 +1,5 @@
-# Font Generator
+# Bold Italic Text Generator
 
-![Typing SVG](https://readme-typing-svg.demolab.com?font=Fira+Code&size=30&pause=1000&width=435&lines=+%F0%9D%91%AF%F0%9D%92%86%F0%9D%92%8D%F0%9D%92%8D%F0%9D%92%90+%F0%9D%92%95%F0%9D%92%86%F0%9D%92%99%F0%9D%92%95+%F0%9D%92%94%F0%9D%92%95%F0%9D%92%93%F0%9D%92%8A%F0%9D%92%8F%F0%9D%92%88+%F0%9D%92%87%F0%9D%92%90%F0%9D%92%93+%F0%9D%92%84%F0%9D%92%90%F0%9D%92%90%F0%9D%92%8D)
+> Create Unique Aesthetic Fonts Online
+
+**Transform your text with our Bold Italic generator!** Easily create stylish and unique bold italic fonts that stand out on social media, websites, and digital content. Perfect for adding a touch of elegance and emphasis to your text, our generator offers a seamless way to enhance your typography. **Generate bold italic text** for Facebook, Instagram, Twitter, and more.

public/i18n/en.json

@@ -46,7 +46,7 @@
       },
       "underline": {
         "meta": {
-          "title": "Underline Text Generator | 𝐔̲𝐧̲𝐝̲𝐞̲𝐫̲𝐥̲𝐢̲𝐧̲𝐞̲ ̲𝐓̲𝐞̲𝐱̲𝐭̲ ̲𝐆̲𝐞̲𝐧̲𝐞̲𝐫̲𝐚̲𝐭̲𝐨̲𝐫̲",
+          "title": "Underline Text Generator | 𝓤𝓷𝓭𝓮𝓻𝓵𝓲𝓷𝓮 𝓣𝓮𝔁𝓽",
           "description": "Underline italic text is a combination of two traditional text styles: underlining, which is often used to emphasize key points or indicate hyperlinks, and italics, which adds a subtle emphasis or distinguishes titles, foreign phrases, or thoughts. By merging these two styles, underline italic text provides a distinct way to highlight important information, making it more visually appealing and easier for readers to notice."
         }
       },

src/components/frontend/page/style/main.tsx

@@ -33,9 +33,11 @@ export function StyleMain({
 
   return (
     <div className={cn("w-full leading-9 text-base")}> 
-      {block1 && <Markdown classNames={{
+      {block1 && <Markdown className="mb-8" classNames={{
         h1: "scroll-m-20 text-3xl font-extrabold tracking-tight lg:text-4xl mb-5",
         h2: "scroll-m-20 pb-2 text-2xl lg:text-3xl font-semibold tracking-tight mt-5 text-primary",
+        p: "text-sm",
+        blockquote: "mb-6 mt-0 border-l-2 pl-6 italic"
       }} content={block1} />}   
       <Textarea defaultValue={content} className="rounded-md h-20 text-xl" onChange={(e) => onChange(e)}/>
       <div className="flex flex-col md:flex-row py-10 gap-10">

src/metadata.ts

@@ -11,7 +11,6 @@ export const styleMetadata = async ({ params }: { params: { locale: LocaleType,
   const t = await getTranslations(params);
   const { style } = params;
 
-
   let title = "";
   let description = "";
   switch (style) {
@@ -42,21 +41,28 @@ export const styleMetadata = async ({ params }: { params: { locale: LocaleType,
     case "sans-serif":
       title = t('frontend.style.sans-serif.meta.title');
       description = t('frontend.style.sans-serif.meta.description');
+      break;
     case "serif":
       title = t('frontend.style.serif.meta.title');
       description = t('frontend.style.serif.meta.description');
+      break;
     case "underline":
       title = t('frontend.style.underline.meta.title');
+      console.log("title", title)
       description = t('frontend.style.underline.meta.description');
+      break;
     case "bubble-text":
       title = t('frontend.style.bubble-text.meta.title');
       description = t('frontend.style.bubble-text.meta.description');
+      break;
     case "square-text":
       title = t('frontend.style.square-text.meta.title');
       description = t('frontend.style.square-text.meta.description');
+      break;
     default:
       title = "";
   }
+
   return {
     title,
     description