c99c43fd61
- Import Header and Footer components - Add to BaseLayout slots - Update hero image to use existing hdpe_pipe_main.jpg - Fix featured products grid Now pages will have header and footer!
51 lines
1.9 KiB
Plaintext
51 lines
1.9 KiB
Plaintext
---
|
|
export interface Props {
|
|
title: string;
|
|
description?: string;
|
|
image?: string;
|
|
}
|
|
|
|
const { title, description, image } = Astro.props;
|
|
---
|
|
|
|
<!doctype html>
|
|
<html lang="th">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<meta name="generator" content={Astro.generator} />
|
|
<meta name="description" content={description || 'บริษัท ดีล พลัส เทค จำกัด - ผู้เชี่ยวชาญด้านระบบน้ำ ท่อ PPR ตราช้าง ท่อพีพีอาร์ ท่อ HDPE'} />
|
|
|
|
<!-- Favicon -->
|
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
|
<link rel="alternate icon" href="/favicon.ico" sizes="any" />
|
|
<link rel="apple-touch-icon" href="/favicon.svg" />
|
|
|
|
<!-- Google Fonts: Kanit for Thai -->
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
<link href="https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&display=swap" rel="stylesheet" />
|
|
|
|
<!-- SEO -->
|
|
<meta property="og:title" content={title} />
|
|
<meta property="og:description" content={description || 'Deal Plus Tech - ผู้เชี่ยวชาญด้านระบบน้ำ'} />
|
|
<meta property="og:image" content={image || '/og-image.jpg'} />
|
|
<meta property="og:type" content="website" />
|
|
<meta name="twitter:card" content="summary_large_image" />
|
|
|
|
<title>{title} | ดีล พลัส เทค</title>
|
|
</head>
|
|
<body class="flex flex-col min-h-screen">
|
|
<!-- Header -->
|
|
<slot name="header" />
|
|
<!-- Main Content -->
|
|
<slot />
|
|
<!-- Footer -->
|
|
<slot name="footer" />
|
|
</body>
|
|
</html>
|
|
|
|
<style is:global>
|
|
@import "../styles/globals.css";
|
|
</style>
|