import type { Metadata } from "next";
import { Roboto } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";

const roboto = Roboto({
  variable: "--font-roboto",  subsets: ["latin"],
  weight: ["100", "300", "400", "500", "700", "900"],
});

export const metadata: Metadata = {
  title: "Webild - Modern Web Design & Development Solutions",  description: "Create stunning, responsive websites with our comprehensive component library. Premium design services for modern digital experiences.",  keywords: "web design, web development, UI components, design system, digital solutions",  metadataBase: new URL("https://webild.com"),
  alternates: {
    canonical: "https://webild.com"
  },
  robots: {
    index: true,
    follow: true
  },
  openGraph: {
    title: "Webild - Modern Web Design & Development",    description: "Discover how we build exceptional digital experiences through innovative design and cutting-edge technology.",    type: "website",    siteName: "Webild",    images: [{
      url: "https://img.b2bpic.net/free-vector/abstract-technology-science-background-with-connecting-lines_1017-22915.jpg",      alt: "Webild modern web design showcase"
    }]
  },
  twitter: {
    card: "summary_large_image",    title: "Webild - Modern Web Design & Development",    description: "Premium digital solutions for modern businesses. Innovative design meets cutting-edge technology.",    images: ["https://img.b2bpic.net/free-vector/abstract-technology-science-background-with-connecting-lines_1017-22915.jpg"]
  }
};