diff --git a/src/app/globals.css b/src/app/globals.css index f624db2..be63560 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -1,5 +1,39 @@ -@import "tailwindcss"; -@import "./styles/variables.css"; -@import "./styles/theme.css"; -@import "./styles/utilities.css"; -@import "./styles/base.css"; +@tailwind base; +@tailwind components; +@tailwind utilities; + +@layer base { + * { + margin: 0; + padding: 0; + box-sizing: border-box; + } + + html { + scroll-behavior: smooth; + } + + body { + background-color: var(--background); + color: var(--foreground); + transition: background-color 0.3s ease, color 0.3s ease; + } +} + +/* Aurora Background Animation */ +@keyframes aurora { + 0% { + background-position: 0% 50%; + } + 50% { + background-position: 100% 50%; + } + 100% { + background-position: 0% 50%; + } +} + +.aurora-background { + background-size: 200% 200%; + animation: aurora 15s ease infinite; +} diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 6598321..bf8dbb2 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,74 +1,26 @@ import type { Metadata } from "next"; -import { Halant } from "next/font/google"; import { Inter } from "next/font/google"; -import { Open_Sans } from "next/font/google"; import "./globals.css"; -import { ServiceWrapper } from "@/components/ServiceWrapper"; -import Tag from "@/tag/Tag"; - -const halant = Halant({ - variable: "--font-halant", - subsets: ["latin"], - weight: ["300", "400", "500", "600", "700"], -}); +import "./styles/variables.css"; +import "./styles/base.css"; const inter = Inter({ - variable: "--font-inter", - subsets: ["latin"], -}); - -const openSans = Open_Sans({ - variable: "--font-open-sans", - subsets: ["latin"], + variable: "--font-inter", subsets: ["latin"], }); export const metadata: Metadata = { - title: "Yasbil - Yayasan Bina Insan Kamil | Pendidikan & Pemberdayaan Masyarakat", - description: "Yasbil adalah lembaga nirlaba yang fokus pada pendidikan berkualitas, pengembangan karakter, dan kemanusiaan. Bergabunglah dengan kami dalam membangun generasi madani.", - keywords: "Yayasan Bina Insan Kamil, pendidikan Indonesia, beasiswa, pemberdayaan masyarakat, program sosial, lembaga nirlaba, donasi, volunteer", - metadataBase: new URL("https://yasbil.org"), - alternates: { - canonical: "https://yasbil.org", - }, - openGraph: { - title: "Yasbil - Membangun Generasi Madani", - description: "Yayasan Bina Insan Kamil berdedikasi untuk pendidikan berkualitas, pengembangan karakter, dan pemberdayaan masyarakat Indonesia.", - url: "https://yasbil.org", - siteName: "Yasbil", - type: "website", - images: [ - { - url: "http://img.b2bpic.net/free-photo/female-tutor-mentoring-schoolgirls-school-library-setting_482257-127879.jpg", - alt: "Yasbil - Generasi Madani", - }, - ], - }, - twitter: { - card: "summary_large_image", - title: "Yasbil - Yayasan Bina Insan Kamil", - description: "Pendidikan, Karakter, dan Kemanusiaan untuk Indonesia yang Lebih Baik", - images: ["http://img.b2bpic.net/free-photo/female-tutor-mentoring-schoolgirls-school-library-setting_482257-127879.jpg"], - }, - robots: { - index: true, - follow: true, - }, -}; + title: "Yasbil - Yayasan Bina Insan Kamil", description: "Organisasi nirlaba yang berdedikasi untuk memberdayakan anak dan keluarga melalui pendidikan, pelatihan keterampilan, dan program kesehatan."}; export default function RootLayout({ children, -}: Readonly<{ +}: { children: React.ReactNode; -}>) { +}) { return ( - - - - - {children} - + + + {children} +