adel
/
LandingPage-Fnet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fortiva Landing Page

This commit is contained in:
adelyaou 2025-09-15 23:58:45 +07:00
parent ee7540a820
commit 1a31d8dd76
12 changed files with 313 additions and 299 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
index.html
View File

@ -2,9 +2,9 @@
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/png" href="/Wtell2r.png" />
<link rel="icon" type="image/png" href="/Finals_Icon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>WTell</title>
<title>FortivaNet</title>
</head>
<body>
<div id="root"></div>

572
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

2
package.json
View File

@ -1,5 +1,5 @@
{
"name": "walanja-landing",
"name": "FortivaNet-landing",
"private": true,
"version": "0.0.0",
"type": "module",

BIN
public/Finals_Horizontal.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

BIN
public/Finals_Icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

BIN
public/Finals_Profile.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

2
src/components/Cakupan.jsx
View File

@ -14,7 +14,7 @@ export default function Cakupan() {
</h2>
<p className="mt-3 text-gray-600 max-w-2xl mx-auto">
Saat ini jaringan dan layanan{" "}
<span className="font-semibold">WTELL</span> telah berhasil
<span className="font-semibold">FortivaNet</span> telah berhasil
menghadirkan internet di berbagai daerah di Kota Bandung hingga
Desa 3T (Tertinggal, Terdepan, Terluar).
</p>

8
src/components/Footer.jsx
View File

@ -12,7 +12,7 @@ export default function Footer({ footerRef }) {
{/* Logo + Deskripsi */}
<div className="md:col-span-4">
<img src="/WTell.png" alt="Walanja Logo" className="w-32 mb-4" />
<img src="/Finals_Profile.png" alt="FortivaNet Logo" className="w-32 mb-4" />
<p className="text-sm leading-relaxed">
PT. Jaringan Citra Mandiri adalah Perusahaan Swasta yang bergerak di bidang Penyedia
Layanan Teknologi Telekomunikasi Berbasis fiber optik.
@ -76,10 +76,10 @@ export default function Footer({ footerRef }) {
<Phone className="w-4 h-4"/> 0821 2062 3712
</li>
<li className="flex items-center gap-2">
<Mail className="w-4 h-4"/> cs@wtell.id
<Mail className="w-4 h-4"/> cs@fnet.id
</li>
<li className="flex items-center gap-2">
<Earth className="w-4 h-4"/> https://www.wtell.id/
<Earth className="w-4 h-4"/> https://www.fnet.id/
</li>
</ul>
</div>
@ -87,7 +87,7 @@ export default function Footer({ footerRef }) {
{/* Copyright */}
<div className="border-t border-gray-400 mt-8 pt-4 text-center text-sm">
© 2025 Walanja Telekomunikasi.
© 2025 Fortiva Networking.
</div>
</footer>
);

4
src/components/Hero.jsx
View File

@ -14,10 +14,10 @@ export default function Hero() {
<div className="relative z-10 flex flex-col justify-center h-full px-6 lg:px-20 text-white max-w-3xl">
<header className="text-4xl md:text-6xl font-bold leading-tight mt-2">
WALANJA <br /> TELEKOMUNIKASI
FORTIVA <br /> NETWORKING
</header>
<h1 className="mt-4 text-2xl md:text-3xl>">
Always Connected
Connected Everywhere
</h1>
</div>
</section>

4
src/components/Navbar.jsx
View File

@ -52,13 +52,13 @@ export default function Navbar() {
<nav className="max-w-7xl mx-auto flex items-center justify-between px-6 lg:px-12 py-4 relative">
{/* Logo */}
<div className="flex items-center space-x-2">
<img src="/WTell.png" alt="logo" className="h-7 w-auto object-contain" />
<img src="/Finals_Icon.png" alt="logo" className="h-7 w-auto object-contain" />
<span
className={`text-lg font-bold transition-colors duration-300 ${
scrolled ? "text-black" : "text-white"
}`}
>
WTell
FortivaNet
</span>
</div>

8
src/components/Produk.jsx
View File

@ -5,19 +5,19 @@ export default function Produk() {
const products = [
{
icon: <Wifi className="w-8 h-8 text-blue-600" />,
title: "WTELL LastMile Connection",
title: "FNET LastMile Connection",
desc: "Solusi bagi penyedia layanan internet untuk melayani pelanggan Last Mile tanpa harus membangun jaringan fiber optic sendiri.",
gradient: "from-blue-500/20 to-blue-100/40"
},
{
icon: <Network className="w-8 h-8 text-yellow-500" />,
title: "WTELL Metro Link",
title: "FNET Metro Link",
desc: "Layanan jaringan serat optik Point to Point dan Point to Multi Point dengan kapasitas tinggi dan infrastruktur handal.",
gradient: "from-yellow-400/30 to-yellow-100/40"
},
{
icon: <Cog className="w-8 h-8 text-blue-700" />,
title: "WTELL EPC Solution",
title: "FNET EPC Solution",
desc: "Menyediakan layanan Engineering, Procurement, Construction: Survey, Design, Deployment, Operation & Maintenance, FTIX.",
gradient: "from-blue-300/40 to-blue-100/30"
}
@ -35,7 +35,7 @@ export default function Produk() {
<div className="absolute inset-0 bg-white/95"></div>
<div className="relative z-10">
<h2 className="text-3xl md:text-4xl font-bold mb-4 text-blue-900">
<h2 className="text-3xl md:text-4xl font-bold mb-4 text-color-rgb(20,91,181)">
Produk
</h2>
<p className="text-gray-700 max-w-3xl mx-auto mb-12 px-4">

6
src/pages/About.jsx
View File

@ -46,7 +46,7 @@ export default function About() {
{/* Logo di kiri */}
<div className="flex justify-center md:justify-start flex-shrink-0">
<img
src="/WTell_logo.png"
src="/Finals_Profile.png"
alt="Logo WTELL"
className="w-44 md:w-56"
/>
@ -54,7 +54,7 @@ export default function About() {
{/* Deskripsi di kanan */}
<div className="text-center md:text-left">
<h2 className="text-3xl font-bold text-blue-700 mb-4">
<h2 className="text-3xl font-bold text-color-rgb(20,91,181)">
PT. Jaringan Citra Mandiri
</h2>
<p className="text-gray-700 leading-relaxed mb-4">
@ -62,7 +62,7 @@ export default function About() {
Teknologi Telekomunikasi Berbasis Fiber Optic.
</p>
<p className="text-gray-700 leading-relaxed">
Berdiri sejak tahun 2018, <span className="font-semibold text-blue-700">WTELL</span>{" "}
Berdiri sejak tahun 2018, <span className="font-semibold text-color-rgb(20,91,181)">Fortiva Networking</span>{" "}
berkomitmen menjadi Penyedia Layanan Teknologi Telekomunikasi
Berbasis Fiber Optic yang Handal dan Profesional.
</p>