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"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <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" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>WTell</title> <title>FortivaNet</title>
</head> </head>
<body> <body>
<div id="root"></div> <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, "private": true,
"version": "0.0.0", "version": "0.0.0",
"type": "module", "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> </h2>
<p className="mt-3 text-gray-600 max-w-2xl mx-auto"> <p className="mt-3 text-gray-600 max-w-2xl mx-auto">
Saat ini jaringan dan layanan{" "} 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 menghadirkan internet di berbagai daerah di Kota Bandung hingga
Desa 3T (Tertinggal, Terdepan, Terluar). Desa 3T (Tertinggal, Terdepan, Terluar).
</p> </p>

8
src/components/Footer.jsx
View File

@ -12,7 +12,7 @@ export default function Footer({ footerRef }) {
{/* Logo + Deskripsi */} {/* Logo + Deskripsi */}
<div className="md:col-span-4"> <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"> <p className="text-sm leading-relaxed">
PT. Jaringan Citra Mandiri adalah Perusahaan Swasta yang bergerak di bidang Penyedia PT. Jaringan Citra Mandiri adalah Perusahaan Swasta yang bergerak di bidang Penyedia
Layanan Teknologi Telekomunikasi Berbasis fiber optik. Layanan Teknologi Telekomunikasi Berbasis fiber optik.
@ -76,10 +76,10 @@ export default function Footer({ footerRef }) {
<Phone className="w-4 h-4"/> 0821 2062 3712 <Phone className="w-4 h-4"/> 0821 2062 3712
</li> </li>
<li className="flex items-center gap-2"> <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>
<li className="flex items-center gap-2"> <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> </li>
</ul> </ul>
</div> </div>
@ -87,7 +87,7 @@ export default function Footer({ footerRef }) {
{/* Copyright */} {/* Copyright */}
<div className="border-t border-gray-400 mt-8 pt-4 text-center text-sm"> <div className="border-t border-gray-400 mt-8 pt-4 text-center text-sm">
© 2025 Walanja Telekomunikasi. © 2025 Fortiva Networking.
</div> </div>
</footer> </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"> <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"> <header className="text-4xl md:text-6xl font-bold leading-tight mt-2">
WALANJA <br /> TELEKOMUNIKASI FORTIVA <br /> NETWORKING
</header> </header>
<h1 className="mt-4 text-2xl md:text-3xl>"> <h1 className="mt-4 text-2xl md:text-3xl>">
Always Connected Connected Everywhere
</h1> </h1>
</div> </div>
</section> </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"> <nav className="max-w-7xl mx-auto flex items-center justify-between px-6 lg:px-12 py-4 relative">
{/* Logo */} {/* Logo */}
<div className="flex items-center space-x-2"> <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 <span
className={`text-lg font-bold transition-colors duration-300 ${ className={`text-lg font-bold transition-colors duration-300 ${
scrolled ? "text-black" : "text-white" scrolled ? "text-black" : "text-white"
}`} }`}
> >
WTell FortivaNet
</span> </span>
</div> </div>

8
src/components/Produk.jsx
View File

@ -5,19 +5,19 @@ export default function Produk() {
const products = [ const products = [
{ {
icon: <Wifi className="w-8 h-8 text-blue-600" />, 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.", 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" gradient: "from-blue-500/20 to-blue-100/40"
}, },
{ {
icon: <Network className="w-8 h-8 text-yellow-500" />, 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.", 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" gradient: "from-yellow-400/30 to-yellow-100/40"
}, },
{ {
icon: <Cog className="w-8 h-8 text-blue-700" />, 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.", desc: "Menyediakan layanan Engineering, Procurement, Construction: Survey, Design, Deployment, Operation & Maintenance, FTIX.",
gradient: "from-blue-300/40 to-blue-100/30" 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="absolute inset-0 bg-white/95"></div>
<div className="relative z-10"> <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 Produk
</h2> </h2>
<p className="text-gray-700 max-w-3xl mx-auto mb-12 px-4"> <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 */} {/* Logo di kiri */}
<div className="flex justify-center md:justify-start flex-shrink-0"> <div className="flex justify-center md:justify-start flex-shrink-0">
<img <img
src="/WTell_logo.png" src="/Finals_Profile.png"
alt="Logo WTELL" alt="Logo WTELL"
className="w-44 md:w-56" className="w-44 md:w-56"
/> />
@ -54,7 +54,7 @@ export default function About() {
{/* Deskripsi di kanan */} {/* Deskripsi di kanan */}
<div className="text-center md:text-left"> <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 PT. Jaringan Citra Mandiri
</h2> </h2>
<p className="text-gray-700 leading-relaxed mb-4"> <p className="text-gray-700 leading-relaxed mb-4">
@ -62,7 +62,7 @@ export default function About() {
Teknologi Telekomunikasi Berbasis Fiber Optic. Teknologi Telekomunikasi Berbasis Fiber Optic.
</p> </p>
<p className="text-gray-700 leading-relaxed"> <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 berkomitmen menjadi Penyedia Layanan Teknologi Telekomunikasi
Berbasis Fiber Optic yang Handal dan Profesional. Berbasis Fiber Optic yang Handal dan Profesional.
</p> </p>