bender/eafad166-fe34-4be2-bb4b-dd6cec152557
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 2 commits from version_1 into main 2026-03-11 16:03:59 +00:00
Conversation 0 Commits 2 Files Changed 2 +60 -203
2 changed files with 60 additions and 203 deletions
Download Patch File Download Diff File Expand all files Collapse all files

211
src/app/page.tsx
View File

@@ -24,8 +24,7 @@ export default function HomePage() {
const footerColumns = [
{
title: "Product",
items: [
title: "Product", items: [
{ label: "Design Services", href: "/services" },
{ label: "Digital Marketing", href: "/services" },
{ label: "Web Development", href: "/services" },
@@ -33,8 +32,7 @@ export default function HomePage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Portfolio", href: "/portfolio" },
{ label: "Client Stories", href: "/client-stories" },
@@ -42,8 +40,7 @@ export default function HomePage() {
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "Blog", href: "#" },
{ label: "Case Studies", href: "/client-stories" },
{ label: "FAQ", href: "#" },
@@ -51,8 +48,7 @@ export default function HomePage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" },
@@ -68,7 +64,7 @@ export default function HomePage() {
borderRadius="soft"
contentWidth="smallMedium"
sizing="large"
background="grid"
background="circleGradient"
cardStyle="glass-depth"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="solid"
@@ -79,9 +75,7 @@ export default function HomePage() {
brandName="Creatives 99"
navItems={navItems}
button={{
text: "Mulai Kolaborasi",
href: "/contact",
}}
text: "Mulai Kolaborasi", href: "/contact"}}
/>
</div>
@@ -92,49 +86,27 @@ export default function HomePage() {
tag="Creative Agency"
tagIcon={Sparkles}
tagAnimation="slide-up"
background={{ variant: "grid" }}
background={{ variant: "rotated-rays-animated-grid" }}
buttons={[
{
text: "Mulai Kolaborasi",
href: "/contact",
},
text: "Mulai Kolaborasi", href: "/contact"},
{
text: "Lihat Portfolio",
href: "/portfolio",
},
text: "Lihat Portfolio", href: "/portfolio"},
]}
buttonAnimation="slide-up"
carouselItems={[
{
id: "1",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-stationery-supplies-companies_23-2148500459.jpg",
imageAlt: "Brand Identity Project",
},
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-stationery-supplies-companies_23-2148500459.jpg", imageAlt: "Brand Identity Project"},
{
id: "2",
imageSrc: "http://img.b2bpic.net/free-psd/instagram-stories-marketing-campaign_23-2152002327.jpg",
imageAlt: "Digital Marketing Campaign",
},
id: "2", imageSrc: "http://img.b2bpic.net/free-psd/instagram-stories-marketing-campaign_23-2152002327.jpg", imageAlt: "Digital Marketing Campaign"},
{
id: "3",
imageSrc: "http://img.b2bpic.net/free-photo/team-it-workers-using-green-screen-computer_482257-123979.jpg",
imageAlt: "Web Development Project",
},
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/team-it-workers-using-green-screen-computer_482257-123979.jpg", imageAlt: "Web Development Project"},
{
id: "4",
imageSrc: "http://img.b2bpic.net/free-psd/flat-design-press-kit-template_23-2150278048.jpg",
imageAlt: "Social Media Content",
},
id: "4", imageSrc: "http://img.b2bpic.net/free-psd/flat-design-press-kit-template_23-2150278048.jpg", imageAlt: "Social Media Content"},
{
id: "5",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-influencer-recording-camera-video-light-review-social-media-star-making-online-interent-content-about-professional-video-equipment-web-subscribers-distribution_482257-6201.jpg",
imageAlt: "Video Production",
},
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/close-up-influencer-recording-camera-video-light-review-social-media-star-making-online-interent-content-about-professional-video-equipment-web-subscribers-distribution_482257-6201.jpg", imageAlt: "Video Production"},
{
id: "6",
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-tablet_1134-215.jpg",
imageAlt: "Creative Strategy",
},
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-tablet_1134-215.jpg", imageAlt: "Creative Strategy"},
]}
autoPlay={true}
autoPlayInterval={4000}
@@ -150,15 +122,11 @@ export default function HomePage() {
tagAnimation="slide-up"
metrics={[
{
value: "50+",
title: "Proyek Selesai dengan Sukses",
},
value: "50+", title: "Proyek Selesai dengan Sukses"},
{
value: "40%",
title: "Rata-rata Peningkatan Engagement Klien",
},
value: "40%", title: "Rata-rata Peningkatan Engagement Klien"},
]}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-workmates-doing-their-job_23-2149337242.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-workmates-doing-their-job_23-2149337242.jpg"
imageAlt="Tim Creatives 99 Berkolaborasi"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
@@ -170,41 +138,17 @@ export default function HomePage() {
<FeatureCardTwentyFour
features={[
{
id: "1",
title: "Brand Identity & Guidelines",
author: "Tim Creative",
description: "Kami menciptakan identitas visual yang kuat dan konsisten, mencerminkan nilai-nilai unik bisnis Anda dengan logo, palet warna, dan panduan brand yang komprehensif.",
tags: ["Branding", "Design"],
imageSrc: "http://img.b2bpic.net/free-vector/abstract-business-card-template_23-2148303097.jpg?_wi=1",
imageAlt: "Brand Identity Design",
},
id: "1", title: "Brand Identity & Guidelines", author: "Tim Creative", description: "Kami menciptakan identitas visual yang kuat dan konsisten, mencerminkan nilai-nilai unik bisnis Anda dengan logo, palet warna, dan panduan brand yang komprehensif.", tags: ["Branding", "Design"],
imageSrc: "http://img.b2bpic.net/free-vector/abstract-business-card-template_23-2148303097.jpg", imageAlt: "Brand Identity Design"},
{
id: "2",
title: "Digital Content & Social Media",
author: "Tim Content",
description: "Strategi konten media sosial yang engaging, dari konsep kreatif hingga produksi video dan fotografi profesional untuk meningkatkan kehadiran digital Anda.",
tags: ["Content", "Social Media"],
imageSrc: "http://img.b2bpic.net/free-psd/flat-design-marketing-agency-facebook-template_23-2150774297.jpg?_wi=1",
imageAlt: "Social Media Content Creation",
},
id: "2", title: "Digital Content & Social Media", author: "Tim Content", description: "Strategi konten media sosial yang engaging, dari konsep kreatif hingga produksi video dan fotografi profesional untuk meningkatkan kehadiran digital Anda.", tags: ["Content", "Social Media"],
imageSrc: "http://img.b2bpic.net/free-psd/flat-design-marketing-agency-facebook-template_23-2150774297.jpg", imageAlt: "Social Media Content Creation"},
{
id: "3",
title: "Web Development & Design",
author: "Tim Development",
description: "Website responsif dan berorientasi konversi yang menggabungkan desain modern dengan teknologi terkini untuk meningkatkan penjualan dan engagement.",
tags: ["Web Development", "Design"],
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-desk_23-2149930933.jpg?_wi=1",
imageAlt: "Web Development Project",
},
id: "3", title: "Web Development & Design", author: "Tim Development", description: "Website responsif dan berorientasi konversi yang menggabungkan desain modern dengan teknologi terkini untuk meningkatkan penjualan dan engagement.", tags: ["Web Development", "Design"],
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-desk_23-2149930933.jpg", imageAlt: "Web Development Project"},
{
id: "4",
title: "Marketing Strategy & Campaign",
author: "Tim Strategy",
description: "Konsultasi kampanye iklan digital yang terukur, dari strategi SEO hingga paid ads, dirancang untuk mencapai target audience yang tepat dengan ROI maksimal.",
tags: ["Marketing", "Strategy"],
imageSrc: "http://img.b2bpic.net/free-photo/manager-watches-tablet-with-greenscreen_482257-76577.jpg?_wi=1",
imageAlt: "Digital Marketing Strategy",
},
id: "4", title: "Marketing Strategy & Campaign", author: "Tim Strategy", description: "Konsultasi kampanye iklan digital yang terukur, dari strategi SEO hingga paid ads, dirancang untuk mencapai target audience yang tepat dengan ROI maksimal.", tags: ["Marketing", "Strategy"],
imageSrc: "http://img.b2bpic.net/free-photo/manager-watches-tablet-with-greenscreen_482257-76577.jpg", imageAlt: "Digital Marketing Strategy"},
]}
animationType="slide-up"
title="Layanan Kami"
@@ -214,9 +158,7 @@ export default function HomePage() {
tagAnimation="slide-up"
buttons={[
{
text: "Konsultasi Gratis",
href: "/contact",
},
text: "Konsultasi Gratis", href: "/contact"},
]}
textboxLayout="default"
useInvertedBackground={false}
@@ -227,45 +169,15 @@ export default function HomePage() {
<ProductCardFour
products={[
{
id: "1",
name: "E-Commerce Platform Redesign",
price: "Peningkatan Konversi 35%",
variant: "Full UI/UX Redesign, Mobile Optimization",
imageSrc: "http://img.b2bpic.net/free-vector/furniture-shopping-app-interface_23-2148641022.jpg?_wi=1",
imageAlt: "E-Commerce Platform Redesign",
},
id: "1", name: "E-Commerce Platform Redesign", price: "Peningkatan Konversi 35%", variant: "Full UI/UX Redesign, Mobile Optimization", imageSrc: "http://img.b2bpic.net/free-vector/furniture-shopping-app-interface_23-2148641022.jpg", imageAlt: "E-Commerce Platform Redesign"},
{
id: "2",
name: "Brand Identity & Packaging Design",
price: "Brand Recognition +50%",
variant: "Logo, Guidelines, Packaging Design",
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-tea-label-template-set_23-2150607495.jpg?_wi=1",
imageAlt: "Brand Identity & Packaging",
},
id: "2", name: "Brand Identity & Packaging Design", price: "Brand Recognition +50%", variant: "Logo, Guidelines, Packaging Design", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-tea-label-template-set_23-2150607495.jpg", imageAlt: "Brand Identity & Packaging"},
{
id: "3",
name: "Digital Marketing Campaign",
price: "Engagement Rate +85%",
variant: "Social Media, Video Content, Ads",
imageSrc: "http://img.b2bpic.net/free-psd/digital-marketing-template-design_23-2151918603.jpg?_wi=1",
imageAlt: "Digital Marketing Campaign",
},
id: "3", name: "Digital Marketing Campaign", price: "Engagement Rate +85%", variant: "Social Media, Video Content, Ads", imageSrc: "http://img.b2bpic.net/free-psd/digital-marketing-template-design_23-2151918603.jpg", imageAlt: "Digital Marketing Campaign"},
{
id: "4",
name: "Corporate Website Development",
price: "Lead Generation +120%",
variant: "Responsive Design, CMS Integration, SEO",
imageSrc: "http://img.b2bpic.net/free-vector/business-landing-page-template-with-photo_52683-20732.jpg?_wi=1",
imageAlt: "Corporate Website Development",
},
id: "4", name: "Corporate Website Development", price: "Lead Generation +120%", variant: "Responsive Design, CMS Integration, SEO", imageSrc: "http://img.b2bpic.net/free-vector/business-landing-page-template-with-photo_52683-20732.jpg", imageAlt: "Corporate Website Development"},
{
id: "5",
name: "Product Photography & Styling",
price: "Product Sales +45%",
variant: "Professional Photography, Retouching, Styling",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pink-cosmetic-containers-arrangement_23-2149270056.jpg?_wi=1",
imageAlt: "Product Photography",
},
id: "5", name: "Product Photography & Styling", price: "Product Sales +45%", variant: "Professional Photography, Retouching, Styling", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pink-cosmetic-containers-arrangement_23-2149270056.jpg", imageAlt: "Product Photography"},
]}
title="Portfolio Proyek"
description="Galeri proyek-proyek inovatif yang telah kami kerjakan bersama klien dari berbagai industri"
@@ -274,9 +186,7 @@ export default function HomePage() {
tagAnimation="slide-up"
buttons={[
{
text: "Lihat Semua Proyek",
href: "/portfolio",
},
text: "Lihat Semua Proyek", href: "/portfolio"},
]}
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
@@ -289,22 +199,13 @@ export default function HomePage() {
<MetricCardSeven
metrics={[
{
id: "1",
value: "50+",
title: "Proyek Completed",
items: ["Berbagai industri", "Hasil terukur", "Klien puas"],
id: "1", value: "50+", title: "Proyek Completed", items: ["Berbagai industri", "Hasil terukur", "Klien puas"],
},
{
id: "2",
value: "98%",
title: "Tingkat Kepuasan Klien",
items: ["On-time delivery", "Transparansi harga", "Komunikasi terbuka"],
id: "2", value: "98%", title: "Tingkat Kepuasan Klien", items: ["On-time delivery", "Transparansi harga", "Komunikasi terbuka"],
},
{
id: "3",
value: "40%",
title: "Peningkatan Rata-rata Engagement",
items: ["ROI positif", "Hasil berkelanjutan", "Growth strategy"],
id: "3", value: "40%", title: "Peningkatan Rata-rata Engagement", items: ["ROI positif", "Hasil berkelanjutan", "Growth strategy"],
},
]}
title="Hasil yang Terukur"
@@ -322,41 +223,17 @@ export default function HomePage() {
<TestimonialCardOne
testimonials={[
{
id: "1",
name: "Integritas Profesional",
role: "Nilai Utama",
company: "PT Tijarah Barakah Mulia",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/elegant-businessman_23-2148012925.jpg",
imageAlt: "Integrity Value",
},
id: "1", name: "Integritas Profesional", role: "Nilai Utama", company: "PT Tijarah Barakah Mulia", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/elegant-businessman_23-2148012925.jpg", imageAlt: "Integrity Value"},
{
id: "2",
name: "Ketepatan Waktu",
role: "Standar Kami",
company: "Setiap Project",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/alarm-clock-colorful-paper-reminders-blue-background-top-view_169016-34041.jpg",
imageAlt: "Timeliness Value",
},
id: "2", name: "Ketepatan Waktu", role: "Standar Kami", company: "Setiap Project", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/alarm-clock-colorful-paper-reminders-blue-background-top-view_169016-34041.jpg", imageAlt: "Timeliness Value"},
{
id: "3",
name: "Transparansi Harga",
role: "Komitmen Kami",
company: "Klien Partnership",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/meeting-partners_1098-16550.jpg?_wi=1",
imageAlt: "Transparency Value",
},
id: "3", name: "Transparansi Harga", role: "Komitmen Kami", company: "Klien Partnership", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/meeting-partners_1098-16550.jpg", imageAlt: "Transparency Value"},
{
id: "4",
name: "Inovasi Berkelanjutan",
role: "Pendekatan Kami",
company: "Strategi Bisnis",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-various-stationeries-with-electric-bulb-candies_23-2147865331.jpg",
imageAlt: "Innovation Value",
},
id: "4", name: "Inovasi Berkelanjutan", role: "Pendekatan Kami", company: "Strategi Bisnis", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-various-stationeries-with-electric-bulb-candies_23-2147865331.jpg", imageAlt: "Innovation Value"},
]}
title="Mengapa Memilih Creatives 99"
description="Kepercayaan klien adalah aset terbesar kami. Kami berkomitmen pada integritas, ketepatan waktu, dan transparansi harga dalam setiap kolaborasi."

52
src/components/shared/SvgTextLogo/SvgTextLogo.tsx
View File

@@ -1,51 +1,31 @@
"use client";
import { memo } from "react";
import useSvgTextLogo from "./useSvgTextLogo";
import { cls } from "@/lib/utils";
import React from "react";
interface SvgTextLogoProps {
logoText: string;
adjustHeightFactor?: number;
verticalAlign?: "top" | "center";
text: string;
className?: string;
}
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
export const SvgTextLogo: React.FC<SvgTextLogoProps> = ({ text, className = "" }) => {
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
className={className}
viewBox="0 0 200 50"
xmlns="http://www.w3.org/2000/svg"
role="img"
aria-label={`${logoText} logo`}
aria-label={text}
>
<text
ref={textRef}
x="0"
y={verticalAlign === "center" ? "50%" : "0"}
className="font-bold fill-current"
style={{
fontSize: "20px",
letterSpacing: "-0.02em",
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
}}
x="10"
y="35"
fontSize="32"
fontWeight="bold"
fill="currentColor"
dominantBaseline="middle"
>
{logoText}
{text}
</text>
</svg>
);
});
};
SvgTextLogo.displayName = "SvgTextLogo";
export default SvgTextLogo;
export default SvgTextLogo;