2 Commits

Author SHA1 Message Date
58e0421c26 Merge version_2 into main
Merge version_2 into main
2026-05-14 13:59:05 +00:00
237658a4a6 Update src/app/page.tsx 2026-05-14 13:59:02 +00:00

View File

@@ -31,22 +31,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={[
{ { name: "Tentang Kami", id: "#about" },
name: "About", { name: "Fitur", id: "#features" },
id: "#about", { name: "Testimoni", id: "#testimonials" },
}, { name: "Kontak", id: "#contact" },
{
name: "Features",
id: "#features",
},
{
name: "Testimonials",
id: "#testimonials",
},
{
name: "Contact",
id: "#contact",
},
]} ]}
brandName="BrandIdentity" brandName="BrandIdentity"
/> />
@@ -54,42 +42,16 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel <HeroBillboardRotatedCarousel
background={{ background={{ variant: "rotated-rays-animated" }}
variant: "rotated-rays-animated", title="Mendefinisikan Masa Depan Industri Anda"
}} description="Kami menciptakan solusi digital premium untuk bisnis modern di Indonesia yang mendorong pertumbuhan, otoritas, dan kesuksesan terukur."
title="Defining the Future of Your Industry"
description="We craft premium digital experiences that drive growth, authority, and measurable success for modern brands."
carouselItems={[ carouselItems={[
{ { id: "h1", imageSrc: "https://images.unsplash.com/photo-1577495508048-b635879837f1?auto=format&fit=crop&w=1200&q=80", imageAlt: "Solusi Digital Kreatif" },
id: "h1", { id: "h2", imageSrc: "https://images.unsplash.com/photo-1550745165-9bc0b252726f?auto=format&fit=crop&w=1200&q=80", imageAlt: "Transformasi Bisnis Modern" },
imageSrc: "http://img.b2bpic.net/free-photo/close-up-creative-background-with-white-shapes_23-2148811503.jpg", { id: "h3", imageSrc: "https://images.unsplash.com/photo-1542744095-291d1f67b221?auto=format&fit=crop&w=1200&q=80", imageAlt: "Strategi Pertumbuhan Perusahaan" },
imageAlt: "modern abstract background warm beige", { id: "h4", imageSrc: "https://images.unsplash.com/photo-1519389950473-47ba0277781c?auto=format&fit=crop&w=1200&q=80", imageAlt: "Kolaborasi Tim Kreatif" },
}, { id: "h5", imageSrc: "https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?auto=format&fit=crop&w=1200&q=80", imageAlt: "Analitik Data Bisnis" },
{ { id: "h6", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?auto=format&fit=crop&w=1200&q=80", imageAlt: "Layanan Konsultasi Profesional" },
id: "h2",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-beige-make-up-background_23-2148320965.jpg",
imageAlt: "modern abstract background warm beige",
},
{
id: "h3",
imageSrc: "http://img.b2bpic.net/free-photo/blurry-yellow-shades-grass-leaves_23-2148787321.jpg",
imageAlt: "modern abstract background warm beige",
},
{
id: "h4",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-oily-bubbles-droplets-colourful-watery-backdrop_23-2148290131.jpg",
imageAlt: "modern abstract background warm beige",
},
{
id: "h5",
imageSrc: "http://img.b2bpic.net/free-photo/gray-futuristic-wireframe-abstract-background_53876-104038.jpg",
imageAlt: "modern abstract background warm beige",
},
{
id: "h6",
imageSrc: "http://img.b2bpic.net/free-photo/creative-background-with-white-shapes_23-2148811500.jpg",
imageAlt: "modern abstract background warm beige",
},
]} ]}
/> />
</div> </div>
@@ -97,11 +59,9 @@ export default function LandingPage() {
<div id="about" data-section="about"> <div id="about" data-section="about">
<TextSplitAbout <TextSplitAbout
useInvertedBackground={true} useInvertedBackground={true}
title="Purpose-Driven Design" title="Desain Berbasis Tujuan"
description={[ description={[
"At the intersection of strategy and creative excellence, we build platforms that matter.", "Di persimpangan antara strategi dan keunggulan kreatif, kami membangun platform yang bermakna.", "Tim kami berdedikasi untuk memberikan solusi dampak tinggi bagi bisnis yang canggih di Indonesia."]}
"Our team focuses on delivering high-impact solutions for sophisticated businesses.",
]}
/> />
</div> </div>
@@ -111,36 +71,12 @@ export default function LandingPage() {
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ { id: "f1", title: "Branding Strategis", tags: ["Strategi", "Kreatif"], imageSrc: "https://images.unsplash.com/photo-1626785774573-4b799315347d?auto=format&fit=crop&w=800&q=80" },
id: "f1", { id: "f2", title: "Transformasi Digital", tags: ["Teknologi", "Proses"], imageSrc: "https://images.unsplash.com/photo-1518432031352-d6fc5c10da5a?auto=format&fit=crop&w=800&q=80" },
title: "Strategic Branding", { id: "f3", title: "Analitik Pertumbuhan", tags: ["Pertumbuhan", "Wawasan"], imageSrc: "https://images.unsplash.com/photo-1551288049-bebda4e38f71?auto=format&fit=crop&w=800&q=80" },
tags: [
"Strategy",
"Creative",
],
imageSrc: "http://img.b2bpic.net/free-photo/25th-years-anniversary-celebration-3d-render_460848-10575.jpg",
},
{
id: "f2",
title: "Digital Transformation",
tags: [
"Tech",
"Process",
],
imageSrc: "http://img.b2bpic.net/free-vector/20-analytic-investment-balanced-scorecard-solid-glyph-icon-pack-like-scale-implementation-match-savings-gold_1142-19318.jpg",
},
{
id: "f3",
title: "Growth Analytics",
tags: [
"Growth",
"Insights",
],
imageSrc: "http://img.b2bpic.net/free-photo/25th-years-anniversary-celebration-3d-render_460848-10831.jpg",
},
]} ]}
title="Comprehensive Capabilities" title="Kapabilitas Komprehensif"
description="We offer a suite of services designed to scale your business operations and brand presence." description="Kami menawarkan serangkaian layanan yang dirancang untuk menskalakan operasional dan kehadiran merek Anda di pasar lokal maupun internasional."
/> />
</div> </div>
@@ -150,39 +86,12 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
metrics={[ metrics={[
{ { id: "m1", value: "150+", title: "Peluncuran Sukses", items: ["Proyek", "Sistem", "Skala"] },
id: "m1", { id: "m2", value: "200%", title: "Pertumbuhan Rata-Rata", items: ["Pendapatan", "Traffic", "Engagement"] },
value: "150+", { id: "m3", value: "100%", title: "Kepuasan Klien", items: ["Retainers", "Dukungan", "Kemitraan"] },
title: "Successful Launches",
items: [
"Projects",
"Systems",
"Scales",
],
},
{
id: "m2",
value: "200%",
title: "Average Growth",
items: [
"Revenue",
"Traffic",
"Engagement",
],
},
{
id: "m3",
value: "100%",
title: "Client Satisfaction",
items: [
"Retainers",
"Support",
"Partnerships",
],
},
]} ]}
title="Proven Results" title="Hasil Terbukti"
description="We focus on data-driven growth." description="Kami fokus pada pertumbuhan berbasis data untuk kemajuan bisnis Anda."
/> />
</div> </div>
@@ -192,50 +101,13 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ { id: "t1", name: "Budi Santoso", handle: "@budisantoso", testimonial: "Layanan luar biasa dan desain yang sangat berkelas.", rating: 5, imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?auto=format&fit=crop&w=400&q=80" },
id: "t1", { id: "t2", name: "Siti Aminah", handle: "@sitiaminah", testimonial: "Berhasil mentransformasi identitas merek kami sepenuhnya.", rating: 5, imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?auto=format&fit=crop&w=400&q=80" },
name: "John Doe", { id: "t3", name: "Andi Wijaya", handle: "@andiwijaya", testimonial: "Profesional, cepat, dan sangat kreatif.", rating: 5, imageSrc: "https://images.unsplash.com/photo-1560250097-0b93528c31e0?auto=format&fit=crop&w=400&q=80" },
handle: "@johndoe",
testimonial: "Excellent service and design sense.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",
},
{
id: "t2",
name: "Jane Smith",
handle: "@janesmith",
testimonial: "Transformed our brand identity completely.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg",
},
{
id: "t3",
name: "Michael Brown",
handle: "@mbrown",
testimonial: "Professional, fast, and very creative.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-suit_23-2149705918.jpg",
},
{
id: "t4",
name: "Sarah Connor",
handle: "@sconnor",
testimonial: "Best development partner we've had.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/serious-young-businessman-pointing-camera_1262-3837.jpg",
},
{
id: "t5",
name: "David Wilson",
handle: "@dwilson",
testimonial: "Truly exceeded all of our expectations.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg",
},
]} ]}
showRating={true} showRating={true}
title="Client Success" title="Kesuksesan Klien"
description="Hear from the partners we have helped." description="Dengar cerita dari para mitra yang telah kami bantu untuk berkembang."
/> />
</div> </div>
@@ -243,17 +115,9 @@ export default function LandingPage() {
<SocialProofOne <SocialProofOne
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
names={[ names={["InnovateTech", "GrowthInc", "GlobalBrands", "NextGenSystems", "CreativeLabs"]}
"InnovateTech", title="Dipercaya Oleh Pemimpin"
"GrowthInc", description="Bermitra dengan organisasi yang berpandangan jauh ke depan di seluruh dunia."
"GlobalBrands",
"NextGenSystems",
"CreativeLabs",
"FutureHoldings",
"VisionCorp",
]}
title="Trusted By Leaders"
description="Partnering with forward-thinking organizations worldwide."
/> />
</div> </div>
@@ -262,26 +126,14 @@ export default function LandingPage() {
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ { id: "q1", title: "Bagaimana cara memulai?", content: "Jadwalkan sesi konsultasi melalui formulir kontak kami." },
id: "q1", { id: "q2", title: "Berapa lama prosesnya?", content: "Timeline disesuaikan dengan kompleksitas proyek Anda." },
title: "How do we start?", { id: "q3", title: "Apakah ada dukungan berkelanjutan?", content: "Ya, kami menyediakan layanan pemeliharaan ongoing." },
content: "Book a discovery call through our contact form.",
},
{
id: "q2",
title: "What is the timeline?",
content: "Timelines depend on project complexity.",
},
{
id: "q3",
title: "Do you offer support?",
content: "Yes, we provide ongoing maintenance services.",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/top-view-assortment-still-life-friendship-day-elements_23-2148970493.jpg" imageSrc="https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=800&q=80"
mediaAnimation="slide-up" mediaAnimation="slide-up"
title="Common Questions" title="Pertanyaan Umum"
description="Get answers to your inquiries regarding our process." description="Dapatkan jawaban atas pertanyaan Anda mengenai proses kami."
faqsAnimation="slide-up" faqsAnimation="slide-up"
/> />
</div> </div>
@@ -289,54 +141,23 @@ export default function LandingPage() {
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactText <ContactText
useInvertedBackground={true} useInvertedBackground={true}
background={{ background={{ variant: "sparkles-gradient" }}
variant: "sparkles-gradient", text="Siap mendiskusikan proyek Anda? Mari berbincang."
}} buttons={[{ text: "Hubungi Kami", href: "#" }]}
text="Ready to discuss your project? Lets talk."
buttons={[
{
text: "Contact Us",
href: "#",
},
]}
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterMedia <FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/abstract-dull-earth-tone-background_53876-104722.jpg" imageSrc="https://images.unsplash.com/photo-1517245386807-bb43f82c33c4?auto=format&fit=crop&w=1200&q=80"
logoText="BrandIdentity" logoText="BrandIdentity"
columns={[ columns={[
{ { title: "Navigasi", items: [{ label: "Tentang", href: "#about" }, { label: "Fitur", href: "#features" }] },
title: "Navigation", { title: "Legal", items: [{ label: "Kebijakan Privasi", href: "#" }, { label: "Ketentuan Penggunaan", href: "#" }] },
items: [
{
label: "About",
href: "#about",
},
{
label: "Features",
href: "#features",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Use",
href: "#",
},
],
},
]} ]}
/> />
</div> </div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }