INSERT INTO `frontend_components` (`id`, `name`, `code`, `content`, `type`, `category`, `status`, `created_at`, `updated_at`) VALUES
(20, 'Footer REDD+', 'footer_reddplus', '@php\n$todayVisits = \\App\\Models\\Backend\\Visit::todayVisits();\n$thisWeek = \\App\\Models\\Backend\\Visit::thisWeekVisits();\n$thisMonth = \\App\\Models\\Backend\\Visit::thisMonthVisits();\n$thisYear = \\App\\Models\\Backend\\Visit::thisYearVisits();\n$totalVisits = \\App\\Models\\Backend\\Visit::totalVisits();\n@endphp\n\n<style>\n.footer-scenery-option2 {\n  background-image: url(\'/assets/redd-plus/footer-forest.png\');\n  background-size: cover;\n  background-position: center bottom;\n  background-repeat: no-repeat;\n  min-height: 320px;\n}\n.big-stat {\n  font-family:\'Playfair Display\',serif;\n  color:var(--green-800);\n  font-weight:700;\n  font-size:clamp(4.5rem,9vw,7.5rem);\n  line-height:1;\n}\n.big-stat .pct { font-size:.4em; font-weight:600; }\n.stat-divider { border-left:1px solid rgba(60,80,60,.35); }\n.donut { width:150px; height:150px; }\n\n.footer-contact a {\n  color: var(--ink);\n  text-decoration: none;\n  font-weight: 600;\n  font-size: .95rem;\n}\n.footer-contact a:hover { color: var(--green-800); }\n.footer-contact .bi {\n  width: 38px; height: 38px;\n  border: 1px solid rgba(60,80,60,.35); border-radius: 50%;\n  display: inline-flex; align-items: center; justify-content: center;\n  margin-right: .6rem; color: var(--green-800);\n}\n.footer-bottom { font-size: .85rem; color: #5b6a5e; }\n.footer-bottom a { color: #5b6a5e; text-decoration: none; font-weight: 600; }\n.footer-bottom a:hover { color: var(--green-800); }\n@media (max-width: 991.98px) {\n  .stat-divider { border-left:0; border-top:1px solid rgba(60,80,60,.35); padding-top:1.5rem; }\n}\n.visitor-stats {\n  background: rgba(255,255,255,0.08);\n  border-radius: 12px;\n  padding: 16px 20px 14px;\n  margin-top: 20px;\n  margin-bottom: 20px;\n  border: 1px solid rgba(60,80,60,.25);\n}\n.visitor-stats h5 {\n  color: var(--green-900);\n  font-size: .7rem;\n  font-weight: 700;\n  margin-bottom: 10px;\n  text-transform: uppercase;\n  letter-spacing: .5px;\n  text-align: center;\n}\n.visitor-stats .v-row {\n  display: flex;\n  justify-content: space-around;\n  gap: 0;\n}\n.visitor-stats .v-item {\n  flex: 1;\n  text-align: center;\n  padding: 4px 8px;\n  border-right: 1px solid var(--green-900);\n}\n.visitor-stats .v-item:last-child { border-right: none; }\n.visitor-stats .v-item .v-label {\n  display: block;\n  font-size: .6rem;\n  margin-bottom: 3px;\n  color: var(--green-900);\n}\n.visitor-stats .v-item .v-value {\n  color: var(--green-800);\n  font-weight: 700;\n  font-size: .9rem;\n}\n\n@media (max-width: 768px) {\n  .footer-scenery-option2 {\n    background-image: url(\'/assets/redd-plus/footer-forest.png\');\n    min-height: 280px;\n    background-position: center bottom;\n  }\n}\n</style>\n\n<div class=\"footer-scenery-option2 pt-5\">\n  <section class=\"container pt-4 pb-5\">\n    <div class=\"row align-items-center gy-4\">\n      <div class=\"col-lg-4 text-center text-lg-end pe-lg-5\">\n        <span class=\"big-stat\">55<span class=\"pct\">%</span></span>\n      </div>\n      <div class=\"col-lg-5 stat-divider ps-lg-5\">\n        <h3 class=\"font-display\" style=\"color:var(--green-900);\">Malaysia&rsquo;s Forest Cover</h3>\n        <p class=\"fw-medium mb-2\">More than half of Malaysia remains under forest cover, supporting biodiversity, climate resilience and sustainable development.</p>\n      </div>\n      <div class=\"col-lg-3 text-center\">\n        <svg class=\"donut\" viewBox=\"0 0 120 120\" role=\"img\" aria-label=\"55 percent forest cover\">\n          <defs>\n            <linearGradient id=\"ringGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n              <stop offset=\"0%\" stop-color=\"#8a9a5b\"/>\n              <stop offset=\"100%\" stop-color=\"#2e4a35\"/>\n            </linearGradient>\n          </defs>\n          <circle cx=\"60\" cy=\"60\" r=\"48\" fill=\"none\" stroke=\"#e6e4d6\" stroke-width=\"14\"/>\n          <circle cx=\"60\" cy=\"60\" r=\"48\" fill=\"none\" stroke=\"url(#ringGrad)\" stroke-width=\"14\"\n                  stroke-linecap=\"round\" stroke-dasharray=\"221 302\"\n                  transform=\"rotate(-60 60 60)\"/>\n        </svg>\n      </div>\n    </div>\n  </section>\n\n  <footer class=\"container pb-4\">\n    <div class=\"mb-4\">\n      <img src=\"/assets/redd-plus/logo.png\" alt=\"REDD+ Malaysia\" height=\"52\">\n    </div>\n    <div class=\"footer-contact d-flex flex-wrap gap-4 mb-4\">\n      <a href=\"https://redd.nres.gov.my\"><i class=\"bi bi-globe2\"></i>https://redd.nres.gov.my</a>\n      <a href=\"mailto:redd@nres.gov.my\"><i class=\"bi bi-envelope\"></i>redd@nres.gov.my</a>\n      <a href=\"tel:+60380008000\"><i class=\"bi bi-telephone\"></i>+603 8000 8000</a>\n    </div>\n    <div class=\"visitor-stats\">\n      <h5>Statistik Pelawat</h5>\n      <div class=\"v-row\">\n        <div class=\"v-item\"><span class=\"v-label\">Hari Ini</span><span class=\"v-value\">{{ number_format($todayVisits) }}</span></div>\n        <div class=\"v-item\"><span class=\"v-label\">Minggu Ini</span><span class=\"v-value\">{{ number_format($thisWeek) }}</span></div>\n        <div class=\"v-item\"><span class=\"v-label\">Bulan Ini</span><span class=\"v-value\">{{ number_format($thisMonth) }}</span></div>\n        <div class=\"v-item\"><span class=\"v-label\">Tahun Ini</span><span class=\"v-value\">{{ number_format($thisYear) }}</span></div>\n        <div class=\"v-item\"><span class=\"v-label\">Jumlah</span><span class=\"v-value\">{{ number_format($totalVisits) }}</span></div>\n      </div>\n    </div>\n    <hr style=\"border-color:rgba(60,80,60,.3);\">\n    <div class=\"footer-bottom d-flex flex-column flex-md-row justify-content-center gap-2 gap-md-4 text-center pb-2\">\n      <span>&copy; 2026 REDD+ Malaysia. All rights reserved.</span>\n      <span class=\"d-none d-md-inline\">|</span>\n      <a href=\"/redd-plus/article?id=security-policy\">Security Policy</a>\n      <span class=\"d-none d-md-inline\">|</span>\n      <a href=\"/redd-plus/article?id=privacy-policy\">Privacy Policy</a>\n      <span class=\"d-none d-md-inline\">|</span>\n      <a href=\"/redd-plus/article?id=web-policy\">Web Policy</a>\n      <span class=\"d-none d-md-inline\">|</span>\n      <a href=\"/redd-plus/article?id=disclaimer\">Disclaimer</a>\n    </div>\n  </footer>\n</div>', 'PHP', 'Footer', 1, '2026-07-23 01:29:43', '2026-07-29 06:12:20');

-- --------------------------------------------------------

--
-- Table structure for table `frontend_menu`
--

CREATE TABLE `frontend_menu` (
  `menu_id` bigint UNSIGNED NOT NULL,
  `menu_name` varchar(255) COLLATE utf8mb4_unicode_ci NOT NULL,
  `menu_status` tinyint(1) NOT NULL DEFAULT '1',
  `menu_class` varchar(50) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `menu_field_id` varchar(50) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `menu_link` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `menu_icon` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `menu_descr` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `menu_img` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `menu_parent_id` int NOT NULL DEFAULT '0',
  `created_at` timestamp NULL DEFAULT NULL,
  `updated_at` timestamp NULL DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;

--
-- Dumping data for table `frontend_menu`
--

INSERT INTO `frontend_menu` (`menu_id`, `menu_name`, `menu_status`, `menu_class`, `menu_field_id`, `menu_link`, `menu_icon`, `menu_descr`, `menu_img`, `menu_parent_id`, `created_at`, `updated_at`) VALUES
(1, 'Utama', 1, NULL, NULL, '/web', NULL, NULL, NULL, 0, '2026-07-03 21:31:44', '2026-07-03 22:17:44'),
(2, 'Mengenai Kami', 1, NULL, NULL, '#', NULL, NULL, NULL, 0, '2026-07-03 21:31:44', '2026-07-03 21:31:44'),
(3, 'Sejarah', 1, NULL, NULL, '/web/article-web?id=sejarah', NULL, NULL, NULL, 2, '2026-07-03 21:31:44', '2026-07-03 22:34:51'),
(4, 'Visi Misi', 1, NULL, NULL, '/web/article-web?id=visi-misi', NULL, NULL, NULL, 2, '2026-07-03 21:31:44', '2026-07-03 21:31:44'),
(5, 'Carta Organisasi', 1, NULL, NULL, '/web/article-web?id=carta-organisasi', NULL, NULL, NULL, 2, '2026-07-03 21:31:44', '2026-07-03 21:31:44'),
(6, 'Piagam Pelanggan', 1, NULL, NULL, '/web/article-web?id=piagam-pelanggan', NULL, NULL, NULL, 2, '2026-07-03 21:31:44', '2026-07-03 21:31:44'),
(7, 'Perkhidmatan', 1, NULL, NULL, '#', NULL, NULL, NULL, 0, '2026-07-03 21:31:44', '2026-07-03 21:31:44'),
(8, 'Dalam Talian', 1, NULL, NULL, 'https://google.com', NULL, NULL, NULL, 7, '2026-07-03 21:31:44', '2026-07-03 21:31:44'),
(9, 'e-Permohonan', 1, NULL, NULL, 'https://youtube.com', NULL, NULL, NULL, 7, '2026-07-03 21:31:44', '2026-07-03 21:31:44'),
(10, 'FAQ', 1, NULL, NULL, '/web/faq-web', NULL, NULL, NULL, 7, '2026-07-03 21:31:44', '2026-07-03 21:31:44'),
(11, 'Muat Turun', 1, NULL, NULL, '/web/download-web', NULL, NULL, NULL, 7, '2026-07-03 21:31:44', '2026-07-03 21:31:44'),
(12, 'Media', 1, NULL, NULL, '#', NULL, NULL, NULL, 0, '2026-07-03 21:31:44', '2026-07-03 21:31:44'),
(13, 'Berita', 1, NULL, NULL, '/web/news-web', NULL, NULL, NULL, 12, '2026-07-03 21:31:44', '2026-07-03 21:31:44'),
(14, 'Galeri Foto', 1, NULL, NULL, '/web/gallery-web', NULL, NULL, NULL, 12, '2026-07-03 21:31:44', '2026-07-03 21:31:44'),
(15, 'Video', 1, NULL, NULL, '/web/video-web', NULL, NULL, NULL, 12, '2026-07-03 21:31:44', '2026-07-03 21:31:44'),
(16, 'Penerbitan', 1, NULL, NULL, '/web/publication-web', NULL, NULL, NULL, 12, '2026-07-03 21:31:44', '2026-07-03 21:31:44'),
(17, 'Hubungi Kami', 1, NULL, NULL, '/web/contact-us-web', NULL, NULL, NULL, 0, '2026-07-03 21:31:44', '2026-07-03 21:31:44'),
(18, 'Home', 1, NULL, '', '/redd-plus', NULL, '', '', 0, '2026-07-23 11:24:05', '2026-07-23 11:24:05'),
(19, 'REDD+', 1, '', '', '#', '', '', '', 0, '2026-07-23 11:24:05', '2026-07-23 11:24:05'),
(20, 'About REDD+ Malaysia', 1, NULL, '', '/redd-plus/article?id=about-redd-plus', NULL, '', '', 19, '2026-07-23 11:24:05', '2026-07-23 11:24:05'),
(24, 'Governance', 1, NULL, '', '/redd-plus/article?id=governance', NULL, '', '', 19, '2026-07-23 11:24:05', '2026-07-23 11:24:05'),
(31, 'Stakeholder Engagement', 1, NULL, '', '/redd-plus/article?id=stakeholder-engagement', NULL, '', '', 19, '2026-07-23 11:24:05', '2026-07-23 11:24:05'),
(41, 'National REDD+ Strategy', 1, '', '', '/redd-plus/article?id=national-redd-strategy', '', '', '', 19, '2026-07-23 11:24:05', '2026-07-23 11:24:05'),
(46, 'REDD+ Implementation', 1, '', '', '/redd-plus/article?id=redd-implementation', '', '', '', 19, '2026-07-23 11:24:05', '2026-07-23 11:24:05'),
(52, 'MRV Framework', 1, '', '', '/redd-plus/article?id=mrv-framework', '', '', '', 19, '2026-07-23 11:24:05', '2026-07-23 11:24:05'),
(58, 'Related Policies', 1, '', '', '/redd-plus/article?id=related-policies', '', '', '', 19, '2026-07-23 11:24:05', '2026-07-23 11:24:05'),
(63, 'SIS', 1, '', '', '#', '', '', '', 0, '2026-07-23 11:24:05', '2026-07-23 11:24:05'),
(64, 'About SIS', 1, '', '', '/redd-plus/article?id=about-sis', '', '', '', 63, '2026-07-23 11:24:05', '2026-07-23 11:24:05'),
(69, 'Cancun Safeguards', 1, '', '', '/redd-plus/article?id=cancun-safeguards', '', '', '', 63, '2026-07-23 11:24:05', '2026-07-23 11:24:05'),
(72, 'Malaysia Safeguards', 1, '', '', '/redd-plus/article?id=malaysia-safeguards', '', '', '', 63, '2026-07-23 11:24:05', '2026-07-23 11:24:05'),
(76, 'Safeguards Interpretation', 1, '', '', '/redd-plus/article?id=safeguards-interpretation', '', '', '', 63, '2026-07-23 11:24:05', '2026-07-23 11:24:05'),
(80, 'Indicators', 1, '', '', '/redd-plus/article?id=indicators', '', '', '', 63, '2026-07-23 11:24:05', '2026-07-23 11:24:05'),
(84, 'Summary of Information', 1, '', '', '/redd-plus/article?id=summary-of-information', '', '', '', 63, '2026-07-23 11:24:05', '2026-07-23 11:24:05'),
(88, 'Resources', 1, '', '', '#', '', '', '', 0, '2026-07-23 11:24:05', '2026-07-23 11:24:05'),
(89, 'Publications, Documents & Reports', 1, '', '', '/redd-plus/publications', '', '', '', 88, '2026-07-23 11:24:05', '2026-07-23 11:24:05'),
(95, 'News & Updates', 1, '', '', '/redd-plus/news', '', '', '', 88, '2026-07-23 11:24:05', '2026-07-23 11:24:05'),
(99, 'Gallery', 1, '', '', '/redd-plus/gallery', '', '', '', 88, '2026-07-23 11:24:05', '2026-07-23 11:24:05'),
(102, 'Related Links', 1, '', '', '/redd-plus/related-links', '', '', '', 88, '2026-07-23 11:24:05', '2026-07-23 11:24:05'),
(106, 'FAQ', 1, NULL, '', '/redd-plus/faq', NULL, '', '', 88, '2026-07-23 11:24:05', '2026-07-23 11:24:05'),
(110, 'Glossary', 1, NULL, '', '/redd-plus/glossary', NULL, '', '', 88, '2026-07-23 11:24:05', '2026-07-23 11:24:05'),
(114, 'Contact', 1, NULL, '', '#', NULL, '', '', 0, '2026-07-23 11:24:05', '2026-07-23 11:24:05'),
(115, 'General Inquiries', 1, NULL, NULL, '/redd-plus/contact', NULL, NULL, NULL, 114, NULL, NULL),
(116, 'Reports & Issues', 1, NULL, NULL, '/redd-plus/reports-issues', NULL, NULL, NULL, 114, NULL, NULL);

-- --------------------------------------------------------

--
-- Table structure for table `frontend_menu_category`
--

CREATE TABLE `frontend_menu_category` (
  `category_id` bigint UNSIGNED NOT NULL,
  `category_name` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `category_description` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `category_status` tinyint(1) NOT NULL DEFAULT '1',
  `created_at` date DEFAULT NULL,
  `created_by` int DEFAULT NULL,
  `updated_at` date DEFAULT NULL,
  `updated_by` int DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;

--
-- Dumping data for table `frontend_menu_category`
--

INSERT INTO `frontend_menu_category` (`category_id`, `category_name`, `category_description`, `category_status`, `created_at`, `created_by`, `updated_at`, `updated_by`) VALUES
(1, 'Navbar Public', 'Main navigation menu for public', 1, '2026-07-04', NULL, '2026-07-04', NULL);

-- --------------------------------------------------------

--
-- Table structure for table `frontend_pages`
--

CREATE TABLE `frontend_pages` (
  `id` bigint UNSIGNED NOT NULL,
  `site_fk` bigint UNSIGNED NOT NULL,
  `name` varchar(255) COLLATE utf8mb4_unicode_ci NOT NULL,
  `slug` varchar(255) COLLATE utf8mb4_unicode_ci NOT NULL,
  `layout` longtext COLLATE utf8mb4_unicode_ci,
  `entry_script` longtext COLLATE utf8mb4_unicode_ci,
  `page_content` longtext COLLATE utf8mb4_unicode_ci,
  `use_custom_layout` tinyint(1) NOT NULL DEFAULT '0',
  `is_default` tinyint(1) NOT NULL DEFAULT '0',
  `status` tinyint(1) NOT NULL DEFAULT '1',
  `sort_order` int NOT NULL DEFAULT '0',
  `created_at` timestamp NULL DEFAULT NULL,
  `updated_at` timestamp NULL DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;

--
-- Dumping data for table `frontend_pages`
--

INSERT INTO `frontend_pages` (`id`, `site_fk`, `name`, `slug`, `layout`, `entry_script`, `page_content`, `use_custom_layout`, `is_default`, `status`, `sort_order`, `created_at`, `updated_at`) VALUES
(1, 1, 'Home Web', 'home-web', NULL, NULL, '{!! $slider_web !!}\n{!! $ticker_web !!}\n{!! $modules_showcase_web !!}\n{!! $home_web !!}', 0, 1, 1, 2, '2026-07-03 20:58:05', '2026-07-03 21:30:29'),
(2, 1, 'Article Web', 'article-web', NULL, NULL, '{!! $article_web !!}', 0, 0, 1, 3, '2026-07-03 21:55:43', '2026-07-03 22:00:52'),
(3, 1, 'FAQ Web', 'faq-web', 'web', NULL, '{!! $faq_web !!}', 0, 0, 1, 4, '2026-07-03 23:04:29', '2026-07-03 23:04:29'),
(4, 1, 'Download Web', 'download-web', 'web', NULL, '{!! $download_web !!}', 0, 0, 1, 5, '2026-07-03 23:08:47', '2026-07-03 23:08:47'),
(5, 1, 'Contact Us Web', 'contact-us-web', 'web', NULL, '{!! $contact_us_web !!}', 0, 0, 1, 6, '2026-07-03 23:16:55', '2026-07-03 23:16:55'),
(6, 1, 'News Web', 'news-web', 'web', NULL, '{!! $news_web !!}', 0, 0, 1, 7, '2026-07-03 23:24:25', '2026-07-03 23:24:25'),
(7, 1, 'Gallery Web', 'gallery-web', 'web', NULL, '{!! $gallery_web !!}', 0, 0, 1, 8, '2026-07-03 23:24:25', '2026-07-03 23:24:25'),
(8, 1, 'Video Web', 'video-web', 'web', NULL, '{!! $video_web !!}', 0, 0, 1, 9, '2026-07-03 23:24:25', '2026-07-03 23:24:25'),
(9, 1, 'Publication Web', 'publication-web', 'web', NULL, '{!! $publication_web !!}', 0, 0, 1, 10, '2026-07-03 23:24:25', '2026-07-03 23:24:25'),
(10, 1, 'Public Holiday Web', 'public-holiday-web', 'web', NULL, '{!! $holiday_web !!}', 0, 0, 1, 11, '2026-07-03 23:41:07', '2026-07-03 23:41:07'),
(11, 1, 'Calendar Web', 'calendar-web', 'web', NULL, '{!! $calendar_web !!}', 0, 0, 1, 12, '2026-07-03 23:41:07', '2026-07-03 23:41:07'),
(12, 1, 'Directory Web', 'directory-web', 'web', NULL, '{!! $directory_web !!}', 0, 0, 1, 13, '2026-07-03 23:41:07', '2026-07-03 23:41:07'),
(13, 1, 'Sitemap Web', 'sitemap-web', 'web', NULL, '{!! $sitemap_web !!}', 0, 0, 1, 14, '2026-07-23 01:04:29', '2026-07-23 01:04:29'),
(14, 1, 'Login Web', 'login-web', NULL, NULL, '<style>\n@import url(\'https://fonts.bunny.net/css?family=figtree:400,500,600,700&display=swap\');\n:root {\n    --accent: #c04849;\n    --accent-dark: #a23a3b;\n    --white: #ffffff;\n    --gray-50: #f8fafc;\n    --gray-100: #f1f5f9;\n    --gray-200: #e2e8f0;\n    --gray-300: #cbd5e1;\n    --gray-400: #94a3b8;\n    --gray-500: #64748b;\n    --gray-600: #475569;\n    --gray-700: #334155;\n    --gray-800: #1e293b;\n    --gray-900: #0f172a;\n}\nhtml, body { margin: 0 !important; padding: 0 !important; background: #0f172a !important; min-height: 100%; font-family: \'Figtree\', ui-sans-serif, system-ui, sans-serif; -webkit-font-smoothing: antialiased; }\n.auth-bg {\n    min-height: 100vh;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 40px 16px;\n    background: linear-gradient(135deg, #0f172a 0%, #1e293b 40%, #334155 100%);\n    position: relative;\n    overflow: hidden;\n}\n.auth-bg::before {\n    content: \'\';\n    position: absolute;\n    top: -50%;\n    left: -50%;\n    width: 200%;\n    height: 200%;\n    background: radial-gradient(ellipse at 30% 20%, rgba(192,72,73,0.15) 0%, transparent 50%),\n                radial-gradient(ellipse at 70% 80%, rgba(13,148,136,0.1) 0%, transparent 50%);\n    animation: authPulse 8s ease-in-out infinite alternate;\n}\n@keyframes authPulse {\n    0% { transform: scale(1) rotate(0deg); }\n    100% { transform: scale(1.1) rotate(3deg); }\n}\n.auth-card {\n    position: relative;\n    z-index: 1;\n    width: 100%;\n    max-width: 440px;\n    background: rgba(255,255,255,0.95);\n    backdrop-filter: blur(20px);\n    border: 1px solid rgba(255,255,255,0.2);\n    border-radius: 20px;\n    padding: 44px 36px 36px;\n    box-shadow: 0 25px 60px rgba(0,0,0,0.3), 0 0 0 1px rgba(255,255,255,0.1) inset;\n    animation: cardSlideUp 0.5s ease-out;\n}\n@keyframes cardSlideUp {\n    from { opacity: 0; transform: translateY(30px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n.auth-card .brand-icon {\n    width: 56px;\n    height: 56px;\n    margin: 0 auto 20px;\n    background: linear-gradient(135deg, var(--accent) 0%, #e05252 100%);\n    border-radius: 16px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 8px 24px rgba(192,72,73,0.35);\n}\n.auth-card .brand-icon svg { color: #fff; }\n.auth-card h2 {\n    font-size: 26px;\n    font-weight: 800;\n    color: var(--gray-900);\n    text-align: center;\n    margin-bottom: 6px;\n    letter-spacing: -0.5px;\n}\n.auth-card .subtitle {\n    text-align: center;\n    color: var(--gray-500);\n    font-size: 14px;\n    margin-bottom: 30px;\n}\n.auth-card label {\n    display: block;\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--gray-700);\n    margin-bottom: 6px;\n}\n.auth-card .input-group {\n    position: relative;\n    margin-bottom: 20px;\n}\n.auth-card .input-group .input-icon {\n    position: absolute;\n    left: 14px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: var(--gray-400);\n    pointer-events: none;\n    transition: color .2s;\n}\n.auth-card .input-group input {\n    width: 100%;\n    padding: 12px 14px 12px 44px;\n    border: 2px solid var(--gray-200);\n    border-radius: 12px;\n    font-size: 14px;\n    font-family: inherit;\n    color: var(--gray-800);\n    background: var(--gray-50);\n    transition: all .2s;\n    outline: none;\n}\n.auth-card .input-group input::placeholder { color: var(--gray-400); }\n.auth-card .input-group input:focus {\n    border-color: var(--accent);\n    background: var(--white);\n    box-shadow: 0 0 0 4px rgba(192,72,73,0.1);\n}\n.auth-card .input-group input:focus + .input-icon,\n.auth-card .input-group input:focus ~ .input-icon { color: var(--accent); }\n.auth-card .input-group .toggle-pw {\n    position: absolute;\n    right: 12px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--gray-400);\n    padding: 4px;\n    border-radius: 6px;\n    transition: all .2s;\n}\n.auth-card .input-group .toggle-pw:hover { color: var(--gray-600); background: var(--gray-100); }\n.auth-card .input-error {\n    color: #dc2626;\n    font-size: 12px;\n    margin-top: 6px;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n.auth-card .options-row {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 24px;\n}\n.auth-card .options-row label {\n    margin-bottom: 0;\n    font-weight: 400;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    cursor: pointer;\n    font-size: 13px;\n    color: var(--gray-600);\n}\n.auth-card .options-row label input[type=\"checkbox\"] {\n    width: 16px;\n    height: 16px;\n    accent-color: var(--accent);\n    cursor: pointer;\n}\n.auth-card .options-row a {\n    font-size: 13px;\n    color: var(--accent);\n    font-weight: 600;\n    transition: color .2s;\n}\n.auth-card .options-row a:hover { color: var(--accent-dark); }\n.auth-card .btn-submit {\n    width: 100%;\n    padding: 13px;\n    border: none;\n    border-radius: 12px;\n    background: linear-gradient(135deg, var(--accent) 0%, #e05252 100%);\n    color: #fff;\n    font-size: 15px;\n    font-weight: 700;\n    font-family: inherit;\n    cursor: pointer;\n    transition: all .2s;\n    box-shadow: 0 4px 16px rgba(192,72,73,0.35);\n    position: relative;\n    overflow: hidden;\n}\n.auth-card .btn-submit::before {\n    content: \'\';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(135deg, rgba(255,255,255,0.15) 0%, transparent 100%);\n    opacity: 0;\n    transition: opacity .2s;\n}\n.auth-card .btn-submit:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 24px rgba(192,72,73,0.4);\n}\n.auth-card .btn-submit:hover::before { opacity: 1; }\n.auth-card .btn-submit:active { transform: translateY(0); }\n.auth-card .btn-submit-secondary {\n    width: 100%;\n    padding: 12px;\n    border: 2px solid var(--gray-200);\n    border-radius: 12px;\n    background: var(--white);\n    color: var(--gray-600);\n    font-size: 14px;\n    font-weight: 600;\n    font-family: inherit;\n    cursor: pointer;\n    transition: all .2s;\n    margin-top: 12px;\n}\n.auth-card .btn-submit-secondary:hover {\n    border-color: var(--gray-300);\n    background: var(--gray-50);\n    color: var(--gray-800);\n}\n.auth-card .divider {\n    display: flex;\n    align-items: center;\n    margin: 24px 0;\n    gap: 12px;\n}\n.auth-card .divider::before,\n.auth-card .divider::after {\n    content: \'\';\n    flex: 1;\n    height: 1px;\n    background: var(--gray-200);\n}\n.auth-card .divider span {\n    font-size: 12px;\n    color: var(--gray-400);\n    font-weight: 500;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n.auth-card .links {\n    text-align: center;\n    margin-top: 24px;\n    font-size: 14px;\n    color: var(--gray-500);\n}\n.auth-card .links a {\n    color: var(--accent);\n    font-weight: 700;\n    transition: color .2s;\n}\n.auth-card .links a:hover { color: var(--accent-dark); }\n.auth-card .alert {\n    padding: 12px 16px;\n    border-radius: 12px;\n    font-size: 13px;\n    margin-bottom: 20px;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n.auth-card .alert-success { background: #ecfdf5; color: #065f46; border: 1px solid #a7f3d0; }\n.auth-card .alert-error { background: #fef2f2; color: #991b1b; border: 1px solid #fecaca; }\n</style>\n<div style=\"position:fixed;top:0;left:0;right:0;z-index:10;padding:16px 24px;\">\n    <a href=\"{{ url(\'/\' . request()->segment(1)) }}\" style=\"display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:rgba(255,255,255,0.8);text-decoration:none;transition:color .2s;padding:8px 16px;border-radius:10px;background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);\">\n        <svg width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 19l-7-7m0 0l7-7m-7 7h18\"/></svg>\n        Back to Home\n    </a>\n</div>\n<div class=\"auth-bg\">\n    <div class=\"auth-card\">\n        <div class=\"brand-icon\">\n            <svg width=\"28\" height=\"28\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1\"/></svg>\n        </div>\n        <h2>Welcome Back</h2>\n        <p class=\"subtitle\">Sign in to continue to your account</p>\n\n        @if(session(\'status\'))\n            <div class=\"alert alert-success\">\n                <svg width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"/></svg>\n                {{ session(\'status\') }}\n            </div>\n        @endif\n\n        <form method=\"POST\" action=\"{{ url(\'/user/login\') }}\">\n            @csrf\n            <input type=\"hidden\" name=\"site_slug\" value=\"{{ request()->segment(1) }}\">\n\n            <label for=\"login\">Email or Username</label>\n            <div class=\"input-group\">\n                <input type=\"text\" name=\"login\" id=\"login\" value=\"{{ old(\'login\') }}\" placeholder=\"you@example.com\" autofocus>\n                <svg class=\"input-icon\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M16 12a4 4 0 10-8 0 4 4 0 008 0zm0 0v1.5a2.5 2.5 0 005 0V12a9 9 0 10-9 9m4.5-1.206a8.959 8.959 0 01-4.5 1.207\"/></svg>\n            </div>\n            @error(\'login\')<p class=\"input-error\">{{ $message }}</p>@enderror\n\n            <label for=\"password\">Password</label>\n            <div class=\"input-group\">\n                <input type=\"password\" name=\"password\" id=\"password\" placeholder=\"Enter your password\">\n                <svg class=\"input-icon\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z\"/></svg>\n                <button type=\"button\" class=\"toggle-pw\" onclick=\"togglePw(\'password\',this)\">\n                    <svg width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z\"/></svg>\n                </button>\n            </div>\n            @error(\'password\')<p class=\"input-error\">{{ $message }}</p>@enderror\n\n            <div class=\"options-row\">\n                <label><input type=\"checkbox\" name=\"remember\">Remember me</label>\n                <a href=\"{{ url(\'/user/forgot-password?site_slug=\' . request()->segment(1)) }}\">Forgot password?</a>\n            </div>\n\n            <button type=\"submit\" class=\"btn-submit\">Sign In</button>\n        </form>\n\n        <div style=\"margin-top:20px;padding:14px 16px;background:var(--gray-50);border:1px dashed var(--gray-200);border-radius:10px;\">\n            <p style=\"margin:0 0 8px;font-size:11px;font-weight:700;color:var(--gray-400);text-transform:uppercase;letter-spacing:0.5px;\">Demo Credentials</p>\n            <p style=\"margin:0;font-size:13px;color:var(--gray-600);line-height:1.7;\">\n                <strong>Username:</strong> frontenduser<br>\n                <strong>Email:</strong> frontenduser@example.com<br>\n                <strong>Password:</strong> password\n            </p>\n        </div>\n\n        <p class=\"links\">Don\'t have an account? <a href=\"{{ url(\'/user/register?site_slug=\' . request()->segment(1)) }}\">Create one</a></p>\n    </div>\n</div>\n\n<script>\nfunction togglePw(id, btn) {\n    const inp = document.getElementById(id);\n    const isPw = inp.type === \'password\';\n    inp.type = isPw ? \'text\' : \'password\';\n    btn.innerHTML = isPw\n        ? \'<svg width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l3.59 3.59m0 0A9.953 9.953 0 0112 5c4.478 0 8.268 2.943 9.543 7a10.025 10.025 0 01-4.132 5.411m0 0L21 21\"/></svg>\'\n        : \'<svg width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z\"/></svg>\';\n}\n</script>', 1, 0, 1, 15, '2026-07-23 01:04:29', '2026-07-23 01:04:29'),
(15, 1, 'Register Web', 'register-web', NULL, NULL, '<style>\n@import url(\'https://fonts.bunny.net/css?family=figtree:400,500,600,700&display=swap\');\n:root {\n    --accent: #c04849;\n    --accent-dark: #a23a3b;\n    --white: #ffffff;\n    --gray-50: #f8fafc;\n    --gray-100: #f1f5f9;\n    --gray-200: #e2e8f0;\n    --gray-300: #cbd5e1;\n    --gray-400: #94a3b8;\n    --gray-500: #64748b;\n    --gray-600: #475569;\n    --gray-700: #334155;\n    --gray-800: #1e293b;\n    --gray-900: #0f172a;\n}\nhtml, body { margin: 0 !important; padding: 0 !important; background: #0f172a !important; min-height: 100%; font-family: \'Figtree\', ui-sans-serif, system-ui, sans-serif; -webkit-font-smoothing: antialiased; }\n.auth-bg {\n    min-height: 100vh;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 40px 16px;\n    background: linear-gradient(135deg, #0f172a 0%, #1e293b 40%, #334155 100%);\n    position: relative;\n    overflow: hidden;\n}\n.auth-bg::before {\n    content: \'\';\n    position: absolute;\n    top: -50%;\n    left: -50%;\n    width: 200%;\n    height: 200%;\n    background: radial-gradient(ellipse at 30% 20%, rgba(192,72,73,0.15) 0%, transparent 50%),\n                radial-gradient(ellipse at 70% 80%, rgba(13,148,136,0.1) 0%, transparent 50%);\n    animation: authPulse 8s ease-in-out infinite alternate;\n}\n@keyframes authPulse {\n    0% { transform: scale(1) rotate(0deg); }\n    100% { transform: scale(1.1) rotate(3deg); }\n}\n.auth-card {\n    position: relative;\n    z-index: 1;\n    width: 100%;\n    max-width: 440px;\n    background: rgba(255,255,255,0.95);\n    backdrop-filter: blur(20px);\n    border: 1px solid rgba(255,255,255,0.2);\n    border-radius: 20px;\n    padding: 44px 36px 36px;\n    box-shadow: 0 25px 60px rgba(0,0,0,0.3), 0 0 0 1px rgba(255,255,255,0.1) inset;\n    animation: cardSlideUp 0.5s ease-out;\n}\n@keyframes cardSlideUp {\n    from { opacity: 0; transform: translateY(30px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n.auth-card .brand-icon {\n    width: 56px;\n    height: 56px;\n    margin: 0 auto 20px;\n    background: linear-gradient(135deg, var(--accent) 0%, #e05252 100%);\n    border-radius: 16px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 8px 24px rgba(192,72,73,0.35);\n}\n.auth-card .brand-icon svg { color: #fff; }\n.auth-card h2 {\n    font-size: 26px;\n    font-weight: 800;\n    color: var(--gray-900);\n    text-align: center;\n    margin-bottom: 6px;\n    letter-spacing: -0.5px;\n}\n.auth-card .subtitle {\n    text-align: center;\n    color: var(--gray-500);\n    font-size: 14px;\n    margin-bottom: 30px;\n}\n.auth-card label {\n    display: block;\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--gray-700);\n    margin-bottom: 6px;\n}\n.auth-card .input-group {\n    position: relative;\n    margin-bottom: 20px;\n}\n.auth-card .input-group .input-icon {\n    position: absolute;\n    left: 14px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: var(--gray-400);\n    pointer-events: none;\n    transition: color .2s;\n}\n.auth-card .input-group input {\n    width: 100%;\n    padding: 12px 14px 12px 44px;\n    border: 2px solid var(--gray-200);\n    border-radius: 12px;\n    font-size: 14px;\n    font-family: inherit;\n    color: var(--gray-800);\n    background: var(--gray-50);\n    transition: all .2s;\n    outline: none;\n}\n.auth-card .input-group input::placeholder { color: var(--gray-400); }\n.auth-card .input-group input:focus {\n    border-color: var(--accent);\n    background: var(--white);\n    box-shadow: 0 0 0 4px rgba(192,72,73,0.1);\n}\n.auth-card .input-group input:focus + .input-icon,\n.auth-card .input-group input:focus ~ .input-icon { color: var(--accent); }\n.auth-card .input-group .toggle-pw {\n    position: absolute;\n    right: 12px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--gray-400);\n    padding: 4px;\n    border-radius: 6px;\n    transition: all .2s;\n}\n.auth-card .input-group .toggle-pw:hover { color: var(--gray-600); background: var(--gray-100); }\n.auth-card .input-error {\n    color: #dc2626;\n    font-size: 12px;\n    margin-top: 6px;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n.auth-card .options-row {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 24px;\n}\n.auth-card .options-row label {\n    margin-bottom: 0;\n    font-weight: 400;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    cursor: pointer;\n    font-size: 13px;\n    color: var(--gray-600);\n}\n.auth-card .options-row label input[type=\"checkbox\"] {\n    width: 16px;\n    height: 16px;\n    accent-color: var(--accent);\n    cursor: pointer;\n}\n.auth-card .options-row a {\n    font-size: 13px;\n    color: var(--accent);\n    font-weight: 600;\n    transition: color .2s;\n}\n.auth-card .options-row a:hover { color: var(--accent-dark); }\n.auth-card .btn-submit {\n    width: 100%;\n    padding: 13px;\n    border: none;\n    border-radius: 12px;\n    background: linear-gradient(135deg, var(--accent) 0%, #e05252 100%);\n    color: #fff;\n    font-size: 15px;\n    font-weight: 700;\n    font-family: inherit;\n    cursor: pointer;\n    transition: all .2s;\n    box-shadow: 0 4px 16px rgba(192,72,73,0.35);\n    position: relative;\n    overflow: hidden;\n}\n.auth-card .btn-submit::before {\n    content: \'\';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(135deg, rgba(255,255,255,0.15) 0%, transparent 100%);\n    opacity: 0;\n    transition: opacity .2s;\n}\n.auth-card .btn-submit:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 24px rgba(192,72,73,0.4);\n}\n.auth-card .btn-submit:hover::before { opacity: 1; }\n.auth-card .btn-submit:active { transform: translateY(0); }\n.auth-card .btn-submit-secondary {\n    width: 100%;\n    padding: 12px;\n    border: 2px solid var(--gray-200);\n    border-radius: 12px;\n    background: var(--white);\n    color: var(--gray-600);\n    font-size: 14px;\n    font-weight: 600;\n    font-family: inherit;\n    cursor: pointer;\n    transition: all .2s;\n    margin-top: 12px;\n}\n.auth-card .btn-submit-secondary:hover {\n    border-color: var(--gray-300);\n    background: var(--gray-50);\n    color: var(--gray-800);\n}\n.auth-card .divider {\n    display: flex;\n    align-items: center;\n    margin: 24px 0;\n    gap: 12px;\n}\n.auth-card .divider::before,\n.auth-card .divider::after {\n    content: \'\';\n    flex: 1;\n    height: 1px;\n    background: var(--gray-200);\n}\n.auth-card .divider span {\n    font-size: 12px;\n    color: var(--gray-400);\n    font-weight: 500;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n.auth-card .links {\n    text-align: center;\n    margin-top: 24px;\n    font-size: 14px;\n    color: var(--gray-500);\n}\n.auth-card .links a {\n    color: var(--accent);\n    font-weight: 700;\n    transition: color .2s;\n}\n.auth-card .links a:hover { color: var(--accent-dark); }\n.auth-card .alert {\n    padding: 12px 16px;\n    border-radius: 12px;\n    font-size: 13px;\n    margin-bottom: 20px;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n.auth-card .alert-success { background: #ecfdf5; color: #065f46; border: 1px solid #a7f3d0; }\n.auth-card .alert-error { background: #fef2f2; color: #991b1b; border: 1px solid #fecaca; }\n</style>\n<div style=\"position:fixed;top:0;left:0;right:0;z-index:10;padding:16px 24px;\">\n    <a href=\"{{ url(\'/\' . request()->segment(1)) }}\" style=\"display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:rgba(255,255,255,0.8);text-decoration:none;transition:color .2s;padding:8px 16px;border-radius:10px;background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);\">\n        <svg width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 19l-7-7m0 0l7-7m-7 7h18\"/></svg>\n        Back to Home\n    </a>\n</div>\n<div class=\"auth-bg\">\n    <div class=\"auth-card\">\n        <div class=\"brand-icon\">\n            <svg width=\"28\" height=\"28\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M18 9v3m0 0v3m0-3h3m-3 0h-3m-2-5a4 4 0 11-8 0 4 4 0 018 0zM3 20a6 6 0 0112 0v1H3v-1z\"/></svg>\n        </div>\n        <h2>Create Account</h2>\n        <p class=\"subtitle\">Fill in the details to get started</p>\n\n        <form method=\"POST\" action=\"{{ url(\'/user/register\') }}\">\n            @csrf\n            <input type=\"hidden\" name=\"site_slug\" value=\"{{ request()->segment(1) }}\">\n\n            <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:12px;\">\n                <div>\n                    <label for=\"username\">Username</label>\n                    <div class=\"input-group\">\n                        <input type=\"text\" name=\"username\" id=\"username\" value=\"{{ old(\'username\') }}\" placeholder=\"johndoe\" autofocus>\n                        <svg class=\"input-icon\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M16 12a4 4 0 10-8 0 4 4 0 008 0zm0 0v1.5a2.5 2.5 0 005 0V12a9 9 0 10-9 9m4.5-1.206a8.959 8.959 0 01-4.5 1.207\"/></svg>\n                    </div>\n                    @error(\'username\')<p class=\"input-error\">{{ $message }}</p>@enderror\n                </div>\n                <div>\n                    <label for=\"email\">Email Address</label>\n                    <div class=\"input-group\">\n                        <input type=\"email\" name=\"email\" id=\"email\" value=\"{{ old(\'email\') }}\" placeholder=\"you@example.com\">\n                        <svg class=\"input-icon\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"/></svg>\n                    </div>\n                    @error(\'email\')<p class=\"input-error\">{{ $message }}</p>@enderror\n                </div>\n            </div>\n\n            <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:12px;\">\n                <div>\n                    <label for=\"first_name\">First Name</label>\n                    <div class=\"input-group\">\n                        <input type=\"text\" name=\"first_name\" id=\"first_name\" value=\"{{ old(\'first_name\') }}\" placeholder=\"John\" style=\"padding-left:14px;\">\n                    </div>\n                    @error(\'first_name\')<p class=\"input-error\">{{ $message }}</p>@enderror\n                </div>\n                <div>\n                    <label for=\"last_name\">Last Name</label>\n                    <div class=\"input-group\">\n                        <input type=\"text\" name=\"last_name\" id=\"last_name\" value=\"{{ old(\'last_name\') }}\" placeholder=\"Doe\" style=\"padding-left:14px;\">\n                    </div>\n                    @error(\'last_name\')<p class=\"input-error\">{{ $message }}</p>@enderror\n                </div>\n            </div>\n\n            <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:12px;\">\n                <div>\n                    <label for=\"password\">Password</label>\n                    <div class=\"input-group\">\n                        <input type=\"password\" name=\"password\" id=\"password\" placeholder=\"Min 8 characters\">\n                        <svg class=\"input-icon\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z\"/></svg>\n                        <button type=\"button\" class=\"toggle-pw\" onclick=\"togglePw(\'password\',this)\">\n                            <svg width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z\"/></svg>\n                        </button>\n                    </div>\n                    @error(\'password\')<p class=\"input-error\">{{ $message }}</p>@enderror\n                </div>\n                <div>\n                    <label for=\"password_confirmation\">Confirm Password</label>\n                    <div class=\"input-group\">\n                        <input type=\"password\" name=\"password_confirmation\" id=\"password_confirmation\" placeholder=\"Repeat password\">\n                        <svg class=\"input-icon\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"/></svg>\n                        <button type=\"button\" class=\"toggle-pw\" onclick=\"togglePw(\'password_confirmation\',this)\">\n                            <svg width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z\"/></svg>\n                        </button>\n                    </div>\n                </div>\n            </div>\n\n            <button type=\"submit\" class=\"btn-submit\" style=\"margin-top:4px;\">Create Account</button>\n        </form>\n\n        <p class=\"links\">Already have an account? <a href=\"{{ url(\'/user/login?site_slug=\' . request()->segment(1)) }}\">Sign in</a></p>\n    </div>\n</div>\n\n<script>\nfunction togglePw(id, btn) {\n    const inp = document.getElementById(id);\n    const isPw = inp.type === \'password\';\n    inp.type = isPw ? \'text\' : \'password\';\n    btn.innerHTML = isPw\n        ? \'<svg width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l3.59 3.59m0 0A9.953 9.953 0 0112 5c4.478 0 8.268 2.943 9.543 7a10.025 10.025 0 01-4.132 5.411m0 0L21 21\"/></svg>\'\n        : \'<svg width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z\"/></svg>\';\n}\n</script>', 1, 0, 1, 16, '2026-07-23 01:04:29', '2026-07-23 01:04:29'),
(16, 1, 'Forgot Password Web', 'forgot-password-web', NULL, NULL, '<style>\n@import url(\'https://fonts.bunny.net/css?family=figtree:400,500,600,700&display=swap\');\n:root {\n    --accent: #c04849;\n    --accent-dark: #a23a3b;\n    --white: #ffffff;\n    --gray-50: #f8fafc;\n    --gray-100: #f1f5f9;\n    --gray-200: #e2e8f0;\n    --gray-300: #cbd5e1;\n    --gray-400: #94a3b8;\n    --gray-500: #64748b;\n    --gray-600: #475569;\n    --gray-700: #334155;\n    --gray-800: #1e293b;\n    --gray-900: #0f172a;\n}\nhtml, body { margin: 0 !important; padding: 0 !important; background: #0f172a !important; min-height: 100%; font-family: \'Figtree\', ui-sans-serif, system-ui, sans-serif; -webkit-font-smoothing: antialiased; }\n.auth-bg {\n    min-height: 100vh;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 40px 16px;\n    background: linear-gradient(135deg, #0f172a 0%, #1e293b 40%, #334155 100%);\n    position: relative;\n    overflow: hidden;\n}\n.auth-bg::before {\n    content: \'\';\n    position: absolute;\n    top: -50%;\n    left: -50%;\n    width: 200%;\n    height: 200%;\n    background: radial-gradient(ellipse at 30% 20%, rgba(192,72,73,0.15) 0%, transparent 50%),\n                radial-gradient(ellipse at 70% 80%, rgba(13,148,136,0.1) 0%, transparent 50%);\n    animation: authPulse 8s ease-in-out infinite alternate;\n}\n@keyframes authPulse {\n    0% { transform: scale(1) rotate(0deg); }\n    100% { transform: scale(1.1) rotate(3deg); }\n}\n.auth-card {\n    position: relative;\n    z-index: 1;\n    width: 100%;\n    max-width: 440px;\n    background: rgba(255,255,255,0.95);\n    backdrop-filter: blur(20px);\n    border: 1px solid rgba(255,255,255,0.2);\n    border-radius: 20px;\n    padding: 44px 36px 36px;\n    box-shadow: 0 25px 60px rgba(0,0,0,0.3), 0 0 0 1px rgba(255,255,255,0.1) inset;\n    animation: cardSlideUp 0.5s ease-out;\n}\n@keyframes cardSlideUp {\n    from { opacity: 0; transform: translateY(30px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n.auth-card .brand-icon {\n    width: 56px;\n    height: 56px;\n    margin: 0 auto 20px;\n    background: linear-gradient(135deg, var(--accent) 0%, #e05252 100%);\n    border-radius: 16px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 8px 24px rgba(192,72,73,0.35);\n}\n.auth-card .brand-icon svg { color: #fff; }\n.auth-card h2 {\n    font-size: 26px;\n    font-weight: 800;\n    color: var(--gray-900);\n    text-align: center;\n    margin-bottom: 6px;\n    letter-spacing: -0.5px;\n}\n.auth-card .subtitle {\n    text-align: center;\n    color: var(--gray-500);\n    font-size: 14px;\n    margin-bottom: 30px;\n}\n.auth-card label {\n    display: block;\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--gray-700);\n    margin-bottom: 6px;\n}\n.auth-card .input-group {\n    position: relative;\n    margin-bottom: 20px;\n}\n.auth-card .input-group .input-icon {\n    position: absolute;\n    left: 14px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: var(--gray-400);\n    pointer-events: none;\n    transition: color .2s;\n}\n.auth-card .input-group input {\n    width: 100%;\n    padding: 12px 14px 12px 44px;\n    border: 2px solid var(--gray-200);\n    border-radius: 12px;\n    font-size: 14px;\n    font-family: inherit;\n    color: var(--gray-800);\n    background: var(--gray-50);\n    transition: all .2s;\n    outline: none;\n}\n.auth-card .input-group input::placeholder { color: var(--gray-400); }\n.auth-card .input-group input:focus {\n    border-color: var(--accent);\n    background: var(--white);\n    box-shadow: 0 0 0 4px rgba(192,72,73,0.1);\n}\n.auth-card .input-group input:focus + .input-icon,\n.auth-card .input-group input:focus ~ .input-icon { color: var(--accent); }\n.auth-card .input-group .toggle-pw {\n    position: absolute;\n    right: 12px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--gray-400);\n    padding: 4px;\n    border-radius: 6px;\n    transition: all .2s;\n}\n.auth-card .input-group .toggle-pw:hover { color: var(--gray-600); background: var(--gray-100); }\n.auth-card .input-error {\n    color: #dc2626;\n    font-size: 12px;\n    margin-top: 6px;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n.auth-card .options-row {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 24px;\n}\n.auth-card .options-row label {\n    margin-bottom: 0;\n    font-weight: 400;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    cursor: pointer;\n    font-size: 13px;\n    color: var(--gray-600);\n}\n.auth-card .options-row label input[type=\"checkbox\"] {\n    width: 16px;\n    height: 16px;\n    accent-color: var(--accent);\n    cursor: pointer;\n}\n.auth-card .options-row a {\n    font-size: 13px;\n    color: var(--accent);\n    font-weight: 600;\n    transition: color .2s;\n}\n.auth-card .options-row a:hover { color: var(--accent-dark); }\n.auth-card .btn-submit {\n    width: 100%;\n    padding: 13px;\n    border: none;\n    border-radius: 12px;\n    background: linear-gradient(135deg, var(--accent) 0%, #e05252 100%);\n    color: #fff;\n    font-size: 15px;\n    font-weight: 700;\n    font-family: inherit;\n    cursor: pointer;\n    transition: all .2s;\n    box-shadow: 0 4px 16px rgba(192,72,73,0.35);\n    position: relative;\n    overflow: hidden;\n}\n.auth-card .btn-submit::before {\n    content: \'\';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(135deg, rgba(255,255,255,0.15) 0%, transparent 100%);\n    opacity: 0;\n    transition: opacity .2s;\n}\n.auth-card .btn-submit:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 24px rgba(192,72,73,0.4);\n}\n.auth-card .btn-submit:hover::before { opacity: 1; }\n.auth-card .btn-submit:active { transform: translateY(0); }\n.auth-card .btn-submit-secondary {\n    width: 100%;\n    padding: 12px;\n    border: 2px solid var(--gray-200);\n    border-radius: 12px;\n    background: var(--white);\n    color: var(--gray-600);\n    font-size: 14px;\n    font-weight: 600;\n    font-family: inherit;\n    cursor: pointer;\n    transition: all .2s;\n    margin-top: 12px;\n}\n.auth-card .btn-submit-secondary:hover {\n    border-color: var(--gray-300);\n    background: var(--gray-50);\n    color: var(--gray-800);\n}\n.auth-card .divider {\n    display: flex;\n    align-items: center;\n    margin: 24px 0;\n    gap: 12px;\n}\n.auth-card .divider::before,\n.auth-card .divider::after {\n    content: \'\';\n    flex: 1;\n    height: 1px;\n    background: var(--gray-200);\n}\n.auth-card .divider span {\n    font-size: 12px;\n    color: var(--gray-400);\n    font-weight: 500;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n.auth-card .links {\n    text-align: center;\n    margin-top: 24px;\n    font-size: 14px;\n    color: var(--gray-500);\n}\n.auth-card .links a {\n    color: var(--accent);\n    font-weight: 700;\n    transition: color .2s;\n}\n.auth-card .links a:hover { color: var(--accent-dark); }\n.auth-card .alert {\n    padding: 12px 16px;\n    border-radius: 12px;\n    font-size: 13px;\n    margin-bottom: 20px;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n.auth-card .alert-success { background: #ecfdf5; color: #065f46; border: 1px solid #a7f3d0; }\n.auth-card .alert-error { background: #fef2f2; color: #991b1b; border: 1px solid #fecaca; }\n</style>\n<div style=\"position:fixed;top:0;left:0;right:0;z-index:10;padding:16px 24px;\">\n    <a href=\"{{ url(\'/\' . request()->segment(1)) }}\" style=\"display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:rgba(255,255,255,0.8);text-decoration:none;transition:color .2s;padding:8px 16px;border-radius:10px;background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);\">\n        <svg width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 19l-7-7m0 0l7-7m-7 7h18\"/></svg>\n        Back to Home\n    </a>\n</div>\n<div class=\"auth-bg\">\n    <div class=\"auth-card\">\n        <div class=\"brand-icon\">\n            <svg width=\"28\" height=\"28\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 7a2 2 0 012 2m4 0a6 6 0 01-7.743 5.743L11 17H9v2H7v2H4a1 1 0 01-1-1v-2.586a1 1 0 01.293-.707l5.964-5.964A6 6 0 1121 9z\"/></svg>\n        </div>\n        <h2>Forgot Password?</h2>\n        <p class=\"subtitle\">No worries, we\'ll send you reset instructions</p>\n\n        @if(session(\'status\'))\n            <div class=\"alert alert-success\">\n                <svg width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"/></svg>\n                {{ session(\'status\') }}\n            </div>\n        @endif\n\n        <form method=\"POST\" action=\"{{ url(\'/user/forgot-password\') }}\">\n            @csrf\n            <input type=\"hidden\" name=\"site_slug\" value=\"{{ request()->segment(1) }}\">\n\n            <label for=\"email\">Email Address</label>\n            <div class=\"input-group\">\n                <input type=\"email\" name=\"email\" id=\"email\" value=\"{{ old(\'email\') }}\" placeholder=\"you@example.com\" autofocus>\n                <svg class=\"input-icon\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"/></svg>\n            </div>\n            @error(\'email\')<p class=\"input-error\">{{ $message }}</p>@enderror\n\n            <button type=\"submit\" class=\"btn-submit\">Send Reset Link</button>\n        </form>\n\n        <p class=\"links\">Remember your password? <a href=\"{{ url(\'/user/login?site_slug=\' . request()->segment(1)) }}\">Back to login</a></p>\n    </div>\n</div>', 1, 0, 1, 17, '2026-07-23 01:04:29', '2026-07-23 01:04:29');
INSERT INTO `frontend_pages` (`id`, `site_fk`, `name`, `slug`, `layout`, `entry_script`, `page_content`, `use_custom_layout`, `is_default`, `status`, `sort_order`, `created_at`, `updated_at`) VALUES
(17, 1, 'Reset Password Web', 'reset-password-web', NULL, NULL, '<style>\n@import url(\'https://fonts.bunny.net/css?family=figtree:400,500,600,700&display=swap\');\n:root {\n    --accent: #c04849;\n    --accent-dark: #a23a3b;\n    --white: #ffffff;\n    --gray-50: #f8fafc;\n    --gray-100: #f1f5f9;\n    --gray-200: #e2e8f0;\n    --gray-300: #cbd5e1;\n    --gray-400: #94a3b8;\n    --gray-500: #64748b;\n    --gray-600: #475569;\n    --gray-700: #334155;\n    --gray-800: #1e293b;\n    --gray-900: #0f172a;\n}\nhtml, body { margin: 0 !important; padding: 0 !important; background: #0f172a !important; min-height: 100%; font-family: \'Figtree\', ui-sans-serif, system-ui, sans-serif; -webkit-font-smoothing: antialiased; }\n.auth-bg {\n    min-height: 100vh;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 40px 16px;\n    background: linear-gradient(135deg, #0f172a 0%, #1e293b 40%, #334155 100%);\n    position: relative;\n    overflow: hidden;\n}\n.auth-bg::before {\n    content: \'\';\n    position: absolute;\n    top: -50%;\n    left: -50%;\n    width: 200%;\n    height: 200%;\n    background: radial-gradient(ellipse at 30% 20%, rgba(192,72,73,0.15) 0%, transparent 50%),\n                radial-gradient(ellipse at 70% 80%, rgba(13,148,136,0.1) 0%, transparent 50%);\n    animation: authPulse 8s ease-in-out infinite alternate;\n}\n@keyframes authPulse {\n    0% { transform: scale(1) rotate(0deg); }\n    100% { transform: scale(1.1) rotate(3deg); }\n}\n.auth-card {\n    position: relative;\n    z-index: 1;\n    width: 100%;\n    max-width: 440px;\n    background: rgba(255,255,255,0.95);\n    backdrop-filter: blur(20px);\n    border: 1px solid rgba(255,255,255,0.2);\n    border-radius: 20px;\n    padding: 44px 36px 36px;\n    box-shadow: 0 25px 60px rgba(0,0,0,0.3), 0 0 0 1px rgba(255,255,255,0.1) inset;\n    animation: cardSlideUp 0.5s ease-out;\n}\n@keyframes cardSlideUp {\n    from { opacity: 0; transform: translateY(30px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n.auth-card .brand-icon {\n    width: 56px;\n    height: 56px;\n    margin: 0 auto 20px;\n    background: linear-gradient(135deg, var(--accent) 0%, #e05252 100%);\n    border-radius: 16px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 8px 24px rgba(192,72,73,0.35);\n}\n.auth-card .brand-icon svg { color: #fff; }\n.auth-card h2 {\n    font-size: 26px;\n    font-weight: 800;\n    color: var(--gray-900);\n    text-align: center;\n    margin-bottom: 6px;\n    letter-spacing: -0.5px;\n}\n.auth-card .subtitle {\n    text-align: center;\n    color: var(--gray-500);\n    font-size: 14px;\n    margin-bottom: 30px;\n}\n.auth-card label {\n    display: block;\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--gray-700);\n    margin-bottom: 6px;\n}\n.auth-card .input-group {\n    position: relative;\n    margin-bottom: 20px;\n}\n.auth-card .input-group .input-icon {\n    position: absolute;\n    left: 14px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: var(--gray-400);\n    pointer-events: none;\n    transition: color .2s;\n}\n.auth-card .input-group input {\n    width: 100%;\n    padding: 12px 14px 12px 44px;\n    border: 2px solid var(--gray-200);\n    border-radius: 12px;\n    font-size: 14px;\n    font-family: inherit;\n    color: var(--gray-800);\n    background: var(--gray-50);\n    transition: all .2s;\n    outline: none;\n}\n.auth-card .input-group input::placeholder { color: var(--gray-400); }\n.auth-card .input-group input:focus {\n    border-color: var(--accent);\n    background: var(--white);\n    box-shadow: 0 0 0 4px rgba(192,72,73,0.1);\n}\n.auth-card .input-group input:focus + .input-icon,\n.auth-card .input-group input:focus ~ .input-icon { color: var(--accent); }\n.auth-card .input-group .toggle-pw {\n    position: absolute;\n    right: 12px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--gray-400);\n    padding: 4px;\n    border-radius: 6px;\n    transition: all .2s;\n}\n.auth-card .input-group .toggle-pw:hover { color: var(--gray-600); background: var(--gray-100); }\n.auth-card .input-error {\n    color: #dc2626;\n    font-size: 12px;\n    margin-top: 6px;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n.auth-card .options-row {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 24px;\n}\n.auth-card .options-row label {\n    margin-bottom: 0;\n    font-weight: 400;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    cursor: pointer;\n    font-size: 13px;\n    color: var(--gray-600);\n}\n.auth-card .options-row label input[type=\"checkbox\"] {\n    width: 16px;\n    height: 16px;\n    accent-color: var(--accent);\n    cursor: pointer;\n}\n.auth-card .options-row a {\n    font-size: 13px;\n    color: var(--accent);\n    font-weight: 600;\n    transition: color .2s;\n}\n.auth-card .options-row a:hover { color: var(--accent-dark); }\n.auth-card .btn-submit {\n    width: 100%;\n    padding: 13px;\n    border: none;\n    border-radius: 12px;\n    background: linear-gradient(135deg, var(--accent) 0%, #e05252 100%);\n    color: #fff;\n    font-size: 15px;\n    font-weight: 700;\n    font-family: inherit;\n    cursor: pointer;\n    transition: all .2s;\n    box-shadow: 0 4px 16px rgba(192,72,73,0.35);\n    position: relative;\n    overflow: hidden;\n}\n.auth-card .btn-submit::before {\n    content: \'\';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(135deg, rgba(255,255,255,0.15) 0%, transparent 100%);\n    opacity: 0;\n    transition: opacity .2s;\n}\n.auth-card .btn-submit:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 24px rgba(192,72,73,0.4);\n}\n.auth-card .btn-submit:hover::before { opacity: 1; }\n.auth-card .btn-submit:active { transform: translateY(0); }\n.auth-card .btn-submit-secondary {\n    width: 100%;\n    padding: 12px;\n    border: 2px solid var(--gray-200);\n    border-radius: 12px;\n    background: var(--white);\n    color: var(--gray-600);\n    font-size: 14px;\n    font-weight: 600;\n    font-family: inherit;\n    cursor: pointer;\n    transition: all .2s;\n    margin-top: 12px;\n}\n.auth-card .btn-submit-secondary:hover {\n    border-color: var(--gray-300);\n    background: var(--gray-50);\n    color: var(--gray-800);\n}\n.auth-card .divider {\n    display: flex;\n    align-items: center;\n    margin: 24px 0;\n    gap: 12px;\n}\n.auth-card .divider::before,\n.auth-card .divider::after {\n    content: \'\';\n    flex: 1;\n    height: 1px;\n    background: var(--gray-200);\n}\n.auth-card .divider span {\n    font-size: 12px;\n    color: var(--gray-400);\n    font-weight: 500;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n.auth-card .links {\n    text-align: center;\n    margin-top: 24px;\n    font-size: 14px;\n    color: var(--gray-500);\n}\n.auth-card .links a {\n    color: var(--accent);\n    font-weight: 700;\n    transition: color .2s;\n}\n.auth-card .links a:hover { color: var(--accent-dark); }\n.auth-card .alert {\n    padding: 12px 16px;\n    border-radius: 12px;\n    font-size: 13px;\n    margin-bottom: 20px;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n.auth-card .alert-success { background: #ecfdf5; color: #065f46; border: 1px solid #a7f3d0; }\n.auth-card .alert-error { background: #fef2f2; color: #991b1b; border: 1px solid #fecaca; }\n</style>\n<div style=\"position:fixed;top:0;left:0;right:0;z-index:10;padding:16px 24px;\">\n    <a href=\"{{ url(\'/\' . request()->segment(1)) }}\" style=\"display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:rgba(255,255,255,0.8);text-decoration:none;transition:color .2s;padding:8px 16px;border-radius:10px;background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);\">\n        <svg width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 19l-7-7m0 0l7-7m-7 7h18\"/></svg>\n        Back to Home\n    </a>\n</div>\n<div class=\"auth-bg\">\n    <div class=\"auth-card\">\n        <div class=\"brand-icon\">\n            <svg width=\"28\" height=\"28\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\"/></svg>\n        </div>\n        <h2>Reset Password</h2>\n        <p class=\"subtitle\">Enter your new password below</p>\n\n        @if($errors->any())\n            <div class=\"alert alert-error\">\n                <svg width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"/></svg>\n                @foreach($errors->all() as $error){{ $error }}@endforeach\n            </div>\n        @endif\n\n        @if(session(\'status\'))\n            <div class=\"alert alert-success\">\n                <svg width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"/></svg>\n                {{ session(\'status\') }}\n            </div>\n        @endif\n\n        <form method=\"POST\" action=\"{{ url(\'/user/reset-password\') }}\">\n            @csrf\n            <input type=\"hidden\" name=\"token\" value=\"{{ request()->query(\'token\', \'\') }}\">\n            <input type=\"hidden\" name=\"site_slug\" value=\"{{ request()->segment(1) }}\">\n\n            <label for=\"email\">Email Address</label>\n            <div class=\"input-group\">\n                <input type=\"email\" name=\"email\" id=\"email\" value=\"{{ old(\'email\', request()->query(\'email\', \'\')) }}\" autofocus readonly>\n                <svg class=\"input-icon\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"/></svg>\n            </div>\n            @error(\'email\')<p class=\"input-error\">{{ $message }}</p>@enderror\n\n            <label for=\"password\">New Password</label>\n            <div class=\"input-group\">\n                <input type=\"password\" name=\"password\" id=\"password\" placeholder=\"Min 8 characters\">\n                <svg class=\"input-icon\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z\"/></svg>\n                <button type=\"button\" class=\"toggle-pw\" onclick=\"togglePw(\'password\',this)\">\n                    <svg width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z\"/></svg>\n                </button>\n            </div>\n            @error(\'password\')<p class=\"input-error\">{{ $message }}</p>@enderror\n\n            <label for=\"password_confirmation\">Confirm Password</label>\n            <div class=\"input-group\">\n                <input type=\"password\" name=\"password_confirmation\" id=\"password_confirmation\" placeholder=\"Repeat your password\">\n                <svg class=\"input-icon\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"/></svg>\n                <button type=\"button\" class=\"toggle-pw\" onclick=\"togglePw(\'password_confirmation\',this)\">\n                    <svg width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z\"/></svg>\n                </button>\n            </div>\n\n            <button type=\"submit\" class=\"btn-submit\" style=\"margin-top:4px;\">Reset Password</button>\n        </form>\n    </div>\n</div>\n\n<script>\nfunction togglePw(id, btn) {\n    const inp = document.getElementById(id);\n    const isPw = inp.type === \'password\';\n    inp.type = isPw ? \'text\' : \'password\';\n    btn.innerHTML = isPw\n        ? \'<svg width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l3.59 3.59m0 0A9.953 9.953 0 0112 5c4.478 0 8.268 2.943 9.543 7a10.025 10.025 0 01-4.132 5.411m0 0L21 21\"/></svg>\'\n        : \'<svg width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z\"/></svg>\';\n}\n</script>', 1, 0, 1, 18, '2026-07-23 01:04:29', '2026-07-23 01:04:29'),
(18, 1, 'Email Verification Web', 'email-verify-web', NULL, NULL, '<style>\n@import url(\'https://fonts.bunny.net/css?family=figtree:400,500,600,700&display=swap\');\n:root {\n    --accent: #c04849;\n    --accent-dark: #a23a3b;\n    --white: #ffffff;\n    --gray-50: #f8fafc;\n    --gray-100: #f1f5f9;\n    --gray-200: #e2e8f0;\n    --gray-300: #cbd5e1;\n    --gray-400: #94a3b8;\n    --gray-500: #64748b;\n    --gray-600: #475569;\n    --gray-700: #334155;\n    --gray-800: #1e293b;\n    --gray-900: #0f172a;\n}\nhtml, body { margin: 0 !important; padding: 0 !important; background: #0f172a !important; min-height: 100%; font-family: \'Figtree\', ui-sans-serif, system-ui, sans-serif; -webkit-font-smoothing: antialiased; }\n.auth-bg {\n    min-height: 100vh;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 40px 16px;\n    background: linear-gradient(135deg, #0f172a 0%, #1e293b 40%, #334155 100%);\n    position: relative;\n    overflow: hidden;\n}\n.auth-bg::before {\n    content: \'\';\n    position: absolute;\n    top: -50%;\n    left: -50%;\n    width: 200%;\n    height: 200%;\n    background: radial-gradient(ellipse at 30% 20%, rgba(192,72,73,0.15) 0%, transparent 50%),\n                radial-gradient(ellipse at 70% 80%, rgba(13,148,136,0.1) 0%, transparent 50%);\n    animation: authPulse 8s ease-in-out infinite alternate;\n}\n@keyframes authPulse {\n    0% { transform: scale(1) rotate(0deg); }\n    100% { transform: scale(1.1) rotate(3deg); }\n}\n.auth-card {\n    position: relative;\n    z-index: 1;\n    width: 100%;\n    max-width: 440px;\n    background: rgba(255,255,255,0.95);\n    backdrop-filter: blur(20px);\n    border: 1px solid rgba(255,255,255,0.2);\n    border-radius: 20px;\n    padding: 44px 36px 36px;\n    box-shadow: 0 25px 60px rgba(0,0,0,0.3), 0 0 0 1px rgba(255,255,255,0.1) inset;\n    animation: cardSlideUp 0.5s ease-out;\n}\n@keyframes cardSlideUp {\n    from { opacity: 0; transform: translateY(30px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n.auth-card .brand-icon {\n    width: 56px;\n    height: 56px;\n    margin: 0 auto 20px;\n    background: linear-gradient(135deg, var(--accent) 0%, #e05252 100%);\n    border-radius: 16px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 8px 24px rgba(192,72,73,0.35);\n}\n.auth-card .brand-icon svg { color: #fff; }\n.auth-card h2 {\n    font-size: 26px;\n    font-weight: 800;\n    color: var(--gray-900);\n    text-align: center;\n    margin-bottom: 6px;\n    letter-spacing: -0.5px;\n}\n.auth-card .subtitle {\n    text-align: center;\n    color: var(--gray-500);\n    font-size: 14px;\n    margin-bottom: 30px;\n}\n.auth-card label {\n    display: block;\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--gray-700);\n    margin-bottom: 6px;\n}\n.auth-card .input-group {\n    position: relative;\n    margin-bottom: 20px;\n}\n.auth-card .input-group .input-icon {\n    position: absolute;\n    left: 14px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: var(--gray-400);\n    pointer-events: none;\n    transition: color .2s;\n}\n.auth-card .input-group input {\n    width: 100%;\n    padding: 12px 14px 12px 44px;\n    border: 2px solid var(--gray-200);\n    border-radius: 12px;\n    font-size: 14px;\n    font-family: inherit;\n    color: var(--gray-800);\n    background: var(--gray-50);\n    transition: all .2s;\n    outline: none;\n}\n.auth-card .input-group input::placeholder { color: var(--gray-400); }\n.auth-card .input-group input:focus {\n    border-color: var(--accent);\n    background: var(--white);\n    box-shadow: 0 0 0 4px rgba(192,72,73,0.1);\n}\n.auth-card .input-group input:focus + .input-icon,\n.auth-card .input-group input:focus ~ .input-icon { color: var(--accent); }\n.auth-card .input-group .toggle-pw {\n    position: absolute;\n    right: 12px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--gray-400);\n    padding: 4px;\n    border-radius: 6px;\n    transition: all .2s;\n}\n.auth-card .input-group .toggle-pw:hover { color: var(--gray-600); background: var(--gray-100); }\n.auth-card .input-error {\n    color: #dc2626;\n    font-size: 12px;\n    margin-top: 6px;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n.auth-card .options-row {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 24px;\n}\n.auth-card .options-row label {\n    margin-bottom: 0;\n    font-weight: 400;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    cursor: pointer;\n    font-size: 13px;\n    color: var(--gray-600);\n}\n.auth-card .options-row label input[type=\"checkbox\"] {\n    width: 16px;\n    height: 16px;\n    accent-color: var(--accent);\n    cursor: pointer;\n}\n.auth-card .options-row a {\n    font-size: 13px;\n    color: var(--accent);\n    font-weight: 600;\n    transition: color .2s;\n}\n.auth-card .options-row a:hover { color: var(--accent-dark); }\n.auth-card .btn-submit {\n    width: 100%;\n    padding: 13px;\n    border: none;\n    border-radius: 12px;\n    background: linear-gradient(135deg, var(--accent) 0%, #e05252 100%);\n    color: #fff;\n    font-size: 15px;\n    font-weight: 700;\n    font-family: inherit;\n    cursor: pointer;\n    transition: all .2s;\n    box-shadow: 0 4px 16px rgba(192,72,73,0.35);\n    position: relative;\n    overflow: hidden;\n}\n.auth-card .btn-submit::before {\n    content: \'\';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(135deg, rgba(255,255,255,0.15) 0%, transparent 100%);\n    opacity: 0;\n    transition: opacity .2s;\n}\n.auth-card .btn-submit:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 24px rgba(192,72,73,0.4);\n}\n.auth-card .btn-submit:hover::before { opacity: 1; }\n.auth-card .btn-submit:active { transform: translateY(0); }\n.auth-card .btn-submit-secondary {\n    width: 100%;\n    padding: 12px;\n    border: 2px solid var(--gray-200);\n    border-radius: 12px;\n    background: var(--white);\n    color: var(--gray-600);\n    font-size: 14px;\n    font-weight: 600;\n    font-family: inherit;\n    cursor: pointer;\n    transition: all .2s;\n    margin-top: 12px;\n}\n.auth-card .btn-submit-secondary:hover {\n    border-color: var(--gray-300);\n    background: var(--gray-50);\n    color: var(--gray-800);\n}\n.auth-card .divider {\n    display: flex;\n    align-items: center;\n    margin: 24px 0;\n    gap: 12px;\n}\n.auth-card .divider::before,\n.auth-card .divider::after {\n    content: \'\';\n    flex: 1;\n    height: 1px;\n    background: var(--gray-200);\n}\n.auth-card .divider span {\n    font-size: 12px;\n    color: var(--gray-400);\n    font-weight: 500;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n.auth-card .links {\n    text-align: center;\n    margin-top: 24px;\n    font-size: 14px;\n    color: var(--gray-500);\n}\n.auth-card .links a {\n    color: var(--accent);\n    font-weight: 700;\n    transition: color .2s;\n}\n.auth-card .links a:hover { color: var(--accent-dark); }\n.auth-card .alert {\n    padding: 12px 16px;\n    border-radius: 12px;\n    font-size: 13px;\n    margin-bottom: 20px;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n.auth-card .alert-success { background: #ecfdf5; color: #065f46; border: 1px solid #a7f3d0; }\n.auth-card .alert-error { background: #fef2f2; color: #991b1b; border: 1px solid #fecaca; }\n</style>\n<div style=\"position:fixed;top:0;left:0;right:0;z-index:10;padding:16px 24px;\">\n    <a href=\"{{ url(\'/\' . request()->segment(1)) }}\" style=\"display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:rgba(255,255,255,0.8);text-decoration:none;transition:color .2s;padding:8px 16px;border-radius:10px;background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);\">\n        <svg width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 19l-7-7m0 0l7-7m-7 7h18\"/></svg>\n        Back to Home\n    </a>\n</div>\n<div class=\"auth-bg\">\n    <div class=\"auth-card\" style=\"text-align:center;\">\n        <div class=\"brand-icon\">\n            <svg width=\"28\" height=\"28\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 19v-8.93a2 2 0 01.89-1.664l7-4.666a2 2 0 012.22 0l7 4.666A2 2 0 0121 10.07V19M3 19a2 2 0 002 2h14a2 2 0 002-2M3 19l6.75-4.5M21 19l-6.75-4.5M3 19l6.75 4.5M21 19l-6.75 4.5\"/></svg>\n        </div>\n        <h2>Verify Your Email</h2>\n        <p class=\"subtitle\">We\'ve sent a verification link to your email address. Please check your inbox and click the link to verify your account.</p>\n\n        <div style=\"margin:16px 0;padding:12px 14px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;\">\n            <p style=\"margin:0;font-size:13px;color:#166534;line-height:1.6;\">\n                <strong>Note:</strong> Email verification is optional. You can skip this and continue using the site.\n            </p>\n        </div>\n\n        @if(session(\'status\') == \'verification-link-sent\')\n            <div class=\"alert alert-success\" style=\"justify-content:center;\">\n                <svg width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"/></svg>\n                A new verification link has been sent to your email.\n            </div>\n        @endif\n\n        <form method=\"POST\" action=\"{{ url(\'/user/email/verification-notification\') }}\">\n            @csrf\n            <input type=\"hidden\" name=\"site_slug\" value=\"{{ request()->segment(1) }}\">\n            <button type=\"submit\" class=\"btn-submit\">Resend Verification Email</button>\n        </form>\n\n        <p class=\"links\">Already verified? <a href=\"{{ url(\'/user/login?site_slug=\' . request()->segment(1)) }}\">Sign in</a></p>\n    </div>\n</div>', 1, 0, 1, 19, '2026-07-23 01:04:29', '2026-07-23 01:04:29'),
(19, 1, 'Email Verify Confirm Web', 'email-verify-confirm', NULL, NULL, '<style>\n@import url(\'https://fonts.bunny.net/css?family=figtree:400,500,600,700&display=swap\');\n:root {\n    --accent: #c04849;\n    --accent-dark: #a23a3b;\n    --white: #ffffff;\n    --gray-50: #f8fafc;\n    --gray-100: #f1f5f9;\n    --gray-200: #e2e8f0;\n    --gray-300: #cbd5e1;\n    --gray-400: #94a3b8;\n    --gray-500: #64748b;\n    --gray-600: #475569;\n    --gray-700: #334155;\n    --gray-800: #1e293b;\n    --gray-900: #0f172a;\n}\nhtml, body { margin: 0 !important; padding: 0 !important; background: #0f172a !important; min-height: 100%; font-family: \'Figtree\', ui-sans-serif, system-ui, sans-serif; -webkit-font-smoothing: antialiased; }\n.auth-bg {\n    min-height: 100vh;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 40px 16px;\n    background: linear-gradient(135deg, #0f172a 0%, #1e293b 40%, #334155 100%);\n    position: relative;\n    overflow: hidden;\n}\n.auth-bg::before {\n    content: \'\';\n    position: absolute;\n    top: -50%;\n    left: -50%;\n    width: 200%;\n    height: 200%;\n    background: radial-gradient(ellipse at 30% 20%, rgba(192,72,73,0.15) 0%, transparent 50%),\n                radial-gradient(ellipse at 70% 80%, rgba(13,148,136,0.1) 0%, transparent 50%);\n    animation: authPulse 8s ease-in-out infinite alternate;\n}\n@keyframes authPulse {\n    0% { transform: scale(1) rotate(0deg); }\n    100% { transform: scale(1.1) rotate(3deg); }\n}\n.auth-card {\n    position: relative;\n    z-index: 1;\n    width: 100%;\n    max-width: 440px;\n    background: rgba(255,255,255,0.95);\n    backdrop-filter: blur(20px);\n    border: 1px solid rgba(255,255,255,0.2);\n    border-radius: 20px;\n    padding: 44px 36px 36px;\n    box-shadow: 0 25px 60px rgba(0,0,0,0.3), 0 0 0 1px rgba(255,255,255,0.1) inset;\n    animation: cardSlideUp 0.5s ease-out;\n}\n@keyframes cardSlideUp {\n    from { opacity: 0; transform: translateY(30px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n.auth-card .brand-icon {\n    width: 56px;\n    height: 56px;\n    margin: 0 auto 20px;\n    background: linear-gradient(135deg, var(--accent) 0%, #e05252 100%);\n    border-radius: 16px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 8px 24px rgba(192,72,73,0.35);\n}\n.auth-card .brand-icon svg { color: #fff; }\n.auth-card h2 {\n    font-size: 26px;\n    font-weight: 800;\n    color: var(--gray-900);\n    text-align: center;\n    margin-bottom: 6px;\n    letter-spacing: -0.5px;\n}\n.auth-card .subtitle {\n    text-align: center;\n    color: var(--gray-500);\n    font-size: 14px;\n    margin-bottom: 30px;\n}\n.auth-card label {\n    display: block;\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--gray-700);\n    margin-bottom: 6px;\n}\n.auth-card .input-group {\n    position: relative;\n    margin-bottom: 20px;\n}\n.auth-card .input-group .input-icon {\n    position: absolute;\n    left: 14px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: var(--gray-400);\n    pointer-events: none;\n    transition: color .2s;\n}\n.auth-card .input-group input {\n    width: 100%;\n    padding: 12px 14px 12px 44px;\n    border: 2px solid var(--gray-200);\n    border-radius: 12px;\n    font-size: 14px;\n    font-family: inherit;\n    color: var(--gray-800);\n    background: var(--gray-50);\n    transition: all .2s;\n    outline: none;\n}\n.auth-card .input-group input::placeholder { color: var(--gray-400); }\n.auth-card .input-group input:focus {\n    border-color: var(--accent);\n    background: var(--white);\n    box-shadow: 0 0 0 4px rgba(192,72,73,0.1);\n}\n.auth-card .input-group input:focus + .input-icon,\n.auth-card .input-group input:focus ~ .input-icon { color: var(--accent); }\n.auth-card .input-group .toggle-pw {\n    position: absolute;\n    right: 12px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--gray-400);\n    padding: 4px;\n    border-radius: 6px;\n    transition: all .2s;\n}\n.auth-card .input-group .toggle-pw:hover { color: var(--gray-600); background: var(--gray-100); }\n.auth-card .input-error {\n    color: #dc2626;\n    font-size: 12px;\n    margin-top: 6px;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n.auth-card .options-row {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 24px;\n}\n.auth-card .options-row label {\n    margin-bottom: 0;\n    font-weight: 400;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    cursor: pointer;\n    font-size: 13px;\n    color: var(--gray-600);\n}\n.auth-card .options-row label input[type=\"checkbox\"] {\n    width: 16px;\n    height: 16px;\n    accent-color: var(--accent);\n    cursor: pointer;\n}\n.auth-card .options-row a {\n    font-size: 13px;\n    color: var(--accent);\n    font-weight: 600;\n    transition: color .2s;\n}\n.auth-card .options-row a:hover { color: var(--accent-dark); }\n.auth-card .btn-submit {\n    width: 100%;\n    padding: 13px;\n    border: none;\n    border-radius: 12px;\n    background: linear-gradient(135deg, var(--accent) 0%, #e05252 100%);\n    color: #fff;\n    font-size: 15px;\n    font-weight: 700;\n    font-family: inherit;\n    cursor: pointer;\n    transition: all .2s;\n    box-shadow: 0 4px 16px rgba(192,72,73,0.35);\n    position: relative;\n    overflow: hidden;\n}\n.auth-card .btn-submit::before {\n    content: \'\';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(135deg, rgba(255,255,255,0.15) 0%, transparent 100%);\n    opacity: 0;\n    transition: opacity .2s;\n}\n.auth-card .btn-submit:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 24px rgba(192,72,73,0.4);\n}\n.auth-card .btn-submit:hover::before { opacity: 1; }\n.auth-card .btn-submit:active { transform: translateY(0); }\n.auth-card .btn-submit-secondary {\n    width: 100%;\n    padding: 12px;\n    border: 2px solid var(--gray-200);\n    border-radius: 12px;\n    background: var(--white);\n    color: var(--gray-600);\n    font-size: 14px;\n    font-weight: 600;\n    font-family: inherit;\n    cursor: pointer;\n    transition: all .2s;\n    margin-top: 12px;\n}\n.auth-card .btn-submit-secondary:hover {\n    border-color: var(--gray-300);\n    background: var(--gray-50);\n    color: var(--gray-800);\n}\n.auth-card .divider {\n    display: flex;\n    align-items: center;\n    margin: 24px 0;\n    gap: 12px;\n}\n.auth-card .divider::before,\n.auth-card .divider::after {\n    content: \'\';\n    flex: 1;\n    height: 1px;\n    background: var(--gray-200);\n}\n.auth-card .divider span {\n    font-size: 12px;\n    color: var(--gray-400);\n    font-weight: 500;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n.auth-card .links {\n    text-align: center;\n    margin-top: 24px;\n    font-size: 14px;\n    color: var(--gray-500);\n}\n.auth-card .links a {\n    color: var(--accent);\n    font-weight: 700;\n    transition: color .2s;\n}\n.auth-card .links a:hover { color: var(--accent-dark); }\n.auth-card .alert {\n    padding: 12px 16px;\n    border-radius: 12px;\n    font-size: 13px;\n    margin-bottom: 20px;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n.auth-card .alert-success { background: #ecfdf5; color: #065f46; border: 1px solid #a7f3d0; }\n.auth-card .alert-error { background: #fef2f2; color: #991b1b; border: 1px solid #fecaca; }\n</style>\n<div style=\"position:fixed;top:0;left:0;right:0;z-index:10;padding:16px 24px;\">\n    <a href=\"{{ url(\'/\' . request()->segment(1)) }}\" style=\"display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:rgba(255,255,255,0.8);text-decoration:none;transition:color .2s;padding:8px 16px;border-radius:10px;background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);\">\n        <svg width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 19l-7-7m0 0l7-7m-7 7h18\"/></svg>\n        Back to Home\n    </a>\n</div>\n<div class=\"auth-bg\">\n    <div class=\"auth-card\" style=\"text-align:center;\">\n        <div class=\"brand-icon\" style=\"background:linear-gradient(135deg,#10b981,#059669);\">\n            <svg width=\"28\" height=\"28\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"/></svg>\n        </div>\n        <h2>Email Verified!</h2>\n        <p class=\"subtitle\">Your email has been successfully verified. You can now sign in to your account.</p>\n\n        <a href=\"{{ url(\'/\' . ($siteSlug ?: \\App\\Http\\Helpers\\SettingHelper::defaultSiteSlug()) . \'/login-web\') }}\" class=\"btn-submit\" style=\"display:inline-block;text-decoration:none;\">Sign In</a>\n    </div>\n</div>', 1, 0, 1, 20, '2026-07-23 01:04:29', '2026-07-23 01:04:29');
INSERT INTO `frontend_pages` (`id`, `site_fk`, `name`, `slug`, `layout`, `entry_script`, `page_content`, `use_custom_layout`, `is_default`, `status`, `sort_order`, `created_at`, `updated_at`) VALUES
(20, 1, 'Dashboard Web', 'dashboard-web', NULL, '@php\nif (!Auth::guard(\'user\')->check()) {\n    $authSiteSlug = $siteSlug ?: \\App\\Http\\Helpers\\SettingHelper::defaultSiteSlug();\n    redirect(url(\'/\' . $authSiteSlug . \'/login-web\'))->send();\n    exit;\n}\n$user = Auth::guard(\'user\')->user();\n$admin = Auth::guard(\'admin\')->check() ? Auth::guard(\'admin\')->user() : null;\n@endphp', '<style>\n@import url(\'https://fonts.bunny.net/css?family=figtree:400,500,600,700&display=swap\');\n:root {\n    --accent: #c04849;\n    --accent-dark: #a23a3b;\n    --white: #ffffff;\n    --gray-50: #f8fafc;\n    --gray-100: #f1f5f9;\n    --gray-200: #e2e8f0;\n    --gray-300: #cbd5e1;\n    --gray-400: #94a3b8;\n    --gray-500: #64748b;\n    --gray-600: #475569;\n    --gray-700: #334155;\n    --gray-800: #1e293b;\n    --gray-900: #0f172a;\n}\nhtml, body { margin: 0 !important; padding: 0 !important; background: #0f172a !important; min-height: 100%; font-family: \'Figtree\', ui-sans-serif, system-ui, sans-serif; -webkit-font-smoothing: antialiased; }\n.auth-bg {\n    min-height: 100vh;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 40px 16px;\n    background: linear-gradient(135deg, #0f172a 0%, #1e293b 40%, #334155 100%);\n    position: relative;\n    overflow: hidden;\n}\n.auth-bg::before {\n    content: \'\';\n    position: absolute;\n    top: -50%;\n    left: -50%;\n    width: 200%;\n    height: 200%;\n    background: radial-gradient(ellipse at 30% 20%, rgba(192,72,73,0.15) 0%, transparent 50%),\n                radial-gradient(ellipse at 70% 80%, rgba(13,148,136,0.1) 0%, transparent 50%);\n    animation: authPulse 8s ease-in-out infinite alternate;\n}\n@keyframes authPulse {\n    0% { transform: scale(1) rotate(0deg); }\n    100% { transform: scale(1.1) rotate(3deg); }\n}\n.auth-card {\n    position: relative;\n    z-index: 1;\n    width: 100%;\n    max-width: 440px;\n    background: rgba(255,255,255,0.95);\n    backdrop-filter: blur(20px);\n    border: 1px solid rgba(255,255,255,0.2);\n    border-radius: 20px;\n    padding: 44px 36px 36px;\n    box-shadow: 0 25px 60px rgba(0,0,0,0.3), 0 0 0 1px rgba(255,255,255,0.1) inset;\n    animation: cardSlideUp 0.5s ease-out;\n}\n@keyframes cardSlideUp {\n    from { opacity: 0; transform: translateY(30px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n.auth-card .brand-icon {\n    width: 56px;\n    height: 56px;\n    margin: 0 auto 20px;\n    background: linear-gradient(135deg, var(--accent) 0%, #e05252 100%);\n    border-radius: 16px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 8px 24px rgba(192,72,73,0.35);\n}\n.auth-card .brand-icon svg { color: #fff; }\n.auth-card h2 {\n    font-size: 26px;\n    font-weight: 800;\n    color: var(--gray-900);\n    text-align: center;\n    margin-bottom: 6px;\n    letter-spacing: -0.5px;\n}\n.auth-card .subtitle {\n    text-align: center;\n    color: var(--gray-500);\n    font-size: 14px;\n    margin-bottom: 30px;\n}\n.auth-card label {\n    display: block;\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--gray-700);\n    margin-bottom: 6px;\n}\n.auth-card .input-group {\n    position: relative;\n    margin-bottom: 20px;\n}\n.auth-card .input-group .input-icon {\n    position: absolute;\n    left: 14px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: var(--gray-400);\n    pointer-events: none;\n    transition: color .2s;\n}\n.auth-card .input-group input {\n    width: 100%;\n    padding: 12px 14px 12px 44px;\n    border: 2px solid var(--gray-200);\n    border-radius: 12px;\n    font-size: 14px;\n    font-family: inherit;\n    color: var(--gray-800);\n    background: var(--gray-50);\n    transition: all .2s;\n    outline: none;\n}\n.auth-card .input-group input::placeholder { color: var(--gray-400); }\n.auth-card .input-group input:focus {\n    border-color: var(--accent);\n    background: var(--white);\n    box-shadow: 0 0 0 4px rgba(192,72,73,0.1);\n}\n.auth-card .input-group input:focus + .input-icon,\n.auth-card .input-group input:focus ~ .input-icon { color: var(--accent); }\n.auth-card .input-group .toggle-pw {\n    position: absolute;\n    right: 12px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--gray-400);\n    padding: 4px;\n    border-radius: 6px;\n    transition: all .2s;\n}\n.auth-card .input-group .toggle-pw:hover { color: var(--gray-600); background: var(--gray-100); }\n.auth-card .input-error {\n    color: #dc2626;\n    font-size: 12px;\n    margin-top: 6px;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n.auth-card .options-row {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 24px;\n}\n.auth-card .options-row label {\n    margin-bottom: 0;\n    font-weight: 400;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    cursor: pointer;\n    font-size: 13px;\n    color: var(--gray-600);\n}\n.auth-card .options-row label input[type=\"checkbox\"] {\n    width: 16px;\n    height: 16px;\n    accent-color: var(--accent);\n    cursor: pointer;\n}\n.auth-card .options-row a {\n    font-size: 13px;\n    color: var(--accent);\n    font-weight: 600;\n    transition: color .2s;\n}\n.auth-card .options-row a:hover { color: var(--accent-dark); }\n.auth-card .btn-submit {\n    width: 100%;\n    padding: 13px;\n    border: none;\n    border-radius: 12px;\n    background: linear-gradient(135deg, var(--accent) 0%, #e05252 100%);\n    color: #fff;\n    font-size: 15px;\n    font-weight: 700;\n    font-family: inherit;\n    cursor: pointer;\n    transition: all .2s;\n    box-shadow: 0 4px 16px rgba(192,72,73,0.35);\n    position: relative;\n    overflow: hidden;\n}\n.auth-card .btn-submit::before {\n    content: \'\';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(135deg, rgba(255,255,255,0.15) 0%, transparent 100%);\n    opacity: 0;\n    transition: opacity .2s;\n}\n.auth-card .btn-submit:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 24px rgba(192,72,73,0.4);\n}\n.auth-card .btn-submit:hover::before { opacity: 1; }\n.auth-card .btn-submit:active { transform: translateY(0); }\n.auth-card .btn-submit-secondary {\n    width: 100%;\n    padding: 12px;\n    border: 2px solid var(--gray-200);\n    border-radius: 12px;\n    background: var(--white);\n    color: var(--gray-600);\n    font-size: 14px;\n    font-weight: 600;\n    font-family: inherit;\n    cursor: pointer;\n    transition: all .2s;\n    margin-top: 12px;\n}\n.auth-card .btn-submit-secondary:hover {\n    border-color: var(--gray-300);\n    background: var(--gray-50);\n    color: var(--gray-800);\n}\n.auth-card .divider {\n    display: flex;\n    align-items: center;\n    margin: 24px 0;\n    gap: 12px;\n}\n.auth-card .divider::before,\n.auth-card .divider::after {\n    content: \'\';\n    flex: 1;\n    height: 1px;\n    background: var(--gray-200);\n}\n.auth-card .divider span {\n    font-size: 12px;\n    color: var(--gray-400);\n    font-weight: 500;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n.auth-card .links {\n    text-align: center;\n    margin-top: 24px;\n    font-size: 14px;\n    color: var(--gray-500);\n}\n.auth-card .links a {\n    color: var(--accent);\n    font-weight: 700;\n    transition: color .2s;\n}\n.auth-card .links a:hover { color: var(--accent-dark); }\n.auth-card .alert {\n    padding: 12px 16px;\n    border-radius: 12px;\n    font-size: 13px;\n    margin-bottom: 20px;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n.auth-card .alert-success { background: #ecfdf5; color: #065f46; border: 1px solid #a7f3d0; }\n.auth-card .alert-error { background: #fef2f2; color: #991b1b; border: 1px solid #fecaca; }\n</style>\n<style>\n    @import url(\'https://fonts.bunny.net/css?family=figtree:400,500,600,700&display=swap\');\n    :root {\n        --accent: #c04849;\n        --accent-dark: #a23a3b;\n        --white: #ffffff;\n        --gray-50: #f8fafc;\n        --gray-100: #f1f5f9;\n        --gray-200: #e2e8f0;\n        --gray-300: #cbd5e1;\n        --gray-400: #94a3b8;\n        --gray-500: #64748b;\n        --gray-600: #475569;\n        --gray-700: #334155;\n        --gray-800: #1e293b;\n        --gray-900: #0f172a;\n    }\n    html, body { margin: 0 !important; padding: 0 !important; min-height: 100%; font-family: \'Figtree\', ui-sans-serif, system-ui, sans-serif; -webkit-font-smoothing: antialiased; }\n    .dash-bg { min-height:100vh; background:var(--gray-50); }\n    .dash-topbar { display:flex; justify-content:space-between; align-items:center; padding:16px 32px; background:var(--white); border-bottom:1px solid var(--gray-200); box-shadow:0 1px 3px rgba(0,0,0,0.05); }\n    .dash-btn-logout { display:inline-flex; align-items:center; gap:6px; padding:8px 16px; border:1px solid var(--gray-200); border-radius:10px; background:var(--white); color:var(--gray-600); font-size:13px; font-weight:600; font-family:inherit; cursor:pointer; transition:all .2s; }\n    .dash-btn-logout:hover { background:#fef2f2; color:#dc2626; border-color:#fecaca; }\n    .dash-content { max-width:900px; margin:0 auto; padding:40px 24px; }\n    .dash-welcome { display:flex; align-items:center; gap:20px; margin-bottom:36px; }\n    .dash-avatar { width:64px; height:64px; border-radius:16px; background:linear-gradient(135deg,var(--accent),#e05252); color:#fff; font-size:28px; font-weight:800; display:flex; align-items:center; justify-content:center; box-shadow:0 8px 24px rgba(192,72,73,0.3); flex-shrink:0; }\n    .dash-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }\n    .dash-card { display:flex; align-items:center; gap:16px; padding:24px; background:var(--white); border:1px solid var(--gray-200); border-radius:16px; box-shadow:0 1px 3px rgba(0,0,0,0.04); transition:box-shadow .2s; }\n    .dash-card:hover { box-shadow:0 4px 12px rgba(0,0,0,0.08); }\n    .dash-card-icon { width:48px; height:48px; border-radius:12px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }\n    .dash-card-label { font-size:12px; font-weight:600; color:var(--gray-400); text-transform:uppercase; letter-spacing:0.5px; margin:0 0 4px; }\n    .dash-card-value { font-size:16px; font-weight:700; color:var(--gray-900); margin:0; word-break:break-all; }\n    .dash-debug { margin-top:36px; border:1px solid var(--gray-200); border-radius:16px; background:var(--white); overflow:hidden; }\n    .dash-debug-header { display:flex; justify-content:space-between; align-items:center; padding:14px 20px; background:var(--gray-50); cursor:pointer; user-select:none; }\n    .dash-debug-header:hover { background:var(--gray-100); }\n    .dash-debug-body { padding:20px; }\n    .dash-debug-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }\n    .dash-debug-card { border:1px solid var(--gray-200); border-radius:12px; padding:16px; }\n    .dash-debug-badge { display:inline-block; padding:4px 10px; border-radius:8px; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:0.5px; margin-bottom:12px; }\n    .dash-debug-table { width:100%; border-collapse:collapse; }\n    .dash-debug-table td { padding:6px 0; font-size:13px; border-bottom:1px solid var(--gray-100); }\n    .dash-debug-table td:first-child { color:var(--gray-500); font-weight:500; width:40%; }\n    .dash-debug-table td:last-child { color:var(--gray-900); font-weight:600; }\n    .dash-debug-table code { background:var(--gray-100); padding:2px 6px; border-radius:4px; font-size:12px; }\n    .dash-debug-pre { background:#1e293b; color:#e2e8f0; padding:14px 16px; border-radius:10px; font-size:11px; line-height:1.6; overflow-x:auto; max-height:300px; white-space:pre-wrap; word-break:break-all; }\n    .dash-verify-banner { display:flex; align-items:center; gap:16px; padding:16px 20px; background:#fffbeb; border:1px solid #fde68a; border-radius:14px; margin-bottom:24px; }\n    .dash-verify-banner svg { flex-shrink:0; color:#d97706; }\n    .dash-verify-banner p { margin:0; font-size:14px; color:#92400e; line-height:1.5; }\n    .dash-verify-btn { display:inline-flex; align-items:center; gap:6px; margin-top:10px; padding:8px 16px; background:#d97706; color:#fff; border:none; border-radius:8px; font-size:13px; font-weight:600; font-family:inherit; cursor:pointer; transition:background .2s; }\n    .dash-verify-btn:hover { background:#b45309; }\n</style>\n\n<div class=\"dash-bg\">\n    <div class=\"dash-topbar\">\n        <div style=\"display:flex;align-items:center;gap:10px;\">\n            <svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" style=\"color:var(--accent);\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z\"/></svg>\n            <span style=\"font-size:18px;font-weight:700;color:var(--gray-900);\">Dashboard</span>\n        </div>\n        <form method=\"POST\" action=\"{{ url(\'/user/logout\') }}\" style=\"margin:0;\">\n            @csrf\n            <button type=\"submit\" class=\"dash-btn-logout\">\n                <svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1\"/></svg>\n                Logout\n            </button>\n        </form>\n    </div>\n\n    <div class=\"dash-content\">\n        <div class=\"dash-welcome\">\n            <div class=\"dash-avatar\">{{ strtoupper(substr($user->first_name ?? $user->username, 0, 1)) }}</div>\n            <div>\n                <h1 style=\"font-size:24px;font-weight:800;color:var(--gray-900);margin:0;\">Welcome back, {{ $user->first_name ?? $user->username }}!</h1>\n                <p style=\"color:var(--gray-500);font-size:14px;margin:4px 0 0;\">Here\'s what\'s happening with your account.</p>\n            </div>\n        </div>\n\n        @if(!$user->hasVerifiedEmail())\n            <div class=\"dash-verify-banner\">\n                <svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"#fff\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L4.082 16.5c-.77.833.192 2.5 1.732 2.5z\"/></svg>\n                <div>\n                    <p><strong>Your email is not verified yet.</strong><br>Please check your inbox for the verification link, or click below to resend.</p>\n                    @if(session(\'status\') == \'verification-link-sent\')\n                        <p style=\"margin:6px 0 0;color:#166534;font-weight:600;\">A new verification link has been sent to your email.</p>\n                    @endif\n                    <form method=\"POST\" action=\"{{ url(\'/user/email/verification-notification\') }}\" style=\"margin:0;\">\n                        @csrf\n                        <input type=\"hidden\" name=\"site_slug\" value=\"{{ request()->segment(1) }}\">\n                        <button type=\"submit\" class=\"dash-verify-btn\">\n                            <svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"#fff\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"/></svg>\n                            Resend Verification Email\n                        </button>\n                    </form>\n                </div>\n            </div>\n        @endif\n\n        <div class=\"dash-grid\">\n            <div class=\"dash-card\">\n                <div class=\"dash-card-icon\" style=\"background:linear-gradient(135deg,#3b82f6,#2563eb);\">\n                    <svg width=\"22\" height=\"22\" fill=\"none\" stroke=\"#fff\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z\"/></svg>\n                </div>\n                <div><p class=\"dash-card-label\">Username</p><p class=\"dash-card-value\">{{ $user->username }}</p></div>\n            </div>\n            <div class=\"dash-card\">\n                <div class=\"dash-card-icon\" style=\"background:linear-gradient(135deg,#10b981,#059669);\">\n                    <svg width=\"22\" height=\"22\" fill=\"none\" stroke=\"#fff\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"/></svg>\n                </div>\n                <div><p class=\"dash-card-label\">Email</p><p class=\"dash-card-value\">{{ $user->email }}</p></div>\n            </div>\n            <div class=\"dash-card\">\n                <div class=\"dash-card-icon\" style=\"background:linear-gradient(135deg,#f59e0b,#d97706);\">\n                    <svg width=\"22\" height=\"22\" fill=\"none\" stroke=\"#fff\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z\"/></svg>\n                </div>\n                <div><p class=\"dash-card-label\">Full Name</p><p class=\"dash-card-value\">{{ $user->full_name ?? $user->first_name . \' \' . $user->last_name }}</p></div>\n            </div>\n            <div class=\"dash-card\">\n                <div class=\"dash-card-icon\" style=\"background:linear-gradient(135deg,var(--accent),#e05252);\">\n                    <svg width=\"22\" height=\"22\" fill=\"none\" stroke=\"#fff\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"/></svg>\n                </div>\n                <div><p class=\"dash-card-label\">Last Login</p><p class=\"dash-card-value\">{{ $user->last_login_at ? $user->last_login_at->diffForHumans() : \'First time\' }}</p></div>\n            </div>\n        </div>\n\n        <div class=\"dash-debug\">\n            <div class=\"dash-debug-header\" onclick=\"var el=document.getElementById(\'debugContent\'); el.style.display=el.style.display===\'none\'?\'block\':\'none\';\">\n                <div style=\"display:flex;align-items:center;gap:8px;\">\n                    <svg width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4\"/></svg>\n                    <span style=\"font-weight:700;font-size:14px;\">Debug Info (Session & Guards)</span>\n                </div>\n                <svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"/></svg>\n            </div>\n            <div id=\"debugContent\" style=\"display:none;\" class=\"dash-debug-body\">\n                <div class=\"dash-debug-grid\">\n                    <div class=\"dash-debug-card\">\n                        <div class=\"dash-debug-badge\" style=\"background:#dbeafe;color:#1d4ed8;\">Frontend User Guard</div>\n                        <table class=\"dash-debug-table\">\n                            <tr><td>Guard Name</td><td><code>user</code></td></tr>\n                            <tr><td>Model</td><td><code>FrontendUser</code></td></tr>\n                            <tr><td>Authenticated</td><td><code>{{ Auth::guard(\'user\')->check() ? \'true\' : \'false\' }}</code></td></tr>\n                            <tr><td>User ID</td><td><code>{{ $user->id ?? \'null\' }}</code></td></tr>\n                            <tr><td>Username</td><td><code>{{ $user->username ?? \'null\' }}</code></td></tr>\n                            <tr><td>Email</td><td><code>{{ $user->email ?? \'null\' }}</code></td></tr>\n                            <tr><td>Session Key</td><td><code>login_web_{{ md5(get_class($user)) }}</code></td></tr>\n                            <tr><td>Session Has Key</td><td><code>{{ session()->has(\'login_web_\' . md5(get_class($user))) ? \'yes\' : \'no\' }}</code></td></tr>\n                        </table>\n                    </div>\n                    <div class=\"dash-debug-card\">\n                        <div class=\"dash-debug-badge\" style=\"background:#fef3c7;color:#92400e;\">Backend Admin Guard</div>\n                        <table class=\"dash-debug-table\">\n                            <tr><td>Guard Name</td><td><code>admin</code></td></tr>\n                            <tr><td>Model</td><td><code>BackendUser</code></td></tr>\n                            <tr><td>Authenticated</td><td><code>{{ Auth::guard(\'admin\')->check() ? \'true\' : \'false\' }}</code></td></tr>\n                            <tr><td>User ID</td><td><code>{{ $admin->id ?? \'null\' }}</code></td></tr>\n                            <tr><td>Username</td><td><code>{{ $admin->username ?? \'null\' }}</code></td></tr>\n                            <tr><td>Email</td><td><code>{{ $admin->email ?? \'null\' }}</code></td></tr>\n                            <tr><td>Session Key</td><td><code>login_admin_{{ md5(\'App\\\\Models\\\\Backend\\\\BackendUser\') }}</code></td></tr>\n                            <tr><td>Session Has Key</td><td><code>{{ session()->has(\'login_admin_\' . md5(\'App\\\\Models\\\\Backend\\\\BackendUser\')) ? \'yes\' : \'no\' }}</code></td></tr>\n                        </table>\n                    </div>\n                </div>\n                <div style=\"margin-top:16px;\">\n                    <p style=\"font-size:12px;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:0.5px;margin:0 0 8px;\">Session Driver & All Data</p>\n                    <table class=\"dash-debug-table\" style=\"margin-bottom:12px;\">\n                        <tr><td>Session Driver</td><td><code>{{ config(\'session.driver\') }}</code></td></tr>\n                        <tr><td>Session ID</td><td><code>{{ session()->getId() }}</code></td></tr>\n                        <tr><td>Total Keys</td><td><code>{{ count(session()->all()) }}</code></td></tr>\n                        <tr><td>Session Lifetime</td><td><code>{{ config(\'session.lifetime\') }} min</code></td></tr>\n                    </table>\n                    <p style=\"font-size:12px;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:0.5px;margin:0 0 8px;\">All Session Keys</p>\n                    <pre class=\"dash-debug-pre\">{{ json_encode(array_keys(session()->all()), JSON_PRETTY_PRINT) }}</pre>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>', 1, 0, 1, 21, '2026-07-23 01:04:29', '2026-07-23 01:04:29'),
(21, 2, 'Home', 'home', NULL, NULL, '<style>\r\n/* ---------- Hero Slider ---------- */\r\n.hero-slider{height:100vh;position:relative;overflow:hidden;}\r\n.hero-slider .swiper-slide{height:100vh!important;background-size:cover!important;background-position:center!important;}\r\n.hero-slider .swiper{height:100vh!important;}.hero-slider .swiper,\r\n.hero-slider .swiper-wrapper{height:100vh!important;}\r\n.hero-slider .swiper-slide{background-size:cover!important;background-position:center!important;}\r\n.hero-slider .swiper-pagination{bottom:24px!important;}\r\n.hero-slider .swiper-pagination-bullet{width:10px;height:10px;background:rgba(255,255,255,.5);opacity:1;}\r\n.hero-slider .swiper-pagination-bullet-active{background:#fff;width:12px;height:12px;}\r\n.hero-slider .swiper-button-next,\r\n.hero-slider .swiper-button-prev{color:#fff;background:rgba(255,255,255,.2);width:44px;height:44px;border-radius:50%;backdrop-filter:blur(4px);}\r\n.hero-slider .swiper-button-next::after,\r\n.hero-slider .swiper-button-prev::after{font-size:1.1rem;font-weight:700;}\r\n.hero-slider .swiper-button-next:hover,\r\n.hero-slider .swiper-button-prev:hover{background:rgba(255,255,255,.35);}\r\n\r\n.gold-rule{\r\n  width:56px;height:3px;background:var(--gold);\r\n  border:0;opacity:1;margin:1.25rem 0;\r\n}\r\n.btn-forest{\r\n  background:var(--green-800);color:#fff;\r\n  border-radius:50rem;padding:.65rem 1.6rem;font-weight:600;\r\n}\r\n.btn-forest:hover{background:var(--green-900);color:#fff;}\r\n.btn-outline-cream{\r\n  border:1px solid rgba(46,74,53,.55);color:var(--green-900);\r\n  background:rgba(247,245,238,.55);\r\n  border-radius:50rem;padding:.65rem 1.6rem;font-weight:600;\r\n}\r\n.btn-outline-cream:hover{background:var(--cream);color:var(--green-900);}\r\n.glass-card{\r\n  background:rgba(30,45,32,.45);\r\n  backdrop-filter:blur(6px);\r\n  -webkit-backdrop-filter:blur(6px);\r\n  border:1px solid rgba(255,255,255,.18);\r\n  border-radius:1rem;\r\n  color:#fff;\r\n  padding:1rem 1.25rem;\r\n  display:flex;align-items:center;gap:1rem;\r\n  max-width:340px;\r\n  text-decoration:none;\r\n  transition:transform .2s ease, background .2s ease;\r\n}\r\n.glass-card:hover{transform:translateX(4px);background:rgba(30,45,32,.6);color:#fff;}\r\n\r\n.hero-writeup{\r\n  background:rgb(22 22 22 / 12%);\r\n  backdrop-filter:blur(10px);\r\n  -webkit-backdrop-filter:blur(10px);\r\n  border:1px solid rgba(255,255,255,.2);\r\n  border-radius:1.25rem;\r\n  padding:2rem 2.25rem;\r\n  color:var(--green-900);\r\n}\r\n.hero-writeup h1{color:#ffffff;}\r\n.hero-writeup p{color:#ffffff;}\r\n.glass-icon{\r\n  width:52px;height:52px;flex:0 0 52px;\r\n  border:1px solid rgba(255,255,255,.5);border-radius:50%;\r\n  display:flex;align-items:center;justify-content:center;\r\n  font-size:1.35rem;color:#eaf2e6;\r\n}\r\n.glass-card h6{margin:0;font-weight:700;color:#fff;}\r\n.glass-card small{color:#dfe8da;font-weight:500;}\r\n.glass-card .bi-arrow-right{margin-left:auto;color:#eaf2e6;}\r\n\r\n/* ---------- Quick access ---------- */\r\n.section-eyebrow{\r\n  letter-spacing:.25em;\r\n  font-weight:700;color:var(--green-900);\r\n  font-size:.9rem;text-transform:uppercase;\r\n  display:flex;align-items:center;gap:1rem;justify-content:center;\r\n}\r\n.section-eyebrow::before,.section-eyebrow::after{\r\n  content:\"\";width:60px;height:1px;background:var(--gold);\r\n}\r\n.qa-card{\r\n  background:#fff;border:0;border-radius:.75rem;\r\n  box-shadow:0 8px 24px rgba(46,74,53,.06);\r\n  text-align:center;padding:2rem 1rem 1.5rem;height:100%;\r\n  transition:transform .2s ease, box-shadow .2s ease;\r\n}\r\n.qa-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(46,74,53,.12);}\r\n.qa-icon{\r\n  width:76px;height:76px;margin:0 auto 1rem;\r\n  background:var(--green-100);\r\n  border-radius:50%;\r\n  display:flex;align-items:center;justify-content:center;\r\n  font-size:1.9rem;color:var(--green-800);\r\n}\r\n.qa-card h6{font-weight:700;color:var(--green-900);}\r\n.qa-card::after{\r\n  content:\"\";display:block;width:42px;height:3px;\r\n  background:var(--gold);margin:1rem auto 0;border-radius:2px;\r\n}\r\n\r\n/* ---------- Journey ---------- */\r\n.journey{background:var(--olive-bg);}\r\n.journey h2{color:var(--green-900);font-weight:600;}\r\n.link-learn{\r\n  color:var(--green-900);font-weight:700;text-decoration:none;\r\n}\r\n.link-learn:hover{color:var(--gold);}\r\n.timeline{\r\n  display:flex;align-items:flex-start;justify-content:space-between;\r\n  position:relative;gap:.5rem;\r\n}\r\n.timeline::before{\r\n  content:\"\";position:absolute;top:38px;left:6%;right:2%;\r\n  border-top:2px dotted var(--gold);\r\n}\r\n.timeline::after{\r\n  content:\"\\F138\";\r\n  font-family:\"bootstrap-icons\";\r\n  position:absolute;top:26px;right:-6px;color:var(--gold);font-size:1.2rem;\r\n}\r\n.t-step{position:relative;z-index:1;text-align:center;flex:1;min-width:110px;}\r\n.t-icon{\r\n  width:76px;height:76px;margin:0 auto .75rem;\r\n  background:var(--cream);\r\n  border:1px solid var(--green-200);\r\n  border-radius:50%;\r\n  display:flex;align-items:center;justify-content:center;\r\n  font-size:1.6rem;color:var(--green-800);\r\n  box-shadow:0 4px 12px rgba(46,74,53,.08);\r\n}\r\n.t-step h6{color:var(--green-800);font-weight:700;font-size:.95rem;}\r\n.t-step small{color:#6c7a6e;font-weight:500;line-height:1.3;display:block;max-width:150px;margin:0 auto;}\r\n\r\n@media (max-width: 991.98px){\r\n  .timeline{flex-wrap:wrap;row-gap:1.5rem;}\r\n  .timeline::before,.timeline::after{display:none;}\r\n  .t-step{flex:1 1 45%;}\r\n  .stat-divider{border-left:0;border-top:1px solid rgba(60,80,60,.35);padding-top:1.5rem;}\r\n}\r\n@media (prefers-reduced-motion: reduce){\r\n  *{transition:none!important;}\r\n}\r\n</style>\r\n\r\n<link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css\">\r\n\r\n<!-- ===== Hero Slider ===== -->\r\n<div class=\"hero-slider position-relative overflow-hidden\" >\r\n  <div class=\"swiper h-100 w-100\" id=\"heroSwiper\">\r\n    <div class=\"swiper-wrapper\">\r\n      @php\r\n        $sliders = \\App\\Models\\Backend\\ContentSlider::with(\'translations\')\r\n            ->where(\'slider_status\', \'ACTIVE\')\r\n            ->where(\'slider_portal\', \'redd-plus\')\r\n            ->where(\'slider_type\', \'SLIDER_BACKGROUND\')\r\n            ->orderBy(\'slider_sort\')\r\n            ->take(3)\r\n            ->get();\r\n      @endphp\r\n      @foreach($sliders as $slide)\r\n        @php\r\n          $t = $slide->translations->firstWhere(\'slider_translation_main\', 1) ?? $slide->translations->first();\r\n          $img = $t?->slider_translation_img;\r\n          $imgUrl = $img ? (\\Illuminate\\Support\\Facades\\Storage::url($img)) : \'\';\r\n        @endphp\r\n        <div class=\"swiper-slide\" style=\"background:url(\'{{ $imgUrl }}\') center/cover no-repeat;\"></div>\r\n      @endforeach\r\n    </div>\r\n    <div class=\"swiper-pagination\"></div>\r\n    <div class=\"swiper-button-next\"></div>\r\n    <div class=\"swiper-button-prev\"></div>\r\n  </div>\r\n\r\n  <div class=\"hero-overlay\" style=\"position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;z-index:10;pointer-events:none;\">\r\n    <div class=\"container py-5\">\r\n      <div class=\"row align-items-center gy-4\">\r\n        <div class=\"col-lg-6\">\r\n          <div class=\"hero-writeup\" style=\"pointer-events:auto;\">\r\n            <h1 class=\"font-display\">Sustainable Forests,<br>Resilient Future.</h1>\r\n            <hr class=\"gold-rule\">\r\n            <p>Malaysia is committed to conserving our natural heritage and advancing climate action through REDD+. Together, we protect our forests for people, biodiversity and future generations.</p>\r\n            <div class=\"d-flex flex-wrap gap-3 mt-4\">\r\n              <a href=\"/redd-plus/article?id=about-redd-plus\" class=\"btn btn-forest\">Explore REDD+ <i class=\"bi bi-arrow-right ms-1\"></i></a>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"col-lg-6 d-flex flex-column align-items-lg-end gap-3\">\r\n          <a href=\"/redd-plus/article?id=stakeholder-engagement\" class=\"glass-card w-100\" style=\"pointer-events:auto;\">\r\n            <span class=\"glass-icon\"><i class=\"bi bi-people-fill\"></i></span>\r\n            <span>\r\n              <h6>Stakeholders</h6>\r\n              <small>Collaborating for sustainable impact.</small>\r\n            </span>\r\n            <i class=\"bi bi-arrow-right\"></i>\r\n          </a>\r\n          <a href=\"/redd-plus/article?id=related-policies\" class=\"glass-card w-100\" style=\"pointer-events:auto;\">\r\n            <span class=\"glass-icon\"><i class=\"bi bi-flower1\"></i></span>\r\n            <span>\r\n              <h6>Initiatives</h6>\r\n              <small>Driving actions for resilient forests.</small>\r\n            </span>\r\n            <i class=\"bi bi-arrow-right\"></i>\r\n          </a>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<!-- ===== Quick Access ===== -->\r\n<section class=\"py-5 bg-white\">\r\n  <div class=\"container py-3\">\r\n    <p class=\"section-eyebrow mb-5\">Quick Access</p>\r\n    <div class=\"row g-4\">\r\n      <div class=\"col-6 col-lg-3\">\r\n        <a href=\"/redd-plus/article?id=national-redd-strategy\" class=\"text-decoration-none d-block h-100\">\r\n          <div class=\"qa-card\">\r\n            <div class=\"qa-icon\"><i class=\"bi bi-tree-fill\"></i></div>\r\n            <h6>National<br>REDD+ Strategy</h6>\r\n          </div>\r\n        </a>\r\n      </div>\r\n      <div class=\"col-6 col-lg-3\">\r\n        <a href=\"/redd-plus/article?id=related-policies\" class=\"text-decoration-none d-block h-100\">\r\n          <div class=\"qa-card\">\r\n            <div class=\"qa-icon\"><i class=\"bi bi-cash-coin\"></i></div>\r\n            <h6>Malaysia<br>Forest Fund</h6>\r\n          </div>\r\n        </a>\r\n      </div>\r\n      <div class=\"col-6 col-lg-3\">\r\n        <a href=\"/redd-plus/article?id=mrv-framework\" class=\"text-decoration-none d-block h-100\">\r\n          <div class=\"qa-card\">\r\n            <div class=\"qa-icon\"><i class=\"bi bi-clipboard-data\"></i></div>\r\n            <h6>MRV<br>Framework</h6>\r\n          </div>\r\n        </a>\r\n      </div>\r\n      <div class=\"col-6 col-lg-3\">\r\n        <a href=\"/redd-plus/article?id=governance\" class=\"text-decoration-none d-block h-100\">\r\n          <div class=\"qa-card\">\r\n            <div class=\"qa-icon\"><i class=\"bi bi-shield-check\"></i></div>\r\n            <h6>Governance</h6>\r\n          </div>\r\n        </a>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</section>\r\n\r\n<!-- ===== REDD+ Journey ===== -->\r\n<section class=\"journey py-5\">\r\n  <div class=\"container py-3\">\r\n    <div class=\"row align-items-center gy-5\">\r\n      <div class=\"col-lg-4\">\r\n        <h2 class=\"font-display\">Malaysia&rsquo;s REDD+ Journey</h2>\r\n        <hr class=\"gold-rule\">\r\n        <p class=\"fw-medium\">From national strategy to results-based actions, Malaysia&rsquo;s REDD+ journey is built on strong policies, robust safeguards, transparent monitoring and meaningful impact for people, forests and climate.</p>\r\n        <a href=\"/redd-plus/article?id=redd-implementation\" class=\"link-learn\">Learn More <i class=\"bi bi-arrow-right ms-1\"></i></a>\r\n      </div>\r\n      <div class=\"col-lg-8\">\r\n        <div class=\"timeline\">\r\n          <div class=\"t-step\">\r\n            <div class=\"t-icon\"><i class=\"bi bi-flower1\"></i></div>\r\n            <h6>Strategy</h6>\r\n            <small>Setting the direction for sustainable forest management</small>\r\n          </div>\r\n          <div class=\"t-step\">\r\n            <div class=\"t-icon\"><i class=\"bi bi-display\"></i></div>\r\n            <h6>Monitoring</h6>\r\n            <small>Measuring and verifying forest carbon with integrity</small>\r\n          </div>\r\n          <div class=\"t-step\">\r\n            <div class=\"t-icon\"><i class=\"bi bi-people-fill\"></i></div>\r\n            <h6>Implementation</h6>\r\n            <small>Driving actions with communities and partners</small>\r\n          </div>\r\n          <div class=\"t-step\">\r\n            <div class=\"t-icon\"><i class=\"bi bi-award\"></i></div>\r\n            <h6>Results</h6>\r\n            <small>Delivering verified impact for climate and people</small>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</section>\r\n\r\n<script src=\"https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js\"></script>\r\n<script>\r\ndocument.addEventListener(\'DOMContentLoaded\', function() {\r\n  new Swiper(\'#heroSwiper\', {\r\n    slidesPerView: 1,\r\n    loop: true,\r\n    autoplay: { delay: 5000, disableOnInteraction: false },\r\n    speed: 800,\r\n    pagination: { el: \'.swiper-pagination\', clickable: true },\r\n    navigation: { nextEl: \'.swiper-button-next\', prevEl: \'.swiper-button-prev\' },\r\n    effect: \'slide\',\r\n  });\r\n});\r\n</script>', 0, 1, 1, 1, '2026-07-23 01:33:00', '2026-07-29 14:22:20');
INSERT INTO `frontend_pages` (`id`, `site_fk`, `name`, `slug`, `layout`, `entry_script`, `page_content`, `use_custom_layout`, `is_default`, `status`, `sort_order`, `created_at`, `updated_at`) VALUES
(22, 2, 'Contact', 'contact', '<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n    <title>{!! $siteName !!}</title>\n\n    <!-- Bootstrap 5 -->\n    <link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css\" rel=\"stylesheet\">\n    <!-- Bootstrap Icons -->\n    <link href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css\" rel=\"stylesheet\">\n    <!-- Fonts -->\n    <link href=\"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=Quicksand:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n    <style>\n        :root{\n            --green-900:#22392a;\n            --green-800:#2e4a35;\n            --green-700:#3d5c44;\n            --green-200:#cddac9;\n            --green-100:#e4ecdf;\n            --gold:#b9975b;\n            --cream:#f7f5ee;\n            --olive-bg:#efeee3;\n            --ink:#3a4a3f;\n        }\n        * { margin: 0; padding: 0; box-sizing: border-box; }\n        body {\n            font-family:\'Quicksand\',sans-serif;\n            color:var(--ink);\n            background:var(--cream);\n        }\n        .font-display { font-family:\'Playfair Display\',serif; }\n    </style>\n</head>\n<body>\n    {!! $__header__ !!}\n    {!! $__page__ !!}\n\n    <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js\"></script>\n</body>\n</html>\n', NULL, '@php\n$success = session(\'success\');\n$ticketNo = session(\'ticket_no\');\n\nif (!$success && request()->isMethod(\'POST\')) {\n    $data = request()->validate([\n        \'name\' => \'required|string|max:255\',\n        \'email\' => \'nullable|email|max:255\',\n        \'subject\' => \'required|string|max:255\',\n        \'feedback\' => \'required|string\',\n        \'type\' => \'nullable|string|max:255\',\n        \'cat\' => \'nullable|string|max:255\',\n    ]);\n\n    $data[\'ticket_no\'] = \\App\\Models\\Backend\\ContentFeedbackMain::generateTicketNo();\n    $data[\'status\'] = \'PENDING\';\n    $data[\'type\'] = $data[\'type\'] ?: \'INQUIRY\';\n    $data[\'cat\'] = $data[\'cat\'] ?: \'OTHERS\';\n    $data[\'created_user_type\'] = \'guest\';\n\n    $feedback = \\App\\Models\\Backend\\ContentFeedbackMain::create($data);\n    $ticketNo = $feedback->ticket_no;\n    $success = true;\n\n    session()->flash(\'success\', true);\n    session()->flash(\'ticket_no\', $ticketNo);\n}\n@endphp\n\n<style>\n/* ---------- Page background ---------- */\n.contact-page{\n  background:\n    url(\'/assets/redd-plus/contact_footer_bg.png\') center bottom / 100% auto no-repeat,\n    url(\'/assets/redd-plus/contact_hero_bg.png\') center top / 100% auto no-repeat,\n    #fff;\n  min-height:calc(100vh - 64px);\n  display:flex;flex-direction:column;\n}\n.contact-page > .container{flex:1;}\n\n/* ---------- Left column ---------- */\n.contact-title{\n  color:var(--green-800);\n  font-weight:700;\n  font-size:clamp(2.3rem,4.5vw,3.2rem);\n}\n.contact-sub{font-size:1.15rem;font-weight:500;max-width:320px;}\n.info-item{\n  display:flex;gap:1.1rem;\n  padding:1.4rem 0;\n  border-bottom:1px solid #e8e4d8;\n  max-width:400px;\n}\n.info-item:last-child{border-bottom:0;}\n.info-icon{\n  width:52px;height:52px;flex:0 0 52px;\n  background:var(--green-100);\n  border:1px solid var(--green-200);\n  border-radius:50%;\n  display:flex;align-items:center;justify-content:center;\n  font-size:1.35rem;color:var(--green-800);\n}\n.info-item h6{color:var(--green-800);font-weight:700;margin-bottom:.35rem;}\n.info-item p{margin:0;font-weight:500;font-size:.92rem;line-height:1.55;}\n\n/* ---------- Form card ---------- */\n.form-card{\n  background:#fdfcf9;\n  border:1px solid #ece8db;\n  border-radius:1rem;\n  box-shadow:0 16px 40px rgba(46,74,53,.10);\n  padding:2rem 2rem 2.25rem;\n}\n.form-card h2{\n  color:var(--green-800);font-weight:700;font-size:1.35rem;\n}\n.form-card .form-control{\n  border:1px solid #e2ddd0;\n  border-radius:.6rem;\n  padding:.8rem 1rem;\n  font-size:.92rem;\n  font-weight:500;\n  color:var(--ink);\n  background:#fff;\n}\n.form-card .form-control::placeholder{color:#9aa59c;}\n.form-card .form-control:focus{\n  border-color:var(--green-800);\n  box-shadow:0 0 0 .2rem rgba(46,74,53,.12);\n}\n.btn-forest-contact{\n  background:var(--green-800);color:#fff;\n  border-radius:.6rem;padding:.7rem 1.6rem;font-weight:600;\n}\n.btn-forest-contact:hover{background:var(--green-900);color:#fff;}\n\n.form-card .invalid-feedback{\n  display:block;\n  font-size:.8rem;\n  color:#a94442;\n  margin-top:.25rem;\n}\n.form-card .is-invalid{\n  border-color:#a94442;\n}\n.form-card .is-invalid:focus{\n  border-color:#a94442;\n  box-shadow:0 0 0 .2rem rgba(169,68,66,.15);\n}\n\n/* ---------- Success message ---------- */\n.contact-success{\n  text-align:center;\n  padding:3rem 1.5rem;\n}\n.contact-success i{\n  font-size:3rem;\n  color:var(--green-800);\n  margin-bottom:1rem;\n}\n.contact-success h3{\n  color:var(--green-800);\n  font-weight:700;\n  font-size:1.4rem;\n  margin-bottom:.5rem;\n}\n.contact-success p{\n  color:var(--ink);\n  margin:0;\n}\n.contact-success .ticket{\n  display:inline-block;\n  background:var(--green-100);\n  color:var(--green-900);\n  padding:.35rem 1rem;\n  border-radius:50rem;\n  font-weight:700;\n  margin-top:.75rem;\n}\n\n/* ---------- Footer ---------- */\n.footer-contactbar{padding:2rem 0 1.5rem;}\n.footer-contactbar a{\n  color:var(--ink);text-decoration:none;font-weight:600;font-size:.9rem;\n  display:inline-flex;align-items:center;gap:.5rem;\n}\n.footer-contactbar a:hover{color:var(--green-800);}\n.footer-contactbar .bi{color:var(--green-800);font-size:1.1rem;}\n.f-divider{width:1px;height:26px;background:#cfc9b8;}\n\n.map-card{\n  background:#fff;\n  border:1px solid #ece8db;\n  border-radius:1rem;\n  box-shadow:0 8px 24px rgba(46,74,53,.10);\n  padding:2rem;\n  text-align:center;\n}\n.map-card .map-icon{\n  width:64px;height:64px;\n  background:var(--green-100);\n  border:1px solid var(--green-200);\n  border-radius:50%;\n  display:flex;align-items:center;justify-content:center;\n  margin:0 auto 1rem;\n  font-size:1.6rem;color:var(--green-800);\n}\n.map-card h5{color:var(--green-800);font-weight:700;font-size:1rem;margin-bottom:.35rem;}\n.map-card p{margin:0;font-weight:500;font-size:.9rem;color:var(--ink);line-height:1.6;}\n.map-card .btn-map{\n  margin-top:1rem;\n  background:var(--green-800);color:#fff;border:0;\n  border-radius:50rem;padding:.55rem 1.8rem;font-weight:600;font-size:.9rem;\n  display:inline-flex;align-items:center;gap:.5rem;\n  transition:all .2s;\n}\n.map-card .btn-map:hover{background:var(--green-900);color:#fff;}\n\n@media (max-width: 991.98px){\n  .contact-page{background-size:auto 300px, auto 500px;}\n}\n</style>\n\n<div class=\"contact-page\">\n  <div class=\"container py-5\">\n    <div class=\"row gy-5\">\n\n      <!-- ===== Left: contact info ===== -->\n      <div class=\"col-lg-6\">\n        <h1 class=\"contact-title mb-2\">Contact Us</h1>\n        <p class=\"contact-sub mb-4\">We welcome your feedback, enquiries and collaboration.</p>\n\n        <div class=\"info-item\">\n          <div class=\"info-icon\"><i class=\"bi bi-geo-alt\"></i></div>\n          <div>\n            <h6>Contact Information</h6>\n            <p>REDD+ Malaysia Secretariat<br>\n               NRES Complex, Lot 4G2, Precinct 4<br>\n               Federal Government Administrative Centre<br>\n               62574 Putrajaya, Malaysia</p>\n          </div>\n        </div>\n\n        <div class=\"info-item\">\n          <div class=\"info-icon\"><i class=\"bi bi-envelope\"></i></div>\n          <div>\n            <h6>Email</h6>\n            <p><a href=\"mailto:redd@nres.gov.my\" class=\"text-decoration-none\" style=\"color:var(--ink);\">redd@nres.gov.my</a></p>\n          </div>\n        </div>\n\n        <div class=\"info-item\">\n          <div class=\"info-icon\"><i class=\"bi bi-telephone\"></i></div>\n          <div>\n            <h6>Phone</h6>\n            <p><a href=\"tel:+60380008000\" class=\"text-decoration-none\" style=\"color:var(--ink);\">+603 8000 8000</a></p>\n          </div>\n        </div>\n\n        <div class=\"info-item\">\n          <div class=\"info-icon\"><i class=\"bi bi-clock\"></i></div>\n          <div>\n            <h6>Office Hours</h6>\n            <p>Monday &ndash; Friday<br>8:30 am &ndash; 5:30 pm (GMT+8)</p>\n          </div>\n        </div>\n      </div>\n\n      <!-- ===== Right: form ===== -->\n      <div class=\"col-lg-6\">\n        <div class=\"form-card\">\n          @if($success)\n            <div class=\"contact-success\">\n              <i class=\"bi bi-check-circle-fill\"></i>\n              <h3>Thank You!</h3>\n              <p>Your message has been submitted successfully.</p>\n              @if($ticketNo)\n                <span class=\"ticket\">Ticket No: {{ $ticketNo }}</span>\n              @endif\n            </div>\n          @else\n            <h2 class=\"mb-4\">General Inquiry</h2>\n            <form method=\"POST\" action=\"{{ request()->url() }}\">\n              @csrf\n              <input type=\"hidden\" name=\"type\" value=\"INQUIRY\">\n              <input type=\"hidden\" name=\"cat\" value=\"OTHERS\">\n\n              <div class=\"mb-3\">\n                <label for=\"name\" class=\"visually-hidden\">Your Name</label>\n                <input type=\"text\" class=\"form-control @error(\'name\') is-invalid @enderror\" id=\"name\" name=\"name\" value=\"{{ old(\'name\') }}\" placeholder=\"Your Name *\" required>\n                @error(\'name\')<span class=\"invalid-feedback\">{{ $message }}</span>@enderror\n              </div>\n\n              <div class=\"mb-3\">\n                <label for=\"email\" class=\"visually-hidden\">Email Address</label>\n                <input type=\"email\" class=\"form-control @error(\'email\') is-invalid @enderror\" id=\"email\" name=\"email\" value=\"{{ old(\'email\') }}\" placeholder=\"Email Address\">\n                @error(\'email\')<span class=\"invalid-feedback\">{{ $message }}</span>@enderror\n              </div>\n\n              <div class=\"mb-3\">\n                <label for=\"subject\" class=\"visually-hidden\">Subject</label>\n                <input type=\"text\" class=\"form-control @error(\'subject\') is-invalid @enderror\" id=\"subject\" name=\"subject\" value=\"{{ old(\'subject\') }}\" placeholder=\"Subject *\" required>\n                @error(\'subject\')<span class=\"invalid-feedback\">{{ $message }}</span>@enderror\n              </div>\n\n              <div class=\"mb-4\">\n                <label for=\"feedback\" class=\"visually-hidden\">Your Message</label>\n                <textarea class=\"form-control @error(\'feedback\') is-invalid @enderror\" id=\"feedback\" name=\"feedback\" rows=\"6\" placeholder=\"Your Message *\" required>{{ old(\'feedback\') }}</textarea>\n                @error(\'feedback\')<span class=\"invalid-feedback\">{{ $message }}</span>@enderror\n              </div>\n\n              <button type=\"submit\" class=\"btn btn-forest-contact\">\n                Send Message <i class=\"bi bi-arrow-right ms-1\"></i>\n              </button>\n            </form>\n          @endif\n        </div>\n      </div>\n\n    </div>\n\n  <div class=\"container pb-4\">\n    <div class=\"row justify-content-center\">\n      <div class=\"col-12\">\n        <div class=\"map-embed\">\n          <iframe\n            src=\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3984.1234!2d101.685!3d2.9144!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x31cdb5b5b5b5b5b5%3A0x1234567890abcdef!2sMinistry%20of%20Natural%20Resources%20and%20Environmental%20Sustainability!5e0!3m2!1sen!2smy!4v1\"\n            width=\"100%\"\n            height=\"380\"\n            style=\"border:0;border-radius:1rem;\"\n            allowfullscreen=\"\"\n            loading=\"lazy\"\n            referrerpolicy=\"no-referrer-when-downgrade\"\n          ></iframe>\n        </div>\n      </div>\n    </div>\n  </div>\n      </div>\n    </div>\n  </div>\n\n  <!-- ===== Footer ===== -->\n  \n<style>\n.footer-redd-article {\n  background: url(\'/assets/redd-plus/faq_footer_bg.png\') center bottom/cover no-repeat;\n  padding: 4rem 0 2.5rem;\n}\n.footer-redd-article a {\n  color: var(--ink); text-decoration: none; font-weight: 600; font-size: .85rem;\n}\n.footer-redd-article a:hover { color: var(--green-800); }\n.footer-redd-article .bi { color: var(--green-800); font-size: 1.1rem; }\n.footer-redd-article .f-divider { width: 1px; height: 26px; background: #cfc9b8; }\n</style>\n\n    <footer class=\"footer-redd-article\">\n      <div class=\"container\">\n        <div class=\"d-flex flex-wrap align-items-center justify-content-center gap-4\">\n          <img src=\"/assets/redd-plus/logo.png\" alt=\"REDD+ Malaysia\" height=\"46\">\n          <span class=\"f-divider d-none d-md-inline-block\"></span>\n          <a href=\"https://redd.nres.gov.my\"><i class=\"bi bi-globe2\"></i> redd.nres.gov.my</a>\n          <span class=\"f-divider d-none d-md-inline-block\"></span>\n          <a href=\"mailto:redd@nres.gov.my\"><i class=\"bi bi-envelope\"></i> redd@nres.gov.my</a>\n          <span class=\"f-divider d-none d-md-inline-block\"></span>\n          <a href=\"tel:+60380008000\"><i class=\"bi bi-telephone\"></i> +603 8000 8000</a>\n        </div>\n      </div>\n    </footer>\n</div>', 1, 0, 1, 3, '2026-07-23 02:51:54', '2026-07-23 10:28:42'),
(23, 2, 'FAQ', 'faq', '<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n    <title>{!! $siteName !!}</title>\n\n    <!-- Bootstrap 5 -->\n    <link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css\" rel=\"stylesheet\">\n    <!-- Bootstrap Icons -->\n    <link href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css\" rel=\"stylesheet\">\n    <!-- Fonts -->\n    <link href=\"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=Quicksand:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n    <style>\n        :root{\n            --green-900:#22392a;\n            --green-800:#2e4a35;\n            --green-700:#3d5c44;\n            --green-200:#cddac9;\n            --green-100:#e4ecdf;\n            --gold:#b9975b;\n            --cream:#f7f5ee;\n            --olive-bg:#efeee3;\n            --ink:#3a4a3f;\n        }\n        * { margin: 0; padding: 0; box-sizing: border-box; }\n        body {\n            font-family:\'Quicksand\',sans-serif;\n            color:var(--ink);\n            background:var(--cream);\n        }\n        .font-display { font-family:\'Playfair Display\',serif; }\n    </style>\n</head>\n<body>\n    {!! $__header__ !!}\n    {!! $__page__ !!}\n\n    <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js\"></script>\n</body>\n</html>', NULL, '@php\n    use App\\Models\\Backend\\ContentArticle;\n\n    $faqs = ContentArticle::where(\'article_category\', \'FAQ\')\n        ->where(\'article_status\', \'ACTIVE\')\n        ->with(\'translations\')\n        ->orderBy(\'article_sorting\')\n        ->get();\n\n    $categories = $faqs->pluck(\'article_subcategory\')->unique()->values()->toArray();\n\n    $catLabels = [\n        \'GENERAL\'       => \'General\',\n        \'IMPLEMENTATION\'=> \'Implementation\',\n        \'SIS\'           => \'SIS &amp; Safeguards\',\n        \'FINANCE\'       => \'Finance\',\n        \'REPORTS\'       => \'Reports\',\n    ];\n@endphp\n\n<style>\n/* ---------- Hero ---------- */\n.hero-faq{\n  background:url(\'/assets/redd-plus/faq_hero_bg.png\') center/cover no-repeat;\n  padding:4rem 0 4.5rem;\n}\n.hero-faq h1{\n  color:var(--green-800);font-weight:700;\n  font-size:clamp(2.3rem,4.5vw,3.2rem);line-height:1.15;\n}\n.hero-faq p{font-size:1.1rem;font-weight:500;max-width:360px;}\n.faq-search{\n  background:#fff;border:1px solid #e2ddd0;border-radius:.75rem;\n  display:flex;align-items:center;\n  max-width:380px;padding:.35rem .5rem .35rem 1rem;\n  box-shadow:0 6px 18px rgba(46,74,53,.06);\n}\n.faq-search input{\n  border:0;outline:0;flex:1;font-size:.95rem;font-weight:500;\n  color:var(--ink);background:transparent;padding:.5rem 0;\n}\n.faq-search input::placeholder{color:#9aa59c;}\n.faq-search .bi{color:var(--green-800);font-size:1.2rem;padding:.4rem .6rem;}\n\n/* ---------- Category pills ---------- */\n.cat-pill{\n  border:1px solid #e2ddd0;background:#fff;color:var(--green-800);\n  border-radius:.6rem;padding:.55rem 1.4rem;font-weight:600;font-size:.92rem;\n  transition:all .15s ease;\n}\n.cat-pill:hover{border-color:var(--green-800);color:var(--green-900);}\n.cat-pill.active{\n  background:var(--green-800);border-color:var(--green-800);color:#fff;\n  box-shadow:0 6px 14px rgba(46,74,53,.25);\n}\n\n/* ---------- Accordion ---------- */\n.accordion-faq .accordion-item{\n  border:0;border-radius:.75rem!important;margin-bottom:1rem;\n  box-shadow:0 4px 14px rgba(46,74,53,.05);\n  overflow:hidden;\n}\n.accordion-faq .accordion-button{\n  font-family:\'Quicksand\',sans-serif;\n  font-weight:700;color:var(--green-900);font-size:1rem;\n  background:#fff;padding:1.25rem 1.5rem;\n  box-shadow:none;\n}\n.accordion-faq .accordion-button:not(.collapsed){\n  background:var(--green-100);color:var(--green-900);\n}\n.accordion-faq .accordion-button:focus{box-shadow:0 0 0 .2rem rgba(46,74,53,.15);}\n.accordion-faq .accordion-body{\n  background:#fff;font-weight:500;font-size:.95rem;line-height:1.7;\n  padding:1.25rem 1.5rem;\n}\n\n/* ---------- Footer ---------- */\n.footer-faq{\n  background:url(\'/assets/redd-plus/faq_footer_bg.png\') center bottom/cover no-repeat;\n  padding:6rem 0 3rem;\n  margin-top:2rem;\n}\n.footer-faq a{\n  color:var(--ink);text-decoration:none;font-weight:600;font-size:.9rem;\n  display:inline-flex;align-items:center;gap:.55rem;\n}\n.footer-faq a:hover{color:var(--green-800);}\n.footer-faq .bi{color:var(--green-900);font-size:1.1rem;}\n</style>\n\n<!-- ===== Hero ===== -->\n<header class=\"hero-faq\">\n  <div class=\"container\">\n    <div class=\"row\">\n      <div class=\"col-lg-6\">\n        <h1>Frequently Asked<br>Questions</h1>\n        <p class=\"mt-3 mb-4\">Find answers to common questions about REDD+ Malaysia.</p>\n        <div class=\"faq-search\">\n          <input type=\"search\" id=\"faqSearch\" placeholder=\"Search questions...\" aria-label=\"Search questions\">\n          <i class=\"bi bi-search\"></i>\n        </div>\n      </div>\n    </div>\n  </div>\n</header>\n\n<!-- ===== FAQ ===== -->\n<main class=\"container py-5\" style=\"max-width:860px;\">\n\n  <!-- Category pills -->\n  <div class=\"d-flex flex-wrap gap-2 mb-4\" role=\"tablist\" aria-label=\"FAQ categories\">\n    @foreach($categories as $cat)\n      <button class=\"cat-pill{{ $loop->first ? \' active\' : \'\' }}\" data-cat=\"{{ $cat }}\">\n        {!! $catLabels[$cat] ?? ucfirst($cat) !!}\n      </button>\n    @endforeach\n  </div>\n\n  <div class=\"accordion accordion-faq\" id=\"faqAccordion\">\n    @foreach($faqs as $faq)\n      @php\n        $title = $faq->translations->first()?->article_translation_title ?? \'Untitled\';\n        $body  = $faq->translations->first()?->article_translation_content ?? \'\';\n        $isFirstCat = ($faq->article_subcategory === $categories[0]);\n      @endphp\n      <div class=\"accordion-item{{ $isFirstCat ? \'\' : \' d-none\' }}\" data-cat=\"{{ $faq->article_subcategory }}\">\n        <h2 class=\"accordion-header\">\n          <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#faq{{ $faq->article_id }}\">\n            {{ $title }}\n          </button>\n        </h2>\n        <div id=\"faq{{ $faq->article_id }}\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\n          <div class=\"accordion-body\">{!! $body !!}</div>\n        </div>\n      </div>\n    @endforeach\n  </div>\n\n  <p id=\"noResults\" class=\"text-center fw-semibold mt-4 d-none\">No questions match your search. Try a different keyword or category.</p>\n</main>\n\n<!-- ===== Footer ===== -->\n\n<style>\n.footer-redd-article {\n  background: url(\'/assets/redd-plus/faq_footer_bg.png\') center bottom/cover no-repeat;\n  padding: 4rem 0 2.5rem;\n}\n.footer-redd-article a {\n  color: var(--ink); text-decoration: none; font-weight: 600; font-size: .85rem;\n}\n.footer-redd-article a:hover { color: var(--green-800); }\n.footer-redd-article .bi { color: var(--green-800); font-size: 1.1rem; }\n.footer-redd-article .f-divider { width: 1px; height: 26px; background: #cfc9b8; }\n</style>\n\n    <footer class=\"footer-redd-article\">\n      <div class=\"container\">\n        <div class=\"d-flex flex-wrap align-items-center justify-content-center gap-4\">\n          <img src=\"/assets/redd-plus/logo.png\" alt=\"REDD+ Malaysia\" height=\"46\">\n          <span class=\"f-divider d-none d-md-inline-block\"></span>\n          <a href=\"https://redd.nres.gov.my\"><i class=\"bi bi-globe2\"></i> redd.nres.gov.my</a>\n          <span class=\"f-divider d-none d-md-inline-block\"></span>\n          <a href=\"mailto:redd@nres.gov.my\"><i class=\"bi bi-envelope\"></i> redd@nres.gov.my</a>\n          <span class=\"f-divider d-none d-md-inline-block\"></span>\n          <a href=\"tel:+60380008000\"><i class=\"bi bi-telephone\"></i> +603 8000 8000</a>\n        </div>\n      </div>\n    </footer>\n</div>\n</footer>\n\n<script>\nconst pills = document.querySelectorAll(\'.cat-pill\');\nconst items = document.querySelectorAll(\'#faqAccordion .accordion-item\');\nconst searchBox = document.getElementById(\'faqSearch\');\nconst noResults = document.getElementById(\'noResults\');\nlet activeCat = \'{{ $categories[0] ?? \"general\" }}\';\n\nfunction applyFilter(){\n  const term = searchBox.value.trim().toLowerCase();\n  let visible = 0;\n  items.forEach(item => {\n    const inCat = item.dataset.cat === activeCat;\n    const text = item.textContent.toLowerCase();\n    const match = term === \'\' ? inCat : text.includes(term);\n    item.classList.toggle(\'d-none\', !match);\n    if (match) visible++;\n  });\n  noResults.classList.toggle(\'d-none\', visible > 0);\n}\n\npills.forEach(p => p.addEventListener(\'click\', () => {\n  pills.forEach(x => x.classList.remove(\'active\'));\n  p.classList.add(\'active\');\n  activeCat = p.dataset.cat;\n  searchBox.value = \'\';\n  applyFilter();\n}));\n\nsearchBox.addEventListener(\'input\', applyFilter);\n</script>', 1, 0, 1, 4, '2026-07-23 03:13:38', '2026-07-23 10:28:42'),
(24, 2, 'Article', 'article', '<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n    <title>{!! $siteName !!}</title>\n\n    <!-- Bootstrap 5 -->\n    <link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css\" rel=\"stylesheet\">\n    <!-- Bootstrap Icons -->\n    <link href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css\" rel=\"stylesheet\">\n    <!-- Fonts -->\n    <link href=\"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=Quicksand:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n    <style>\n        :root{\n            --green-900:#22392a;\n            --green-800:#2e4a35;\n            --green-700:#3d5c44;\n            --green-200:#cddac9;\n            --green-100:#e4ecdf;\n            --gold:#b9975b;\n            --cream:#f7f5ee;\n            --olive-bg:#efeee3;\n            --ink:#3a4a3f;\n        }\n        * { margin: 0; padding: 0; box-sizing: border-box; }\n        body {\n            font-family:\'Quicksand\',sans-serif;\n            color:var(--ink);\n            background:var(--cream);\n        }\n        .font-display { font-family:\'Playfair Display\',serif; }\n    </style>\n</head>\n<body>\n    {!! $__header__ !!}\n    {!! $__page__ !!}\n\n    <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js\"></script>\n</body>\n</html>', NULL, '@php\n    use App\\Models\\Backend\\ContentArticle;\n    use App\\Models\\Backend\\Ref;\n\n    $code = request()->query(\'id\');\n    $detailArticle = $code ? ContentArticle::with(\'translations\')\n        ->where(\'article_code\', $code)\n        ->where(\'article_status\', \'ACTIVE\')\n        ->first() : null;\n@endphp\n\n@if($detailArticle)\n    @php\n        $t = $detailArticle->translations->first();\n        $title = $t?->article_translation_title ?? \'Untitled\';\n        $content = $t?->article_translation_content ?? \'\';\n        $catDescr = Ref::where(\'cat\', \'ARTICLE_CAT\')->where(\'code\', $detailArticle->article_category)->value(\'descr\') ?? $detailArticle->article_category;\n        $date = $detailArticle->article_date ? \\Carbon\\Carbon::parse($detailArticle->article_date)->format(\'d M Y\') : \'\';\n        $isFullWidth = true;\n    @endphp\n\n    \n<style>\n.hero-article {\n  background: url(\"/assets/redd-plus/about_hero_bg.png\") center/cover no-repeat;\n  min-height: 280px;\n  display: flex;\n  align-items: center;\n}\n.breadcrumb-redd { font-size: .8rem; font-weight: 600; }\n.breadcrumb-redd a { color: #6c7a6e; text-decoration: none; }\n.breadcrumb-redd a:hover { color: var(--green-800); }\n.breadcrumb-redd .active { color: var(--green-800); }\n.breadcrumb-redd .sep { color: #a9b3a9; margin: 0 .4rem; }\n.hero-article h1 {\n  color: var(--green-900); font-weight: 600;\n  font-size: clamp(2rem, 4vw, 2.9rem);\n}\n.hero-article p { max-width: 480px; font-weight: 500; font-size: 1.05rem; }\n\n.row-block { padding: 2.5rem 0; }\n.row-block + .row-block { border-top: 1px solid #e8e4d8; }\n.block-heading { color: var(--green-800); font-weight: 700; font-size: 1.35rem; }\n.lead-icon {\n  width: 84px; height: 84px; background: var(--green-100);\n  border-radius: 50%; display: flex; align-items: center; justify-content: center;\n  font-size: 2.2rem; color: var(--green-800);\n}\n.lead-icon.gold { background: var(--gold-100); color: var(--gold); }\n.lead-icon.small { width: 56px; height: 56px; font-size: 1.4rem; }\n.link-learn {\n  color: var(--green-900); font-weight: 700; text-decoration: none;\n  border-bottom: 2px solid var(--gold); padding-bottom: .15rem;\n}\n.link-learn:hover { color: var(--gold); }\n.info-card {\n  background: var(--card-bg); border: 1px solid #ece8db;\n  border-radius: .75rem; text-align: center;\n  padding: 1.25rem .9rem; height: 100%;\n  transition: transform .2s ease, box-shadow .2s ease;\n}\n.info-card:hover { transform: translateY(-4px); box-shadow: 0 12px 26px rgba(46,74,53,.10); }\n.info-icon {\n  width: 72px; height: 72px; margin: 0 auto .9rem;\n  background: #fff; border: 1px solid var(--green-200); border-radius: 1rem;\n  display: flex; align-items: center; justify-content: center;\n  font-size: 1.8rem; color: var(--green-700);\n}\n.info-card p { margin: 0; font-weight: 600; color: var(--ink); font-size: .85rem; line-height: 1.35; }\n</style>\n    @if($isFullWidth)\n        {!! \\Illuminate\\Support\\Facades\\Blade::render($content, [\'siteSlug\' => $siteSlug ?? \'redd-plus\']) !!}\n    @else\n    <style>\n    .article-detail { padding: 60px 0 80px; background: var(--cream); min-height: 60vh; }\n    .article-breadcrumb { font-size: .82rem; color: #8a9a8e; margin-bottom: 30px; display: flex; align-items: center; gap: 8px; }\n    .article-breadcrumb a { color: var(--green-800); text-decoration: none; }\n    .article-breadcrumb a:hover { color: var(--gold); }\n    .article-breadcrumb .sep { color: #cfc9b8; }\n    .article-detail-content { max-width: 800px; margin: 0 auto; }\n    .article-meta { display: flex; align-items: center; gap: 20px; margin-bottom: 20px; flex-wrap: wrap; }\n    .article-meta .cat { background: var(--green-100); color: var(--green-800); padding: 6px 14px; border-radius: 50rem; font-size: .75rem; font-weight: 600; }\n    .article-meta .date { color: #8a9a8e; font-size: .8rem; }\n    .article-detail-title { font-size: 2rem; font-weight: 700; color: var(--green-900); line-height: 1.3; margin: 0 0 30px; }\n    .article-body { color: var(--ink); font-size: 1.05rem; line-height: 1.9; }\n    .article-body p { margin-bottom: 1.2rem; }\n    .btn-back { display: inline-flex; align-items: center; gap: 8px; padding: 12px 24px; background: var(--green-800); color: #fff; border-radius: 10px; font-size: .85rem; font-weight: 500; text-decoration: none; transition: all .25s; margin-top: 40px; }\n    .btn-back:hover { background: var(--green-900); color: #fff; transform: translateX(-3px); }\n    </style>\n\n    <section class=\"article-detail\">\n        <div class=\"container\">\n            <div class=\"article-breadcrumb\">\n                <a href=\"/{{ $siteSlug }}\">Home</a>\n                <span class=\"sep\">/</span>\n                <a href=\"/{{ $siteSlug }}/article\">Articles</a>\n                <span class=\"sep\">/</span>\n                <span>{{ $title }}</span>\n            </div>\n\n            <div class=\"article-detail-content\">\n                <div class=\"article-meta\">\n                    <span class=\"cat\">{{ $catDescr }}</span>\n                    @if($date)\n                        <span class=\"date\"><i class=\"bi bi-calendar3 me-1\"></i>{{ $date }}</span>\n                    @endif\n                </div>\n\n                <h1 class=\"article-detail-title\">{{ $title }}</h1>\n\n                <div class=\"article-body\">{!! $content !!}</div>\n\n                <a href=\"/{{ $siteSlug }}/article\" class=\"btn-back\"><i class=\"bi bi-arrow-left\"></i> Back to Articles</a>\n            </div>\n        </div>\n    </section>\n    @endif\n\n    <style>\n    .footer-redd-article {\n      background: url(\'/assets/redd-plus/faq_footer_bg.png\') center bottom/cover no-repeat;\n      padding: 4rem 0 2.5rem;\n    }\n    .footer-redd-article a {\n      color: var(--ink); text-decoration: none; font-weight: 600; font-size: .85rem;\n    }\n    .footer-redd-article a:hover { color: var(--green-800); }\n    .footer-redd-article .bi { color: var(--green-800); font-size: 1.1rem; }\n    .footer-redd-article .f-divider { width: 1px; height: 26px; background: #cfc9b8; }\n    </style>\n    <footer class=\"footer-redd-article mt-4\">\n      <div class=\"container\">\n        <div class=\"d-flex flex-wrap align-items-center justify-content-center gap-4\">\n          <img src=\"/assets/redd-plus/logo.png\" alt=\"REDD+ Malaysia\" height=\"46\">\n          <span class=\"f-divider d-none d-md-inline-block\"></span>\n          <a href=\"https://redd.nres.gov.my\"><i class=\"bi bi-globe2\"></i> redd.nres.gov.my</a>\n          <span class=\"f-divider d-none d-md-inline-block\"></span>\n          <a href=\"mailto:redd@nres.gov.my\"><i class=\"bi bi-envelope\"></i> redd@nres.gov.my</a>\n          <span class=\"f-divider d-none d-md-inline-block\"></span>\n          <a href=\"tel:+60380008000\"><i class=\"bi bi-telephone\"></i> +603 8000 8000</a>\n        </div>\n      </div>\n    </footer>\n\n@else\n@php\n    $articles = ContentArticle::with(\'translations\')\n        ->where(\'article_portal_category\', \'redd-plus\')\n        ->where(\'article_status\', \'ACTIVE\')\n        ->orderBy(\'article_sorting\')\n        ->orderBy(\'article_date\', \'desc\')\n        ->get();\n\n    $categories = $articles->pluck(\'article_category\')->unique()->values()->toArray();\n\n    $catLabels = Ref::where(\'cat\', \'ARTICLE_CAT\')\n        ->whereIn(\'code\', $categories)\n        ->pluck(\'descr\', \'code\')\n        ->toArray();\n@endphp\n\n<style>\n.article-hero {\n  background: linear-gradient(135deg, var(--green-800) 0%, var(--green-900) 100%);\n  padding: 4rem 0 4.5rem;\n  color: #fff;\n}\n.article-hero h1 {\n  font-weight: 700;\n  font-size: clamp(2.3rem, 4.5vw, 3.2rem);\n  line-height: 1.15;\n}\n.article-hero p {\n  font-size: 1.1rem;\n  font-weight: 500;\n  max-width: 400px;\n  opacity: .85;\n}\n\n.article-card {\n  background: #fff;\n  border: 1px solid #e8e4d8;\n  border-radius: 1rem;\n  overflow: hidden;\n  box-shadow: 0 4px 14px rgba(46,74,53,.05);\n  transition: all .2s ease;\n  text-decoration: none;\n  color: inherit;\n  display: block;\n}\n.article-card:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 12px 30px rgba(46,74,53,.12);\n  border-color: var(--green-200);\n}\n.article-card-img {\n  width: 100%;\n  height: 200px;\n  object-fit: cover;\n}\n.article-card-body {\n  padding: 1.25rem 1.5rem 1.5rem;\n}\n.article-card-cat {\n  display: inline-block;\n  background: var(--green-100);\n  color: var(--green-800);\n  padding: .25rem .75rem;\n  border-radius: 50rem;\n  font-size: .75rem;\n  font-weight: 600;\n  margin-bottom: .75rem;\n}\n.article-card-title {\n  font-weight: 700;\n  font-size: 1.05rem;\n  color: var(--green-900);\n  margin-bottom: .5rem;\n  line-height: 1.4;\n}\n.article-card-date {\n  font-size: .82rem;\n  color: #8a9a8e;\n  font-weight: 500;\n}\n.article-card-excerpt {\n  font-size: .9rem;\n  color: var(--ink);\n  line-height: 1.6;\n  margin-top: .5rem;\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n.article-cat-pills .cat-pill {\n  border: 1px solid #e2ddd0;\n  background: #fff;\n  color: var(--green-800);\n  border-radius: .6rem;\n  padding: .55rem 1.4rem;\n  font-weight: 600;\n  font-size: .92rem;\n  transition: all .15s ease;\n  cursor: pointer;\n}\n.article-cat-pills .cat-pill:hover {\n  border-color: var(--green-800);\n  color: var(--green-900);\n}\n.article-cat-pills .cat-pill.active {\n  background: var(--green-800);\n  border-color: var(--green-800);\n  color: #fff;\n  box-shadow: 0 6px 14px rgba(46,74,53,.25);\n}\n\n.no-articles {\n  text-align: center;\n  padding: 4rem 2rem;\n  color: #8a9a8e;\n}\n.no-articles i {\n  font-size: 3rem;\n  margin-bottom: 1rem;\n  display: block;\n  color: var(--green-200);\n}\n</style>\n\n<header class=\"article-hero\">\n  <div class=\"container\">\n    <h1>Articles &amp; News</h1>\n    <p class=\"mt-3\">Latest updates, publications and news from REDD+ Malaysia.</p>\n  </div>\n</header>\n\n<main class=\"container py-5\" style=\"max-width:1100px;\">\n\n  <div class=\"d-flex flex-wrap gap-2 mb-4 article-cat-pills\" role=\"tablist\">\n    <button class=\"cat-pill active\" data-cat=\"all\">All</button>\n    @foreach($categories as $cat)\n      <button class=\"cat-pill\" data-cat=\"{{ $cat }}\">\n        {{ $catLabels[$cat] ?? $cat }}\n      </button>\n    @endforeach\n  </div>\n\n  @if($articles->count())\n  <div class=\"row g-4\" id=\"articleGrid\">\n    @foreach($articles as $item)\n      @php\n        $t = $item->translations->first();\n        $itemTitle = $t?->article_translation_title ?? \'Untitled\';\n        $excerpt = strip_tags($t?->article_translation_content ?? \'\');\n        $excerpt = \\Illuminate\\Support\\Str::limit($excerpt, 150);\n        $itemCatLabel = $catLabels[$item->article_category] ?? $item->article_category;\n        $itemDate = $item->article_date ? \\Carbon\\Carbon::parse($item->article_date)->format(\'d M Y\') : \'\';\n      @endphp\n      <div class=\"col-md-6 col-lg-4 article-item\" data-cat=\"{{ $item->article_category }}\">\n        <a href=\"/{{ $siteSlug }}/article?id={{ $item->article_code }}\" class=\"article-card\">\n          @if($item->article_image)\n            <img src=\"{{ image_url($item->article_image) }}\" alt=\"{{ $itemTitle }}\" class=\"article-card-img\">\n          @else\n            <div class=\"article-card-img\" style=\"background:var(--green-100);display:flex;align-items:center;justify-content:center;\">\n              <i class=\"bi bi-file-earmark-text\" style=\"font-size:2.5rem;color:var(--green-200);\"></i>\n            </div>\n          @endif\n          <div class=\"article-card-body\">\n            <span class=\"article-card-cat\">{{ $itemCatLabel }}</span>\n            <h3 class=\"article-card-title\">{{ $itemTitle }}</h3>\n            <span class=\"article-card-date\"><i class=\"bi bi-calendar3 me-1\"></i>{{ $itemDate }}</span>\n            @if($excerpt)\n              <p class=\"article-card-excerpt\">{{ $excerpt }}</p>\n            @endif\n          </div>\n        </a>\n      </div>\n    @endforeach\n  </div>\n  @else\n    <div class=\"no-articles\">\n      <i class=\"bi bi-journal-text\"></i>\n      <h4>No articles found</h4>\n      <p>Check back later for updates.</p>\n    </div>\n  @endif\n</main>\n\n<script>\nconst pills = document.querySelectorAll(\'.article-cat-pills .cat-pill\');\nconst items = document.querySelectorAll(\'.article-item\');\n\npills.forEach(p => p.addEventListener(\'click\', () => {\n  pills.forEach(x => x.classList.remove(\'active\'));\n  p.classList.add(\'active\');\n  const cat = p.dataset.cat;\n  items.forEach(item => {\n    item.classList.toggle(\'d-none\', cat !== \'all\' && item.dataset.cat !== cat);\n  });\n}));\n</script>\n@endif', 1, 0, 1, 2, '2026-07-23 03:42:54', '2026-07-23 10:28:42'),
(26, 2, 'Glossary', 'glossary', '<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n    <title>{!! $siteName !!}</title>\n\n    <!-- Bootstrap 5 -->\n    <link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css\" rel=\"stylesheet\">\n    <!-- Bootstrap Icons -->\n    <link href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css\" rel=\"stylesheet\">\n    <!-- Fonts -->\n    <link href=\"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=Quicksand:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n    <style>\n        :root{\n            --green-900:#22392a;\n            --green-800:#2e4a35;\n            --green-700:#3d5c44;\n            --green-200:#cddac9;\n            --green-100:#e4ecdf;\n            --gold:#b9975b;\n            --cream:#f7f5ee;\n            --olive-bg:#efeee3;\n            --ink:#3a4a3f;\n        }\n        * { margin: 0; padding: 0; box-sizing: border-box; }\n        body {\n            font-family:\'Quicksand\',sans-serif;\n            color:var(--ink);\n            background:var(--cream);\n        }\n        .font-display { font-family:\'Playfair Display\',serif; }\n    </style>\n</head>\n<body>\n    {!! $__header__ !!}\n    {!! $__page__ !!}\n\n    <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js\"></script>\n</body>\n</html>\n', NULL, '@php\n    use App\\Models\\Backend\\ContentArticle;\n\n    $terms = ContentArticle::with(\'translations\')\n        ->where(\'article_portal_category\', \'redd-plus\')\n        ->where(\'article_category\', \'GLOSSARY\')\n        ->where(\'article_status\', \'ACTIVE\')\n        ->orderBy(\'article_sorting\')\n        ->get();\n@endphp\n\n<style>\n.hero-glossary{\n  background:url(\'/assets/redd-plus/gl_hero_bg.png\') center/cover no-repeat;\n  padding:4rem 0 4.5rem;\n}\n.hero-glossary h1{\n  color:var(--green-800);font-weight:700;\n  font-size:clamp(2.4rem,4.5vw,3.3rem);\n}\n.hero-glossary p{font-size:1.1rem;font-weight:500;max-width:340px;}\n.term-search{\n  background:#fff;border:1px solid #e2ddd0;border-radius:50rem;\n  display:flex;align-items:center;\n  max-width:400px;padding:.35rem .5rem .35rem 1.2rem;\n  box-shadow:0 6px 18px rgba(46,74,53,.06);\n}\n.term-search input{\n  border:0;outline:0;flex:1;font-size:.95rem;font-weight:500;\n  color:var(--ink);background:transparent;padding:.5rem 0;\n}\n.term-search input::placeholder{color:#9aa59c;}\n.term-search .divider{width:1px;height:24px;background:#e2ddd0;margin:0 .4rem;}\n.term-search .bi{color:var(--green-800);font-size:1.2rem;padding:.4rem .7rem;}\n\n.letter-bar{display:flex;flex-wrap:wrap;gap:.4rem;}\n.letter-btn{\n  min-width:38px;height:38px;\n  border:1px solid #e2ddd0;background:#fff;color:var(--ink);\n  border-radius:.5rem;font-weight:600;font-size:.9rem;\n  display:inline-flex;align-items:center;justify-content:center;\n  transition:all .15s ease;cursor:pointer;\n}\n.letter-btn:hover{border-color:var(--green-800);color:var(--green-900);}\n.letter-btn.active{\n  border-color:var(--green-800);color:var(--green-800);\n  background:var(--green-100);font-weight:700;\n}\n.letter-btn:disabled{opacity:.35;pointer-events:none;}\n\n.glossary-card{\n  background:#fdfcf9;\n  border:1px solid #ece8db;\n  border-radius:1rem;\n  box-shadow:0 8px 24px rgba(46,74,53,.05);\n  padding:.5rem 2rem;\n}\n.term-row{\n  display:flex;gap:1.5rem;\n  padding:1.6rem 0;\n  border-bottom:1px solid #e8e4d8;\n}\n.term-row:last-child{border-bottom:0;}\n.term-name{\n  flex:0 0 150px;\n  color:var(--green-800);font-weight:700;font-size:1.1rem;\n  border-right:1px solid #e2ddd0;\n  padding-right:1rem;\n}\n.term-def{margin:0;font-weight:500;font-size:.98rem;line-height:1.7;}\n\n.footer-glossary{\n  background:url(\'/assets/redd-plus/gl_footer_bg.png\') center bottom/cover no-repeat;\n  padding:6rem 0 2.5rem;\n  margin-top:2rem;\n}\n.footer-glossary a{\n  color:var(--ink);text-decoration:none;font-weight:600;font-size:.9rem;\n  display:inline-flex;align-items:center;gap:.55rem;\n}\n.footer-glossary a:hover{color:var(--green-800);}\n.footer-glossary .bi{color:var(--green-900);font-size:1.05rem;}\n\n@media (max-width: 575.98px){\n  .term-row{flex-direction:column;gap:.5rem;}\n  .term-name{flex:none;border-right:0;border-bottom:1px solid #e2ddd0;padding:0 0 .5rem;}\n}\n\n.footer-faq{background:url(\"/assets/redd-plus/faq_footer_bg.png\") center bottom/cover no-repeat;padding:6rem 0 3rem;margin-top:2rem;}.footer-faq a{color:var(--ink);text-decoration:none;font-weight:600;font-size:.9rem;display:inline-flex;align-items:center;gap:.55rem;}.footer-faq a:hover{color:var(--green-800);}.footer-faq .bi{color:var(--green-900);font-size:1.1rem;}\n</style><header class=\"hero-glossary\">\n  <div class=\"container\">\n    <div class=\"row\">\n      <div class=\"col-lg-6\">\n        <h1>Glossary</h1>\n        <p class=\"mt-3 mb-4\">Key terms and definitions used in the context of REDD+ Malaysia.</p>\n        <div class=\"term-search\">\n          <input type=\"search\" id=\"termSearch\" placeholder=\"Search terms...\" aria-label=\"Search terms\">\n          <span class=\"divider\"></span>\n          <i class=\"bi bi-search\"></i>\n        </div>\n      </div>\n    </div>\n  </div>\n</header>\n\n<main class=\"container py-4\" style=\"max-width:900px;\">\n  <div class=\"letter-bar py-3\" id=\"letterBar\" role=\"tablist\" aria-label=\"Filter terms by letter\"></div>\n\n  <div class=\"glossary-card mt-2\" id=\"glossaryList\">\n    @foreach($terms as $item)\n      @php\n        $t = $item->translations->first();\n        $term = $t?->article_translation_title ?? \'Untitled\';\n        $def = strip_tags($t?->article_translation_content ?? \'\');\n        $letter = strtoupper(substr(trim($term), 0, 1));\n      @endphp\n      <div class=\"term-row\" data-letter=\"{{ $letter }}\">\n        <div class=\"term-name\">{{ $term }}</div>\n        <p class=\"term-def\">{{ $def }}</p>\n      </div>\n    @endforeach\n  </div>\n\n  <p id=\"noResults\" class=\"text-center fw-semibold mt-4 d-none\">No terms match your search.</p>\n\n  <div id=\"paginationControls\" class=\"d-flex align-items-center justify-content-center gap-3 mt-4\">\n    <button id=\"prevPage\" class=\"btn btn-sm\" style=\"border:1px solid #e2ddd0;background:#fff;color:var(--ink);border-radius:.5rem;padding:.45rem 1rem;font-weight:600;font-size:.85rem;\" disabled>\n      <i class=\"bi bi-chevron-left me-1\"></i> Prev\n    </button>\n    <span id=\"pageInfo\" class=\"fw-semibold\" style=\"font-size:.88rem;color:var(--ink);\"></span>\n    <button id=\"nextPage\" class=\"btn btn-sm\" style=\"border:1px solid #e2ddd0;background:#fff;color:var(--ink);border-radius:.5rem;padding:.45rem 1rem;font-weight:600;font-size:.85rem;\">\n      Next <i class=\"bi bi-chevron-right ms-1\"></i>\n    </button>\n  </div>\n</main>\n\n\n<style>\n.footer-redd-article {\n  background: url(\'/assets/redd-plus/faq_footer_bg.png\') center bottom/cover no-repeat;\n  padding: 4rem 0 2.5rem;\n}\n.footer-redd-article a {\n  color: var(--ink); text-decoration: none; font-weight: 600; font-size: .85rem;\n}\n.footer-redd-article a:hover { color: var(--green-800); }\n.footer-redd-article .bi { color: var(--green-800); font-size: 1.1rem; }\n.footer-redd-article .f-divider { width: 1px; height: 26px; background: #cfc9b8; }\n</style>\n\n    <footer class=\"footer-redd-article\">\n      <div class=\"container\">\n        <div class=\"d-flex flex-wrap align-items-center justify-content-center gap-4\">\n          <img src=\"/assets/redd-plus/logo.png\" alt=\"REDD+ Malaysia\" height=\"46\">\n          <span class=\"f-divider d-none d-md-inline-block\"></span>\n          <a href=\"https://redd.nres.gov.my\"><i class=\"bi bi-globe2\"></i> redd.nres.gov.my</a>\n          <span class=\"f-divider d-none d-md-inline-block\"></span>\n          <a href=\"mailto:redd@nres.gov.my\"><i class=\"bi bi-envelope\"></i> redd@nres.gov.my</a>\n          <span class=\"f-divider d-none d-md-inline-block\"></span>\n          <a href=\"tel:+60380008000\"><i class=\"bi bi-telephone\"></i> +603 8000 8000</a>\n        </div>\n      </div>\n    </footer>\n</div>\n</footer>\n\n<script>\nconst rows = document.querySelectorAll(\'.term-row\');\nconst bar = document.getElementById(\'letterBar\');\nconst searchBox = document.getElementById(\'termSearch\');\nconst noResults = document.getElementById(\'noResults\');\nconst prevBtn = document.getElementById(\'prevPage\');\nconst nextBtn = document.getElementById(\'nextPage\');\nconst pageInfo = document.getElementById(\'pageInfo\');\nconst paginationWrap = document.getElementById(\'paginationControls\');\nlet activeLetter = \'All\';\nlet currentPage = 1;\nconst perPage = 10;\n\nconst lettersUsed = new Set([...rows].map(r => r.dataset.letter));\nconst letters = [\'All\', ...Array.from({length:26}, (_,i) => String.fromCharCode(65+i))];\nletters.forEach(l => {\n  const b = document.createElement(\'button\');\n  b.className = \'letter-btn\' + (l === \'All\' ? \' active\' : \'\');\n  b.textContent = l;\n  if (l !== \'All\' && !lettersUsed.has(l)) b.disabled = true;\n  b.addEventListener(\'click\', () => {\n    bar.querySelectorAll(\'.letter-btn\').forEach(x => x.classList.remove(\'active\'));\n    b.classList.add(\'active\');\n    activeLetter = l;\n    searchBox.value = \'\';\n    currentPage = 1;\n    applyFilter();\n  });\n  bar.appendChild(b);\n});\n\nfunction applyFilter(){\n  const term = searchBox.value.trim().toLowerCase();\n  let matched = [];\n\n  rows.forEach(r => {\n    const byLetter = activeLetter === \'All\' || r.dataset.letter === activeLetter;\n    const byText = term === \'\' || r.textContent.toLowerCase().includes(term);\n    const show = term === \'\' ? byLetter : byText;\n    r.style.display = \'none\';\n    if (show) matched.push(r);\n  });\n\n  const total = matched.length;\n  const totalPages = Math.max(1, Math.ceil(total / perPage));\n  if (currentPage > totalPages) currentPage = totalPages;\n\n  const start = (currentPage - 1) * perPage;\n  const end = start + perPage;\n  matched.forEach((r, i) => {\n    r.style.display = (i >= start && i < end) ? \'\' : \'none\';\n  });\n\n  noResults.classList.toggle(\'d-none\', total > 0);\n\n  if (total > perPage) {\n    paginationWrap.classList.remove(\'d-none\');\n    prevBtn.disabled = currentPage <= 1;\n    nextBtn.disabled = currentPage >= totalPages;\n    pageInfo.textContent = \'Page \' + currentPage + \' of \' + totalPages;\n  } else {\n    paginationWrap.classList.add(\'d-none\');\n  }\n}\n\nprevBtn.addEventListener(\'click\', () => { currentPage--; applyFilter(); });\nnextBtn.addEventListener(\'click\', () => { currentPage++; applyFilter(); });\nsearchBox.addEventListener(\'input\', () => { currentPage = 1; applyFilter(); });\n\napplyFilter();\n</script>', 1, 0, 1, 5, '2026-07-23 04:32:09', '2026-07-23 10:28:42');
INSERT INTO `frontend_pages` (`id`, `site_fk`, `name`, `slug`, `layout`, `entry_script`, `page_content`, `use_custom_layout`, `is_default`, `status`, `sort_order`, `created_at`, `updated_at`) VALUES
(27, 2, 'Publications', 'publications', '<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n    <title>{!! $siteName !!}</title>\n\n    <!-- Bootstrap 5 -->\n    <link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css\" rel=\"stylesheet\">\n    <!-- Bootstrap Icons -->\n    <link href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css\" rel=\"stylesheet\">\n    <!-- Fonts -->\n    <link href=\"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=Quicksand:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n    <style>\n        :root{\n            --green-900:#22392a;\n            --green-800:#2e4a35;\n            --green-700:#3d5c44;\n            --green-200:#cddac9;\n            --green-100:#e4ecdf;\n            --gold:#b9975b;\n            --cream:#f7f5ee;\n            --olive-bg:#efeee3;\n            --ink:#3a4a3f;\n        }\n        * { margin: 0; padding: 0; box-sizing: border-box; }\n        body {\n            font-family:\'Quicksand\',sans-serif;\n            color:var(--ink);\n            background:var(--cream);\n        }\n        .font-display { font-family:\'Playfair Display\',serif; }\n    </style>\n</head>\n<body>\n    {!! $__header__ !!}\n    {!! $__page__ !!}\n\n    <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js\"></script>\n</body>\n</html>\n', '', '@php\n    $pubCats = [\n        \'STRATEGIC\' => \'Strategic Documents\',\n        \'TECHNICAL\' => \'Technical Documents\',\n        \'REPORT\'    => \'Reports & Publications\',\n        \'COMMS\'     => \'National Communications\',\n    ];\n    $downloads = \\App\\Models\\Backend\\ContentDownload::where(\'download_status\',\'ACTIVE\')\n        ->where(\'download_language\', \'en\')\n        ->orderBy(\'download_date\', \'desc\')\n        ->get();\n    $grouped = $downloads->groupBy(\'download_category\');\n@endphp\n<style>\n.page-hero{background:linear-gradient(135deg,var(--green-800),var(--green-900));padding:3rem 0;color:#fff;margin-bottom:0;}\n.page-hero h1{font-weight:700;font-size:clamp(2rem,4vw,2.8rem);}\n.page-hero p{font-size:1rem;font-weight:500;max-width:400px;opacity:.9;}\n.pub-section{padding:3rem 0;background:var(--cream);min-height:50vh;}\n.pub-card{border:1px solid #ece8db;border-radius:.75rem;padding:1.25rem;background:#fff;display:flex;gap:1rem;align-items:flex-start;text-decoration:none;color:inherit;transition:box-shadow .2s;margin-bottom:.75rem;}\n.pub-card:hover{box-shadow:0 8px 20px rgba(46,74,53,.08);}\n.pub-icon{width:44px;height:44px;background:var(--green-100);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--green-800);flex:0 0 44px;}\n.pub-card h4{font-weight:700;font-size:.9rem;color:var(--green-800);margin-bottom:.2rem;}\n.pub-card p{font-size:.8rem;font-weight:500;margin:0;line-height:1.5;color:#5b6a5e;}\n.section-title{color:var(--green-800);font-weight:700;font-size:1.35rem;margin-bottom:1.5rem;}\n.footer-pages{padding:2rem 0 1.5rem;border-top:1px solid #ece8db;background:#fff;}\n.footer-pages a{color:var(--ink);text-decoration:none;font-weight:600;font-size:.85rem;display:inline-flex;align-items:center;gap:.5rem;}\n.footer-pages a:hover{color:var(--green-800);}\n.footer-pages .bi{color:var(--green-800);}\n.f-divider{width:1px;height:26px;background:#cfc9b8;}\n</style>\n\n<div style=\"min-height:calc(100vh - 64px);background:#fff;\">\n  <header class=\"page-hero\">\n    <div class=\"container\">\n      <h1>Publications, Documents &amp; Reports</h1>\n      <p>Access official documents, reports and publications related to REDD+ Malaysia.</p>\n    </div>\n  </header>\n\n  <div class=\"pub-section\">\n    <div class=\"container\">\n      @if($downloads->count())\n        @foreach($pubCats as $code => $label)\n          @php $items = $grouped->get($code, collect()); @endphp\n          @if($items->count())\n            <h2 class=\"section-title\">{{ $label }}</h2>\n            <div class=\"mb-4\">\n              @foreach($items as $d)\n                <a href=\"{{ $d->download_file ? image_url($d->download_file) : \'#\' }}\" target=\"_blank\" class=\"pub-card\">\n                  <div class=\"pub-icon\"><i class=\"bi bi-file-earmark-pdf\"></i></div>\n                  <div>\n                    <h4>{{ $d->download_title }}</h4>\n                    @if($d->download_date)<p>{{ \\Carbon\\Carbon::parse($d->download_date)->format(\'d M Y\') }}</p>@endif\n                  </div>\n                </a>\n              @endforeach\n            </div>\n          @endif\n        @endforeach\n      @else\n        <div class=\"text-center py-5\">\n          <i class=\"bi bi-folder\" style=\"font-size:3rem;color:var(--green-200);\"></i>\n          <h4 class=\"mt-3\" style=\"color:var(--green-800);\">No publications yet</h4>\n          <p style=\"color:#8a9a8e;\">Documents will appear here once available.</p>\n        </div>\n      @endif\n    </div>\n  </div>\n\n  \n\n<style>\n.footer-redd-article {\n  background: url(\'/assets/redd-plus/faq_footer_bg.png\') center bottom/cover no-repeat;\n  padding: 4rem 0 2.5rem;\n}\n.footer-redd-article a {\n  color: var(--ink); text-decoration: none; font-weight: 600; font-size: .85rem;\n}\n.footer-redd-article a:hover { color: var(--green-800); }\n.footer-redd-article .bi { color: var(--green-800); font-size: 1.1rem; }\n.footer-redd-article .f-divider { width: 1px; height: 26px; background: #cfc9b8; }\n</style>\n    <footer class=\"footer-redd-article\">\n      <div class=\"container\">\n        <div class=\"d-flex flex-wrap align-items-center justify-content-center gap-4\">\n          <img src=\"/assets/redd-plus/logo.png\" alt=\"REDD+ Malaysia\" height=\"46\">\n          <span class=\"f-divider d-none d-md-inline-block\"></span>\n          <a href=\"https://redd.nres.gov.my\"><i class=\"bi bi-globe2\"></i> redd.nres.gov.my</a>\n          <span class=\"f-divider d-none d-md-inline-block\"></span>\n          <a href=\"mailto:redd@nres.gov.my\"><i class=\"bi bi-envelope\"></i> redd@nres.gov.my</a>\n          <span class=\"f-divider d-none d-md-inline-block\"></span>\n          <a href=\"tel:+60380008000\"><i class=\"bi bi-telephone\"></i> +603 8000 8000</a>\n        </div>\n      </div>\n    </footer>\n</div>', 1, 0, 1, 6, '2026-07-23 09:37:37', '2026-07-23 10:28:42'),
(28, 2, 'News & Updates', 'news', '<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n    <title>{!! $siteName !!}</title>\n\n    <!-- Bootstrap 5 -->\n    <link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css\" rel=\"stylesheet\">\n    <!-- Bootstrap Icons -->\n    <link href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css\" rel=\"stylesheet\">\n    <!-- Fonts -->\n    <link href=\"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=Quicksand:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n    <style>\n        :root{\n            --green-900:#22392a;\n            --green-800:#2e4a35;\n            --green-700:#3d5c44;\n            --green-200:#cddac9;\n            --green-100:#e4ecdf;\n            --gold:#b9975b;\n            --cream:#f7f5ee;\n            --olive-bg:#efeee3;\n            --ink:#3a4a3f;\n        }\n        * { margin: 0; padding: 0; box-sizing: border-box; }\n        body {\n            font-family:\'Quicksand\',sans-serif;\n            color:var(--ink);\n            background:var(--cream);\n        }\n        .font-display { font-family:\'Playfair Display\',serif; }\n    </style>\n</head>\n<body>\n    {!! $__header__ !!}\n    {!! $__page__ !!}\n\n    <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js\"></script>\n</body>\n</html>\n', '', '@php\n    use App\\Models\\Backend\\ContentArticle;\n    $news = ContentArticle::with(\'translations\')\n        ->where(\'article_portal_category\', \'redd-plus\')\n        ->where(\'article_category\', \'NEWS\')\n        ->where(\'article_status\', \'ACTIVE\')\n        ->orderBy(\'article_date\', \'desc\')\n        ->orderBy(\'article_sorting\')\n        ->get();\n@endphp\n<style>\n.page-hero{background:linear-gradient(135deg,var(--green-800),var(--green-900));padding:3rem 0;color:#fff;margin-bottom:0;}\n.page-hero h1{font-weight:700;font-size:clamp(2rem,4vw,2.8rem);}\n.page-hero p{font-size:1rem;font-weight:500;max-width:400px;opacity:.9;}\n.news-section{padding:3rem 0;background:var(--cream);min-height:50vh;}\n.news-card{border:1px solid #ece8db;border-radius:.75rem;overflow:hidden;background:#fff;height:100%;text-decoration:none;color:inherit;display:block;transition:box-shadow .2s,transform .2s;}\n.news-card:hover{box-shadow:0 8px 24px rgba(46,74,53,.1);transform:translateY(-3px);}\n.news-card-img{height:200px;background:var(--green-100);display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--green-200);}\n.news-card-body{padding:1.25rem 1.5rem 1.5rem;}\n.news-card-cat{display:inline-block;background:var(--green-100);color:var(--green-800);padding:.25rem .75rem;border-radius:50rem;font-size:.75rem;font-weight:600;margin-bottom:.75rem;}\n.news-card h3{font-weight:700;font-size:1.05rem;color:var(--green-900);margin-bottom:.5rem;line-height:1.4;}\n.news-card-date{font-size:.82rem;color:#8a9a8e;font-weight:500;}\n.news-card p{font-size:.88rem;color:var(--ink);line-height:1.6;margin-top:.5rem;}\n.footer-pages{padding:2rem 0 1.5rem;border-top:1px solid #ece8db;background:#fff;}\n.footer-pages a{color:var(--ink);text-decoration:none;font-weight:600;font-size:.85rem;display:inline-flex;align-items:center;gap:.5rem;}\n.footer-pages a:hover{color:var(--green-800);}\n.footer-pages .bi{color:var(--green-800);}\n.f-divider{width:1px;height:26px;background:#cfc9b8;}\n</style>\n\n<div style=\"min-height:calc(100vh - 64px);background:#fff;\">\n  <header class=\"page-hero\">\n    <div class=\"container\">\n      <h1>News &amp; Updates</h1>\n      <p>Latest updates, announcements and news from REDD+ Malaysia.</p>\n    </div>\n  </header>\n\n  <div class=\"news-section\">\n    <div class=\"container\">\n      @if($news->count())\n        <div class=\"row g-4\">\n          @foreach($news as $item)\n            @php\n              $t = $item->translations->first();\n              $title = $t?->article_translation_title ?? \'Untitled\';\n              $excerpt = strip_tags($t?->article_translation_content ?? \'\');\n              $excerpt = \\Illuminate\\Support\\Str::limit($excerpt, 150);\n              $catLabel = \\App\\Models\\Backend\\Ref::where(\'cat\',\'ARTICLE_CAT\')->where(\'code\',$item->article_category)->value(\'descr\') ?? $item->article_category;\n              $date = $item->article_date ? \\Carbon\\Carbon::parse($item->article_date)->format(\'d M Y\') : \'\';\n            @endphp\n            <div class=\"col-md-6 col-lg-4\">\n              <a href=\"/{{ request()->segment(1) }}/article?id={{ $item->article_code }}\" class=\"news-card\">\n                <div class=\"news-card-img\"><i class=\"bi bi-newspaper\"></i></div>\n                <div class=\"news-card-body\">\n                  <span class=\"news-card-cat\">{{ $catLabel }}</span>\n                  <h3>{{ $title }}</h3>\n                  @if($date)<span class=\"news-card-date\"><i class=\"bi bi-calendar3 me-1\"></i>{{ $date }}</span>@endif\n                  @if($excerpt)<p>{{ $excerpt }}</p>@endif\n                </div>\n              </a>\n            </div>\n          @endforeach\n        </div>\n      @else\n        <div class=\"text-center py-5\">\n          <i class=\"bi bi-newspaper\" style=\"font-size:3.5rem;color:var(--green-200);\"></i>\n          <h3 class=\"mt-3 fw-bold\" style=\"color:var(--green-800);\">Coming Soon</h3>\n          <p style=\"color:#8a9a8e;font-size:1.05rem;\">No news yet. Please check back later for updates.</p>\n        </div>\n      @endif\n    </div>\n  </div>\n\n  \n\n<style>\n.footer-redd-article {\n  background: url(\'/assets/redd-plus/faq_footer_bg.png\') center bottom/cover no-repeat;\n  padding: 4rem 0 2.5rem;\n}\n.footer-redd-article a {\n  color: var(--ink); text-decoration: none; font-weight: 600; font-size: .85rem;\n}\n.footer-redd-article a:hover { color: var(--green-800); }\n.footer-redd-article .bi { color: var(--green-800); font-size: 1.1rem; }\n.footer-redd-article .f-divider { width: 1px; height: 26px; background: #cfc9b8; }\n</style>\n    <footer class=\"footer-redd-article\">\n      <div class=\"container\">\n        <div class=\"d-flex flex-wrap align-items-center justify-content-center gap-4\">\n          <img src=\"/assets/redd-plus/logo.png\" alt=\"REDD+ Malaysia\" height=\"46\">\n          <span class=\"f-divider d-none d-md-inline-block\"></span>\n          <a href=\"https://redd.nres.gov.my\"><i class=\"bi bi-globe2\"></i> redd.nres.gov.my</a>\n          <span class=\"f-divider d-none d-md-inline-block\"></span>\n          <a href=\"mailto:redd@nres.gov.my\"><i class=\"bi bi-envelope\"></i> redd@nres.gov.my</a>\n          <span class=\"f-divider d-none d-md-inline-block\"></span>\n          <a href=\"tel:+60380008000\"><i class=\"bi bi-telephone\"></i> +603 8000 8000</a>\n        </div>\n      </div>\n    </footer>\n</div>', 1, 0, 1, 7, '2026-07-23 09:37:37', '2026-07-23 10:28:42'),
(29, 2, 'Gallery', 'gallery', '<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n    <title>{!! $siteName !!}</title>\n\n    <!-- Bootstrap 5 -->\n    <link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css\" rel=\"stylesheet\">\n    <!-- Bootstrap Icons -->\n    <link href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css\" rel=\"stylesheet\">\n    <!-- Fonts -->\n    <link href=\"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=Quicksand:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n    <style>\n        :root{\n            --green-900:#22392a;\n            --green-800:#2e4a35;\n            --green-700:#3d5c44;\n            --green-200:#cddac9;\n            --green-100:#e4ecdf;\n            --gold:#b9975b;\n            --cream:#f7f5ee;\n            --olive-bg:#efeee3;\n            --ink:#3a4a3f;\n        }\n        * { margin: 0; padding: 0; box-sizing: border-box; }\n        body {\n            font-family:\'Quicksand\',sans-serif;\n            color:var(--ink);\n            background:var(--cream);\n        }\n        .font-display { font-family:\'Playfair Display\',serif; }\n    </style>\n</head>\n<body>\n    {!! $__header__ !!}\n    {!! $__page__ !!}\n\n    <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js\"></script>\n</body>\n</html>\n', '', '@php\n    $galleries = \\App\\Models\\Backend\\ContentPhotoGallery::with([\'translations\',\'photoLists\'])\n        ->where(\'gallery_status\', \'ACTIVE\')\n        ->where(\'gallery_portal\', \'redd-plus\')\n        ->orderBy(\'gallery_sort\')\n        ->orderBy(\'gallery_date\', \'desc\')\n        ->get();\n\n    $videos = \\App\\Models\\Backend\\ContentVideo::with(\'translations\')->where(\'video_page\', \'redd-plus\')->where(\'video_status\', \'ACTIVE\')->orderBy(\'video_sorting\')->get();\n@endphp\n<style>\n.page-hero{background:linear-gradient(135deg,var(--green-800),var(--green-900));padding:3rem 0;color:#fff;margin-bottom:0;}\n.page-hero h1{font-weight:700;font-size:clamp(2rem,4vw,2.8rem);}\n.page-hero p{font-size:1rem;font-weight:500;max-width:400px;opacity:.9;}\n.gallery-section{padding:3rem 0;background:var(--cream);min-height:50vh;}\n.tab-bar{display:flex;gap:0;margin-bottom:2rem;border-bottom:2px solid #e8e4d8;}\n.tab-btn{padding:.75rem 2rem;font-weight:600;font-size:.9rem;color:#6c7a6e;cursor:pointer;border:none;background:none;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .2s}\n.tab-btn:hover{color:var(--green-800);}\n.tab-btn.active{color:var(--green-800);border-bottom-color:var(--green-800);}\n.tab-content{display:none}\n.tab-content.active{display:block}\n.gallery-card{border-radius:.75rem;overflow:hidden;background:#fff;border:1px solid #ece8db;height:100%;transition:transform .2s ease,box-shadow .2s ease}\n.gallery-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(46,74,53,.12)}\n.gallery-card .img-wrap{height:220px;background:var(--green-100);display:flex;align-items:center;justify-content:center;overflow:hidden;}\n.gallery-card .img-wrap img{width:100%;height:100%;object-fit:cover;}\n.gallery-card .img-wrap .placeholder{font-size:3rem;color:var(--green-200);}\n.gallery-card .caption{padding:1rem 1.25rem;}\n.gallery-card .caption h4{font-weight:700;font-size:.9rem;color:var(--green-800);margin-bottom:.2rem;}\n.gallery-card .caption p{font-size:.8rem;font-weight:500;color:#5b6a5e;margin:0;line-height:1.5;}\n.video-card{border-radius:.75rem;overflow:hidden;background:#fff;border:1px solid #ece8db;height:100%;transition:transform .2s ease,box-shadow .2s ease}\n.video-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(46,74,53,.12)}\n.video-card .vid-wrap{height:220px;background:#1a1a2e;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}\n.video-card .vid-wrap iframe,.video-card .vid-wrap video{width:100%;height:100%;object-fit:cover}\n.video-card .vid-wrap .play-icon{position:absolute;width:56px;height:56px;background:rgba(0,0,0,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;border:2px solid rgba(255,255,255,.6);cursor:pointer;transition:all .2s}\n.video-card .vid-wrap .play-icon:hover{background:rgba(0,0,0,.7);transform:scale(1.05)}\n.video-card .caption{padding:1rem 1.25rem;}\n.video-card .caption h4{font-weight:700;font-size:.9rem;color:var(--green-800);margin-bottom:.2rem;}\n.video-card .caption p{font-size:.8rem;font-weight:500;color:#5b6a5e;margin:0;line-height:1.5;}\n.coming-soon{text-align:center;padding:4rem 2rem;color:#8a9a8e}\n.coming-soon i{font-size:3.5rem;color:var(--green-200);display:block;margin-bottom:1rem}\n.coming-soon h3{font-weight:600;color:var(--green-700);margin-bottom:.5rem}\n.coming-soon p{font-size:.9rem;font-weight:500;margin:0}\n.footer-pages{padding:2rem 0 1.5rem;border-top:1px solid #ece8db;background:#fff;}\n.footer-pages a{color:var(--ink);text-decoration:none;font-weight:600;font-size:.85rem;display:inline-flex;align-items:center;gap:.5rem;}\n.footer-pages a:hover{color:var(--green-800);}\n.footer-pages .bi{color:var(--green-800);}\n.f-divider{width:1px;height:26px;background:#cfc9b8;}\n</style>\n\n<div style=\"min-height:calc(100vh - 64px);background:#fff;\">\n  <header class=\"page-hero\">\n    <div class=\"container\">\n      <h1>Gallery</h1>\n      <p>Photos and videos showcasing REDD+ Malaysia activities and initiatives.</p>\n    </div>\n  </header>\n\n  <div class=\"gallery-section\">\n    <div class=\"container\">\n      <div class=\"tab-bar\" id=\"tabBar\">\n        <button class=\"tab-btn active\" data-tab=\"photos\">Photos</button>\n        <button class=\"tab-btn\" data-tab=\"videos\">Videos</button>\n      </div>\n\n      <div id=\"tab-photos\" class=\"tab-content active\">\n        @if($galleries->count())\n        <div class=\"row g-4\">\n          @foreach($galleries as $g)\n            @php $t = $g->translations->first(); @endphp\n            <div class=\"col-md-6 col-lg-4\">\n              <div class=\"gallery-card\">\n                <div class=\"img-wrap\">\n                  @if($g->gallery_thumbnail)\n                    <img src=\"{{ image_url($g->gallery_thumbnail) }}\" alt=\"{{ $t?->gallery_translation_title ?? \'Gallery\' }}\">\n                  @else\n                    <div class=\"placeholder\"><i class=\"bi bi-image\"></i></div>\n                  @endif\n                </div>\n                <div class=\"caption\">\n                  <h4>{{ $t?->gallery_translation_title ?? \'Untitled\' }}</h4>\n                  @if($t?->gallery_translation_descr)<p>{{ \\Illuminate\\Support\\Str::limit($t->gallery_translation_descr, 100) }}</p>@endif\n                </div>\n              </div>\n            </div>\n          @endforeach\n        </div>\n        @else\n        <div class=\"coming-soon\">\n          <i class=\"bi bi-images\"></i>\n          <h3>No Image</h3>\n          <p>There are no images yet.</p>\n        </div>\n        @endif\n      </div>\n\n      <div id=\"tab-videos\" class=\"tab-content\">\n        @if($videos->count())\n        <div class=\"row g-4\">\n          @foreach($videos as $v)\n            @php $vt = $v->translations->first(); @endphp\n            <div class=\"col-md-6 col-lg-4\">\n              <div class=\"video-card\">\n                <div class=\"vid-wrap\">\n                  @if($v->video_url && str_contains($v->video_url, \'youtube\'))\n                    <iframe src=\"https://www.youtube.com/embed/{{ \\Illuminate\\Support\\Str::after($v->video_url, \'v=\') }}\" frameborder=\"0\" allowfullscreen></iframe>\n                  @elseif($v->video_upload)\n                    <video controls><source src=\"{{ Storage::url($v->video_upload) }}\" type=\"video/mp4\"></video>\n                  @elseif($v->video_external)\n                    <iframe src=\"{{ $v->video_external }}\" frameborder=\"0\" allowfullscreen></iframe>\n                  @else\n                    <div class=\"placeholder\"><i class=\"bi bi-play-circle\" style=\"font-size:3rem;color:var(--green-200);\"></i></div>\n                  @endif\n                </div>\n                <div class=\"caption\">\n                  <h4>{{ $vt?->video_translation_title ?? \'Untitled\' }}</h4>\n                  @if($vt?->video_translation_descr)<p>{{ \\Illuminate\\Support\\Str::limit($vt->video_translation_descr, 100) }}</p>@endif\n                </div>\n              </div>\n            </div>\n          @endforeach\n        </div>\n        @else\n        <div class=\"coming-soon\">\n          <i class=\"bi bi-camera-reels\"></i>\n          <h3>Coming Soon</h3>\n          <p>Video gallery is being prepared. Stay tuned for updates on REDD+ Malaysia activities.</p>\n        </div>\n        @endif\n      </div>\n    </div>\n  </div>\n\n  \n\n<style>\n.footer-redd-article {\n  background: url(\'/assets/redd-plus/faq_footer_bg.png\') center bottom/cover no-repeat;\n  padding: 4rem 0 2.5rem;\n}\n.footer-redd-article a {\n  color: var(--ink); text-decoration: none; font-weight: 600; font-size: .85rem;\n}\n.footer-redd-article a:hover { color: var(--green-800); }\n.footer-redd-article .bi { color: var(--green-800); font-size: 1.1rem; }\n.footer-redd-article .f-divider { width: 1px; height: 26px; background: #cfc9b8; }\n</style>\n    <footer class=\"footer-redd-article\">\n      <div class=\"container\">\n        <div class=\"d-flex flex-wrap align-items-center justify-content-center gap-4\">\n          <img src=\"/assets/redd-plus/logo.png\" alt=\"REDD+ Malaysia\" height=\"46\">\n          <span class=\"f-divider d-none d-md-inline-block\"></span>\n          <a href=\"https://redd.nres.gov.my\"><i class=\"bi bi-globe2\"></i> redd.nres.gov.my</a>\n          <span class=\"f-divider d-none d-md-inline-block\"></span>\n          <a href=\"mailto:redd@nres.gov.my\"><i class=\"bi bi-envelope\"></i> redd@nres.gov.my</a>\n          <span class=\"f-divider d-none d-md-inline-block\"></span>\n          <a href=\"tel:+60380008000\"><i class=\"bi bi-telephone\"></i> +603 8000 8000</a>\n        </div>\n      </div>\n    </footer>\n</div>\n\n<script>\ndocument.getElementById(\'tabBar\').addEventListener(\'click\', function(e) {\n  var btn = e.target.closest(\'.tab-btn\');\n  if (!btn) return;\n  var tab = btn.dataset.tab;\n  document.querySelectorAll(\'.tab-content\').forEach(function(el) { el.classList.remove(\'active\'); });\n  document.querySelectorAll(\'.tab-btn\').forEach(function(el) { el.classList.remove(\'active\'); });\n  document.getElementById(\'tab-\' + tab).classList.add(\'active\');\n  btn.classList.add(\'active\');\n});\n</script>', 1, 0, 1, 8, '2026-07-23 09:37:37', '2026-07-23 10:28:42'),
(30, 2, 'Related Links', 'related-links', '<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n    <title>{!! $siteName !!}</title>\n\n    <!-- Bootstrap 5 -->\n    <link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css\" rel=\"stylesheet\">\n    <!-- Bootstrap Icons -->\n    <link href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css\" rel=\"stylesheet\">\n    <!-- Fonts -->\n    <link href=\"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=Quicksand:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n    <style>\n        :root{\n            --green-900:#22392a;\n            --green-800:#2e4a35;\n            --green-700:#3d5c44;\n            --green-200:#cddac9;\n            --green-100:#e4ecdf;\n            --gold:#b9975b;\n            --cream:#f7f5ee;\n            --olive-bg:#efeee3;\n            --ink:#3a4a3f;\n        }\n        * { margin: 0; padding: 0; box-sizing: border-box; }\n        body {\n            font-family:\'Quicksand\',sans-serif;\n            color:var(--ink);\n            background:var(--cream);\n        }\n        .font-display { font-family:\'Playfair Display\',serif; }\n    </style>\n</head>\n<body>\n    {!! $__header__ !!}\n    {!! $__page__ !!}\n\n    <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js\"></script>\n</body>\n</html>\n', '', '@php\n    $links = \\App\\Models\\Backend\\ContentApplication::with(\'translations\')\n        ->where(\'application_status\', \'ACTIVE\')\n        ->where(\'application_url\', \'!=\', \'\')\n        ->where(\'application_url\', \'!=\', \'#\')\n        ->orderBy(\'application_sort\')\n        ->get();\n    $grouped = $links->groupBy(\'application_cat\');\n    $catLabels = [\n        \'MAIN_LINKS\'    => \'International Frameworks\',\n        \'NATIONAL\'      => \'National Agencies\',\n        \'PARTNER\'       => \'Partners &amp; Organisations\',\n    ];\n@endphp\n<style>\n.page-hero{background:linear-gradient(135deg,var(--green-800),var(--green-900));padding:3rem 0;color:#fff;margin-bottom:0;}\n.page-hero h1{font-weight:700;font-size:clamp(2rem,4vw,2.8rem);}\n.page-hero p{font-size:1rem;font-weight:500;max-width:400px;opacity:.9;}\n.link-section{padding:3rem 0;background:var(--cream);min-height:50vh;}\n.link-card{border:1px solid #ece8db;border-radius:.75rem;padding:1.25rem;height:100%;background:#fff;display:flex;gap:1rem;align-items:flex-start;text-decoration:none;color:inherit;transition:box-shadow .2s,transform .2s;margin-bottom:.75rem;}\n.link-card:hover{box-shadow:0 8px 20px rgba(46,74,53,.08);transform:translateY(-2px);}\n.link-icon{width:52px;height:52px;background:var(--green-100);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--green-800);flex:0 0 52px;}\n.link-card h4{font-weight:700;font-size:.9rem;color:var(--green-800);margin-bottom:.2rem;}\n.link-card p{font-size:.8rem;font-weight:500;margin:0;line-height:1.5;color:#5b6a5e;}\n.section-title{color:var(--green-800);font-weight:700;font-size:1.35rem;margin-bottom:1.5rem;}\n.footer-pages{padding:2rem 0 1.5rem;border-top:1px solid #ece8db;background:#fff;}\n.footer-pages a{color:var(--ink);text-decoration:none;font-weight:600;font-size:.85rem;display:inline-flex;align-items:center;gap:.5rem;}\n.footer-pages a:hover{color:var(--green-800);}\n.footer-pages .bi{color:var(--green-800);}\n.f-divider{width:1px;height:26px;background:#cfc9b8;}\n</style>\n\n<div style=\"min-height:calc(100vh - 64px);background:#fff;\">\n  <header class=\"page-hero\">\n    <div class=\"container\">\n      <h1>Related Links</h1>\n      <p>Useful links to international frameworks, partners and related organisations.</p>\n    </div>\n  </header>\n\n  <div class=\"link-section\">\n    <div class=\"container\">\n      @if($links->count())\n        @foreach($catLabels as $code => $label)\n          @php $items = $grouped->get($code, collect()); @endphp\n          @if($items->count())\n            <h2 class=\"section-title\">{{ $label }}</h2>\n            <div class=\"mb-4\">\n              @foreach($items as $l)\n                @php $t = $l->translations->first(); @endphp\n                <a href=\"{{ $l->application_url ?: \'#\' }}\" target=\"{{ str_starts_with($l->application_url ?? \'\', \'#\') ? \'_self\' : \'_blank\' }}\" class=\"link-card\">\n                  <div class=\"link-icon\"><i class=\"bi bi-box-arrow-up-right\"></i></div>\n                  <div>\n                    <h4>{{ $t?->application_translation_title ?? \'Untitled\' }}</h4>\n                  </div>\n                </a>\n              @endforeach\n            </div>\n          @endif\n        @endforeach\n      @else\n        <div class=\"text-center py-5\">\n          <i class=\"bi bi-link-45deg\" style=\"font-size:3rem;color:var(--green-200);\"></i>\n          <h4 class=\"mt-3\" style=\"color:var(--green-800);\">No links yet</h4>\n          <p style=\"color:#8a9a8e;\">Related links will appear here once available.</p>\n        </div>\n      @endif\n    </div>\n  </div>\n\n  \n\n<style>\n.footer-redd-article {\n  background: url(\'/assets/redd-plus/faq_footer_bg.png\') center bottom/cover no-repeat;\n  padding: 4rem 0 2.5rem;\n}\n.footer-redd-article a {\n  color: var(--ink); text-decoration: none; font-weight: 600; font-size: .85rem;\n}\n.footer-redd-article a:hover { color: var(--green-800); }\n.footer-redd-article .bi { color: var(--green-800); font-size: 1.1rem; }\n.footer-redd-article .f-divider { width: 1px; height: 26px; background: #cfc9b8; }\n</style>\n    <footer class=\"footer-redd-article\">\n      <div class=\"container\">\n        <div class=\"d-flex flex-wrap align-items-center justify-content-center gap-4\">\n          <img src=\"/assets/redd-plus/logo.png\" alt=\"REDD+ Malaysia\" height=\"46\">\n          <span class=\"f-divider d-none d-md-inline-block\"></span>\n          <a href=\"https://redd.nres.gov.my\"><i class=\"bi bi-globe2\"></i> redd.nres.gov.my</a>\n          <span class=\"f-divider d-none d-md-inline-block\"></span>\n          <a href=\"mailto:redd@nres.gov.my\"><i class=\"bi bi-envelope\"></i> redd@nres.gov.my</a>\n          <span class=\"f-divider d-none d-md-inline-block\"></span>\n          <a href=\"tel:+60380008000\"><i class=\"bi bi-telephone\"></i> +603 8000 8000</a>\n        </div>\n      </div>\n    </footer>\n</div>', 1, 0, 1, 9, '2026-07-23 09:37:37', '2026-07-23 10:28:42'),
(31, 2, 'Sitemap', 'sitemap', '<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n    <title>{!! $siteName !!}</title>\n\n    <!-- Bootstrap 5 -->\n    <link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css\" rel=\"stylesheet\">\n    <!-- Bootstrap Icons -->\n    <link href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css\" rel=\"stylesheet\">\n    <!-- Fonts -->\n    <link href=\"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=Quicksand:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n    <style>\n        :root{\n            --green-900:#22392a;\n            --green-800:#2e4a35;\n            --green-700:#3d5c44;\n            --green-200:#cddac9;\n            --green-100:#e4ecdf;\n            --gold:#b9975b;\n            --cream:#f7f5ee;\n            --olive-bg:#efeee3;\n            --ink:#3a4a3f;\n        }\n        * { margin: 0; padding: 0; box-sizing: border-box; }\n        body {\n            font-family:\'Quicksand\',sans-serif;\n            color:var(--ink);\n            background:var(--cream);\n        }\n        .font-display { font-family:\'Playfair Display\',serif; }\n    </style>\n</head>\n<body>\n    {!! $__header__ !!}\n    {!! $__page__ !!}\n\n    <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js\"></script>\n</body>\n</html>\n', '', '<style>\n.sitemap-wrap{max-width:900px;margin:0 auto;padding:40px 20px;font-family:\'Quicksand\',sans-serif;color:var(--ink,#3a4a3f)}\n.sitemap-wrap h1{font-family:\'Playfair Display\',serif;color:var(--green-900,#22392a);font-weight:700;font-size:2rem;margin-bottom:8px}\n.sitemap-wrap .breadcrumb{font-size:.85rem;color:#6c7a6e;margin-bottom:30px}\n.sitemap-wrap .breadcrumb a{color:var(--green-800,#2e4a35);text-decoration:none}\n.sitemap-wrap .breadcrumb a:hover{text-decoration:underline}\n.sitemap-cat{margin-bottom:30px}\n.sitemap-cat h2{font-size:1.1rem;font-weight:700;color:var(--green-900,#22392a);border-bottom:2px solid var(--gold,#b9975b);padding-bottom:6px;margin-bottom:12px}\n.sitemap-cat ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:4px 20px}\n.sitemap-cat li{padding:4px 0}\n.sitemap-cat li a{color:var(--green-800,#2e4a35);text-decoration:none;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;transition:all .15s}\n.sitemap-cat li a:hover{background:var(--green-100,#e4ecdf);color:var(--green-900,#22392a);padding-left:12px}\n.sitemap-cat li a::before{content:\'\\203A\';color:var(--gold,#b9975b);font-weight:700;font-size:1.1rem}\n@media (max-width:600px){.sitemap-cat ul{grid-template-columns:1fr}}\n</style>\n<div class=\"sitemap-wrap\">\n  <h1>Sitemap</h1>\n  <div class=\"breadcrumb\"><a href=\"/redd-plus\">Home</a> / Sitemap</div>\n\n  <div class=\"sitemap-cat\">\n    <h2>REDD+</h2>\n    <ul>\n      <li><a href=\"/redd-plus/article?id=about-redd-plus\">About REDD+ Malaysia</a></li>\n      <li><a href=\"/redd-plus/article?id=governance\">Governance</a></li>\n      <li><a href=\"/redd-plus/article?id=stakeholder-engagement\">Stakeholder Engagement</a></li>\n      <li><a href=\"/redd-plus/article?id=national-redd-strategy\">National REDD+ Strategy</a></li>\n      <li><a href=\"/redd-plus/article?id=redd-implementation\">REDD+ Implementation</a></li>\n      <li><a href=\"/redd-plus/article?id=mrv-framework\">MRV Framework</a></li>\n      <li><a href=\"/redd-plus/article?id=related-policies\">Related Policies</a></li>\n    </ul>\n  </div>\n\n  <div class=\"sitemap-cat\">\n    <h2>SIS (Safeguards Information System)</h2>\n    <ul>\n      <li><a href=\"/redd-plus/article?id=about-sis\">About SIS</a></li>\n      <li><a href=\"/redd-plus/article?id=cancun-safeguards\">Cancun Safeguards</a></li>\n      <li><a href=\"/redd-plus/article?id=malaysia-safeguards\">Malaysia Safeguards</a></li>\n      <li><a href=\"/redd-plus/article?id=safeguards-interpretation\">Safeguards Interpretation</a></li>\n      <li><a href=\"/redd-plus/article?id=indicators\">Indicators</a></li>\n      <li><a href=\"/redd-plus/article?id=summary-of-information\">Summary of Information</a></li>\n    </ul>\n  </div>\n\n  <div class=\"sitemap-cat\">\n    <h2>Resources</h2>\n    <ul>\n      <li><a href=\"/redd-plus/publications\">Publications, Documents &amp; Reports</a></li>\n      <li><a href=\"/redd-plus/news\">News &amp; Updates</a></li>\n      <li><a href=\"/redd-plus/gallery\">Gallery</a></li>\n      <li><a href=\"/redd-plus/related-links\">Related Links</a></li>\n      <li><a href=\"/redd-plus/faq\">FAQ</a></li>\n      <li><a href=\"/redd-plus/glossary\">Glossary</a></li>\n    </ul>\n  </div>\n\n  <div class=\"sitemap-cat\">\n    <h2>Contact</h2>\n    <ul>\n      <li><a href=\"/redd-plus/contact\">Contact Us</a></li>\n    </ul>\n  </div>\n</div>', 1, 0, 1, 10, '2026-07-23 10:06:50', '2026-07-23 10:06:50');
INSERT INTO `frontend_pages` (`id`, `site_fk`, `name`, `slug`, `layout`, `entry_script`, `page_content`, `use_custom_layout`, `is_default`, `status`, `sort_order`, `created_at`, `updated_at`) VALUES
(32, 3, 'home', 'home', '<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>PT Maju Sejahtera — Corporate Landing</title>\n    <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>\n    <link href=\"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n    <style>\n        :root {\n            --primary: #1e40af;\n            --primary-dark: #1e3a8a;\n            --primary-light: #3b82f6;\n            --accent: #f59e0b;\n            --accent-dark: #d97706;\n            --gray-50: #f9fafb;\n            --gray-100: #f3f4f6;\n            --gray-200: #e5e7eb;\n            --gray-300: #d1d5db;\n            --gray-400: #9ca3af;\n            --gray-500: #6b7280;\n            --gray-600: #4b5563;\n            --gray-700: #374151;\n            --gray-800: #1f2937;\n            --gray-900: #111827;\n            --white: #ffffff;\n            --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);\n            --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1);\n            --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1);\n            --shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.1);\n            --radius-sm: 6px;\n            --radius-md: 10px;\n            --radius-lg: 16px;\n            --radius-xl: 24px;\n        }\n        * { margin: 0; padding: 0; box-sizing: border-box; }\n        html { scroll-behavior: smooth; }\n        body {\n            font-family: \'Inter\', -apple-system, sans-serif;\n            color: var(--gray-800);\n            background: var(--white);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n        .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }\n\n        /* ─── NAV ─── */\n        nav {\n            position: fixed; top: 0; left: 0; right: 0; z-index: 1000;\n            background: rgba(255,255,255,0.92);\n            backdrop-filter: blur(16px) saturate(180%);\n            border-bottom: 1px solid var(--gray-200);\n            transition: box-shadow 0.3s;\n        }\n        nav.scrolled { box-shadow: var(--shadow-lg); }\n        nav .container {\n            display: flex; align-items: center; justify-content: space-between;\n            height: 72px;\n        }\n        .logo {\n            display: flex; align-items: center; gap: 12px;\n            font-weight: 800; font-size: 1.25rem;\n            color: var(--primary); text-decoration: none;\n        }\n        .logo-icon {\n            width: 40px; height: 40px;\n            background: linear-gradient(135deg, var(--primary), var(--primary-light));\n            border-radius: var(--radius-sm);\n            display: flex; align-items: center; justify-content: center;\n            color: white; font-weight: 900; font-size: 1.1rem;\n        }\n        .nav-links { display: flex; align-items: center; gap: 32px; list-style: none; }\n        .nav-links a {\n            text-decoration: none; color: var(--gray-600);\n            font-size: 0.85rem; font-weight: 500;\n            transition: color 0.2s;\n            position: relative;\n        }\n        .nav-links a::after {\n            content: \'\'; position: absolute;\n            bottom: -4px; left: 0; width: 0; height: 2px;\n            background: var(--primary);\n            transition: width 0.3s;\n        }\n        .nav-links a:hover { color: var(--primary); }\n        .nav-links a:hover::after { width: 100%; }\n        .nav-cta {\n            padding: 10px 24px;\n            background: linear-gradient(135deg, var(--primary), var(--primary-light));\n            color: white !important;\n            border-radius: var(--radius-sm);\n            font-weight: 600;\n        }\n        .nav-cta::after { display: none !important; }\n        .nav-cta:hover { transform: translateY(-1px); box-shadow: var(--shadow-md); }\n        .hamburger {\n            display: none; flex-direction: column; gap: 5px;\n            background: none; border: none; cursor: pointer; padding: 4px;\n        }\n        .hamburger span {\n            display: block; width: 24px; height: 2.5px;\n            background: var(--gray-700); border-radius: 4px;\n            transition: all 0.3s;\n        }\n        .hamburger.active span:nth-child(1) { transform: rotate(45deg) translate(5px,5px); }\n        .hamburger.active span:nth-child(2) { opacity: 0; }\n        .hamburger.active span:nth-child(3) { transform: rotate(-45deg) translate(5px,-5px); }\n\n        /* ─── HERO ─── */\n        .hero {\n            min-height: 100vh;\n            display: flex; align-items: center;\n            background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 40%, #2563eb 100%);\n            position: relative; overflow: hidden;\n            padding-top: 72px;\n        }\n        .hero::before {\n            content: \'\'; position: absolute;\n            top: -50%; right: -30%;\n            width: 800px; height: 800px;\n            background: radial-gradient(circle, rgba(245,158,11,0.15) 0%, transparent 70%);\n            border-radius: 50%;\n        }\n        .hero::after {\n            content: \'\'; position: absolute;\n            bottom: -30%; left: -20%;\n            width: 600px; height: 600px;\n            background: radial-gradient(circle, rgba(59,130,246,0.2) 0%, transparent 70%);\n            border-radius: 50%;\n        }\n        .hero .container {\n            position: relative; z-index: 1;\n            display: grid; grid-template-columns: 1fr 1fr;\n            gap: 60px; align-items: center;\n        }\n        .hero-content h1 {\n            font-size: 3.5rem; font-weight: 900;\n            line-height: 1.1; color: white;\n            margin-bottom: 20px;\n        }\n        .hero-content h1 span {\n            background: linear-gradient(135deg, var(--accent), #fbbf24);\n            -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n        }\n        .hero-content p {\n            font-size: 1.1rem; color: rgba(255,255,255,0.7);\n            margin-bottom: 32px; max-width: 500px;\n        }\n        .hero-buttons { display: flex; gap: 16px; flex-wrap: wrap; }\n        .btn-primary {\n            display: inline-flex; align-items: center; gap: 8px;\n            padding: 14px 32px;\n            background: linear-gradient(135deg, var(--accent), var(--accent-dark));\n            color: white; font-weight: 700; font-size: 0.9rem;\n            border-radius: var(--radius-sm); text-decoration: none;\n            transition: all 0.3s; border: none; cursor: pointer;\n        }\n        .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(245,158,11,0.35); }\n        .btn-outline {\n            display: inline-flex; align-items: center; gap: 8px;\n            padding: 14px 32px;\n            background: transparent; color: white; font-weight: 600; font-size: 0.9rem;\n            border-radius: var(--radius-sm); text-decoration: none;\n            border: 2px solid rgba(255,255,255,0.3);\n            transition: all 0.3s;\n        }\n        .btn-outline:hover { border-color: white; background: rgba(255,255,255,0.1); }\n        .hero-stats {\n            display: flex; gap: 40px; margin-top: 40px;\n        }\n        .hero-stat h3 { font-size: 2rem; font-weight: 800; color: white; }\n        .hero-stat h3 span { color: var(--accent); }\n        .hero-stat p { font-size: 0.8rem; color: rgba(255,255,255,0.5); margin: 0; }\n        .hero-visual {\n            position: relative;\n            display: flex; align-items: center; justify-content: center;\n        }\n        .hero-card {\n            background: rgba(255,255,255,0.08);\n            backdrop-filter: blur(12px);\n            border: 1px solid rgba(255,255,255,0.12);\n            border-radius: var(--radius-lg);\n            padding: 40px; width: 100%;\n        }\n        .hero-card-grid {\n            display: grid; grid-template-columns: 1fr 1fr; gap: 16px;\n        }\n        .hc-item {\n            background: rgba(255,255,255,0.06);\n            border-radius: var(--radius-md);\n            padding: 20px; text-align: center;\n            border: 1px solid rgba(255,255,255,0.06);\n            transition: all 0.3s;\n        }\n        .hc-item:hover { background: rgba(255,255,255,0.1); transform: translateY(-2px); }\n        .hc-icon {\n            width: 48px; height: 48px; margin: 0 auto 12px;\n            background: rgba(245,158,11,0.15);\n            border-radius: var(--radius-sm);\n            display: flex; align-items: center; justify-content: center;\n            font-size: 1.3rem;\n        }\n        .hc-item h4 { color: white; font-size: 0.9rem; font-weight: 700; margin-bottom: 4px; }\n        .hc-item p { color: rgba(255,255,255,0.5); font-size: 0.75rem; margin: 0; }\n\n        /* ─── SECTION COMMON ─── */\n        section { padding: 100px 0; }\n        .section-label {\n            display: inline-block;\n            padding: 6px 16px;\n            background: rgba(30,64,175,0.08);\n            color: var(--primary);\n            border-radius: 50px;\n            font-size: 0.75rem; font-weight: 700; text-transform: uppercase;\n            letter-spacing: 0.5px; margin-bottom: 16px;\n        }\n        .section-title {\n            font-size: 2.5rem; font-weight: 800;\n            color: var(--gray-900);\n            margin-bottom: 16px;\n            line-height: 1.2;\n        }\n        .section-sub {\n            font-size: 1.05rem; color: var(--gray-500);\n            max-width: 600px;\n        }\n        .section-head { text-align: center; margin-bottom: 60px; }\n        .section-head .section-sub { margin: 0 auto; }\n\n        /* ─── PARTNERS ─── */\n        .partners { background: var(--gray-50); padding: 60px 0; }\n        .partners p {\n            text-align: center;\n            font-size: 0.75rem; font-weight: 600; text-transform: uppercase;\n            letter-spacing: 1px; color: var(--gray-400);\n            margin-bottom: 32px;\n        }\n        .partner-logos {\n            display: flex; justify-content: center; align-items: center;\n            gap: 48px; flex-wrap: wrap;\n        }\n        .partner-logos div {\n            height: 32px;\n            background: var(--gray-200);\n            border-radius: var(--radius-sm);\n            padding: 0 24px;\n            display: flex; align-items: center;\n            font-size: 0.8rem; font-weight: 700;\n            color: var(--gray-400);\n            letter-spacing: 0.5px;\n        }\n\n        /* ─── ABOUT ─── */\n        .about-grid {\n            display: grid; grid-template-columns: 1fr 1fr;\n            gap: 60px; align-items: center;\n        }\n        .about-image {\n            background: linear-gradient(135deg, var(--gray-100), var(--gray-200));\n            border-radius: var(--radius-lg);\n            height: 400px;\n            display: flex; align-items: center; justify-content: center;\n            position: relative; overflow: hidden;\n        }\n        .about-image::before {\n            content: \'\'; position: absolute;\n            width: 200px; height: 200px;\n            background: rgba(30,64,175,0.08);\n            border-radius: 50%; top: -50px; right: -50px;\n        }\n        .about-image-inner { text-align: center; position: relative; z-index: 1; }\n        .about-image-inner .big-number {\n            font-size: 6rem; font-weight: 900;\n            background: linear-gradient(135deg, var(--primary), var(--primary-light));\n            -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n            line-height: 1;\n        }\n        .about-image-inner p { font-size: 1rem; font-weight: 600; color: var(--gray-500); margin-top: 8px; }\n        .about-text .about-features { margin-top: 24px; display: flex; flex-direction: column; gap: 16px; }\n        .about-text .af-item {\n            display: flex; gap: 14px; align-items: flex-start;\n        }\n        .about-text .af-check {\n            width: 24px; height: 24px; margin-top: 2px;\n            background: #d1fae5; border-radius: 50%;\n            display: flex; align-items: center; justify-content: center;\n            color: #059669; font-size: 0.7rem; font-weight: 700;\n            flex-shrink: 0;\n        }\n        .about-text .af-item h4 { font-size: 0.95rem; font-weight: 700; color: var(--gray-800); margin-bottom: 2px; }\n        .about-text .af-item p { font-size: 0.85rem; color: var(--gray-500); margin: 0; }\n\n        /* ─── SERVICES ─── */\n        .services { background: var(--gray-50); }\n        .services-grid {\n            display: grid; grid-template-columns: repeat(3, 1fr);\n            gap: 28px;\n        }\n        .service-card {\n            background: var(--white);\n            border-radius: var(--radius-lg);\n            padding: 36px 28px;\n            border: 1px solid var(--gray-200);\n            transition: all 0.3s;\n        }\n        .service-card:hover {\n            transform: translateY(-6px);\n            box-shadow: var(--shadow-xl);\n            border-color: var(--primary-light);\n        }\n        .service-icon {\n            width: 56px; height: 56px;\n            border-radius: var(--radius-md);\n            display: flex; align-items: center; justify-content: center;\n            font-size: 1.4rem; margin-bottom: 20px;\n        }\n        .service-card:nth-child(1) .service-icon { background: #dbeafe; color: var(--primary); }\n        .service-card:nth-child(2) .service-icon { background: #fef3c7; color: var(--accent-dark); }\n        .service-card:nth-child(3) .service-icon { background: #d1fae5; color: #059669; }\n        .service-card:nth-child(4) .service-icon { background: #ede9fe; color: #7c3aed; }\n        .service-card:nth-child(5) .service-icon { background: #fce7f3; color: #db2777; }\n        .service-card:nth-child(6) .service-icon { background: #e0f2fe; color: #0284c7; }\n        .service-card h3 { font-size: 1.15rem; font-weight: 700; margin-bottom: 10px; color: var(--gray-900); }\n        .service-card p { font-size: 0.88rem; color: var(--gray-500); line-height: 1.7; }\n\n        /* ─── TESTIMONIALS ─── */\n        .testimonials-grid {\n            display: grid; grid-template-columns: repeat(3, 1fr);\n            gap: 28px;\n        }\n        .testimonial-card {\n            background: var(--white);\n            border-radius: var(--radius-lg);\n            padding: 32px;\n            border: 1px solid var(--gray-200);\n        }\n        .testimonial-card .stars { color: var(--accent); font-size: 0.9rem; margin-bottom: 16px; }\n        .testimonial-card blockquote {\n            font-size: 0.9rem; color: var(--gray-600);\n            line-height: 1.7; font-style: italic;\n            margin-bottom: 20px;\n        }\n        .testimonial-author { display: flex; align-items: center; gap: 14px; }\n        .testimonial-author .avatar {\n            width: 44px; height: 44px;\n            border-radius: 50%;\n            background: linear-gradient(135deg, var(--primary), var(--primary-light));\n            display: flex; align-items: center; justify-content: center;\n            color: white; font-weight: 700; font-size: 0.9rem;\n        }\n        .testimonial-author h4 { font-size: 0.9rem; font-weight: 700; color: var(--gray-800); }\n        .testimonial-author p { font-size: 0.78rem; color: var(--gray-400); margin: 0; }\n\n        /* ─── CTA ─── */\n        .cta {\n            background: linear-gradient(135deg, var(--primary-dark), var(--primary));\n            text-align: center; padding: 80px 0;\n        }\n        .cta h2 {\n            font-size: 2.5rem; font-weight: 800; color: white;\n            margin-bottom: 16px;\n        }\n        .cta p {\n            font-size: 1.05rem; color: rgba(255,255,255,0.7);\n            max-width: 600px; margin: 0 auto 32px;\n        }\n\n        /* ─── FOOTER ─── */\n        footer {\n            background: var(--gray-900);\n            color: rgba(255,255,255,0.6);\n            padding: 60px 0 0;\n        }\n        .footer-grid {\n            display: grid; grid-template-columns: 2fr 1fr 1fr 1fr;\n            gap: 40px; padding-bottom: 40px;\n            border-bottom: 1px solid rgba(255,255,255,0.08);\n        }\n        footer h4 {\n            color: white; font-size: 0.85rem; font-weight: 700;\n            text-transform: uppercase; letter-spacing: 0.5px;\n            margin-bottom: 20px;\n        }\n        footer p, footer li, footer a {\n            font-size: 0.85rem; color: rgba(255,255,255,0.45);\n            text-decoration: none; line-height: 1.8;\n        }\n        footer ul { list-style: none; }\n        footer ul li { margin-bottom: 4px; }\n        footer ul li a:hover { color: var(--accent); }\n        footer .footer-brand p { margin-top: 12px; max-width: 320px; }\n        .footer-social { display: flex; gap: 10px; margin-top: 20px; }\n        .footer-social a {\n            width: 36px; height: 36px;\n            border-radius: var(--radius-sm);\n            background: rgba(255,255,255,0.06);\n            display: flex; align-items: center; justify-content: center;\n            color: rgba(255,255,255,0.4); transition: all 0.2s;\n        }\n        .footer-social a:hover { background: var(--accent); color: var(--gray-900); }\n        .footer-bottom {\n            padding: 20px 0;\n            display: flex; justify-content: space-between; align-items: center;\n            font-size: 0.8rem; color: rgba(255,255,255,0.3);\n        }\n        .footer-bottom-links { display: flex; gap: 24px; }\n        .footer-bottom-links a { color: rgba(255,255,255,0.3); font-size: 0.78rem; }\n        .footer-bottom-links a:hover { color: var(--accent); }\n\n        /* ─── CONTACT ─── */\n        .contact-grid {\n            display: grid; grid-template-columns: 1fr 1fr;\n            gap: 60px;\n        }\n        .contact-form { display: flex; flex-direction: column; gap: 20px; }\n        .contact-form .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\n        .contact-form input,\n        .contact-form textarea {\n            width: 100%; padding: 14px 18px;\n            border: 1px solid var(--gray-200);\n            border-radius: var(--radius-sm);\n            font-family: inherit; font-size: 0.9rem;\n            transition: border-color 0.2s;\n            outline: none;\n        }\n        .contact-form input:focus,\n        .contact-form textarea:focus { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(30,64,175,0.1); }\n        .contact-form textarea { min-height: 140px; resize: vertical; }\n        .contact-info { display: flex; flex-direction: column; gap: 24px; }\n        .contact-info .ci-item {\n            display: flex; gap: 16px; align-items: flex-start;\n        }\n        .contact-info .ci-icon {\n            width: 48px; height: 48px;\n            background: rgba(30,64,175,0.08);\n            border-radius: var(--radius-sm);\n            display: flex; align-items: center; justify-content: center;\n            color: var(--primary); font-size: 1.1rem;\n            flex-shrink: 0;\n        }\n        .contact-info .ci-item h4 { font-size: 0.95rem; font-weight: 700; color: var(--gray-800); margin-bottom: 2px; }\n        .contact-info .ci-item p { font-size: 0.88rem; color: var(--gray-500); margin: 0; }\n\n        /* ─── ANIMATIONS ─── */\n        .fade-up {\n            opacity: 0; transform: translateY(40px);\n            transition: all 0.7s cubic-bezier(0.16, 1, 0.3, 1);\n        }\n        .fade-up.visible { opacity: 1; transform: translateY(0); }\n\n        /* ─── RESPONSIVE ─── */\n        @media (max-width: 1024px) {\n            .hero .container { grid-template-columns: 1fr; gap: 40px; text-align: center; }\n            .hero-content p { margin: 0 auto 32px; }\n            .hero-buttons { justify-content: center; }\n            .hero-stats { justify-content: center; }\n            .services-grid { grid-template-columns: repeat(2, 1fr); }\n            .testimonials-grid { grid-template-columns: repeat(2, 1fr); }\n            .footer-grid { grid-template-columns: repeat(2, 1fr); }\n            .contact-grid { grid-template-columns: 1fr; }\n        }\n        @media (max-width: 768px) {\n            nav .container { height: 64px; }\n            .nav-links {\n                display: none; position: fixed; top: 64px; left: 0; right: 0;\n                background: var(--white); flex-direction: column;\n                padding: 24px; gap: 16px;\n                border-bottom: 1px solid var(--gray-200);\n                box-shadow: var(--shadow-lg);\n            }\n            .nav-links.open { display: flex; }\n            .hamburger { display: flex; }\n            section { padding: 60px 0; }\n            .hero-content h1 { font-size: 2.2rem; }\n            .section-title { font-size: 1.8rem; }\n            .about-grid { grid-template-columns: 1fr; gap: 40px; }\n            .services-grid { grid-template-columns: 1fr; }\n            .testimonials-grid { grid-template-columns: 1fr; }\n            .footer-grid { grid-template-columns: 1fr; gap: 28px; }\n            .contact-form .form-row { grid-template-columns: 1fr; }\n            .footer-bottom { flex-direction: column; gap: 12px; text-align: center; }\n            .hero-stats { flex-wrap: wrap; gap: 24px; }\n            .cta h2 { font-size: 1.8rem; }\n        }\n        @media (max-width: 480px) {\n            .hero-content h1 { font-size: 1.7rem; }\n            .hero-card-grid { grid-template-columns: 1fr; }\n        }\n    </style>\n</head>\n<body>\n\n<!-- ─── NAVBAR ─── -->\n<nav id=\"navbar\">\n    <div class=\"container\">\n        <a href=\"#\" class=\"logo\">\n            <div class=\"logo-icon\">M</div>\n            MajuSejahtera\n        </a>\n        <ul class=\"nav-links\" id=\"navLinks\">\n            <li><a href=\"#about\">Tentang</a></li>\n            <li><a href=\"#services\">Perkhidmatan</a></li>\n            <li><a href=\"#testimonials\">Testimoni</a></li>\n            <li><a href=\"#contact\">Hubungi</a></li>\n            <li><a href=\"#contact\" class=\"nav-cta\">Dapatkan Tawaran</a></li>\n        </ul>\n        <button class=\"hamburger\" id=\"hamburger\" aria-label=\"Toggle menu\">\n            <span></span><span></span><span></span>\n        </button>\n    </div>\n</nav>\n\n<!-- ─── HERO ─── -->\n<section class=\"hero\" id=\"hero\">\n    <div class=\"container\">\n        <div class=\"hero-content\">\n            <h1>Bina Masa Depan <span>Digital</span> Perniagaan Anda</h1>\n            <p>Kami menyediakan penyelesaian teknologi termaju untuk membantu perniagaan anda berkembang pesat di era digital.</p>\n            <div class=\"hero-buttons\">\n                <a href=\"#contact\" class=\"btn-primary\">Mulakan Projek →</a>\n                <a href=\"#services\" class=\"btn-outline\">Lihat Perkhidmatan</a>\n            </div>\n            <div class=\"hero-stats\">\n                <div class=\"hero-stat\"><h3>250<span>+</span></h3><p>Projek Selesai</p></div>\n                <div class=\"hero-stat\"><h3>98<span>%</span></h3><p>Kepuasan Klien</p></div>\n                <div class=\"hero-stat\"><h3>15<span>+</span></h3><p>Tahun Pengalaman</p></div>\n            </div>\n        </div>\n        <div class=\"hero-visual\">\n            <div class=\"hero-card\">\n                <div class=\"hero-card-grid\">\n                    <div class=\"hc-item\">\n                        <div class=\"hc-icon\">🚀</div>\n                        <h4>Pantas</h4>\n                        <p>Prestasi optimum</p>\n                    </div>\n                    <div class=\"hc-item\">\n                        <div class=\"hc-icon\">🔒</div>\n                        <h4>Selamat</h4>\n                        <p>Data terjamin</p>\n                    </div>\n                    <div class=\"hc-item\">\n                        <div class=\"hc-icon\">📱</div>\n                        <h4>Responsif</h4>\n                        <p>Semua peranti</p>\n                    </div>\n                    <div class=\"hc-item\">\n                        <div class=\"hc-icon\">⚡</div>\n                        <h4>Inovatif</h4>\n                        <p>Teknologi terkini</p>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>\n\n<!-- ─── PARTNERS ─── -->\n<section class=\"partners\">\n    <div class=\"container\">\n        <p>Dipercayai oleh syarikat-syarikat terkemuka</p>\n        <div class=\"partner-logos\">\n            <div>TechCorp</div>\n            <div>GlobalInovasi</div>\n            <div>DigitalAsia</div>\n            <div>PrimeSolution</div>\n            <div>MegaTech</div>\n            <div>FutureLab</div>\n        </div>\n    </div>\n</section>\n\n<!-- ─── ABOUT ─── -->\n<section id=\"about\">\n    <div class=\"container\">\n        <div class=\"about-grid fade-up\">\n            <div class=\"about-image\">\n                <div class=\"about-image-inner\">\n                    <div class=\"big-number\">15</div>\n                    <p>Tahun Pengalaman Dalam Industri</p>\n                </div>\n            </div>\n            <div class=\"about-text\">\n                <div class=\"section-label\">Tentang Kami</div>\n                <h2 class=\"section-title\">Rakan Digital Strategik Anda</h2>\n                <p class=\"section-sub\" style=\"max-width:100%\">Sejak 2010, kami telah membantu transformasi digital pelbagai organisasi dari pelbagai sektor.</p>\n                <div class=\"about-features\">\n                    <div class=\"af-item\">\n                        <div class=\"af-check\">✓</div>\n                        <div><h4>Pasukan Profesional</h4><p>Lebih 50 pakar dalam pelbagai bidang teknologi.</p></div>\n                    </div>\n                    <div class=\"af-item\">\n                        <div class=\"af-check\">✓</div>\n                        <div><h4>Penyelesaian Terbukti</h4><p>Ratusan projek berjaya dengan impak nyata.</p></div>\n                    </div>\n                    <div class=\"af-item\">\n                        <div class=\"af-check\">✓</div>\n                        <div><h4>Sokongan 24/7</h4><p>Pasukan sokongan teknikal sedia membantu bila-bila masa.</p></div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>\n\n<!-- ─── SERVICES ─── -->\n<section id=\"services\" class=\"services\">\n    <div class=\"container\">\n        <div class=\"section-head fade-up\">\n            <div class=\"section-label\">Perkhidmatan</div>\n            <h2 class=\"section-title\">Penyelesaian Komprehensif</h2>\n            <p class=\"section-sub\">Dari strategi hingga pelaksanaan, kami menyediakan perkhidmatan lengkap untuk keperluan digital anda.</p>\n        </div>\n        <div class=\"services-grid\">\n            <div class=\"service-card fade-up\">\n                <div class=\"service-icon\">🌐</div>\n                <h3>Pembangunan Web</h3>\n                <p>Laman web korporat, portal, sistem pengurusan kandungan dan aplikasi web tersuai.</p>\n            </div>\n            <div class=\"service-card fade-up\">\n                <div class=\"service-icon\">📱</div>\n                <h3>Aplikasi Mudah Alih</h3>\n                <p>Aplikasi iOS dan Android dengan pengalaman pengguna yang lancar dan prestasi tinggi.</p>\n            </div>\n            <div class=\"service-card fade-up\">\n                <div class=\"service-icon\">☁️</div>\n                <h3>Infrastruktur Awan</h3>\n                <p>Penyelesaian awan yang berskala, selamat dan kos efektif untuk perniagaan anda.</p>\n            </div>\n            <div class=\"service-card fade-up\">\n                <div class=\"service-icon\">🤖</div>\n                <h3>AI & Analitis Data</h3>\n                <p>Kecerdasan buatan dan analitis data untuk membuat keputusan perniagaan yang lebih pintar.</p>\n            </div>\n            <div class=\"service-card fade-up\">\n                <div class=\"service-icon\">🔐</div>\n                <h3>Keselamatan Siber</h3>\n                <p>Perlindungan menyeluruh terhadap ancaman siber dengan audit keselamatan berkala.</p>\n            </div>\n            <div class=\"service-card fade-up\">\n                <div class=\"service-icon\">📊</div>\n                <h3>Perundingan IT</h3>\n                <p>Perundingan strategik untuk memaksimumkan pelaburan teknologi organisasi anda.</p>\n            </div>\n        </div>\n    </div>\n</section>\n\n<!-- ─── TESTIMONIALS ─── -->\n<section id=\"testimonials\">\n    <div class=\"container\">\n        <div class=\"section-head fade-up\">\n            <div class=\"section-label\">Testimoni</div>\n            <h2 class=\"section-title\">Apa Kata Klien Kami</h2>\n            <p class=\"section-sub\">Pendapat dan pengalaman mereka yang telah bekerjasama dengan kami.</p>\n        </div>\n        <div class=\"testimonials-grid\">\n            <div class=\"testimonial-card fade-up\">\n                <div class=\"stars\">★★★★★</div>\n                <blockquote>\"Pasukan MajuSejahtera benar-benar memahami visi kami. Hasilnya melebihi jangkaan dan prosesnya sangat profesional.\"</blockquote>\n                <div class=\"testimonial-author\">\n                    <div class=\"avatar\">AR</div>\n                    <div><h4>Ahmad Razak</h4><p>CEO, TechCorp Sdn Bhd</p></div>\n                </div>\n            </div>\n            <div class=\"testimonial-card fade-up\">\n                <div class=\"stars\">★★★★★</div>\n                <blockquote>\"Sistem yang dibangunkan telah meningkatkan produktiviti syarikat kami sebanyak 40%. Sangat berbaloi untuk melabur dengan mereka.\"</blockquote>\n                <div class=\"testimonial-author\">\n                    <div class=\"avatar\">SL</div>\n                    <div><h4>Sarah Lim</h4><p>Pengarah IT, GlobalInovasi</p></div>\n                </div>\n            </div>\n            <div class=\"testimonial-card fade-up\">\n                <div class=\"stars\">★★★★★</div>\n                <blockquote>\"Sokongan teknikal yang responsif dan penyelesaian yang inovatif. Kami sangat berpuas hati dengan perkhidmatan yang diberikan.\"</blockquote>\n                <div class=\"testimonial-author\">\n                    <div class=\"avatar\">MK</div>\n                    <div><h4>Mohd Kamal</h4><p>Founder, DigitalAsia</p></div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>\n\n<!-- ─── CTA ─── -->\n<section class=\"cta\">\n    <div class=\"container\">\n        <h2 class=\"fade-up\">Sedia Untuk Transformasi Digital?</h2>\n        <p class=\"fade-up\">Jadualkan sesi perundingan percuma bersama pakar kami dan lihat bagaimana kami boleh membantu perniagaan anda berkembang.</p>\n        <a href=\"#contact\" class=\"btn-primary fade-up\">Jadual Perundingan →</a>\n    </div>\n</section>\n\n<!-- ─── CONTACT ─── -->\n<section id=\"contact\">\n    <div class=\"container\">\n        <div class=\"section-head fade-up\">\n            <div class=\"section-label\">Hubungi</div>\n            <h2 class=\"section-title\">Mari Bekerjasama</h2>\n            <p class=\"section-sub\">Hubungi kami untuk perbincangan lanjut atau sebarang pertanyaan.</p>\n        </div>\n        <div class=\"contact-grid\">\n            <form class=\"contact-form fade-up\" onsubmit=\"event.preventDefault(); alert(\'Terima kasih! Mesej anda telah dihantar.\');\">\n                <div class=\"form-row\">\n                    <input type=\"text\" placeholder=\"Nama Penuh\" required>\n                    <input type=\"email\" placeholder=\"Alamat Emel\" required>\n                </div>\n                <input type=\"text\" placeholder=\"Subjek\">\n                <textarea placeholder=\"Mesej anda...\" required></textarea>\n                <button type=\"submit\" class=\"btn-primary\" style=\"align-self:flex-start\">Hantar Mesej →</button>\n            </form>\n            <div class=\"contact-info fade-up\">\n                <div class=\"ci-item\">\n                    <div class=\"ci-icon\">📍</div>\n                    <div>\n                        <h4>Alamat</h4>\n                        <p>Level 10, Menara Maju,<br>Jalan Sultan Ismail,<br>50250 Kuala Lumpur</p>\n                    </div>\n                </div>\n                <div class=\"ci-item\">\n                    <div class=\"ci-icon\">📧</div>\n                    <div>\n                        <h4>Emel</h4>\n                        <p>hello@majusejahtera.com<br>support@majusejahtera.com</p>\n                    </div>\n                </div>\n                <div class=\"ci-item\">\n                    <div class=\"ci-icon\">📞</div>\n                    <div>\n                        <h4>Telefon</h4>\n                        <p>+603-2700 8000<br>+603-2700 8001</p>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>\n\n<!-- ─── FOOTER ─── -->\n<footer>\n    <div class=\"container\">\n        <div class=\"footer-grid\">\n            <div class=\"footer-brand\">\n                <a href=\"#\" class=\"logo\" style=\"color:white\">\n                    <div class=\"logo-icon\">M</div>\n                    MajuSejahtera\n                </a>\n                <p>Rakan digital strategik anda dalam transformasi perniagaan. Kami komited untuk memberikan penyelesaian teknologi yang inovatif dan berkesan.</p>\n                <div class=\"footer-social\">\n                    <a href=\"#\" aria-label=\"Facebook\">fb</a>\n                    <a href=\"#\" aria-label=\"Twitter\">tw</a>\n                    <a href=\"#\" aria-label=\"LinkedIn\">in</a>\n                    <a href=\"#\" aria-label=\"YouTube\">yt</a>\n                </div>\n            </div>\n            <div>\n                <h4>Perkhidmatan</h4>\n                <ul>\n                    <li><a href=\"#\">Pembangunan Web</a></li>\n                    <li><a href=\"#\">Aplikasi Mudah Alih</a></li>\n                    <li><a href=\"#\">Infrastruktur Awan</a></li>\n                    <li><a href=\"#\">AI & Analitis</a></li>\n                    <li><a href=\"#\">Keselamatan Siber</a></li>\n                </ul>\n            </div>\n            <div>\n                <h4>Syarikat</h4>\n                <ul>\n                    <li><a href=\"#\">Tentang Kami</a></li>\n                    <li><a href=\"#\">Kerjaya</a></li>\n                    <li><a href=\"#\">Blog</a></li>\n                    <li><a href=\"#\">Rakan Kongsi</a></li>\n                    <li><a href=\"#\">Hubungi</a></li>\n                </ul>\n            </div>\n            <div>\n                <h4>Sokongan</h4>\n                <ul>\n                    <li><a href=\"#\">Pusat Bantuan</a></li>\n                    <li><a href=\"#\">Dokumentasi</a></li>\n                    <li><a href=\"#\">API</a></li>\n                    <li><a href=\"#\">Status</a></li>\n                    <li><a href=\"#\">Laporan</a></li>\n                </ul>\n            </div>\n        </div>\n        <div class=\"footer-bottom\">\n            <span>© 2026 PT Maju Sejahtera. Hak Cipta Terpelihara.</span>\n            <div class=\"footer-bottom-links\">\n                <a href=\"#\">Dasar Privasi</a>\n                <a href=\"#\">Terma & Syarat</a>\n                <a href=\"#\">Penafian</a>\n            </div>\n        </div>\n    </div>\n</footer>\n\n<script>\n    // ─── NAVBAR SCROLL ───\n    window.addEventListener(\'scroll\', () => {\n        document.getElementById(\'navbar\').classList.toggle(\'scrolled\', window.scrollY > 20);\n    });\n\n    // ─── MOBILE MENU ───\n    const hamburger = document.getElementById(\'hamburger\');\n    const navLinks = document.getElementById(\'navLinks\');\n    hamburger.addEventListener(\'click\', () => {\n        hamburger.classList.toggle(\'active\');\n        navLinks.classList.toggle(\'open\');\n    });\n    navLinks.querySelectorAll(\'a\').forEach(link => {\n        link.addEventListener(\'click\', () => {\n            hamburger.classList.remove(\'active\');\n            navLinks.classList.remove(\'open\');\n        });\n    });\n\n    // ─── SCROLL REVEAL ───\n    const observer = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                entry.target.classList.add(\'visible\');\n            }\n        });\n    }, { threshold: 0.15 });\n\n    document.querySelectorAll(\'.fade-up\').forEach(el => observer.observe(el));\n</script>\n\n</body>\n</html>\n', NULL, NULL, 1, 1, 1, 0, '2026-07-28 13:48:55', '2026-07-28 13:55:43'),
(33, 3, 'World Cup 2026', 'world-cup-2026', NULL, NULL, '<style>\n.hero-wc{background:linear-gradient(135deg,#c60b1e 0%,#8b0000 50%,#c60b1e 100%);min-height:50vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;padding:4rem 2rem}\n.hero-wc h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;margin-bottom:.5rem;text-shadow:2px 2px 8px rgba(0,0,0,.3)}\n.hero-wc .sub{font-size:1.3rem;opacity:.9;max-width:600px;margin:0 auto}\n.wc-section{padding:3rem 0;background:#fff}\n.wc-section.alt{background:#f8f8f8}\n.wc-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:1.5rem;height:100%;box-shadow:0 4px 12px rgba(0,0,0,.06)}\n.wc-card h3{color:#c60b1e;font-weight:700}\n.wc-badge{display:inline-block;background:#c60b1e;color:#fff;padding:.35rem 1.2rem;border-radius:50rem;font-weight:600;font-size:.85rem}\n</style>\n<header class=\"hero-wc\">\n  <div>\n    <div class=\"wc-badge mb-3\">FIFA World Cup 2026</div>\n    <h1>Spain are World Champions!</h1>\n    <p class=\"sub\">La Roja defeated defending champions Argentina 1-0 in extra time to claim their second World Cup title.</p>\n  </div>\n</header>\n<section class=\"wc-section py-5\">\n  <div class=\"container\">\n    <div class=\"row g-4\">\n      <div class=\"col-lg-6\">\n        <div class=\"wc-card\">\n          <h3>Match Summary</h3>\n          <p class=\"fw-medium mb-1\"><strong>Final Score:</strong> Spain 1 - 0 Argentina (AET)</p>\n          <p class=\"fw-medium mb-1\"><strong>Date:</strong> July 19, 2026</p>\n          <p class=\"fw-medium mb-1\"><strong>Venue:</strong> MetLife Stadium, East Rutherford, New Jersey</p>\n          <p class=\"fw-medium mb-1\"><strong>Man of the Match:</strong> Ferran Torres (Spain)</p>\n          <p class=\"fw-medium mb-0\"><strong>Attendance:</strong> 80,663</p>\n        </div>\n      </div>\n      <div class=\"col-lg-6\">\n        <div class=\"wc-card\">\n          <h3>Historic Achievement</h3>\n          <p>Spain became the first nation to simultaneously hold both the men&rsquo;s and women&rsquo;s World Cup titles (women won in 2023). They allowed only 1 goal in 8 games &mdash; a record for fewest goals conceded by a champion.</p>\n          <p class=\"mb-0\">This victory extended Spain&rsquo;s unbeaten run to 38 games, breaking the European record previously held by Italy.</p>\n        </div>\n      </div>\n      <div class=\"col-lg-6\">\n        <div class=\"wc-card\">\n          <h3>Winning Goal</h3>\n          <p>Substitute <strong>Ferran Torres</strong> scored in the 106th minute, slamming home from close range after a corner kick scramble. It was his first goal of the tournament and unquestionably the most important.</p>\n        </div>\n      </div>\n      <div class=\"col-lg-6\">\n        <div class=\"wc-card\">\n          <h3>Tournament Records</h3>\n          <p>Spain defense was impenetrable &mdash; only 1 goal conceded across 8 matches. Goalkeeper Unai Simon kept 7 clean sheets. Coach Luis de la Fuente, at 65, became the oldest manager to win a World Cup.</p>\n        </div>\n      </div>\n    </div>\n  </div>\n</section>\n<section class=\"wc-section alt py-4 text-center\">\n  <div class=\"container\">\n    <p class=\"fw-semibold text-muted mb-0\">2026 FIFA World Cup &bull; USA &bull; Canada &bull; Mexico</p>\n  </div>\n</section>', 0, 0, 1, 0, '2026-07-28 17:00:40', '2026-07-28 17:00:40'),
(35, 2, 'Search', 'search', '<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n    <title>{!! $siteName !!} - Search</title>\n    <link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css\" rel=\"stylesheet\">\n    <link href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css\" rel=\"stylesheet\">\n    <link href=\"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=Quicksand:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n    <style>\n        :root{\n            --green-900:#22392a;\n            --green-800:#2e4a35;\n            --green-700:#3d5c44;\n            --green-200:#cddac9;\n            --green-100:#e4ecdf;\n            --gold:#b9975b;\n            --cream:#f7f5ee;\n            --olive-bg:#efeee3;\n            --ink:#3a4a3f;\n        }\n        *{margin:0;padding:0;box-sizing:border-box}\n        body{\n            font-family:\"Quicksand\",sans-serif;\n            color:var(--ink);\n            background:var(--cream);\n        }\n    </style>\n</head>\n<body>\n    {!! $__header__ !!}\n    {!! $__page__ !!}\n    <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js\"></script>\n</body>\n</html>', NULL, '@php\n    $q = request(\"q\", \"\");\n    $results = collect();\n    if (strlen($q) >= 2) {\n        $results = DB::table(\"content_article AS a\")\n            ->join(\"content_article_translation AS t\", \"a.article_id\", \"=\", \"t.article_translation_parent_id\")\n            ->where(\"a.article_portal_category\", \"redd-plus\")\n            ->where(\"a.article_status\", \"ACTIVE\")\n            ->whereNotIn(\"a.article_category\", [\"GLOSSARY\", \"ARTICLE\"])\n            ->where(function($w) use ($q) {\n                $w->where(\"t.article_translation_title\", \"LIKE\", \"%{$q}%\")\n                  ->orWhere(\"t.article_translation_content\", \"LIKE\", \"%{$q}%\");\n            })\n            ->select(\"a.article_id\", \"a.article_code\", \"t.article_translation_title\", \"t.article_translation_content\", \"t.article_translation_language\")\n            ->orderBy(\"a.article_date\", \"desc\")\n            ->limit(20)\n            ->get();\n    foreach ($results as $r) {\n        $clean = preg_replace(\'/<style[^>]*>.*?<\\/style>/si\', \'\', $r->article_translation_content);\n        $clean = preg_replace(\'/<script[^>]*>.*?<\\/script>/si\', \'\', $clean);\n        $clean = preg_replace(\'/<nav[^>]*>.*?<\\/nav>/si\', \'\', $clean);\n        $r->clean_excerpt = strip_tags($clean);\n    }\n    }@endphp\n<style>\n.search-hero{background:linear-gradient(135deg,var(--green-800),var(--green-900));padding:3rem 0;color:#fff}\n.search-hero h1{font-weight:700;font-size:clamp(1.8rem,3.5vw,2.5rem)}\n.search-section{padding:2rem 0;background:var(--cream);min-height:50vh}\n.result-item{border:1px solid #ece8db;border-radius:.75rem;background:#fff;padding:1.25rem 1.5rem;margin-bottom:1rem;text-decoration:none;color:inherit;display:block;transition:box-shadow .2s}\n.result-item:hover{box-shadow:0 4px 16px rgba(46,74,53,.1)}\n.result-item h4{color:var(--green-800);font-weight:700;font-size:1rem;margin-bottom:.35rem}\n.result-item p{font-size:.88rem;color:var(--ink);margin:0;line-height:1.5}\n.result-item .highlight{background:#fff3c4;padding:0 2px;border-radius:2px}\n.no-result{text-align:center;padding:4rem 2rem;color:#8a9a8e}\n.no-result i{font-size:3.5rem;color:var(--green-200);display:block;margin-bottom:1rem}\n.no-result h3{font-weight:600;color:var(--green-700);margin-bottom:.5rem}\n.footer-redd-article{background:url(\'/assets/redd-plus/faq_footer_bg.png\') center bottom/cover no-repeat;padding:4rem 0 2.5rem}\n.footer-redd-article a{color:var(--ink);text-decoration:none;font-weight:600;font-size:.85rem}\n.footer-redd-article a:hover{color:var(--green-800)}\n.footer-redd-article .bi{color:var(--green-800);font-size:1.1rem}\n.footer-redd-article .f-divider{width:1px;height:26px;background:#cfc9b8}\n</style>\n\n<div style=\"min-height:calc(100vh - 64px);background:#fff;\">\n  <header class=\"search-hero\">\n    <div class=\"container\">\n      <h1><i class=\"bi bi-search me-2\"></i>Search</h1>\n      <form method=\"GET\" action=\"/redd-plus/search\" class=\"mt-3\" style=\"max-width:600px\">\n        <div class=\"input-group\">\n          <input type=\"text\" name=\"q\" class=\"form-control form-control-lg\" placeholder=\"Search articles...\" value=\"{{ $q }}\" style=\"border-radius:.6rem 0 0 .6rem;font-weight:500\">\n          <button class=\"btn btn-light btn-lg\" type=\"submit\" style=\"border-radius:0 .6rem .6rem 0;font-weight:600;background:#fff\">\n            <i class=\"bi bi-search\"></i>\n          </button>\n        </div>\n      </form>\n    </div>\n  </header>\n\n  <div class=\"search-section\">\n    <div class=\"container\">\n      @if(strlen($q) >= 2)\n        @if($results->count())\n          <p class=\"mb-3 fw-semibold\" style=\"color:var(--green-700)\">{{ $results->count() }} result(s) for \"{{ $q }}\"</p>\n          @foreach($results as $r)\n            <a href=\"/redd-plus/article?id={{ $r->article_code }}\" class=\"result-item\">\n              <h4>{{ $r->article_translation_title }}</h4>\n              <p>{{ Str::limit($r->clean_excerpt, 200) }}</p>\n            </a>\n          @endforeach\n        @else\n          <div class=\"no-result\">\n            <i class=\"bi bi-search\"></i>\n            <h3>No results found</h3>\n            <p>No articles match \"{{ $q }}\". Try a different keyword.</p>\n          </div>\n        @endif\n      @elseif($q !== \"\")\n        <div class=\"no-result\">\n          <i class=\"bi bi-search\"></i>\n          <h3>Search term too short</h3>\n          <p>Please enter at least 2 characters.</p>\n        </div>\n      @else\n        <div class=\"no-result\">\n          <i class=\"bi bi-search\"></i>\n          <h3>Search REDD+ Articles</h3>\n          <p>Enter a keyword above to search for articles, news and publications.</p>\n        </div>\n      @endif\n    </div>\n  </div>\n\n  <footer class=\"footer-redd-article\">\n    <div class=\"container\">\n      <div class=\"d-flex flex-wrap align-items-center justify-content-center gap-4\">\n        <img src=\"/assets/redd-plus/logo.png\" alt=\"REDD+ Malaysia\" height=\"46\">\n        <span class=\"f-divider d-none d-md-inline-block\"></span>\n        <a href=\"https://redd.nres.gov.my\"><i class=\"bi bi-globe2\"></i> redd.nres.gov.my</a>\n        <span class=\"f-divider d-none d-md-inline-block\"></span>\n        <a href=\"mailto:redd@nres.gov.my\"><i class=\"bi bi-envelope\"></i> redd@nres.gov.my</a>\n        <span class=\"f-divider d-none d-md-inline-block\"></span>\n        <a href=\"tel:+60380008000\"><i class=\"bi bi-telephone\"></i> +603 8000 8000</a>\n      </div>\n    </div>\n  </footer>\n</div>', 1, 0, 1, 11, '2026-07-29 10:16:29', '2026-07-29 10:16:29');
INSERT INTO `frontend_pages` (`id`, `site_fk`, `name`, `slug`, `layout`, `entry_script`, `page_content`, `use_custom_layout`, `is_default`, `status`, `sort_order`, `created_at`, `updated_at`) VALUES
(36, 2, 'Reports, Issues & Incidents', 'reports-issues', '<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n    <title>{!! $siteName !!}</title>\n\n    <!-- Bootstrap 5 -->\n    <link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css\" rel=\"stylesheet\">\n    <!-- Bootstrap Icons -->\n    <link href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css\" rel=\"stylesheet\">\n    <!-- Fonts -->\n    <link href=\"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=Quicksand:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n    <style>\n        :root{\n            --green-900:#22392a;\n            --green-800:#2e4a35;\n            --green-700:#3d5c44;\n            --green-200:#cddac9;\n            --green-100:#e4ecdf;\n            --gold:#b9975b;\n            --cream:#f7f5ee;\n            --olive-bg:#efeee3;\n            --ink:#3a4a3f;\n        }\n        * { margin: 0; padding: 0; box-sizing: border-box; }\n        body {\n            font-family:\'Quicksand\',sans-serif;\n            color:var(--ink);\n            background:var(--cream);\n        }\n        .font-display { font-family:\'Playfair Display\',serif; }\n    </style>\n</head>\n<body>\n    {!! $__header__ !!}\n    {!! $__page__ !!}\n\n    <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js\"></script>\n</body>\n</html>', NULL, '@php\n$success = session(\'success\');\n$ticketNo = session(\'ticket_no\');\n\nif (!$success && request()->isMethod(\'POST\')) {\n    $data = request()->validate([\n        \'name\' => \'required|string|max:255\',\n        \'email\' => \'required|email|max:255\',\n        \'contact_number\' => \'required|string|max:50\',\n        \'subject\' => \'required|string|max:255\',\n        \'cat\' => \'required|string|max:255\',\n        \'feedback\' => \'required|string\',\n        \'data_protection\' => \'required|accepted\',\n    ]);\n\n    $data[\'ticket_no\'] = \\App\\Models\\Backend\\ContentFeedbackMain::generateTicketNo();\n    $data[\'status\'] = \'PENDING\';\n    $data[\'type\'] = \'COMPLAINT\';\n    $data[\'feedback\'] = \'Phone: \' . $data[\'contact_number\'] . \"\\n\\n\" . $data[\'feedback\'];\n    $data[\'created_user_type\'] = \'guest\';\n\n    $feedback = \\App\\Models\\Backend\\ContentFeedbackMain::create($data);\n    $ticketNo = $feedback->ticket_no;\n    $success = true;\n\n    session()->flash(\'success\', true);\n    session()->flash(\'ticket_no\', $ticketNo);\n}\n@endphp\n\n<style>\n/* ---------- Page background ---------- */\n.contact-page{\n  background:\n    url(\'/assets/redd-plus/contact_footer_bg.png\') center bottom / 100% auto no-repeat,\n    url(\'/assets/redd-plus/contact_hero_bg.png\') center top / 100% auto no-repeat,\n    #fff;\n  min-height:calc(100vh - 64px);\n  display:flex;flex-direction:column;\n}\n.contact-page > .container{flex:1;}\n\n/* ---------- Left column ---------- */\n.contact-title{\n  color:var(--green-800);\n  font-weight:700;\n  font-size:clamp(2.3rem,4.5vw,3.2rem);\n}\n.contact-sub{font-size:1.15rem;font-weight:500;max-width:320px;}\n.info-item{\n  display:flex;gap:1.1rem;\n  padding:1.4rem 0;\n  border-bottom:1px solid #e8e4d8;\n  max-width:400px;\n}\n.info-item:last-child{border-bottom:0;}\n.info-icon{\n  width:52px;height:52px;flex:0 0 52px;\n  background:var(--green-100);\n  border:1px solid var(--green-200);\n  border-radius:50%;\n  display:flex;align-items:center;justify-content:center;\n  font-size:1.35rem;color:var(--green-800);\n}\n.info-item h6{color:var(--green-800);font-weight:700;margin-bottom:.35rem;}\n.info-item p{margin:0;font-weight:500;font-size:.92rem;line-height:1.55;}\n\n/* ---------- Form card ---------- */\n.form-card{\n  background:#fdfcf9;\n  border:1px solid #ece8db;\n  border-radius:1rem;\n  box-shadow:0 16px 40px rgba(46,74,53,.10);\n  padding:2rem 2rem 2.25rem;\n}\n.form-card h2{\n  color:var(--green-800);font-weight:700;font-size:1.35rem;\n}\n.form-card .form-control{\n  border:1px solid #e2ddd0;\n  border-radius:.6rem;\n  padding:.8rem 1rem;\n  font-size:.92rem;\n  font-weight:500;\n  color:var(--ink);\n  background:#fff;\n}\n.form-card .form-control::placeholder{color:#9aa59c;}\n.form-card .form-control:focus{\n  border-color:var(--green-800);\n  box-shadow:0 0 0 .2rem rgba(46,74,53,.12);\n}\n.btn-forest-contact{\n  background:var(--green-800);color:#fff;\n  border-radius:.6rem;padding:.7rem 1.6rem;font-weight:600;\n}\n.btn-forest-contact:hover{background:var(--green-900);color:#fff;}\n\n.form-card .invalid-feedback{\n  display:block;\n  font-size:.8rem;\n  color:#a94442;\n  margin-top:.25rem;\n}\n.form-card .is-invalid{\n  border-color:#a94442;\n}\n.form-card .is-invalid:focus{\n  border-color:#a94442;\n  box-shadow:0 0 0 .2rem rgba(169,68,66,.15);\n}\n\n/* ---------- Success message ---------- */\n.contact-success{\n  text-align:center;\n  padding:3rem 1.5rem;\n}\n.contact-success i{\n  font-size:3rem;\n  color:var(--green-800);\n  margin-bottom:1rem;\n}\n.contact-success h3{\n  color:var(--green-800);\n  font-weight:700;\n  font-size:1.4rem;\n  margin-bottom:.5rem;\n}\n.contact-success p{\n  color:var(--ink);\n  margin:0;\n}\n.contact-success .ticket{\n  display:inline-block;\n  background:var(--green-100);\n  color:var(--green-900);\n  padding:.35rem 1rem;\n  border-radius:50rem;\n  font-weight:700;\n  margin-top:.75rem;\n}\n</style>\n\n<div class=\"contact-page\">\n  <div class=\"container py-5\">\n    <div class=\"row gy-5\">\n\n      <!-- ===== Left: info ===== -->\n      <div class=\"col-lg-6\">\n        <h1 class=\"contact-title mb-2\">Reports, Issues &amp; Incidents</h1>\n        <p class=\"contact-sub mb-4\">Submit reports, raise issues or report incidents related to REDD+ safeguards implementation in Malaysia.</p>\n\n        <div class=\"info-item\">\n          <div class=\"info-icon\"><i class=\"bi bi-shield-exclamation\"></i></div>\n          <div>\n            <h6>What to Report</h6>\n            <p>Issues related to Safeguards A–G, including forest monitoring, stakeholder consultation, biodiversity, governance, and coordination.</p>\n          </div>\n        </div>\n\n        <div class=\"info-item\">\n          <div class=\"info-icon\"><i class=\"bi bi-envelope\"></i></div>\n          <div>\n            <h6>Email</h6>\n            <p><a href=\"mailto:redd@nres.gov.my\" class=\"text-decoration-none\" style=\"color:var(--ink);\">redd@nres.gov.my</a></p>\n          </div>\n        </div>\n\n        <div class=\"info-item\">\n          <div class=\"info-icon\"><i class=\"bi bi-telephone\"></i></div>\n          <div>\n            <h6>Phone</h6>\n            <p><a href=\"tel:+60380008000\" class=\"text-decoration-none\" style=\"color:var(--ink);\">+603 8000 8000</a></p>\n          </div>\n        </div>\n      </div>\n\n      <!-- ===== Right: form ===== -->\n      <div class=\"col-lg-6\">\n        <div class=\"form-card\">\n          @if($success)\n            <div class=\"contact-success\">\n              <i class=\"bi bi-check-circle-fill\"></i>\n              <h3>Thank You!</h3>\n              <p>Your report has been submitted successfully. We will review and follow up accordingly.</p>\n              @if($ticketNo)\n                <span class=\"ticket\">Ticket No: {{ $ticketNo }}</span>\n              @endif\n            </div>\n          @else\n            <h2 class=\"mb-4\">Submit a Report</h2>\n            <form method=\"POST\" action=\"{{ request()->url() }}\">\n              @csrf\n              <input type=\"hidden\" name=\"type\" value=\"COMPLAINT\">\n\n              <div class=\"mb-3\">\n                <label for=\"name\" class=\"visually-hidden\">Full Name</label>\n                <input type=\"text\" class=\"form-control @error(\'name\') is-invalid @enderror\" id=\"name\" name=\"name\" value=\"{{ old(\'name\') }}\" placeholder=\"Full Name *\" required>\n                @error(\'name\')<span class=\"invalid-feedback\">{{ $message }}</span>@enderror\n              </div>\n\n              <div class=\"mb-3\">\n                <label for=\"email\" class=\"visually-hidden\">Email</label>\n                <input type=\"email\" class=\"form-control @error(\'email\') is-invalid @enderror\" id=\"email\" name=\"email\" value=\"{{ old(\'email\') }}\" placeholder=\"Email *\" required>\n                @error(\'email\')<span class=\"invalid-feedback\">{{ $message }}</span>@enderror\n              </div>\n\n              <div class=\"mb-3\">\n                <label for=\"contact_number\" class=\"visually-hidden\">Contact Number</label>\n                <input type=\"text\" class=\"form-control @error(\'contact_number\') is-invalid @enderror\" id=\"contact_number\" name=\"contact_number\" value=\"{{ old(\'contact_number\') }}\" placeholder=\"Contact Number *\" required>\n                @error(\'contact_number\')<span class=\"invalid-feedback\">{{ $message }}</span>@enderror\n              </div>\n\n              <div class=\"mb-3\">\n                <label for=\"subject\" class=\"visually-hidden\">Subject</label>\n                <input type=\"text\" class=\"form-control @error(\'subject\') is-invalid @enderror\" id=\"subject\" name=\"subject\" value=\"{{ old(\'subject\') }}\" placeholder=\"Subject *\" required>\n                @error(\'subject\')<span class=\"invalid-feedback\">{{ $message }}</span>@enderror\n              </div>\n\n              <div class=\"mb-3\">\n                <label for=\"cat\" class=\"visually-hidden\">Choose Item</label>\n                <select class=\"form-control @error(\'cat\') is-invalid @enderror\" id=\"cat\" name=\"cat\" required>\n                  <option value=\"\">— Select a safeguard —</option>\n                  <option value=\"SAFEGUARD_A\" {{ old(\'cat\') == \'SAFEGUARD_A\' ? \'selected\' : \'\' }}>Safeguard A — National Forest Monitoring System</option>\n                  <option value=\"SAFEGUARD_B\" {{ old(\'cat\') == \'SAFEGUARD_B\' ? \'selected\' : \'\' }}>Safeguard B — National REDD+ Strategy / Forest Reference Level</option>\n                  <option value=\"SAFEGUARD_C\" {{ old(\'cat\') == \'SAFEGUARD_C\' ? \'selected\' : \'\' }}>Safeguard C — Stakeholder Consultation / Transparency</option>\n                  <option value=\"SAFEGUARD_D\" {{ old(\'cat\') == \'SAFEGUARD_D\' ? \'selected\' : \'\' }}>Safeguard D — Biodiversity / Ecosystem Services</option>\n                  <option value=\"SAFEGUARD_E\" {{ old(\'cat\') == \'SAFEGUARD_E\' ? \'selected\' : \'\' }}>Safeguard E — Governance / Forest Law Enforcement</option>\n                  <option value=\"SAFEGUARD_F\" {{ old(\'cat\') == \'SAFEGUARD_F\' ? \'selected\' : \'\' }}>Safeguard F — Safeguards Information System (SIS)</option>\n                  <option value=\"SAFEGUARD_G\" {{ old(\'cat\') == \'SAFEGUARD_G\' ? \'selected\' : \'\' }}>Safeguard G — Coordination / Institutional Arrangements</option>\n                </select>\n                @error(\'cat\')<span class=\"invalid-feedback\">{{ $message }}</span>@enderror\n              </div>\n\n              <div class=\"mb-4\">\n                <label for=\"feedback\" class=\"visually-hidden\">Your Inquiry</label>\n                <textarea class=\"form-control @error(\'feedback\') is-invalid @enderror\" id=\"feedback\" name=\"feedback\" rows=\"6\" placeholder=\"Your Inquiry *\" required>{{ old(\'feedback\') }}</textarea>\n                @error(\'feedback\')<span class=\"invalid-feedback\">{{ $message }}</span>@enderror\n              </div>\n\n              <div class=\"mb-4\">\n                <div class=\"form-check\">\n                  <input class=\"form-check-input @error(\'data_protection\') is-invalid @enderror\" type=\"checkbox\" id=\"data_protection\" name=\"data_protection\" value=\"1\" {{ old(\'data_protection\') ? \'checked\' : \'\' }} required>\n                  <label class=\"form-check-label\" for=\"data_protection\" style=\"font-weight:500;font-size:.88rem;\">\n                    I consent to the collection and processing of my personal data in accordance with the Personal Data Protection Act 2010.\n                  </label>\n                  @error(\'data_protection\')<span class=\"invalid-feedback\">{{ $message }}</span>@enderror\n                </div>\n              </div>\n\n              <button type=\"submit\" class=\"btn btn-forest-contact\">\n                Send Message <i class=\"bi bi-arrow-right ms-1\"></i>\n              </button>\n            </form>\n          @endif\n        </div>\n      </div>\n\n    </div>\n  </div>\n</div>', 1, 0, 1, 4, NULL, NULL);

-- --------------------------------------------------------

--
