98:I[903690,["/chat-static/_next/static/immutable/chunks/1gd_iiyt6-6l3.js","/chat-static/_next/static/immutable/chunks/3rjx58sh0g69q.js","/chat-static/_next/static/immutable/chunks/2mir3-5f6t3o5.js","/chat-static/_next/static/immutable/chunks/1t1q53932g_z8.js","/chat-static/_next/static/immutable/chunks/2ftikag4lqb8c.js","/chat-static/_next/static/immutable/chunks/3ftzit08h08g2.js","/chat-static/_next/static/immutable/chunks/43kd14la8rz_-.js","/chat-static/_next/static/immutable/chunks/0qzyexb_zkjwf.js","/chat-static/_next/static/immutable/chunks/1nokw8-t4vcwo.js","/chat-static/_next/static/immutable/chunks/2mce1eey0jgp7.js","/chat-static/_next/static/immutable/chunks/3sctqn1914l5w.js","/chat-static/_next/static/immutable/chunks/0kf8ns9v47bwy.js","/chat-static/_next/static/immutable/chunks/1czp3b0g85f02.js","/chat-static/_next/static/immutable/chunks/228q2klxykhwx.js","/chat-static/_next/static/immutable/chunks/3s8icn-bip0tj.js","/chat-static/_next/static/immutable/chunks/0z875z_91wbfq.js","/chat-static/_next/static/immutable/chunks/2xc_2qy1-o91c.js","/chat-static/_next/static/immutable/chunks/29-21_f000qe1.js","/chat-static/_next/static/immutable/chunks/0d6t47olbp1a6.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/05ww9yr3u_7e6.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/0ai904ok7xmqu.js","/chat-static/_next/static/immutable/chunks/3lzagaof8lynk.js","/chat-static/_next/static/immutable/chunks/2o-n3975q38j1.js","/chat-static/_next/static/immutable/chunks/1oqsuwe1gr52j.js","/chat-static/_next/static/immutable/chunks/38k-aabziryr6.js","/chat-static/_next/static/immutable/chunks/2w4tj5qrgmz4d.js","/chat-static/_next/static/immutable/chunks/0l_1eejseha66.js","/chat-static/_next/static/immutable/chunks/0huj7k3hvxe1h.js","/chat-static/_next/static/immutable/chunks/2n3pdme24p3jh.js","/chat-static/_next/static/immutable/chunks/0mypak46se3mn.js","/chat-static/_next/static/immutable/chunks/0ie61nirtqfup.js","/chat-static/_next/static/immutable/chunks/0kekpx3x_tmu9.js","/chat-static/_next/static/immutable/chunks/2n-979fucx8q4.js","/chat-static/_next/static/immutable/chunks/2iifuow0qvsc-.js","/chat-static/_next/static/immutable/chunks/3iyf4r67538x1.js","/chat-static/_next/static/immutable/chunks/1h7ypp813k57d.js","/chat-static/_next/static/immutable/chunks/194i2pxo915u5.js","/chat-static/_next/static/immutable/chunks/1fk_2p79mzdc3.js","/chat-static/_next/static/immutable/chunks/1-lfgpyon4_ny.js","/chat-static/_next/static/immutable/chunks/27vhedzlts1-t.js","/chat-static/_next/static/immutable/chunks/29t5emya7qxfu.js","/chat-static/_next/static/immutable/chunks/2-8ev24jr3qa3.js","/chat-static/_next/static/immutable/chunks/2y9cujgqfy_t_.js","/chat-static/_next/static/immutable/chunks/2uur2_82erkaw.js"],"ExplicitChatIdProvider"] 99:I[838238,["/chat-static/_next/static/immutable/chunks/1gd_iiyt6-6l3.js","/chat-static/_next/static/immutable/chunks/3rjx58sh0g69q.js","/chat-static/_next/static/immutable/chunks/2mir3-5f6t3o5.js","/chat-static/_next/static/immutable/chunks/1t1q53932g_z8.js","/chat-static/_next/static/immutable/chunks/2ftikag4lqb8c.js","/chat-static/_next/static/immutable/chunks/3ftzit08h08g2.js","/chat-static/_next/static/immutable/chunks/43kd14la8rz_-.js","/chat-static/_next/static/immutable/chunks/0qzyexb_zkjwf.js","/chat-static/_next/static/immutable/chunks/1nokw8-t4vcwo.js","/chat-static/_next/static/immutable/chunks/2mce1eey0jgp7.js","/chat-static/_next/static/immutable/chunks/3sctqn1914l5w.js","/chat-static/_next/static/immutable/chunks/0kf8ns9v47bwy.js","/chat-static/_next/static/immutable/chunks/1czp3b0g85f02.js","/chat-static/_next/static/immutable/chunks/228q2klxykhwx.js","/chat-static/_next/static/immutable/chunks/3s8icn-bip0tj.js","/chat-static/_next/static/immutable/chunks/0z875z_91wbfq.js","/chat-static/_next/static/immutable/chunks/2xc_2qy1-o91c.js","/chat-static/_next/static/immutable/chunks/29-21_f000qe1.js","/chat-static/_next/static/immutable/chunks/0d6t47olbp1a6.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/05ww9yr3u_7e6.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/0ai904ok7xmqu.js","/chat-static/_next/static/immutable/chunks/3lzagaof8lynk.js","/chat-static/_next/static/immutable/chunks/2o-n3975q38j1.js","/chat-static/_next/static/immutable/chunks/1oqsuwe1gr52j.js","/chat-static/_next/static/immutable/chunks/38k-aabziryr6.js","/chat-static/_next/static/immutable/chunks/2w4tj5qrgmz4d.js","/chat-static/_next/static/immutable/chunks/0l_1eejseha66.js","/chat-static/_next/static/immutable/chunks/0huj7k3hvxe1h.js","/chat-static/_next/static/immutable/chunks/2n3pdme24p3jh.js","/chat-static/_next/static/immutable/chunks/0mypak46se3mn.js","/chat-static/_next/static/immutable/chunks/0ie61nirtqfup.js","/chat-static/_next/static/immutable/chunks/0kekpx3x_tmu9.js","/chat-static/_next/static/immutable/chunks/2n-979fucx8q4.js","/chat-static/_next/static/immutable/chunks/2iifuow0qvsc-.js","/chat-static/_next/static/immutable/chunks/3iyf4r67538x1.js","/chat-static/_next/static/immutable/chunks/1h7ypp813k57d.js","/chat-static/_next/static/immutable/chunks/194i2pxo915u5.js","/chat-static/_next/static/immutable/chunks/1fk_2p79mzdc3.js","/chat-static/_next/static/immutable/chunks/1-lfgpyon4_ny.js","/chat-static/_next/static/immutable/chunks/27vhedzlts1-t.js","/chat-static/_next/static/immutable/chunks/29t5emya7qxfu.js","/chat-static/_next/static/immutable/chunks/2-8ev24jr3qa3.js","/chat-static/_next/static/immutable/chunks/2y9cujgqfy_t_.js","/chat-static/_next/static/immutable/chunks/2uur2_82erkaw.js"],"SWRDataProvider"] 9a:T15c7,[V0_FILE]typescriptreact:file="components/kokonutui/hero-geometric.tsx" "use client" import { motion } from "framer-motion" import { Pacifico } from "next/font/google" import Image from "next/image" import { cn } from "@/lib/utils" const pacifico = Pacifico({ subsets: ["latin"], weight: ["400"], variable: "--font-pacifico", }) function ElegantShape({ className, delay = 0, width = 400, height = 100, rotate = 0, gradient = "from-white/[0.08]", }: { className?: string delay?: number width?: number height?: number rotate?: number gradient?: string }) { return (

) } export default function HeroGeometric({ badge = "Kokonut UI", title1 = "Elevate Your", title2 = "Digital Vision", }: { badge?: string title1?: string title2?: string }) { const fadeUpVariants = { hidden: { opacity: 0, y: 30 }, visible: (i: number) => ({ opacity: 1, y: 0, transition: { duration: 1, delay: 0.5 + i * 0.2, ease: [0.25, 0.4, 0.25, 1], }, }), } return (

{badge}

{title1}
{title2}

Crafting exceptional digital experiences through innovative design and cutting-edge technology.

) } 8e:["$","$L98",null,{"chatId":"TVHaUUgqy8h","children":["$","$L99",null,{"data":{"@\"active-block\",\"TVHaUUgqy8h\",":{"id":"b_A8UO04KWqdt","messageId":"E7lvvwJW2kfArBv0Or0Sw0o0x87rrn8y","source":"$9a","language":"typescriptreact","type":"code-project","closed":true,"meta":{"id":"hero-geometric","type":"code-project","project":"hero-geometric"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"TVHaUUgqy8h\",":false},"children":"$L9b"}]}]

{title1} {title2}

{title1}
{title2}

About

Tags

Share

About

Tags

Share

More from kokonut

More Templates Like This