import Link from "next/link"; import { ArrowRight, BookOpen, Users, Award, ChevronRight, Star, Monitor, Code, CheckCircle, FileText, Smile, Briefcase, GraduationCap, Printer, Wifi, Home, Heart, Handshake, MapPin, Phone, Mail, HelpCircle, ChevronDown, Target, LayoutDashboard, Building2, HeartHandshake } from "lucide-react"; import { currentUser } from "@clerk/nextjs/server"; import MobileNav from "@/components/MobileNav"; import { prisma } from "@/lib/prisma"; import { DEFAULT_LANDING_PAGE_DATA } from "@/lib/constants"; // Icon mapping for dynamic rendering const IconMap: any = { Building2, Users, HeartHandshake, Handshake, Smile, Briefcase, Heart, Monitor, Printer, BookOpen, Wifi, Home, Award, MapPin, Phone, Mail, Code, Target }; export default async function LandingPage() { const user = await currentUser(); // Fetch Settings let settings = DEFAULT_LANDING_PAGE_DATA; try { if (prisma.siteSettings) { const dbSettings = await prisma.siteSettings.findUnique({ where: { key: "landing_page" }, }); if (dbSettings?.value) { // Parse JSON string to object const parsedValue = typeof dbSettings.value === 'string' ? JSON.parse(dbSettings.value) : dbSettings.value; settings = { ...DEFAULT_LANDING_PAGE_DATA, ...parsedValue }; } } } catch (error) { console.error("Failed to fetch landing page settings:", error); } // Helper to render icon safely const renderIcon = (iconName: string, className?: string, size = 24) => { const IconComponent = IconMap[iconName] || HelpCircle; return ; }; return (
{/* Navbar */} {/* Hero Section */}
{settings.hero.badge}

{settings.hero.title}

{settings.hero.subtitle}

{settings.hero.description}

{settings.hero.ctaPrimary.text} {settings.hero.ctaSecondary.text}
{settings.hero?.imageUrl ? (
{settings.hero.title}
) : (
{/* Abstract Educational Illustration */}
)}
{/* Tentang Kami Section */}
{settings.about.badge}

{settings.about.title}

{settings.about.description}

{/* Profil Lembaga Section */}

{settings.profile.title}

{settings.profile.items.map((item: any, idx: number) => { let colorClass = "text-blue-600 bg-blue-100"; if (item.color === 'purple') colorClass = "text-purple-600 bg-purple-100"; if (item.color === 'orange') colorClass = "text-orange-600 bg-orange-100"; return (
{renderIcon(item.icon, "", 24)}

{item.title}

{item.description}

); })}
{/* Visi & Misi Section */}
{/* Visi */}
"

Visi Kami

{settings.visionMission.vision}

{/* Misi */}

Misi Utama

    {settings.visionMission.missions.map((mission: any, idx: number) => { let colorClass = "text-green-600 bg-green-100"; if (mission.color === 'purple') colorClass = "text-purple-600 bg-purple-100"; if (mission.color === 'orange') colorClass = "text-orange-600 bg-orange-100"; return (
  • {renderIcon(mission.icon, "", 16)}

    {mission.title}

    {mission.description}

    • ); })}
{/* Prestasi & Dampak Section */}

{settings.stats.title}

{settings.stats.subtitle}

{settings.stats.items.map((stat: any, idx: number) => { // Custom styling for the array elements to match original design if (idx === 2) { // The highlighted card return (
{renderIcon(stat.icon, "", 32)}
{stat.value}

{stat.label}

{stat.description}

); } // Standard cards let colorClass = "text-blue-600 bg-blue-100 text-blue-600"; let valueColor = "text-blue-600"; if (stat.color === 'green') { colorClass = "bg-green-100 text-green-600"; valueColor = "text-green-500"; } return (
{renderIcon(stat.icon, "", 32)}
{stat.value}

{stat.label}

{stat.description}

); })}
{/* Pengajar Section - Keep largely static but use text from settings */}
{/* Illustration Placeholder - Kept static as it's complex CSS */} {/* Illustration Placeholder - Kept static as it's complex CSS */}
{settings.team?.imageUrl ? ( {settings.team.title} ) : (
)}
Tim Profesional

{settings.team.title}

{settings.team.description}

{settings.team.features.map((feature: any, idx: number) => (

{feature.title}

{feature.subtitle}

))}
{/* Program Section */}

{settings.programs.title}

{settings.programs.subtitle}

{settings.programs.items.map((program: any, idx: number) => { let color = "text-blue-600"; let bg = "bg-blue-100"; if (program.color === 'purple') { color = "text-purple-600"; bg = "bg-purple-100"; } if (program.color === 'orange') { color = "text-orange-600"; bg = "bg-orange-100"; } return (

{program.title}

{program.description}

); })}
Lihat Detail Program
{/* Fasilitas Belajar Section */}

{settings.facilities.title}

{settings.facilities.subtitle}

Fasilitas lengkap untuk pengalaman belajar optimal

{settings.facilities.items.map((item: any, i: number) => { let color = "text-blue-500"; if (item.color === 'orange') color = "text-orange-500"; if (item.color === 'purple') color = "text-purple-500"; if (item.color === 'green') color = "text-green-500"; if (item.color === 'red') color = "text-red-500"; return (
{renderIcon(item.icon, color, 18)} {item.label}
); })}
{/* Features Section (Why Us) */}

{settings.whyUs.title}

{settings.whyUs.description}

{settings.whyUs.items.map((feature: any, idx: number) => { let color = "bg-blue-100 text-blue-600"; if (feature.color === 'purple') color = "bg-purple-100 text-purple-600"; if (feature.color === 'orange') color = "bg-orange-100 text-orange-600"; return (
{renderIcon(feature.icon, "", 28)}

{feature.title}

{feature.description}

); })}
{/* Location/Contact Section */}

Kunjungi Kami

Kami selalu senang menyambut Anda. Datang dan konsultasikan kebutuhan belajar Anda secara langsung.

Alamat

{settings.contact.address}

Telepon / WhatsApp

{settings.contact.phone}

Email

{settings.contact.email}

{settings.contact.googleMapsUrl ? ( ) : ( <>
Google Maps Area
4.9 (150 Reviews)
)}
{/* CTA Section */}

{settings.cta.title}

{settings.cta.primaryButton.text} {settings.cta.secondaryButton.text}
{/* Footer */}
{settings.navbar?.logoText || "LKP BINAR"}

{settings.footer.description}

Program

  • Microsoft Office
  • Desain Grafis
  • Web Development
  • Digital Marketing

Kontak

  • {settings.contact.address}
  • {settings.contact.phone}
  • {settings.contact.email}

© {new Date().getFullYear()} {settings.footer?.copyright || "LKP Binar Komputer. All rights reserved."}

Privacy Policy Terms of Service
); }