import type { Metadata } from "next";
import "../globals.css";
import 'bootstrap/dist/css/bootstrap.min.css';

import 'animate.css'; 
//import 'animate.css/animate.css';
import '@styles/bundle.css';

import Header from "@/components/Layout/Header";
import Footer from "@/components/Layout/Footer";

export const metadata = {
  title: "Land & Roots Floor Plan Portfolio",
  description: "Land & Roots Floor Plan Portfolio",
};
export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  
  return (
    <html lang="en">
       <head>
        <link
          rel="stylesheet"
          href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0"
        />

      </head>
      <body>
        <Header/>
        {children}
        <Footer/>
      </body>
    </html>
  );
}
