<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Innovation Factory | Global Corporate Portal</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;400;600;800&display=swap" rel="stylesheet">
<style>
:root { --laus-black: #050505; --laus-slate: #111111; --laus-accent: #FFFFFF; }
body { font-family: 'Plus Jakarta Sans', sans-serif; background-color: var(--laus-black); color: #E5E7EB; scroll-behavior: smooth; }
.glass-nav { background: rgba(5, 5, 5, 0.8); backdrop-filter: saturate(180%) blur(20px); border-bottom: 1px solid rgba(255,255,255,0.05); }
.sap-card { background: var(--laus-slate); border: 1px solid rgba(255,255,255,0.05); transition: 0.3s; }
.sap-card:hover { border-color: rgba(255,255,255,0.2); }
.section-label { letter-spacing: 0.4em; font-size: 0.65rem; text-transform: uppercase; color: rgba(255,255,255,0.4); font-weight: 700; }
</style>
</head>
<body class="antialiased">
<nav class="fixed w-full z-50 px-6 md:px-12 py-5 flex justify-between items-center glass-nav">
<div class="flex items-center gap-4">
<div class="w-8 h-8 bg-white rounded-sm flex items-center justify-center text-black font-black text-xs">IF</div>
<span class="font-bold tracking-tighter text-lg uppercase">Innovation Factory</span>
</div>
<div class="hidden md:flex gap-10 text-[11px] font-bold uppercase tracking-widest">
<a href="#profile" class="hover:text-white transition opacity-50 hover:opacity-100">Company Profile</a>
<a href="#ecosystem" class="hover:text-white transition opacity-50 hover:opacity-100">Solutions</a>
<a href="#network" class="hover:text-white transition opacity-50 hover:opacity-100">Network</a>
<a href="#investors" class="hover:text-white transition opacity-50 hover:opacity-100 underline decoration-2 underline-offset-8 text-white">Investors</a>
</div>
</nav>
<section class="pt-40 pb-20 px-6 md:px-12 max-w-7xl mx-auto">
<p class="section-label mb-4">Established 2024 • Laus Group Edition</p>
<h1 class="text-6xl md:text-[100px] font-extrabold leading-[0.9] tracking-tighter mb-10">
INTELLIGENT <br><span class="opacity-30">CONGLOMERATE</span><br> ARCHITECTURE.
</h1>
<div class="h-px w-full bg-white/10 mb-10"></div>
<div class="grid md:grid-cols-3 gap-12">
<p class="text-lg opacity-60 leading-relaxed">We engineer the digital nervous system for the Philippines' premier automotive network, integrating 65+ locations into a single, high-fidelity platform.</p>
<div class="flex flex-col gap-1">
<span class="text-3xl font-bold">₱5.2B+</span>
<span class="text-[10px] uppercase tracking-widest opacity-40">Assets Under Automation</span>
</div>
<div class="flex flex-col gap-1">
<span class="text-3xl font-bold">120k+</span>
<span class="text-[10px] uppercase tracking-widest opacity-40">Digital Contracts Processed</span>
</div>
</div>
</section>
<section id="profile" class="py-24 px-6 md:px-12 bg-zinc-950">
<div class="max-w-7xl mx-auto">
<h2 class="section-label mb-12">Company Profile & Governance</h2>
<div class="grid md:grid-cols-2 gap-px bg-white/10 border border-white/10">
<div class="bg-zinc-950 p-10">
<h3 class="text-xs uppercase opacity-40 mb-2">Core Mission</h3>
<p class="text-xl">To modernize the automotive value chain through proprietary AI and zero-latency logistics.</p>
</div>
<div class="bg-zinc-950 p-10">
<h3 class="text-xs uppercase opacity-40 mb-2">Primary Brands</h3>
<p class="text-xl font-light">BMW, Ford, Mazda, Mitsubishi, Chevrolet, Peugeot, and Hino.</p>
</div>
<div class="bg-zinc-950 p-10">
<h3 class="text-xs uppercase opacity-40 mb-2">Key Accomplishment</h3>
<p class="text-xl italic">Winner: 2025 APAC Digital Transformation Excellence Award.</p>
</div>
<div class="bg-zinc-950 p-10">
<h3 class="text-xs uppercase opacity-40 mb-2">Tech Stack</h3>
<p class="text-xl">FlutterFlow Enterprise + Firebase + RAG-based AI Architecture.</p>
</div>
</div>
</div>
</section>
<section id="ecosystem" class="py-24 px-6 md:px-12 max-w-7xl mx-auto">
<h2 class="section-label mb-12">Technical Ecosystem</h2>
<div class="grid md:grid-cols-3 gap-6">
<div class="sap-card p-8 rounded-sm">
<div class="h-12 w-12 border border-white/20 mb-6 flex items-center justify-center font-bold text-xs">01</div>
<h4 class="text-lg font-bold mb-4">Digital Ledger Control</h4>
<p class="text-sm opacity-50">CEO-level approval gateways for every high-value reservation and transaction, ensuring financial integrity.</p>
</div>
<div class="sap-card p-8 rounded-sm">
<div class="h-12 w-12 border border-white/20 mb-6 flex items-center justify-center font-bold text-xs">02</div>
<h4 class="text-lg font-bold mb-4">Paul AI Integration</h4>
<p class="text-sm opacity-50">Advanced RAG (Retrieval-Augmented Generation) assistant managing customer queries 24/7 with zero human leakage.</p>
</div>
<div class="sap-card p-8 rounded-sm">
<div class="h-12 w-12 border border-white/20 mb-6 flex items-center justify-center font-bold text-xs">03</div>
<h4 class="text-lg font-bold mb-4">The Boomerang</h4>
<p class="text-sm opacity-50">Automated 6-month service lifecycle triggers that maintain a 92% customer retention rate.</p>
</div>
</div>
</section>
<footer class="py-20 px-6 border-t border-white/5 text-center">
<div class="text-[10px] tracking-[0.6em] opacity-20 uppercase">The Innovation Factory | A Laus Group Subsidiary</div>
</footer>
</body>
</html>