import type { Metadata } from "next";
import { Playfair_Display } from "next/font/google";
import "./globals.css";
import SmoothScrollProvider from "@/lib/useLenisScroll";
import { LayoutWithTransition } from "@/layout/Layout";

export const metadata: Metadata = {
  title:
    "Whispering Tree | Smart IoT & AI Solutions for Tree Health Monitoring",
  description:
    "Whispering Tree combines IoT sensors and AI analytics to monitor the health of trees in real time. Our smart environmental system helps cities, organizations, and individuals optimize irrigation, detect stress early, and promote sustainable growth through data-driven insights.",
  keywords: [
    "Whispering Tree",
    "tree health monitoring",
    "IoT for environment",
    "AI tree analytics",
    "smart irrigation",
    "urban forestry technology",
    "environmental intelligence",
    "FalktronTrees",
    "Matthias Mut",
    "AI for sustainability",
    "smart city solutions",
    "real-time tree monitoring",
    "IoT sensors for trees",
    "green technology",
    "water optimization system",
  ],
  openGraph: {
    title:
      "Whispering Tree | Smart IoT & AI Solutions for Tree Health Monitoring",
    description:
      "Whispering Tree combines IoT sensors and AI analytics to monitor the health of trees in real time. Our smart environmental system helps cities, organizations, and individuals optimize irrigation, detect stress early, and promote sustainable growth through data-driven insights.",
    url: "https://whisperingtree.com",
    type: "website",
  },
  icons: {
    icon: "/fav.svg",
  },
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="en">
      <body className={`antialiased`}>
        <LayoutWithTransition>
          <SmoothScrollProvider>{children}</SmoothScrollProvider>
        </LayoutWithTransition>
      </body>
    </html>
  );
}
