import { Head, usePage, Link, router } from '@inertiajs/react'; import { useState, useEffect } from 'react'; import MainLayout from '@/layouts/main-layout'; import { ReactNode } from 'react'; import { Search, Zap, ChevronRight, Crown, Star, ArrowRight, BookOpen, Users, Layers } from 'lucide-react'; import { Swiper, SwiperSlide } from 'swiper/react'; import 'swiper/css'; import 'swiper/css/autoplay'; import { Autoplay, FreeMode } from 'swiper/modules'; import { motion, AnimatePresence } from 'framer-motion'; export default function Welcome() { const { scrollTo } = usePage().props; const [search, setSearch] = useState(''); const [activeCategory, setActiveCategory] = useState('Semua'); useEffect(() => { if (scrollTo) { const el = document.getElementById(scrollTo); if (el) setTimeout(() => el.scrollIntoView({ behavior: 'smooth' }), 100); } }, [scrollTo]); const Books = [ { id: 1, title: "Bumi", author: "Tere Liye", cover: "/images/bumi.png", badge: "Gratis" }, { id: 2, title: "Pulang", author: "Tere Liye", cover: "/images/pulang.jpeg", badge: "Baru" }, { id: 3, title: "Love, Elliot", author: "Amanda", cover: "/images/love.jpg", badge: "Member" } ]; const categories = ['Semua', 'Fiksi', 'Non-fiksi', 'Sains', 'Sejarah', 'Komik']; const stats = [ { label: 'Judul Buku', value: '100K+', icon: BookOpen }, { label: 'Kategori', value: '500+', icon: Layers }, { label: 'Pembaca Aktif', value: '50K+', icon: Users }, ]; const handleSubmit = () => { if (search.length > 0) { router.get('/collection?genre=&page=1&search=' + search); } else { return } } const testimonials = [ "Website yang sangat bagus!", "Koleksi bukunya lengkap banget.", "UI nya enak dipandang mata.", "Recomended buat yang hobi baca.", "Aksesnya cepet banget gak pake lemot." ]; const DuplicatedTestimonials = Array.from({ length: 15 }, (_, i) => testimonials[i % testimonials.length]); return ( <> {/* ── SECTION 1: HERO ── */}
{/* Background Pattern - More Subtle */}
{/* Radial Glows */}
{/* Animated Badge */} Update: 1,240 Buku Baru Minggu Ini {/* Main Heading - Stronger Typography */} Baca apa saja, kapan saja, untuk siapa saja. Akses ribuan koleksi buku digital terbaik dari penulis lokal hingga internasional secara instan dan mudah. {/* Search Bar - More Prominent */}
setSearch(e.target.value)} /> {/* Stats - Grid Style */}
{stats.map((stat, i) => ( {stat.value} {stat.label} ))}
{/* Fade effect di sisi kiri & kanan slider agar menyatu dengan background */}
{DuplicatedTestimonials.map((text, index) => (
"{text}"
))}
{/* ── SECTION 2: CURATED COLLECTION ── */}
Koleksi Terpopuler

Jelajahi Dunia Baru.

{/* Filter - Pill Style */}
{categories.map((c) => ( ))}
{/* Book Cards Grid - More Spacing & Interaction */}
{Array.from({ length: 6 }).map((_, i) => { const book = Books[i % Books.length]; return (
{book.title}
{book.title} {book.author}
{book.badge}
) })}
{/* View All CTA */}
Lihat Semua Koleksi
{/* ── SECTION 3: PREMIUM BANNER (RE-DESIGNED) ── */}
{/* Abstract Shapes */}
Membership

Baca Tanpa Batas
dengan Premium.

Dapatkan akses ke buku-buku eksklusif, fitur baca offline, dan tanpa iklan selamanya.

Mulai Dari
Rp 49.000/bln
Upgrade Sekarang

Batalkan kapan saja • Aman 100%

); } Welcome.layout = (page: ReactNode) => {page};