diff --git a/resources/js/Components/Landing/Hero.tsx.bak b/resources/js/Components/Landing/Hero.tsx.bak
new file mode 100644
index 0000000..a295b6c
--- /dev/null
+++ b/resources/js/Components/Landing/Hero.tsx.bak
@@ -0,0 +1,91 @@
+"use client";
+
+import { motion, Variants } from "framer-motion";
+import { ArrowRight, Sparkles } from "lucide-react";
+import { Button } from "@/Components/ui/button";
+import { Link } from "@inertiajs/react";
+
+const containerVariants: Variants = {
+ hidden: { opacity: 0 },
+ visible: {
+ opacity: 1,
+ transition: {
+ staggerChildren: 0.2,
+ delayChildren: 0.3,
+ },
+ },
+};
+
+const itemVariants: Variants = {
+ hidden: { y: 20, opacity: 0 },
+ visible: {
+ y: 0,
+ opacity: 1,
+ transition: {
+ duration: 0.8,
+ ease: [0.215, 0.610, 0.355, 1.000],
+ },
+ },
+};
+
+export function Hero() {
+ return (
+
+ {/* Background Gradients - Boosted for Light Mode using CSS variables */}
+
+
+
+ {/* Grid Pattern Overlay */}
+
+
+ {/* Japanese Wave Pattern - Adjusted Opacity */}
+
+
+
+
+
+
+
+ Hubungkan Impianmu
+ + Ke Negeri Sakura + +
+
+
+ Platform edukasi terdepan untuk penguasaan Bahasa Jepang & karir profesional.
+ Belajar JLPT N5 hingga N2 dengan kurikulum modern dan Spaced Repetition System.
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/resources/js/Components/Landing/Navbar.tsx b/resources/js/Components/Landing/Navbar.tsx
index e605f43..447a1b4 100644
--- a/resources/js/Components/Landing/Navbar.tsx
+++ b/resources/js/Components/Landing/Navbar.tsx
@@ -39,7 +39,7 @@ export function Navbar() {
className={cn(
"flex items-center justify-between transition-all duration-300 ease-in-out pointer-events-auto",
scrolled
- ? "bg-background/80 backdrop-blur-xl border border-white/10 shadow-2xl w-full max-w-5xl px-10 py-3 rounded-full gap-8"
+ ? "bg-background/80 backdrop-blur-xl border border-white/10 shadow-none w-full max-w-5xl px-10 py-3 rounded-full gap-8"
: "bg-transparent border-transparent w-full max-w-6xl px-6 py-3 rounded-full"
)}
>
diff --git a/resources/js/Components/ui/card.tsx b/resources/js/Components/ui/card.tsx
index cabfbfc..6c60172 100644
--- a/resources/js/Components/ui/card.tsx
+++ b/resources/js/Components/ui/card.tsx
@@ -9,7 +9,7 @@ const Card = React.forwardRef<
+
+ + + Ke Negeri Sakura + +
+
{/* Background Decorations - Pure CSS */}
diff --git a/resources/js/Layouts/GuestLayout.tsx b/resources/js/Layouts/GuestLayout.tsx
index 1a8f3e4..da195b2 100644
--- a/resources/js/Layouts/GuestLayout.tsx
+++ b/resources/js/Layouts/GuestLayout.tsx
@@ -2,12 +2,29 @@ import { ThemeProvider } from "@/Components/ThemeProvider";
import { Navbar } from "@/Components/Landing/Navbar";
import { Footer } from "@/Components/Landing/Footer";
-export default function GuestLayout({ children }: { children: React.ReactNode }) {
+import { cn } from "@/lib/utils";
+
+export default function GuestLayout({
+ children,
+ variant = 'default'
+}: {
+ children: React.ReactNode,
+ variant?: 'default' | 'landing'
+}) {
return (
-
-
+
+
diff --git a/resources/js/Pages/Auth/ConfirmPassword.tsx b/resources/js/Pages/Auth/ConfirmPassword.tsx
index f71476f..0c438fe 100644
--- a/resources/js/Pages/Auth/ConfirmPassword.tsx
+++ b/resources/js/Pages/Auth/ConfirmPassword.tsx
@@ -24,33 +24,34 @@ export default function ConfirmPassword() {
+ {/* Global Background Pattern */}
+ {/* SVG is white by default. In light mode, we invert it to black to be visible on white bg. */}
+
+
{children}
+
+ {children}
+
-
-
- This is a secure area of the application. Please confirm your
- password before continuing.
+
diff --git a/resources/js/Pages/Auth/ForgotPassword.tsx b/resources/js/Pages/Auth/ForgotPassword.tsx
index 3862acb..ae9678c 100644
--- a/resources/js/Pages/Auth/ForgotPassword.tsx
+++ b/resources/js/Pages/Auth/ForgotPassword.tsx
@@ -5,6 +5,7 @@ import { FormEventHandler } from 'react';
import { Button } from '@/Components/ui/button';
import { Input } from '@/Components/ui/input';
import { Label } from '@/Components/ui/label';
+import { Card } from '@/Components/ui/card';
export default function ForgotPassword({ status }: { status?: string }) {
const { data, setData, post, processing, errors } = useForm({
@@ -22,7 +23,7 @@ export default function ForgotPassword({ status }: { status?: string }) {
+
+
-
-
+ This is a secure area of the application. Please confirm your
+ password before continuing.
+
+
+
-
);
diff --git a/resources/js/Pages/Auth/Login.tsx b/resources/js/Pages/Auth/Login.tsx
index f6cdc13..9f41744 100644
--- a/resources/js/Pages/Auth/Login.tsx
+++ b/resources/js/Pages/Auth/Login.tsx
@@ -34,7 +34,7 @@ export default function Login({
+
+
Forgot your password? No problem. Just let us know your email
address and we will email you a password reset link that will
@@ -51,12 +52,12 @@ export default function ForgotPassword({ status }: { status?: string }) {
-
-
-
+
Selamat Datang Kembali
@@ -101,9 +101,9 @@ export default function Login({
-
@@ -119,7 +119,7 @@ export default function Login({
-
+
);
diff --git a/resources/js/Pages/Dashboard.tsx b/resources/js/Pages/Dashboard.tsx
index 45446b3..48d52df 100644
--- a/resources/js/Pages/Dashboard.tsx
+++ b/resources/js/Pages/Dashboard.tsx
@@ -57,7 +57,7 @@ export default function Dashboard({
Thanks for signing up! Before getting started, could you verify
your email address by clicking on the link we just emailed to
@@ -33,9 +34,9 @@ export default function VerifyEmail({ status }: { status?: string }) {
)}
-
+
{/* Stats Grid */}
-
+
Total XP
-
+
Streak
-
+
Kursus
-
+
Sertifikat
+
diff --git a/resources/js/app.tsx b/resources/js/app.tsx
index 574fbe7..19422be 100644
--- a/resources/js/app.tsx
+++ b/resources/js/app.tsx
@@ -19,7 +19,7 @@ createInertiaApp({
const root = createRoot(el);
root.render(
-
+
);
diff --git a/resources/views/app.blade.php b/resources/views/app.blade.php
index 28d941b..2f2ed1e 100644
--- a/resources/views/app.blade.php
+++ b/resources/views/app.blade.php
@@ -30,6 +30,20 @@
+
+
@routes
@viteReactRefresh
diff --git a/tmp_hero_first.tsx b/tmp_hero_first.tsx
new file mode 100644
index 0000000..a295b6c
--- /dev/null
+++ b/tmp_hero_first.tsx
@@ -0,0 +1,91 @@
+"use client";
+
+import { motion, Variants } from "framer-motion";
+import { ArrowRight, Sparkles } from "lucide-react";
+import { Button } from "@/Components/ui/button";
+import { Link } from "@inertiajs/react";
+
+const containerVariants: Variants = {
+ hidden: { opacity: 0 },
+ visible: {
+ opacity: 1,
+ transition: {
+ staggerChildren: 0.2,
+ delayChildren: 0.3,
+ },
+ },
+};
+
+const itemVariants: Variants = {
+ hidden: { y: 20, opacity: 0 },
+ visible: {
+ y: 0,
+ opacity: 1,
+ transition: {
+ duration: 0.8,
+ ease: [0.215, 0.610, 0.355, 1.000],
+ },
+ },
+};
+
+export function Hero() {
+ return (
+
+ {/* Background Gradients - Boosted for Light Mode using CSS variables */}
+
+
+
+ {/* Grid Pattern Overlay */}
+
+
+ {/* Japanese Wave Pattern - Adjusted Opacity */}
+
+
+
+
+
+
+
+ Hubungkan Impianmu
+ + Ke Negeri Sakura + +
+
+
+ Platform edukasi terdepan untuk penguasaan Bahasa Jepang & karir profesional.
+ Belajar JLPT N5 hingga N2 dengan kurikulum modern dan Spaced Repetition System.
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/tmp_hero_v1.tsx b/tmp_hero_v1.tsx
new file mode 100644
index 0000000..a295b6c
--- /dev/null
+++ b/tmp_hero_v1.tsx
@@ -0,0 +1,91 @@
+"use client";
+
+import { motion, Variants } from "framer-motion";
+import { ArrowRight, Sparkles } from "lucide-react";
+import { Button } from "@/Components/ui/button";
+import { Link } from "@inertiajs/react";
+
+const containerVariants: Variants = {
+ hidden: { opacity: 0 },
+ visible: {
+ opacity: 1,
+ transition: {
+ staggerChildren: 0.2,
+ delayChildren: 0.3,
+ },
+ },
+};
+
+const itemVariants: Variants = {
+ hidden: { y: 20, opacity: 0 },
+ visible: {
+ y: 0,
+ opacity: 1,
+ transition: {
+ duration: 0.8,
+ ease: [0.215, 0.610, 0.355, 1.000],
+ },
+ },
+};
+
+export function Hero() {
+ return (
+
+ {/* Background Gradients - Boosted for Light Mode using CSS variables */}
+
+
+
+ {/* Grid Pattern Overlay */}
+
+
+ {/* Japanese Wave Pattern - Adjusted Opacity */}
+
+
+
+
+
+
+
+ Hubungkan Impianmu
+ + Ke Negeri Sakura + +
+
+
+ Platform edukasi terdepan untuk penguasaan Bahasa Jepang & karir profesional.
+ Belajar JLPT N5 hingga N2 dengan kurikulum modern dan Spaced Repetition System.
+
+
+
+
+
+
+
+
+ );
+}
{stats.xp_points.toLocaleString()}
{stats.current_streak} Hari
{stats.active_courses} Aktif
+
+ + + Ke Negeri Sakura + +
+
+ + + Ke Negeri Sakura + +