achat-maison-albi-fr/src/components/Meta.astro

---
// Assign a description using the `meta` prop passed from the parent component,
// `meta` is used as a variable on each individual page by passing it as a prop to this component.
// For example, you can pass a meta description to the MainLayout component like this: <MainLayout title="Page title" meta="Page description"/>
const { meta: description } = Astro.props;

interface Props {
    meta?: string;
}

// Customize the following metadata for your landing page

const title: string = "ScrewFast"; // Replace with your website title
const ogTitle: string = "ScrewFast: Hardware Tools & Construction Services"; // Replace with your Open Graph title
const author:string = "Emil Gulamov" // Replace with the author's name
const ogDescription: string = "Equip your projects with ScrewFast's top-quality hardware tools and expert construction services. Trusted by industry leaders, ScrewFast offers simplicity, affordability, and reliability. Experience the difference with user-centric design and cutting-edge tools. Start exploring now!"; // Replace with your site description for social media
const URL:string = "https://screw-fast.vercel.app"; // Replace with your website URL
const socialImage:string = "https://screw-fast.vercel.app/social.png"; // Replace with the URL to your social media image
---

<script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "WebSite",
        "name": "ScrewFast",
        "url": "https://screw-fast.vercel.app",
        "description": "ScrewFast offers top-tier hardware tools and expert construction services to meet all your project needs. Start exploring and contact our sales team for superior quality and reliability."
    }
</script>

<meta charset="utf-8" />
<meta
        content={description}
        name="description"
/>
<meta name="web_author" content={author}/>
<meta name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=5.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">

<!-- Facebook Meta Tags -->
<meta property="og:locale" content="en_US" />
<meta property="og:url" content={URL}>
<meta property="og:type" content="website">
<meta property="og:title" content={ogTitle}>
<meta property="og:site_name" content={title}/>
<meta property="og:description" content={ogDescription}>
<meta property="og:image" content={socialImage}>
<meta content="1200" property="og:image:width"/>
<meta content="600" property="og:image:height"/>
<meta content="image/png" property="og:image:type"/>

<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:domain" content={URL}>
<meta property="twitter:url" content={URL}>
<meta name="twitter:title" content={ogTitle}>
<meta name="twitter:description" content={ogDescription}>
<meta name="twitter:image" content={socialImage}>

<link rel="manifest" href="/manifest.webmanifest" />

<!-- https://docs.astro.build/en/guides/integrations-guide/sitemap/ -->
<link rel="sitemap" href="/sitemap-index.xml" />

<!-- Add your favicon and apple touch icon links -->
<link href="/favicon.ico" rel="icon" sizes="any" type="image/x-icon"/>
<link href="/icon.svg" rel="icon" type="image/svg+xml" sizes="any"/>
<meta name="mobile-web-app-capable" content="yes">
<link href="/apple-touch-icon.png" rel="apple-touch-icon"/>
<link href="/apple-touch-icon.png" rel="shortcut icon"/>
<meta name="theme-color" content="#facc15">