diff --git a/src/app/page.tsx b/src/app/page.tsx index 1f83ff1..d899492 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -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"}} /> @@ -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() { (function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); - +export const SvgTextLogo: React.FC = ({ text, className = "" }) => { return ( - {logoText} + {text} ); -}); +}; -SvgTextLogo.displayName = "SvgTextLogo"; - -export default SvgTextLogo; +export default SvgTextLogo; \ No newline at end of file