372 lines
12 KiB
TypeScript
372 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="large"
|
|
background="none"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Fitur",
|
|
id: "#fitur",
|
|
},
|
|
{
|
|
name: "Analitik",
|
|
id: "#analitik",
|
|
},
|
|
{
|
|
name: "Testimoni",
|
|
id: "#testimoni",
|
|
},
|
|
]}
|
|
brandName="Syndicate Pro"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitTestimonial
|
|
background={{
|
|
variant: "gradient-bars",
|
|
}}
|
|
title="Transformasi Bisnis UMKM dengan AI"
|
|
description="Syndicate Pro AI membantu Anda mengubah data menjadi aksi nyata, mengoptimalkan keuntungan, dan memprediksi masa depan bisnis Anda hari ini."
|
|
testimonials={[
|
|
{
|
|
name: "Sarah A.",
|
|
handle: "@sarah_fashion",
|
|
testimonial: "Syndicate Pro AI benar-benar mengubah cara kami mengelola stok. Efisiensi luar biasa!",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-using-laptop-restaurant_23-2147956341.jpg",
|
|
},
|
|
{
|
|
name: "Budi K.",
|
|
handle: "@budi_toko",
|
|
testimonial: "Notifikasi stoknya sangat akurat. Kami tidak pernah kehabisan barang lagi.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-caucasian-fair-haired-woman-standing-near-rack-with-dresses-clothes-store-looking-camera-smiling-boutique-customer-shop-assistant-concept_74855-11778.jpg",
|
|
},
|
|
{
|
|
name: "Dina R.",
|
|
handle: "@dina_fnb",
|
|
testimonial: "Fitur AI Visualizer menghemat biaya desainer kami setiap bulan.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-businessman-standing-front-wooden-table-with-his-arm-crossed_23-2148087133.jpg",
|
|
},
|
|
{
|
|
name: "Eka S.",
|
|
handle: "@eka_craft",
|
|
testimonial: "Luar biasa! Insight datanya membantu kami memperluas jangkauan pasar.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cropped-man-reading-text-message-his-smartphone-standing-office-building_1098-19118.jpg",
|
|
},
|
|
{
|
|
name: "Fani W.",
|
|
handle: "@fani_books",
|
|
testimonial: "Manajemen toko menjadi jauh lebih mudah dengan automasi yang disediakan.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-entrepreneur-cafe-owner-standing-door-entrance-smiling-looking_1258-199348.jpg",
|
|
},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Mulai Gratis",
|
|
href: "#",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241199.jpg?_wi=1"
|
|
imageAlt="Syndicate Pro AI Dashboard"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/smiling-businessman-using-laptop-restaurant_23-2147956341.jpg",
|
|
alt: "User 1",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-caucasian-fair-haired-woman-standing-near-rack-with-dresses-clothes-store-looking-camera-smiling-boutique-customer-shop-assistant-concept_74855-11778.jpg",
|
|
alt: "User 2",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/confident-young-businessman-standing-front-wooden-table-with-his-arm-crossed_23-2148087133.jpg",
|
|
alt: "User 3",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/cropped-man-reading-text-message-his-smartphone-standing-office-building_1098-19118.jpg",
|
|
alt: "User 4",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-young-female-entrepreneur-cafe-owner-standing-door-entrance-smiling-looking_1258-199348.jpg",
|
|
alt: "User 5",
|
|
},
|
|
]}
|
|
avatarText="Dipercaya oleh 500+ UMKM"
|
|
marqueeItems={[
|
|
{
|
|
type: "text",
|
|
text: "Pertumbuhan Bisnis",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Efisiensi Operasional",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Prediksi Pasar",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Optimasi Stok",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Automasi Pemasaran",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="fitur" data-section="fitur">
|
|
<FeatureCardTwentyThree
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "f1",
|
|
title: "Trend Scouting",
|
|
tags: [
|
|
"Prediktif",
|
|
"Peluang",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "f2",
|
|
title: "AI Copywriter",
|
|
tags: [
|
|
"Pemasaran",
|
|
"Otomatis",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/team-working-together-project_23-2149325450.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "f3",
|
|
title: "StokCerdas AI",
|
|
tags: [
|
|
"Inventaris",
|
|
"Efisiensi",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-manager-working-with-report-data_1262-3723.jpg?_wi=1",
|
|
},
|
|
]}
|
|
title="Fitur Unggulan Kami"
|
|
description="Solusi cerdas untuk setiap masalah bisnis Anda."
|
|
/>
|
|
</div>
|
|
|
|
<div id="analitik" data-section="analitik">
|
|
<MetricCardSeven
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1",
|
|
value: "35%",
|
|
title: "Prediksi Lonjakan Permintaan",
|
|
items: [
|
|
"Mingguan",
|
|
"Akurasi Tinggi",
|
|
],
|
|
},
|
|
{
|
|
id: "m2",
|
|
value: "2x",
|
|
title: "Efisiensi Operasional",
|
|
items: [
|
|
"CS Cepat",
|
|
"Respon AI",
|
|
],
|
|
},
|
|
{
|
|
id: "m3",
|
|
value: "100%",
|
|
title: "Automasi Pemasaran",
|
|
items: [
|
|
"Visual",
|
|
"Caption",
|
|
],
|
|
},
|
|
]}
|
|
title="Analitik Proaktif"
|
|
description="Data yang bekerja untuk pertumbuhan Anda."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimoni" data-section="testimoni">
|
|
<TestimonialCardFive
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "t1",
|
|
name: "Sarah A.",
|
|
date: "12 Jan 2025",
|
|
title: "CEO Fashion",
|
|
quote: "Sangat membantu!",
|
|
tag: "SaaS",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-using-laptop-restaurant_23-2147956341.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241199.jpg?_wi=2",
|
|
imageAlt: "saas dashboard interface dark mode",
|
|
},
|
|
{
|
|
id: "t2",
|
|
name: "Budi K.",
|
|
date: "15 Jan 2025",
|
|
title: "Toko Retail",
|
|
quote: "AI yang cerdas.",
|
|
tag: "Retail",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/happy-caucasian-fair-haired-woman-standing-near-rack-with-dresses-clothes-store-looking-camera-smiling-boutique-customer-shop-assistant-concept_74855-11778.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg?_wi=2",
|
|
imageAlt: "ai technology concept business",
|
|
},
|
|
{
|
|
id: "t3",
|
|
name: "Dina R.",
|
|
date: "20 Jan 2025",
|
|
title: "Kuliner",
|
|
quote: "Hemat waktu.",
|
|
tag: "F&B",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/confident-young-businessman-standing-front-wooden-table-with-his-arm-crossed_23-2148087133.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/team-working-together-project_23-2149325450.jpg?_wi=2",
|
|
imageAlt: "content marketing social media ui",
|
|
},
|
|
{
|
|
id: "t4",
|
|
name: "Eka S.",
|
|
date: "22 Jan 2025",
|
|
title: "Kerajinan",
|
|
quote: "Sangat inovatif.",
|
|
tag: "Arts",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/cropped-man-reading-text-message-his-smartphone-standing-office-building_1098-19118.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-manager-working-with-report-data_1262-3723.jpg?_wi=2",
|
|
imageAlt: "inventory management system dashboard",
|
|
},
|
|
{
|
|
id: "t5",
|
|
name: "Fani W.",
|
|
date: "25 Jan 2025",
|
|
title: "Toko Buku",
|
|
quote: "Meningkatkan margin.",
|
|
tag: "Retail",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-entrepreneur-cafe-owner-standing-door-entrance-smiling-looking_1258-199348.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg?_wi=1",
|
|
imageAlt: "profit margins financial chart",
|
|
},
|
|
]}
|
|
title="Apa Kata Mereka"
|
|
description="UMKM yang telah bertumbuh bersama Syndicate Pro AI."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Siap Tumbuh?"
|
|
description="Mari konsultasikan bisnis Anda hari ini."
|
|
inputs={[
|
|
{
|
|
name: "name",
|
|
type: "text",
|
|
placeholder: "Nama Anda",
|
|
required: true,
|
|
},
|
|
{
|
|
name: "email",
|
|
type: "email",
|
|
placeholder: "Email Anda",
|
|
required: true,
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg?_wi=2"
|
|
mediaAnimation="slide-up"
|
|
textarea={{
|
|
name: "message",
|
|
placeholder: "Ceritakan kebutuhan bisnis Anda",
|
|
rows: 4,
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241199.jpg?_wi=3"
|
|
columns={[
|
|
{
|
|
title: "Perusahaan",
|
|
items: [
|
|
{
|
|
label: "Tentang",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Karir",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Produk",
|
|
items: [
|
|
{
|
|
label: "Fitur",
|
|
href: "#fitur",
|
|
},
|
|
{
|
|
label: "Analitik",
|
|
href: "#analitik",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{
|
|
label: "Privasi",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Ketentuan",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|