src/app/about/page.tsx

@@ -83,7 +83,7 @@ export default function AboutPage() {
           textboxLayout="default"
           useInvertedBackground={false}
           imagePosition="right"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8zh498"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8zh498&_wi=2"
           imageAlt="SocialHub team collaboration"
           mediaAnimation="slide-up"
           bulletPoints={[

src/app/communities/page.tsx

@@ -91,7 +91,7 @@ export default function CommunitiesPage() {
                 "Product launches and announcements",
                 "Developer and startup networks",
               ],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=34nm50",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=34nm50&_wi=2",
               imageAlt: "Technology community discussion",
             },
             {
@@ -102,7 +102,7 @@ export default function CommunitiesPage() {
                 "Collaborate with artists and designers",
                 "Join creative challenges and contests",
               ],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=avf5wy",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=avf5wy&_wi=2",
               imageAlt: "Creative community showcase",
             },
             {
@@ -113,7 +113,7 @@ export default function CommunitiesPage() {
                 "Mental health support groups",
                 "Nutrition and lifestyle advice",
               ],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fmfsgp",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fmfsgp&_wi=2",
               imageAlt: "Wellness community support",
             },
           ]}

src/app/discover/page.tsx

@@ -83,7 +83,7 @@ export default function DiscoverPage() {
           textboxLayout="default"
           useInvertedBackground={false}
           imagePosition="right"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8zh498"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8zh498&_wi=1"
           imageAlt="SocialHub team collaboration"
           mediaAnimation="slide-up"
           bulletPoints={[

src/app/layout.tsx

@@ -1,24 +1,55 @@
 import type { Metadata } from "next";
 import { Halant } from "next/font/google";
 import { Inter } from "next/font/google";
+import { Montserrat } from "next/font/google";
 import "./globals.css";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
-import { Montserrat } from "next/font/google";
 
+const halant = Halant({
+  variable: "--font-halant",
+  subsets: ["latin"],
+  weight: ["300", "400", "500", "600", "700"],
+});
 
-
-export const metadata: Metadata = {
-  title: "Webild components 2",
-  description: "Generated by create next app",
-};
+const inter = Inter({
+  variable: "--font-inter",
+  subsets: ["latin"],
+});
 
 const montserrat = Montserrat({
   variable: "--font-montserrat",
   subsets: ["latin"],
 });
 
+export const metadata: Metadata = {
+  title: "SocialHub - Connect, Share & Discover",
+  description: "Join 250M+ users on SocialHub. Connect with friends, share moments, join communities, and discover content tailored to your interests. Real-time messaging, vibrant communities.",
+  keywords: "social media, messaging, communities, networking, connection, engagement, social network",
+  metadataBase: new URL("https://socialhub.com"),
+  alternates: {
+    canonical: "https://socialhub.com",
+  },
+  openGraph: {
+    title: "SocialHub - Connect, Share & Discover",
+    description: "Join millions connecting on SocialHub. Real-time messaging, vibrant communities, and personalized content discovery.",
+    siteName: "SocialHub",
+    type: "website",
+    images: [
+      {
+        url: "https://socialhub.com/og-image.png",
+        alt: "SocialHub social media platform",
+      },
+    ],
+  },
+  twitter: {
+    card: "summary_large_image",
+    title: "SocialHub - Connect, Share & Discover",
+    description: "Join millions connecting on SocialHub with real-time messaging and vibrant communities.",
+  },
+};
+
 export default function RootLayout({
   children,
 }: Readonly<{
@@ -27,7 +58,9 @@ export default function RootLayout({
   return (
     <html lang="en" suppressHydrationWarning>
       <ServiceWrapper>
-        <body className={`${montserrat.variable} antialiased`}>
+        <body
+          className={`${halant.variable} ${inter.variable} ${montserrat.variable} antialiased`}
+        >
           <Tag />
           {children}
           <script
@@ -39,4 +72,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -122,7 +122,7 @@ export default function HomePage() {
                 "End-to-end encrypted conversations",
                 "Rich media sharing and reactions",
               ],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=34nm50",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=34nm50&_wi=1",
               imageAlt: "Real-time messaging interface",
             },
             {
@@ -133,7 +133,7 @@ export default function HomePage() {
                 "Trending topics and topics feed",
                 "Personalized interests and communities",
               ],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=avf5wy",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=avf5wy&_wi=1",
               imageAlt: "Social media feed discovery",
             },
             {
@@ -144,7 +144,7 @@ export default function HomePage() {
                 "Moderated discussions and forums",
                 "Community events and activities",
               ],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fmfsgp",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fmfsgp&_wi=1",
               imageAlt: "Community groups interface",
             },
           ]}