{"id":35,"date":"2026-10-03T07:10:47","date_gmt":"2026-10-03T07:10:47","guid":{"rendered":"https:\/\/brikwp.com\/?page_id=35"},"modified":"2026-10-03T07:21:11","modified_gmt":"2026-10-03T07:21:11","slug":"brik-the-open-source-visual-builder-for-wordpress-2","status":"publish","type":"page","link":"https:\/\/brikwp.com\/","title":{"rendered":"Brik \u2014 The open-source visual builder for WordPress"},"content":{"rendered":"<p><!-- brik --><\/p>\n<div class=\"brik brik-root\">\n<section class=\"brik-el brik-section brik-n-6f400bc9 dark\">\n<div class=\"brik-bg-effect brik-bg-effect--aurora brik-bg-effect--mask-fade-bottom\" data-intensity=\"60\" data-speed=\"100\" data-interactive=\"0\" style=\"--fx-color:#6366f1;--fx-color2:#22d3ee;--fx-intensity:0.6;--fx-speed:1;--fx-opacity:1\" aria-hidden=\"true\">\n<div class=\"brik-bgfx-aurora\"><\/div>\n<div class=\"brik-bgfx-aurora brik-bgfx-aurora--b\"><\/div>\n<\/div>\n<div class=\"brik-el brik-row brik-n-3806d314\">\n<div class=\"brik-el brik-column brik-n-9b6865a7\">\n<div class=\"brik-el brik-badge brik-n-ee9a958f\"><a href=\"#woo\" class=\"brik-badge-pill inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border font-medium whitespace-nowrap no-underline transition-[color,box-shadow,background-color] outline-none focus-visible:ring-[3px] focus-visible:ring-ring\/50 [&amp;&gt;svg]:pointer-events-none border-border text-foreground [a&amp;]:hover:bg-accent [a&amp;]:hover:text-accent-foreground px-2 py-0.5 text-xs [&amp;&gt;svg]:size-3\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"\"><path d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"\/><path d=\"M20 2v4\"\/><path d=\"M22 4h-4\"\/><circle cx=\"4\" cy=\"20\" r=\"2\"\/><\/svg><span>New in 1.1 \u2014 full WooCommerce support<\/span><\/a><\/div>\n<div class=\"brik-el brik-animated_text brik-n-1302a87b\">\n<div class=\"brik-at brik-at--rotate\" data-trigger=\"load\" data-loop=\"1\" data-speed=\"1\" style=\"--brik-at-speed:1\" data-words=\"[&quot;websites&quot;,&quot;online stores&quot;,&quot;landing pages&quot;,&quot;portfolios&quot;]\" data-brik-fx-pause>\n<h1 class=\"brik-at-heading font-heading text-balance text-5xl md:text-6xl lg:text-7xl font-bold tracking-tight\"><span class=\"brik-at-part brik-at-before\">Build <\/span> <span class=\"brik-at-slot brik-at-rotate brik-at-rotate--slide brik-at-fx brik-at-accent--gradient\"><span class=\"brik-at-word is-active\">websites<\/span><span class=\"brik-at-word\" aria-hidden=\"true\">online stores<\/span><span class=\"brik-at-word\" aria-hidden=\"true\">landing pages<\/span><span class=\"brik-at-word\" aria-hidden=\"true\">portfolios<\/span><\/span> <span class=\"brik-at-part brik-at-after\"><br \/>visually.<\/span><\/h1>\n<\/div>\n<\/div>\n<div class=\"brik-el brik-text brik-n-944e46ea\">\n<div class=\"brik-prose text-xl text-muted-foreground\">\n<p>Brik is a free, open-source page builder for WordPress. Beautiful shadcn-style components, 3D and scroll effects, a theme builder, custom content, WooCommerce \u2014 and a built-in MCP server so your AI can build with you.<\/p>\n<\/div>\n<\/div>\n<div class=\"brik-el brik-row brik-n-2880c2b6\">\n<div class=\"brik-el brik-column brik-n-709bd661\">\n<div class=\"brik-el brik-fancy_button brik-n-5a7997eb\"><a href=\"https:\/\/github.com\/dilukangelosl\/brik\/releases\/latest\/download\/brik-builder.zip\" class=\"brik-fxb brik-fxb--shimmer relative isolate inline-flex shrink-0 items-center justify-center font-medium whitespace-nowrap no-underline outline-none cursor-pointer select-none focus-visible:ring-[3px] focus-visible:ring-ring\/50 h-11 px-7 text-sm gap-2 rounded-full\" data-brik-fx-pause><span class=\"brik-fxb-spark\" aria-hidden=\"true\"><span><\/span><\/span><span class=\"brik-fxb-backdrop\" aria-hidden=\"true\"><\/span><span class=\"brik-fxb-label\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"brik-fxb-icon size-4 shrink-0\"><path d=\"M12 15V3\"\/><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><path d=\"m7 10 5 5 5-5\"\/><\/svg><span class=\"brik-fxb-text\">Download free<\/span><\/span><\/a><\/div>\n<\/div>\n<div class=\"brik-el brik-column brik-n-c4f5a10b\">\n<div class=\"brik-el brik-button brik-n-fec9b013\"><a href=\"https:\/\/github.com\/dilukangelosl\/brik\" target=\"_blank\" rel=\"noopener\" class=\"brik-button inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all no-underline outline-none cursor-pointer focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring\/50 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#039;size-&#039;])]:size-4 border border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground h-10 rounded-md px-6\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" class=\"size-4\"><path d=\"M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12\"\/><\/svg><span>Star on GitHub<\/span><\/a><\/div>\n<\/div>\n<\/div>\n<div class=\"brik-el brik-text brik-n-9f198dbe\">\n<div class=\"brik-prose text-sm text-muted-foreground\">\n<p>v1.1 \u00b7 GPL-2.0 \u00b7 WordPress 6.3+ \u00b7 Works with any theme<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"brik-el brik-row brik-n-b5335f6f\">\n<div class=\"brik-el brik-column brik-n-3ec6f73e\">\n<div class=\"brik-el brik-device_mockup brik-n-b6a2b7ad\">\n<div class=\"brik-dm brik-dm--none\">\n<div class=\"brik-dm-device relative mx-auto w-full max-w-[1000px]\">\n<div class=\"brik-dm-glow\" aria-hidden=\"true\"><\/div>\n<div class=\"brik-dm-float\">\n<div class=\"brik-dm-tilt\">\n<div class=\"brik-device brik-device--browser brik-device--dark\">\n<div class=\"brik-device-bar flex items-center gap-3 px-4\" aria-hidden=\"true\"><span class=\"brik-device-lights flex shrink-0 gap-1.5\"><i><\/i><i><\/i><i><\/i><\/span><span class=\"brik-device-url mx-auto flex min-w-0 items-center justify-center gap-1.5 truncate rounded-md px-3 text-xs\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"size-3 shrink-0 opacity-60\"><rect width=\"18\" height=\"11\" x=\"3\" y=\"11\" rx=\"2\" ry=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg><span class=\"truncate\">your-site.com \u00b7 Brik builder<\/span><\/span><span class=\"w-10 shrink-0 max-sm:hidden\"><\/span><\/div>\n<div class=\"brik-device-screen relative overflow-hidden aspect-[16\/10]\"><video class=\"brik-3d-media absolute inset-0 h-full w-full object-cover\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/hero-builder.mp4\" poster=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/builder.jpg\" autoplay muted loop playsinline preload=\"metadata\" aria-hidden=\"true\"><\/video><span class=\"brik-device-glare\" aria-hidden=\"true\"><\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"brik-el brik-section brik-n-d283591e\">\n<div class=\"brik-el brik-row brik-n-03617af6\">\n<div class=\"brik-el brik-column brik-n-3eeb66f2\">\n<div class=\"brik-el brik-text brik-n-260ef5d8\">\n<div class=\"brik-prose text-sm text-muted-foreground\">\n<p>Built on the tools you already trust<\/p>\n<\/div>\n<\/div>\n<div class=\"brik-el brik-marquee brik-n-9e04b464\">\n<div class=\"brik-marquee relative flex overflow-hidden brik-marquee--pause brik-marquee--fade\" style=\"--brik-duration:68s\">\n<div class=\"brik-marquee-track flex w-max\">\n<ul class=\"brik-marquee-group flex shrink-0 items-center\">\n<li class=\"shrink-0\"><span class=\"brik-marquee-item inline-flex shrink-0 items-center gap-2.5 text-xl font-semibold md:text-2xl tracking-tight whitespace-nowrap text-foreground transition-all duration-300\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"brik-marquee-icon size-6 shrink-0 md:size-7\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20\"\/><path d=\"M2 12h20\"\/><\/svg><span>WordPress<\/span><\/span><\/li>\n<li class=\"shrink-0\"><span class=\"brik-marquee-item inline-flex shrink-0 items-center gap-2.5 text-xl font-semibold md:text-2xl tracking-tight whitespace-nowrap text-foreground transition-all duration-300\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"brik-marquee-icon size-6 shrink-0 md:size-7\"><path d=\"M16 10a4 4 0 0 1-8 0\"\/><path d=\"M3.103 6.034h17.794\"\/><path d=\"M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z\"\/><\/svg><span>WooCommerce<\/span><\/span><\/li>\n<li class=\"shrink-0\"><span class=\"brik-marquee-item inline-flex shrink-0 items-center gap-2.5 text-xl font-semibold md:text-2xl tracking-tight whitespace-nowrap text-foreground transition-all duration-300\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"brik-marquee-icon size-6 shrink-0 md:size-7\"><path d=\"M12.8 19.6A2 2 0 1 0 14 16H2\"\/><path d=\"M17.5 8a2.5 2.5 0 1 1 2 4H2\"\/><path d=\"M9.8 4.4A2 2 0 1 1 11 8H2\"\/><\/svg><span>Tailwind CSS<\/span><\/span><\/li>\n<li class=\"shrink-0\"><span class=\"brik-marquee-item inline-flex shrink-0 items-center gap-2.5 text-xl font-semibold md:text-2xl tracking-tight whitespace-nowrap text-foreground transition-all duration-300\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"brik-marquee-icon size-6 shrink-0 md:size-7\"><path d=\"M15.536 11.293a1 1 0 0 0 0 1.414l2.376 2.377a1 1 0 0 0 1.414 0l2.377-2.377a1 1 0 0 0 0-1.414l-2.377-2.377a1 1 0 0 0-1.414 0z\"\/><path d=\"M2.297 11.293a1 1 0 0 0 0 1.414l2.377 2.377a1 1 0 0 0 1.414 0l2.377-2.377a1 1 0 0 0 0-1.414L6.088 8.916a1 1 0 0 0-1.414 0z\"\/><path d=\"M8.916 17.912a1 1 0 0 0 0 1.415l2.377 2.376a1 1 0 0 0 1.414 0l2.377-2.376a1 1 0 0 0 0-1.415l-2.377-2.376a1 1 0 0 0-1.414 0z\"\/><path d=\"M8.916 4.674a1 1 0 0 0 0 1.414l2.377 2.376a1 1 0 0 0 1.414 0l2.377-2.376a1 1 0 0 0 0-1.414l-2.377-2.377a1 1 0 0 0-1.414 0z\"\/><\/svg><span>shadcn\/ui<\/span><\/span><\/li>\n<li class=\"shrink-0\"><span class=\"brik-marquee-item inline-flex shrink-0 items-center gap-2.5 text-xl font-semibold md:text-2xl tracking-tight whitespace-nowrap text-foreground transition-all duration-300\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"brik-marquee-icon size-6 shrink-0 md:size-7\"><path d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"\/><path d=\"M20 2v4\"\/><path d=\"M22 4h-4\"\/><circle cx=\"4\" cy=\"20\" r=\"2\"\/><\/svg><span>Model Context Protocol<\/span><\/span><\/li>\n<li class=\"shrink-0\"><span class=\"brik-marquee-item inline-flex shrink-0 items-center gap-2.5 text-xl font-semibold md:text-2xl tracking-tight whitespace-nowrap text-foreground transition-all duration-300\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"brik-marquee-icon size-6 shrink-0 md:size-7\"><path d=\"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z\"\/><path d=\"m3.3 7 8.7 5 8.7-5\"\/><path d=\"M12 22V12\"\/><\/svg><span>WebGL<\/span><\/span><\/li>\n<li class=\"shrink-0\"><span class=\"brik-marquee-item inline-flex shrink-0 items-center gap-2.5 text-xl font-semibold md:text-2xl tracking-tight whitespace-nowrap text-foreground transition-all duration-300\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"brik-marquee-icon size-6 shrink-0 md:size-7\"><path d=\"M8.3 10a.7.7 0 0 1-.626-1.079L11.4 3a.7.7 0 0 1 1.198-.043L16.3 8.9a.7.7 0 0 1-.572 1.1Z\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/><circle cx=\"17.5\" cy=\"17.5\" r=\"3.5\"\/><\/svg><span>Lucide icons<\/span><\/span><\/li>\n<li class=\"shrink-0\"><span class=\"brik-marquee-item inline-flex shrink-0 items-center gap-2.5 text-xl font-semibold md:text-2xl tracking-tight whitespace-nowrap text-foreground transition-all duration-300\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"brik-marquee-icon size-6 shrink-0 md:size-7\"><path d=\"M12 3v18\"\/><path d=\"m19 8 3 8a5 5 0 0 1-6 0zV7\"\/><path d=\"M3 7h1a17 17 0 0 0 8-2 17 17 0 0 0 8 2h1\"\/><path d=\"m5 8 3 8a5 5 0 0 1-6 0zV7\"\/><path d=\"M7 21h10\"\/><\/svg><span>GPL-2.0<\/span><\/span><\/li>\n<li aria-hidden=\"true\" class=\"shrink-0\"><span class=\"brik-marquee-item inline-flex shrink-0 items-center gap-2.5 text-xl font-semibold md:text-2xl tracking-tight whitespace-nowrap text-foreground transition-all duration-300\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"brik-marquee-icon size-6 shrink-0 md:size-7\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20\"\/><path d=\"M2 12h20\"\/><\/svg><span>WordPress<\/span><\/span><\/li>\n<li aria-hidden=\"true\" class=\"shrink-0\"><span class=\"brik-marquee-item inline-flex shrink-0 items-center gap-2.5 text-xl font-semibold md:text-2xl tracking-tight whitespace-nowrap text-foreground transition-all duration-300\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"brik-marquee-icon size-6 shrink-0 md:size-7\"><path d=\"M16 10a4 4 0 0 1-8 0\"\/><path d=\"M3.103 6.034h17.794\"\/><path d=\"M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z\"\/><\/svg><span>WooCommerce<\/span><\/span><\/li>\n<li aria-hidden=\"true\" class=\"shrink-0\"><span class=\"brik-marquee-item inline-flex shrink-0 items-center gap-2.5 text-xl font-semibold md:text-2xl tracking-tight whitespace-nowrap text-foreground transition-all duration-300\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"brik-marquee-icon size-6 shrink-0 md:size-7\"><path d=\"M12.8 19.6A2 2 0 1 0 14 16H2\"\/><path d=\"M17.5 8a2.5 2.5 0 1 1 2 4H2\"\/><path d=\"M9.8 4.4A2 2 0 1 1 11 8H2\"\/><\/svg><span>Tailwind CSS<\/span><\/span><\/li>\n<li aria-hidden=\"true\" class=\"shrink-0\"><span class=\"brik-marquee-item inline-flex shrink-0 items-center gap-2.5 text-xl font-semibold md:text-2xl tracking-tight whitespace-nowrap text-foreground transition-all duration-300\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"brik-marquee-icon size-6 shrink-0 md:size-7\"><path d=\"M15.536 11.293a1 1 0 0 0 0 1.414l2.376 2.377a1 1 0 0 0 1.414 0l2.377-2.377a1 1 0 0 0 0-1.414l-2.377-2.377a1 1 0 0 0-1.414 0z\"\/><path d=\"M2.297 11.293a1 1 0 0 0 0 1.414l2.377 2.377a1 1 0 0 0 1.414 0l2.377-2.377a1 1 0 0 0 0-1.414L6.088 8.916a1 1 0 0 0-1.414 0z\"\/><path d=\"M8.916 17.912a1 1 0 0 0 0 1.415l2.377 2.376a1 1 0 0 0 1.414 0l2.377-2.376a1 1 0 0 0 0-1.415l-2.377-2.376a1 1 0 0 0-1.414 0z\"\/><path d=\"M8.916 4.674a1 1 0 0 0 0 1.414l2.377 2.376a1 1 0 0 0 1.414 0l2.377-2.376a1 1 0 0 0 0-1.414l-2.377-2.377a1 1 0 0 0-1.414 0z\"\/><\/svg><span>shadcn\/ui<\/span><\/span><\/li>\n<li aria-hidden=\"true\" class=\"shrink-0\"><span class=\"brik-marquee-item inline-flex shrink-0 items-center gap-2.5 text-xl font-semibold md:text-2xl tracking-tight whitespace-nowrap text-foreground transition-all duration-300\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"brik-marquee-icon size-6 shrink-0 md:size-7\"><path d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"\/><path d=\"M20 2v4\"\/><path d=\"M22 4h-4\"\/><circle cx=\"4\" cy=\"20\" r=\"2\"\/><\/svg><span>Model Context Protocol<\/span><\/span><\/li>\n<li aria-hidden=\"true\" class=\"shrink-0\"><span class=\"brik-marquee-item inline-flex shrink-0 items-center gap-2.5 text-xl font-semibold md:text-2xl tracking-tight whitespace-nowrap text-foreground transition-all duration-300\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"brik-marquee-icon size-6 shrink-0 md:size-7\"><path d=\"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z\"\/><path d=\"m3.3 7 8.7 5 8.7-5\"\/><path d=\"M12 22V12\"\/><\/svg><span>WebGL<\/span><\/span><\/li>\n<li aria-hidden=\"true\" class=\"shrink-0\"><span class=\"brik-marquee-item inline-flex shrink-0 items-center gap-2.5 text-xl font-semibold md:text-2xl tracking-tight whitespace-nowrap text-foreground transition-all duration-300\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"brik-marquee-icon size-6 shrink-0 md:size-7\"><path d=\"M8.3 10a.7.7 0 0 1-.626-1.079L11.4 3a.7.7 0 0 1 1.198-.043L16.3 8.9a.7.7 0 0 1-.572 1.1Z\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/><circle cx=\"17.5\" cy=\"17.5\" r=\"3.5\"\/><\/svg><span>Lucide icons<\/span><\/span><\/li>\n<li aria-hidden=\"true\" class=\"shrink-0\"><span class=\"brik-marquee-item inline-flex shrink-0 items-center gap-2.5 text-xl font-semibold md:text-2xl tracking-tight whitespace-nowrap text-foreground transition-all duration-300\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"brik-marquee-icon size-6 shrink-0 md:size-7\"><path d=\"M12 3v18\"\/><path d=\"m19 8 3 8a5 5 0 0 1-6 0zV7\"\/><path d=\"M3 7h1a17 17 0 0 0 8-2 17 17 0 0 0 8 2h1\"\/><path d=\"m5 8 3 8a5 5 0 0 1-6 0zV7\"\/><path d=\"M7 21h10\"\/><\/svg><span>GPL-2.0<\/span><\/span><\/li>\n<\/ul>\n<ul class=\"brik-marquee-group flex shrink-0 items-center brik-marquee-clone\" aria-hidden=\"true\">\n<li class=\"shrink-0\"><span class=\"brik-marquee-item inline-flex shrink-0 items-center gap-2.5 text-xl font-semibold md:text-2xl tracking-tight whitespace-nowrap text-foreground transition-all duration-300\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"brik-marquee-icon size-6 shrink-0 md:size-7\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20\"\/><path d=\"M2 12h20\"\/><\/svg><span>WordPress<\/span><\/span><\/li>\n<li class=\"shrink-0\"><span class=\"brik-marquee-item inline-flex shrink-0 items-center gap-2.5 text-xl font-semibold md:text-2xl tracking-tight whitespace-nowrap text-foreground transition-all duration-300\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"brik-marquee-icon size-6 shrink-0 md:size-7\"><path d=\"M16 10a4 4 0 0 1-8 0\"\/><path d=\"M3.103 6.034h17.794\"\/><path d=\"M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z\"\/><\/svg><span>WooCommerce<\/span><\/span><\/li>\n<li class=\"shrink-0\"><span class=\"brik-marquee-item inline-flex shrink-0 items-center gap-2.5 text-xl font-semibold md:text-2xl tracking-tight whitespace-nowrap text-foreground transition-all duration-300\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"brik-marquee-icon size-6 shrink-0 md:size-7\"><path d=\"M12.8 19.6A2 2 0 1 0 14 16H2\"\/><path d=\"M17.5 8a2.5 2.5 0 1 1 2 4H2\"\/><path d=\"M9.8 4.4A2 2 0 1 1 11 8H2\"\/><\/svg><span>Tailwind CSS<\/span><\/span><\/li>\n<li class=\"shrink-0\"><span class=\"brik-marquee-item inline-flex shrink-0 items-center gap-2.5 text-xl font-semibold md:text-2xl tracking-tight whitespace-nowrap text-foreground transition-all duration-300\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"brik-marquee-icon size-6 shrink-0 md:size-7\"><path d=\"M15.536 11.293a1 1 0 0 0 0 1.414l2.376 2.377a1 1 0 0 0 1.414 0l2.377-2.377a1 1 0 0 0 0-1.414l-2.377-2.377a1 1 0 0 0-1.414 0z\"\/><path d=\"M2.297 11.293a1 1 0 0 0 0 1.414l2.377 2.377a1 1 0 0 0 1.414 0l2.377-2.377a1 1 0 0 0 0-1.414L6.088 8.916a1 1 0 0 0-1.414 0z\"\/><path d=\"M8.916 17.912a1 1 0 0 0 0 1.415l2.377 2.376a1 1 0 0 0 1.414 0l2.377-2.376a1 1 0 0 0 0-1.415l-2.377-2.376a1 1 0 0 0-1.414 0z\"\/><path d=\"M8.916 4.674a1 1 0 0 0 0 1.414l2.377 2.376a1 1 0 0 0 1.414 0l2.377-2.376a1 1 0 0 0 0-1.414l-2.377-2.377a1 1 0 0 0-1.414 0z\"\/><\/svg><span>shadcn\/ui<\/span><\/span><\/li>\n<li class=\"shrink-0\"><span class=\"brik-marquee-item inline-flex shrink-0 items-center gap-2.5 text-xl font-semibold md:text-2xl tracking-tight whitespace-nowrap text-foreground transition-all duration-300\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"brik-marquee-icon size-6 shrink-0 md:size-7\"><path d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"\/><path d=\"M20 2v4\"\/><path d=\"M22 4h-4\"\/><circle cx=\"4\" cy=\"20\" r=\"2\"\/><\/svg><span>Model Context Protocol<\/span><\/span><\/li>\n<li class=\"shrink-0\"><span class=\"brik-marquee-item inline-flex shrink-0 items-center gap-2.5 text-xl font-semibold md:text-2xl tracking-tight whitespace-nowrap text-foreground transition-all duration-300\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"brik-marquee-icon size-6 shrink-0 md:size-7\"><path d=\"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z\"\/><path d=\"m3.3 7 8.7 5 8.7-5\"\/><path d=\"M12 22V12\"\/><\/svg><span>WebGL<\/span><\/span><\/li>\n<li class=\"shrink-0\"><span class=\"brik-marquee-item inline-flex shrink-0 items-center gap-2.5 text-xl font-semibold md:text-2xl tracking-tight whitespace-nowrap text-foreground transition-all duration-300\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"brik-marquee-icon size-6 shrink-0 md:size-7\"><path d=\"M8.3 10a.7.7 0 0 1-.626-1.079L11.4 3a.7.7 0 0 1 1.198-.043L16.3 8.9a.7.7 0 0 1-.572 1.1Z\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/><circle cx=\"17.5\" cy=\"17.5\" r=\"3.5\"\/><\/svg><span>Lucide icons<\/span><\/span><\/li>\n<li class=\"shrink-0\"><span class=\"brik-marquee-item inline-flex shrink-0 items-center gap-2.5 text-xl font-semibold md:text-2xl tracking-tight whitespace-nowrap text-foreground transition-all duration-300\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"brik-marquee-icon size-6 shrink-0 md:size-7\"><path d=\"M12 3v18\"\/><path d=\"m19 8 3 8a5 5 0 0 1-6 0zV7\"\/><path d=\"M3 7h1a17 17 0 0 0 8-2 17 17 0 0 0 8 2h1\"\/><path d=\"m5 8 3 8a5 5 0 0 1-6 0zV7\"\/><path d=\"M7 21h10\"\/><\/svg><span>GPL-2.0<\/span><\/span><\/li>\n<li aria-hidden=\"true\" class=\"shrink-0\"><span class=\"brik-marquee-item inline-flex shrink-0 items-center gap-2.5 text-xl font-semibold md:text-2xl tracking-tight whitespace-nowrap text-foreground transition-all duration-300\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"brik-marquee-icon size-6 shrink-0 md:size-7\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20\"\/><path d=\"M2 12h20\"\/><\/svg><span>WordPress<\/span><\/span><\/li>\n<li aria-hidden=\"true\" class=\"shrink-0\"><span class=\"brik-marquee-item inline-flex shrink-0 items-center gap-2.5 text-xl font-semibold md:text-2xl tracking-tight whitespace-nowrap text-foreground transition-all duration-300\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"brik-marquee-icon size-6 shrink-0 md:size-7\"><path d=\"M16 10a4 4 0 0 1-8 0\"\/><path d=\"M3.103 6.034h17.794\"\/><path d=\"M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z\"\/><\/svg><span>WooCommerce<\/span><\/span><\/li>\n<li aria-hidden=\"true\" class=\"shrink-0\"><span class=\"brik-marquee-item inline-flex shrink-0 items-center gap-2.5 text-xl font-semibold md:text-2xl tracking-tight whitespace-nowrap text-foreground transition-all duration-300\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"brik-marquee-icon size-6 shrink-0 md:size-7\"><path d=\"M12.8 19.6A2 2 0 1 0 14 16H2\"\/><path d=\"M17.5 8a2.5 2.5 0 1 1 2 4H2\"\/><path d=\"M9.8 4.4A2 2 0 1 1 11 8H2\"\/><\/svg><span>Tailwind CSS<\/span><\/span><\/li>\n<li aria-hidden=\"true\" class=\"shrink-0\"><span class=\"brik-marquee-item inline-flex shrink-0 items-center gap-2.5 text-xl font-semibold md:text-2xl tracking-tight whitespace-nowrap text-foreground transition-all duration-300\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"brik-marquee-icon size-6 shrink-0 md:size-7\"><path d=\"M15.536 11.293a1 1 0 0 0 0 1.414l2.376 2.377a1 1 0 0 0 1.414 0l2.377-2.377a1 1 0 0 0 0-1.414l-2.377-2.377a1 1 0 0 0-1.414 0z\"\/><path d=\"M2.297 11.293a1 1 0 0 0 0 1.414l2.377 2.377a1 1 0 0 0 1.414 0l2.377-2.377a1 1 0 0 0 0-1.414L6.088 8.916a1 1 0 0 0-1.414 0z\"\/><path d=\"M8.916 17.912a1 1 0 0 0 0 1.415l2.377 2.376a1 1 0 0 0 1.414 0l2.377-2.376a1 1 0 0 0 0-1.415l-2.377-2.376a1 1 0 0 0-1.414 0z\"\/><path d=\"M8.916 4.674a1 1 0 0 0 0 1.414l2.377 2.376a1 1 0 0 0 1.414 0l2.377-2.376a1 1 0 0 0 0-1.414l-2.377-2.377a1 1 0 0 0-1.414 0z\"\/><\/svg><span>shadcn\/ui<\/span><\/span><\/li>\n<li aria-hidden=\"true\" class=\"shrink-0\"><span class=\"brik-marquee-item inline-flex shrink-0 items-center gap-2.5 text-xl font-semibold md:text-2xl tracking-tight whitespace-nowrap text-foreground transition-all duration-300\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"brik-marquee-icon size-6 shrink-0 md:size-7\"><path d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"\/><path d=\"M20 2v4\"\/><path d=\"M22 4h-4\"\/><circle cx=\"4\" cy=\"20\" r=\"2\"\/><\/svg><span>Model Context Protocol<\/span><\/span><\/li>\n<li aria-hidden=\"true\" class=\"shrink-0\"><span class=\"brik-marquee-item inline-flex shrink-0 items-center gap-2.5 text-xl font-semibold md:text-2xl tracking-tight whitespace-nowrap text-foreground transition-all duration-300\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"brik-marquee-icon size-6 shrink-0 md:size-7\"><path d=\"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z\"\/><path d=\"m3.3 7 8.7 5 8.7-5\"\/><path d=\"M12 22V12\"\/><\/svg><span>WebGL<\/span><\/span><\/li>\n<li aria-hidden=\"true\" class=\"shrink-0\"><span class=\"brik-marquee-item inline-flex shrink-0 items-center gap-2.5 text-xl font-semibold md:text-2xl tracking-tight whitespace-nowrap text-foreground transition-all duration-300\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"brik-marquee-icon size-6 shrink-0 md:size-7\"><path d=\"M8.3 10a.7.7 0 0 1-.626-1.079L11.4 3a.7.7 0 0 1 1.198-.043L16.3 8.9a.7.7 0 0 1-.572 1.1Z\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/><circle cx=\"17.5\" cy=\"17.5\" r=\"3.5\"\/><\/svg><span>Lucide icons<\/span><\/span><\/li>\n<li aria-hidden=\"true\" class=\"shrink-0\"><span class=\"brik-marquee-item inline-flex shrink-0 items-center gap-2.5 text-xl font-semibold md:text-2xl tracking-tight whitespace-nowrap text-foreground transition-all duration-300\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"brik-marquee-icon size-6 shrink-0 md:size-7\"><path d=\"M12 3v18\"\/><path d=\"m19 8 3 8a5 5 0 0 1-6 0zV7\"\/><path d=\"M3 7h1a17 17 0 0 0 8-2 17 17 0 0 0 8 2h1\"\/><path d=\"m5 8 3 8a5 5 0 0 1-6 0zV7\"\/><path d=\"M7 21h10\"\/><\/svg><span>GPL-2.0<\/span><\/span><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"brik-el brik-section brik-n-1a9b8228\" id=\"how\">\n<div class=\"brik-el brik-row brik-n-30a6c1cb\">\n<div class=\"brik-el brik-column brik-n-b2259278\">\n<div class=\"brik-el brik-badge brik-n-1f08a628\"><span class=\"brik-badge-pill inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border font-medium whitespace-nowrap no-underline transition-[color,box-shadow,background-color] outline-none focus-visible:ring-[3px] focus-visible:ring-ring\/50 [&amp;&gt;svg]:pointer-events-none border-border text-foreground [a&amp;]:hover:bg-accent [a&amp;]:hover:text-accent-foreground px-2 py-0.5 text-xs [&amp;&gt;svg]:size-3\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"\"><path d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"\/><path d=\"M20 2v4\"\/><path d=\"M22 4h-4\"\/><circle cx=\"4\" cy=\"20\" r=\"2\"\/><\/svg><span>How it works<\/span><\/span><\/div>\n<div class=\"brik-el brik-heading brik-n-5d93a4dc\">\n<h2 class=\"brik-heading-text font-heading text-4xl md:text-5xl font-extrabold tracking-tight text-balance\">From blank page to live site in minutes<\/h2>\n<\/div>\n<div class=\"brik-el brik-text brik-n-dc391c29\">\n<div class=\"brik-prose text-xl text-muted-foreground\">\n<p>No code, no shortcodes, no lock-in. If you can drag a card, you can build with Brik.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"brik-el brik-row brik-n-6b8a8eca\">\n<div class=\"brik-el brik-column brik-n-9b0ecb61\">\n<div class=\"brik-el brik-sticky_scroll brik-n-6df60f72\">\n<div class=\"brik-ss grid gap-x-16 md:grid-cols-2 brik-ss--rail\">\n<div class=\"brik-ss-track relative\"><span class=\"brik-ss-rail\" aria-hidden=\"true\"><span class=\"brik-ss-rail-fill\"><\/span><\/span><\/p>\n<ol class=\"brik-ss-steps\">\n<li class=\"brik-ss-step is-active\" data-step=\"0\">\n<div class=\"brik-ss-step-body\"><span class=\"brik-ss-num mb-4 inline-flex size-9 items-center justify-center rounded-full border text-xs font-semibold tabular-nums\">01<\/span><\/p>\n<p class=\"brik-ss-eyebrow mb-2 text-sm font-semibold tracking-wider text-muted-foreground uppercase\">Step one<\/p>\n<h3 class=\"brik-ss-title font-heading text-2xl font-semibold tracking-tight text-balance md:text-4xl\">Open any page in Brik<\/h3>\n<p class=\"brik-ss-text mt-4 max-w-lg text-base text-muted-foreground md:text-lg\">Install the plugin, click \u201cEdit with Brik\u201d and you are in a full-screen editor showing your real page \u2014 exactly what visitors will see.<\/p>\n<div class=\"brik-ss-inline relative mt-6 overflow-hidden bg-muted aspect-[16\/10] rounded-2xl md:hidden\" aria-hidden=\"true\"><img width=\"720\" height=\"450\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/builder-1024x640.jpg\" class=\"absolute inset-0 h-full w-full object-cover\" alt=\"Brik builder\" loading=\"eager\" decoding=\"async\" fetchpriority=\"high\" srcset=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/builder-1024x640.jpg 1024w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/builder-300x188.jpg 300w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/builder-768x480.jpg 768w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/builder-1536x960.jpg 1536w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/builder.jpg 1600w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><\/div>\n<\/div>\n<\/li>\n<li class=\"brik-ss-step\" data-step=\"1\">\n<div class=\"brik-ss-step-body\"><span class=\"brik-ss-num mb-4 inline-flex size-9 items-center justify-center rounded-full border text-xs font-semibold tabular-nums\">02<\/span><\/p>\n<p class=\"brik-ss-eyebrow mb-2 text-sm font-semibold tracking-wider text-muted-foreground uppercase\">Step two<\/p>\n<h3 class=\"brik-ss-title font-heading text-2xl font-semibold tracking-tight text-balance md:text-4xl\">Drop in sections, edit in place<\/h3>\n<p class=\"brik-ss-text mt-4 max-w-lg text-base text-muted-foreground md:text-lg\">Pick from 40 ready-made sections or 90+ elements. Drag them where you want and double-click any text to type right on the page.<\/p>\n<div class=\"brik-ss-inline relative mt-6 overflow-hidden bg-muted aspect-[16\/10] rounded-2xl md:hidden\" aria-hidden=\"true\"><img width=\"720\" height=\"581\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-bento-1024x826.jpg\" class=\"absolute inset-0 h-full w-full object-cover\" alt=\"Brik fx bento\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-bento-1024x826.jpg 1024w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-bento-300x242.jpg 300w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-bento-768x620.jpg 768w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-bento-1536x1239.jpg 1536w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-bento.jpg 1600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/div>\n<\/div>\n<\/li>\n<li class=\"brik-ss-step\" data-step=\"2\">\n<div class=\"brik-ss-step-body\"><span class=\"brik-ss-num mb-4 inline-flex size-9 items-center justify-center rounded-full border text-xs font-semibold tabular-nums\">03<\/span><\/p>\n<p class=\"brik-ss-eyebrow mb-2 text-sm font-semibold tracking-wider text-muted-foreground uppercase\">Step three<\/p>\n<h3 class=\"brik-ss-title font-heading text-2xl font-semibold tracking-tight text-balance md:text-4xl\">Style everything visually<\/h3>\n<p class=\"brik-ss-text mt-4 max-w-lg text-base text-muted-foreground md:text-lg\">Spacing, typography, colors, borders, shadows, motion \u2014 per device and on hover. Change the design system once and the whole site follows.<\/p>\n<div class=\"brik-ss-inline relative mt-6 overflow-hidden bg-muted aspect-[16\/10] rounded-2xl md:hidden\" aria-hidden=\"true\"><img width=\"720\" height=\"450\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/builder-design-1024x640.jpg\" class=\"absolute inset-0 h-full w-full object-cover\" alt=\"Brik builder design\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/builder-design-1024x640.jpg 1024w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/builder-design-300x188.jpg 300w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/builder-design-768x480.jpg 768w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/builder-design-1536x960.jpg 1536w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/builder-design.jpg 1600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/div>\n<\/div>\n<\/li>\n<li class=\"brik-ss-step\" data-step=\"3\">\n<div class=\"brik-ss-step-body\"><span class=\"brik-ss-num mb-4 inline-flex size-9 items-center justify-center rounded-full border text-xs font-semibold tabular-nums\">04<\/span><\/p>\n<p class=\"brik-ss-eyebrow mb-2 text-sm font-semibold tracking-wider text-muted-foreground uppercase\">Step four<\/p>\n<h3 class=\"brik-ss-title font-heading text-2xl font-semibold tracking-tight text-balance md:text-4xl\">Publish clean, fast pages<\/h3>\n<p class=\"brik-ss-text mt-4 max-w-lg text-base text-muted-foreground md:text-lg\">Pages render on the server with tiny scoped stylesheets, and your content is stored as clean HTML too \u2014 so nothing breaks if you ever switch the plugin off.<\/p>\n<div class=\"brik-ss-inline relative mt-6 overflow-hidden bg-muted aspect-[16\/10] rounded-2xl md:hidden\" aria-hidden=\"true\"><img width=\"720\" height=\"450\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/aurora-hero-1024x640.jpg\" class=\"absolute inset-0 h-full w-full object-cover\" alt=\"Brik aurora hero\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/aurora-hero-1024x640.jpg 1024w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/aurora-hero-300x188.jpg 300w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/aurora-hero-768x480.jpg 768w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/aurora-hero-1536x960.jpg 1536w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/aurora-hero.jpg 1600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/div>\n<\/div>\n<\/li>\n<\/ol>\n<\/div>\n<div class=\"brik-ss-aside max-md:hidden\">\n<div class=\"brik-ss-visual relative overflow-hidden bg-muted shadow-2xl aspect-[16\/10] rounded-2xl\" aria-hidden=\"true\">\n<div class=\"brik-ss-layer is-active\" data-step=\"0\"><img width=\"720\" height=\"450\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/builder-1024x640.jpg\" class=\"absolute inset-0 h-full w-full object-cover\" alt=\"Brik builder\" loading=\"eager\" decoding=\"async\" fetchpriority=\"high\" srcset=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/builder-1024x640.jpg 1024w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/builder-300x188.jpg 300w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/builder-768x480.jpg 768w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/builder-1536x960.jpg 1536w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/builder.jpg 1600w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><\/div>\n<div class=\"brik-ss-layer\" data-step=\"1\"><img width=\"720\" height=\"581\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-bento-1024x826.jpg\" class=\"absolute inset-0 h-full w-full object-cover\" alt=\"Brik fx bento\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-bento-1024x826.jpg 1024w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-bento-300x242.jpg 300w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-bento-768x620.jpg 768w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-bento-1536x1239.jpg 1536w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-bento.jpg 1600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/div>\n<div class=\"brik-ss-layer\" data-step=\"2\"><img width=\"720\" height=\"450\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/builder-design-1024x640.jpg\" class=\"absolute inset-0 h-full w-full object-cover\" alt=\"Brik builder design\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/builder-design-1024x640.jpg 1024w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/builder-design-300x188.jpg 300w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/builder-design-768x480.jpg 768w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/builder-design-1536x960.jpg 1536w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/builder-design.jpg 1600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/div>\n<div class=\"brik-ss-layer\" data-step=\"3\"><img width=\"720\" height=\"450\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/aurora-hero-1024x640.jpg\" class=\"absolute inset-0 h-full w-full object-cover\" alt=\"Brik aurora hero\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/aurora-hero-1024x640.jpg 1024w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/aurora-hero-300x188.jpg 300w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/aurora-hero-768x480.jpg 768w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/aurora-hero-1536x960.jpg 1536w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/aurora-hero.jpg 1600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"brik-el brik-section brik-n-367a09f3 dark\">\n<div class=\"brik-bg-effect brik-bg-effect--dots brik-bg-effect--mask-fade-edges\" data-intensity=\"60\" data-speed=\"100\" data-interactive=\"1\" style=\"--fx-color:var(--primary);--fx-color2:#818cf8;--fx-intensity:0.6;--fx-speed:1;--fx-opacity:1\" aria-hidden=\"true\">\n<div class=\"brik-bgfx-dots\"><\/div>\n<div class=\"brik-bgfx-dots brik-bgfx-dots--lit\"><\/div>\n<div class=\"brik-bgfx-dots-glow\"><\/div>\n<\/div>\n<div class=\"brik-el brik-row brik-n-c9a22803\">\n<div class=\"brik-el brik-column brik-n-8a573032\">\n<div class=\"brik-el brik-badge brik-n-158ff660\"><span class=\"brik-badge-pill inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border font-medium whitespace-nowrap no-underline transition-[color,box-shadow,background-color] outline-none focus-visible:ring-[3px] focus-visible:ring-ring\/50 [&amp;&gt;svg]:pointer-events-none border-border text-foreground [a&amp;]:hover:bg-accent [a&amp;]:hover:text-accent-foreground px-2 py-0.5 text-xs [&amp;&gt;svg]:size-3\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"\"><path d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"\/><path d=\"M20 2v4\"\/><path d=\"M22 4h-4\"\/><circle cx=\"4\" cy=\"20\" r=\"2\"\/><\/svg><span>Watch<\/span><\/span><\/div>\n<div class=\"brik-el brik-heading brik-n-a4cceb2f\">\n<h2 class=\"brik-heading-text font-heading text-4xl md:text-5xl font-extrabold tracking-tight text-balance\">See Brik in action<\/h2>\n<\/div>\n<div class=\"brik-el brik-text brik-n-8c41ae03\">\n<div class=\"brik-prose text-xl text-muted-foreground\">\n<p>Real footage of the builder, the effects and the AI connector \u2014 about a minute.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"brik-el brik-row brik-n-c8667600\">\n<div class=\"brik-el brik-column brik-n-1bbce7f6\">\n<div class=\"brik-el brik-video brik-n-36999ae8\">\n<div class=\"brik-video-frame relative isolate w-full overflow-hidden bg-black aspect-video rounded-2xl shadow-lg\"><video class=\"brik-video-el absolute inset-0 h-full w-full object-cover\" poster=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/brik-launch-poster-1024x576.jpg\" controls playsinline preload=\"none\" title=\"Watch the video\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/brik-launch.mp4\"><\/video><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"brik-el brik-section brik-n-4db68226\" id=\"features\">\n<div class=\"brik-el brik-row brik-n-a6624d7c\">\n<div class=\"brik-el brik-column brik-n-e32c6f8e\">\n<div class=\"brik-el brik-badge brik-n-648a2f7d\"><span class=\"brik-badge-pill inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border font-medium whitespace-nowrap no-underline transition-[color,box-shadow,background-color] outline-none focus-visible:ring-[3px] focus-visible:ring-ring\/50 [&amp;&gt;svg]:pointer-events-none border-border text-foreground [a&amp;]:hover:bg-accent [a&amp;]:hover:text-accent-foreground px-2 py-0.5 text-xs [&amp;&gt;svg]:size-3\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"\"><path d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"\/><path d=\"M20 2v4\"\/><path d=\"M22 4h-4\"\/><circle cx=\"4\" cy=\"20\" r=\"2\"\/><\/svg><span>Features<\/span><\/span><\/div>\n<div class=\"brik-el brik-heading brik-n-f2766d6a\">\n<h2 class=\"brik-heading-text font-heading text-4xl md:text-5xl font-extrabold tracking-tight text-balance\">Everything a modern site needs<\/h2>\n<\/div>\n<div class=\"brik-el brik-text brik-n-535db4a6\">\n<div class=\"brik-prose text-xl text-muted-foreground\">\n<p>Divi-level power with a cleaner, faster, open core \u2014 and features nobody else ships.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"brik-el brik-row brik-n-4e4782bf\">\n<div class=\"brik-el brik-column brik-n-2a24e01c\">\n<div class=\"brik-el brik-bento_grid brik-n-efff3b7c\">\n<div class=\"brik-bento grid auto-rows-[minmax(var(--brik-bento-row,14rem),auto)] gap-4 brik-bento--spotlight brik-bento--lift\">\n<div class=\"brik-bento-item group\/bento relative isolate flex min-h-[var(--brik-bento-row,14rem)] flex-col justify-end overflow-hidden rounded-xl border bg-card text-card-foreground shadow-sm\" style=\"--brik-anim-delay:0ms\">\n<div class=\"brik-bento-media absolute inset-x-0 top-0 h-[70%] overflow-hidden\" aria-hidden=\"true\"><img width=\"720\" height=\"450\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/builder-1024x640.jpg\" class=\"size-full object-cover transition-transform duration-700 group-hover\/bento:scale-105\" alt=\"\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/builder-1024x640.jpg 1024w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/builder-300x188.jpg 300w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/builder-768x480.jpg 768w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/builder-1536x960.jpg 1536w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/builder.jpg 1600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/div>\n<div class=\"brik-bento-spot\" aria-hidden=\"true\"><\/div>\n<div class=\"brik-bento-content relative z-[2] flex flex-col gap-1 p-6\">\n<h3 class=\"brik-bento-title font-heading text-lg leading-snug font-semibold tracking-tight\">A visual builder that feels like a design tool<\/h3>\n<p class=\"brik-bento-desc max-w-lg text-sm leading-relaxed text-muted-foreground\">Live canvas, inline editing, layers, history, copy &amp; paste styles, keyboard shortcuts.<\/p>\n<\/div>\n<\/div>\n<div class=\"brik-bento-item group\/bento relative isolate flex min-h-[var(--brik-bento-row,14rem)] flex-col justify-end overflow-hidden rounded-xl border bg-card text-card-foreground shadow-sm\" style=\"--brik-anim-delay:70ms\">\n<div class=\"brik-bento-pattern\" aria-hidden=\"true\"><\/div>\n<div class=\"brik-bento-ghost\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"size-full\"><path d=\"M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z\"\/><circle cx=\"13.5\" cy=\"6.5\" r=\".5\" fill=\"currentColor\"\/><circle cx=\"17.5\" cy=\"10.5\" r=\".5\" fill=\"currentColor\"\/><circle cx=\"6.5\" cy=\"12.5\" r=\".5\" fill=\"currentColor\"\/><circle cx=\"8.5\" cy=\"7.5\" r=\".5\" fill=\"currentColor\"\/><\/svg><\/div>\n<div class=\"brik-bento-spot\" aria-hidden=\"true\"><\/div>\n<div class=\"brik-bento-content relative z-[2] flex flex-col gap-1 p-6\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"brik-bento-icon mb-2 size-10 origin-left text-foreground\/80 transition-transform duration-300 group-hover\/bento:scale-90\"><path d=\"M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z\"\/><circle cx=\"13.5\" cy=\"6.5\" r=\".5\" fill=\"currentColor\"\/><circle cx=\"17.5\" cy=\"10.5\" r=\".5\" fill=\"currentColor\"\/><circle cx=\"6.5\" cy=\"12.5\" r=\".5\" fill=\"currentColor\"\/><circle cx=\"8.5\" cy=\"7.5\" r=\".5\" fill=\"currentColor\"\/><\/svg><\/p>\n<h3 class=\"brik-bento-title font-heading text-lg leading-snug font-semibold tracking-tight\">Design system<\/h3>\n<p class=\"brik-bento-desc max-w-lg text-sm leading-relaxed text-muted-foreground\">Tokens for color, type and radius. Light &amp; dark. Change once, update everywhere.<\/p>\n<\/div>\n<\/div>\n<div class=\"brik-bento-item group\/bento relative isolate flex min-h-[var(--brik-bento-row,14rem)] flex-col justify-end overflow-hidden rounded-xl border bg-card text-card-foreground shadow-sm\" style=\"--brik-anim-delay:140ms\">\n<div class=\"brik-bento-pattern\" aria-hidden=\"true\"><\/div>\n<div class=\"brik-bento-ghost\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"size-full\"><rect width=\"14\" height=\"20\" x=\"5\" y=\"2\" rx=\"2\" ry=\"2\"\/><path d=\"M12 18h.01\"\/><\/svg><\/div>\n<div class=\"brik-bento-spot\" aria-hidden=\"true\"><\/div>\n<div class=\"brik-bento-content relative z-[2] flex flex-col gap-1 p-6\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"brik-bento-icon mb-2 size-10 origin-left text-foreground\/80 transition-transform duration-300 group-hover\/bento:scale-90\"><rect width=\"14\" height=\"20\" x=\"5\" y=\"2\" rx=\"2\" ry=\"2\"\/><path d=\"M12 18h.01\"\/><\/svg><\/p>\n<h3 class=\"brik-bento-title font-heading text-lg leading-snug font-semibold tracking-tight\">Every device<\/h3>\n<p class=\"brik-bento-desc max-w-lg text-sm leading-relaxed text-muted-foreground\">Edit desktop, tablet and phone separately \u2014 plus hover states for any style.<\/p>\n<\/div>\n<\/div>\n<div class=\"brik-bento-item group\/bento relative isolate flex min-h-[var(--brik-bento-row,14rem)] flex-col justify-end overflow-hidden rounded-xl border bg-card text-card-foreground shadow-sm\" style=\"--brik-anim-delay:210ms\">\n<div class=\"brik-bento-media absolute inset-x-0 top-0 h-[70%] overflow-hidden\" aria-hidden=\"true\"><img width=\"720\" height=\"450\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/theme-builder-v2-1024x640.jpg\" class=\"size-full object-cover transition-transform duration-700 group-hover\/bento:scale-105\" alt=\"\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/theme-builder-v2-1024x640.jpg 1024w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/theme-builder-v2-300x188.jpg 300w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/theme-builder-v2-768x480.jpg 768w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/theme-builder-v2-1536x960.jpg 1536w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/theme-builder-v2.jpg 1600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/div>\n<div class=\"brik-bento-spot\" aria-hidden=\"true\"><\/div>\n<div class=\"brik-bento-content relative z-[2] flex flex-col gap-1 p-6\">\n<h3 class=\"brik-bento-title font-heading text-lg leading-snug font-semibold tracking-tight\">Theme builder<\/h3>\n<p class=\"brik-bento-desc max-w-lg text-sm leading-relaxed text-muted-foreground\">Headers, footers and templates with display conditions.<\/p>\n<\/div>\n<\/div>\n<div class=\"brik-bento-item group\/bento relative isolate flex min-h-[var(--brik-bento-row,14rem)] flex-col justify-end overflow-hidden rounded-xl border bg-card text-card-foreground shadow-sm\" style=\"--brik-anim-delay:280ms\">\n<div class=\"brik-bento-pattern\" aria-hidden=\"true\"><\/div>\n<div class=\"brik-bento-ghost\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"size-full\"><path d=\"M4 5h16\"\/><path d=\"M4 12h16\"\/><path d=\"M4 19h16\"\/><\/svg><\/div>\n<div class=\"brik-bento-spot\" aria-hidden=\"true\"><\/div>\n<div class=\"brik-bento-content relative z-[2] flex flex-col gap-1 p-6\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"brik-bento-icon mb-2 size-10 origin-left text-foreground\/80 transition-transform duration-300 group-hover\/bento:scale-90\"><path d=\"M4 5h16\"\/><path d=\"M4 12h16\"\/><path d=\"M4 19h16\"\/><\/svg><\/p>\n<h3 class=\"brik-bento-title font-heading text-lg leading-snug font-semibold tracking-tight\">Navigation builder<\/h3>\n<p class=\"brik-bento-desc max-w-lg text-sm leading-relaxed text-muted-foreground\">Mega menus, drawers, full-screen and bottom-sheet mobile menus.<\/p>\n<\/div>\n<\/div>\n<div class=\"brik-bento-item group\/bento relative isolate flex min-h-[var(--brik-bento-row,14rem)] flex-col justify-end overflow-hidden rounded-xl border bg-card text-card-foreground shadow-sm\" style=\"--brik-anim-delay:350ms\">\n<div class=\"brik-bento-media absolute inset-x-0 top-0 h-[70%] overflow-hidden\" aria-hidden=\"true\"><img width=\"720\" height=\"450\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/content-fields-1024x640.jpg\" class=\"size-full object-cover transition-transform duration-700 group-hover\/bento:scale-105\" alt=\"\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/content-fields-1024x640.jpg 1024w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/content-fields-300x188.jpg 300w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/content-fields-768x480.jpg 768w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/content-fields-1536x960.jpg 1536w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/content-fields.jpg 1600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/div>\n<div class=\"brik-bento-spot\" aria-hidden=\"true\"><\/div>\n<div class=\"brik-bento-content relative z-[2] flex flex-col gap-1 p-6\">\n<h3 class=\"brik-bento-title font-heading text-lg leading-snug font-semibold tracking-tight\">Custom content<\/h3>\n<p class=\"brik-bento-desc max-w-lg text-sm leading-relaxed text-muted-foreground\">Post types, 25 field types, listings with live filters and forms that create posts.<\/p>\n<\/div>\n<\/div>\n<div class=\"brik-bento-item group\/bento relative isolate flex min-h-[var(--brik-bento-row,14rem)] flex-col justify-end overflow-hidden rounded-xl border bg-card text-card-foreground shadow-sm\" style=\"--brik-anim-delay:420ms\">\n<div class=\"brik-bento-pattern\" aria-hidden=\"true\"><\/div>\n<div class=\"brik-bento-ghost\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"size-full\"><path d=\"M16 10a4 4 0 0 1-8 0\"\/><path d=\"M3.103 6.034h17.794\"\/><path d=\"M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z\"\/><\/svg><\/div>\n<div class=\"brik-bento-spot\" aria-hidden=\"true\"><\/div>\n<div class=\"brik-bento-content relative z-[2] flex flex-col gap-1 p-6\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"brik-bento-icon mb-2 size-10 origin-left text-foreground\/80 transition-transform duration-300 group-hover\/bento:scale-90\"><path d=\"M16 10a4 4 0 0 1-8 0\"\/><path d=\"M3.103 6.034h17.794\"\/><path d=\"M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z\"\/><\/svg><\/p>\n<h3 class=\"brik-bento-title font-heading text-lg leading-snug font-semibold tracking-tight\">WooCommerce<\/h3>\n<p class=\"brik-bento-desc max-w-lg text-sm leading-relaxed text-muted-foreground\">Product pages, shop grids, filters, mini cart, styled checkout.<\/p>\n<\/div>\n<\/div>\n<div class=\"brik-bento-item group\/bento relative isolate flex min-h-[var(--brik-bento-row,14rem)] flex-col justify-end overflow-hidden rounded-xl border bg-card text-card-foreground shadow-sm\" style=\"--brik-anim-delay:490ms\">\n<div class=\"brik-bento-pattern\" aria-hidden=\"true\"><\/div>\n<div class=\"brik-bento-ghost\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"size-full\"><path d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"\/><path d=\"M20 2v4\"\/><path d=\"M22 4h-4\"\/><circle cx=\"4\" cy=\"20\" r=\"2\"\/><\/svg><\/div>\n<div class=\"brik-bento-spot\" aria-hidden=\"true\"><\/div>\n<div class=\"brik-bento-content relative z-[2] flex flex-col gap-1 p-6\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"brik-bento-icon mb-2 size-10 origin-left text-foreground\/80 transition-transform duration-300 group-hover\/bento:scale-90\"><path d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"\/><path d=\"M20 2v4\"\/><path d=\"M22 4h-4\"\/><circle cx=\"4\" cy=\"20\" r=\"2\"\/><\/svg><\/p>\n<h3 class=\"brik-bento-title font-heading text-lg leading-snug font-semibold tracking-tight\">AI ready<\/h3>\n<p class=\"brik-bento-desc max-w-lg text-sm leading-relaxed text-muted-foreground\">A built-in MCP server with 37 tools.<\/p>\n<\/div>\n<\/div>\n<div class=\"brik-bento-item group\/bento relative isolate flex min-h-[var(--brik-bento-row,14rem)] flex-col justify-end overflow-hidden rounded-xl border bg-card text-card-foreground shadow-sm\" style=\"--brik-anim-delay:560ms\">\n<div class=\"brik-bento-pattern\" aria-hidden=\"true\"><\/div>\n<div class=\"brik-bento-ghost\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"size-full\"><path d=\"M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5\"\/><\/svg><\/div>\n<div class=\"brik-bento-spot\" aria-hidden=\"true\"><\/div>\n<div class=\"brik-bento-content relative z-[2] flex flex-col gap-1 p-6\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"brik-bento-icon mb-2 size-10 origin-left text-foreground\/80 transition-transform duration-300 group-hover\/bento:scale-90\"><path d=\"M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5\"\/><\/svg><\/p>\n<h3 class=\"brik-bento-title font-heading text-lg leading-snug font-semibold tracking-tight\">Open source<\/h3>\n<p class=\"brik-bento-desc max-w-lg text-sm leading-relaxed text-muted-foreground\">GPL-2.0. No accounts, no lock-in, no upsells.<\/p>\n<\/div>\n<\/div>\n<div class=\"brik-bento-item group\/bento relative isolate flex min-h-[var(--brik-bento-row,14rem)] flex-col justify-end overflow-hidden rounded-xl border bg-card text-card-foreground shadow-sm\" style=\"--brik-anim-delay:630ms\">\n<div class=\"brik-bento-pattern\" aria-hidden=\"true\"><\/div>\n<div class=\"brik-bento-ghost\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"size-full\"><path d=\"M15.914 4a1.5 1.5 0 00-2.474-1.561l-9 9A1.5 1.5 0 005.5 14h4.002a.5.5 0 01.471.666L8.086 20a1.5 1.5 0 002.475 1.56l9-9A1.5 1.5 0 0018.5 10h-3.997a.5.5 0 01-.472-.667z\"\/><\/svg><\/div>\n<div class=\"brik-bento-spot\" aria-hidden=\"true\"><\/div>\n<div class=\"brik-bento-content relative z-[2] flex flex-col gap-1 p-6\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"brik-bento-icon mb-2 size-10 origin-left text-foreground\/80 transition-transform duration-300 group-hover\/bento:scale-90\"><path d=\"M15.914 4a1.5 1.5 0 00-2.474-1.561l-9 9A1.5 1.5 0 005.5 14h4.002a.5.5 0 01.471.666L8.086 20a1.5 1.5 0 002.475 1.56l9-9A1.5 1.5 0 0018.5 10h-3.997a.5.5 0 01-.472-.667z\"\/><\/svg><\/p>\n<h3 class=\"brik-bento-title font-heading text-lg leading-snug font-semibold tracking-tight\">Fast by default<\/h3>\n<p class=\"brik-bento-desc max-w-lg text-sm leading-relaxed text-muted-foreground\">Server-rendered, scoped CSS, effects load only where used.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"brik-el brik-section brik-n-c4153c11 dark\">\n<div class=\"brik-el brik-row brik-n-e11292de\">\n<div class=\"brik-el brik-column brik-n-6d90d5ac\">\n<div class=\"brik-el brik-number_counter brik-n-6d4bf206\">\n<div class=\"brik-counter\" data-brik-counter>\n<div class=\"brik-counter-number font-heading font-bold tracking-tight tabular-nums text-5xl md:text-7xl\"><span class=\"brik-counter-value\" data-start=\"0\" data-end=\"90\" data-decimals=\"0\" data-separator=\",\" data-duration=\"2000\">90<\/span><span class=\"brik-counter-suffix\">+<\/span><\/div>\n<div class=\"brik-counter-title mt-2 text-base font-medium\">elements<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"brik-el brik-column brik-n-e74a230b\">\n<div class=\"brik-el brik-number_counter brik-n-506cc184\">\n<div class=\"brik-counter\" data-brik-counter>\n<div class=\"brik-counter-number font-heading font-bold tracking-tight tabular-nums text-5xl md:text-7xl\"><span class=\"brik-counter-value\" data-start=\"0\" data-end=\"40\" data-decimals=\"0\" data-separator=\",\" data-duration=\"2000\">40<\/span><\/div>\n<div class=\"brik-counter-title mt-2 text-base font-medium\">ready-made sections<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"brik-el brik-column brik-n-996989ce\">\n<div class=\"brik-el brik-number_counter brik-n-e19b2cff\">\n<div class=\"brik-counter\" data-brik-counter>\n<div class=\"brik-counter-number font-heading font-bold tracking-tight tabular-nums text-5xl md:text-7xl\"><span class=\"brik-counter-value\" data-start=\"0\" data-end=\"17\" data-decimals=\"0\" data-separator=\",\" data-duration=\"2000\">17<\/span><\/div>\n<div class=\"brik-counter-title mt-2 text-base font-medium\">animated backgrounds<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"brik-el brik-column brik-n-18f5f3a4\">\n<div class=\"brik-el brik-number_counter brik-n-5572456c\">\n<div class=\"brik-counter\" data-brik-counter>\n<div class=\"brik-counter-number font-heading font-bold tracking-tight tabular-nums text-5xl md:text-7xl\"><span class=\"brik-counter-value\" data-start=\"0\" data-end=\"37\" data-decimals=\"0\" data-separator=\",\" data-duration=\"2000\">37<\/span><\/div>\n<div class=\"brik-counter-title mt-2 text-base font-medium\">MCP tools for AI<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"brik-el brik-section brik-n-4021b110 dark\" id=\"effects\">\n<div class=\"brik-bg-effect brik-bg-effect--stars\" data-intensity=\"60\" data-speed=\"100\" data-interactive=\"0\" style=\"--fx-color:var(--primary);--fx-color2:#a5b4fc;--fx-intensity:0.6;--fx-speed:1;--fx-opacity:1\" aria-hidden=\"true\"><\/div>\n<div class=\"brik-el brik-row brik-n-d8481b86\">\n<div class=\"brik-el brik-column brik-n-91e0f3e1\">\n<div class=\"brik-el brik-badge brik-n-38de2012\"><span class=\"brik-badge-pill inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border font-medium whitespace-nowrap no-underline transition-[color,box-shadow,background-color] outline-none focus-visible:ring-[3px] focus-visible:ring-ring\/50 [&amp;&gt;svg]:pointer-events-none border-border text-foreground [a&amp;]:hover:bg-accent [a&amp;]:hover:text-accent-foreground px-2 py-0.5 text-xs [&amp;&gt;svg]:size-3\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"\"><path d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"\/><path d=\"M20 2v4\"\/><path d=\"M22 4h-4\"\/><circle cx=\"4\" cy=\"20\" r=\"2\"\/><\/svg><span>Motion &amp; 3D<\/span><\/span><\/div>\n<div class=\"brik-el brik-heading brik-n-29a2e0df\">\n<h2 class=\"brik-heading-text font-heading text-4xl md:text-5xl font-extrabold tracking-tight text-balance\">Pages people stop scrolling for<\/h2>\n<\/div>\n<div class=\"brik-el brik-text brik-n-f63144f4\">\n<div class=\"brik-prose text-xl text-muted-foreground\">\n<p>Aurora, beams, particles, WebGL globes, 3D walls, scroll-driven reveals \u2014 all built in, all paused when off screen, all respectful of reduced motion.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"brik-el brik-row brik-n-c72392dc brik-row--full\">\n<div class=\"brik-el brik-column brik-n-0ab1f246\">\n<div class=\"brik-el brik-marquee_3d brik-n-d1eae957\">\n<div class=\"brik-m3d relative overflow-hidden brik-m3d--tilt brik-m3d--fade brik-m3d--hover\">\n<div class=\"brik-m3d-plane\">\n<div class=\"brik-m3d-col\" style=\"--brik-m3d-dur:40s;--brik-m3d-dir:normal;--brik-m3d-n:0\">\n<ul class=\"brik-m3d-track\">\n<li class=\"brik-m3d-tile overflow-hidden bg-muted aspect-[4\/3] rounded-lg\"><img width=\"720\" height=\"409\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-globe-768x436.jpg\" class=\"h-full w-full object-cover\" alt=\"Brik fx globe\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-globe-768x436.jpg 768w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-globe-300x170.jpg 300w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-globe-1024x581.jpg 1024w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-globe-1536x872.jpg 1536w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-globe.jpg 1600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/li>\n<li class=\"brik-m3d-tile overflow-hidden bg-muted aspect-[4\/3] rounded-lg\"><img width=\"720\" height=\"381\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-retro-768x406.jpg\" class=\"h-full w-full object-cover\" alt=\"Brik fx retro\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-retro-768x406.jpg 768w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-retro-300x159.jpg 300w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-retro-1024x541.jpg 1024w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-retro-1536x812.jpg 1536w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-retro.jpg 1600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/li>\n<li class=\"brik-m3d-tile overflow-hidden bg-muted aspect-[4\/3] rounded-lg\"><img width=\"720\" height=\"539\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-beams-768x575.jpg\" class=\"h-full w-full object-cover\" alt=\"Brik fx beams\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-beams-768x575.jpg 768w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-beams-300x225.jpg 300w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-beams-1024x767.jpg 1024w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-beams-1536x1150.jpg 1536w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-beams.jpg 1600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/li>\n<li class=\"brik-m3d-tile overflow-hidden bg-muted aspect-[4\/3] rounded-lg\"><img width=\"720\" height=\"312\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-integrations-768x333.jpg\" class=\"h-full w-full object-cover\" alt=\"Brik fx integrations\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-integrations-768x333.jpg 768w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-integrations-300x130.jpg 300w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-integrations-1024x444.jpg 1024w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-integrations-1536x666.jpg 1536w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-integrations.jpg 1600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/li>\n<\/ul>\n<ul class=\"brik-m3d-track\" aria-hidden=\"true\">\n<li class=\"brik-m3d-tile overflow-hidden bg-muted aspect-[4\/3] rounded-lg\"><img alt=\"\" width=\"720\" height=\"409\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-globe-768x436.jpg\" class=\"h-full w-full object-cover\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-globe-768x436.jpg 768w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-globe-300x170.jpg 300w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-globe-1024x581.jpg 1024w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-globe-1536x872.jpg 1536w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-globe.jpg 1600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/li>\n<li class=\"brik-m3d-tile overflow-hidden bg-muted aspect-[4\/3] rounded-lg\"><img alt=\"\" width=\"720\" height=\"381\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-retro-768x406.jpg\" class=\"h-full w-full object-cover\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-retro-768x406.jpg 768w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-retro-300x159.jpg 300w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-retro-1024x541.jpg 1024w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-retro-1536x812.jpg 1536w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-retro.jpg 1600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/li>\n<li class=\"brik-m3d-tile overflow-hidden bg-muted aspect-[4\/3] rounded-lg\"><img alt=\"\" width=\"720\" height=\"539\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-beams-768x575.jpg\" class=\"h-full w-full object-cover\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-beams-768x575.jpg 768w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-beams-300x225.jpg 300w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-beams-1024x767.jpg 1024w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-beams-1536x1150.jpg 1536w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-beams.jpg 1600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/li>\n<li class=\"brik-m3d-tile overflow-hidden bg-muted aspect-[4\/3] rounded-lg\"><img alt=\"\" width=\"720\" height=\"312\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-integrations-768x333.jpg\" class=\"h-full w-full object-cover\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-integrations-768x333.jpg 768w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-integrations-300x130.jpg 300w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-integrations-1024x444.jpg 1024w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-integrations-1536x666.jpg 1536w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-integrations.jpg 1600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/li>\n<\/ul>\n<\/div>\n<div class=\"brik-m3d-col\" style=\"--brik-m3d-dur:47.2s;--brik-m3d-dir:reverse;--brik-m3d-n:1\">\n<ul class=\"brik-m3d-track\">\n<li class=\"brik-m3d-tile overflow-hidden bg-muted aspect-[4\/3] rounded-lg\"><img width=\"720\" height=\"539\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-beams-768x575.jpg\" class=\"h-full w-full object-cover\" alt=\"Brik fx beams\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-beams-768x575.jpg 768w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-beams-300x225.jpg 300w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-beams-1024x767.jpg 1024w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-beams-1536x1150.jpg 1536w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-beams.jpg 1600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/li>\n<li class=\"brik-m3d-tile overflow-hidden bg-muted aspect-[4\/3] rounded-lg\"><img width=\"720\" height=\"312\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-integrations-768x333.jpg\" class=\"h-full w-full object-cover\" alt=\"Brik fx integrations\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-integrations-768x333.jpg 768w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-integrations-300x130.jpg 300w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-integrations-1024x444.jpg 1024w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-integrations-1536x666.jpg 1536w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-integrations.jpg 1600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/li>\n<li class=\"brik-m3d-tile overflow-hidden bg-muted aspect-[4\/3] rounded-lg\"><img width=\"720\" height=\"581\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-bento-768x620.jpg\" class=\"h-full w-full object-cover\" alt=\"Brik fx bento\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-bento-768x620.jpg 768w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-bento-300x242.jpg 300w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-bento-1024x826.jpg 1024w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-bento-1536x1239.jpg 1536w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-bento.jpg 1600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/li>\n<li class=\"brik-m3d-tile overflow-hidden bg-muted aspect-[4\/3] rounded-lg\"><img width=\"720\" height=\"450\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/aurora-hero-768x480.jpg\" class=\"h-full w-full object-cover\" alt=\"Brik aurora hero\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/aurora-hero-768x480.jpg 768w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/aurora-hero-300x188.jpg 300w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/aurora-hero-1024x640.jpg 1024w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/aurora-hero-1536x960.jpg 1536w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/aurora-hero.jpg 1600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/li>\n<\/ul>\n<ul class=\"brik-m3d-track\" aria-hidden=\"true\">\n<li class=\"brik-m3d-tile overflow-hidden bg-muted aspect-[4\/3] rounded-lg\"><img alt=\"\" width=\"720\" height=\"539\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-beams-768x575.jpg\" class=\"h-full w-full object-cover\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-beams-768x575.jpg 768w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-beams-300x225.jpg 300w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-beams-1024x767.jpg 1024w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-beams-1536x1150.jpg 1536w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-beams.jpg 1600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/li>\n<li class=\"brik-m3d-tile overflow-hidden bg-muted aspect-[4\/3] rounded-lg\"><img alt=\"\" width=\"720\" height=\"312\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-integrations-768x333.jpg\" class=\"h-full w-full object-cover\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-integrations-768x333.jpg 768w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-integrations-300x130.jpg 300w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-integrations-1024x444.jpg 1024w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-integrations-1536x666.jpg 1536w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-integrations.jpg 1600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/li>\n<li class=\"brik-m3d-tile overflow-hidden bg-muted aspect-[4\/3] rounded-lg\"><img alt=\"\" width=\"720\" height=\"581\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-bento-768x620.jpg\" class=\"h-full w-full object-cover\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-bento-768x620.jpg 768w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-bento-300x242.jpg 300w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-bento-1024x826.jpg 1024w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-bento-1536x1239.jpg 1536w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-bento.jpg 1600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/li>\n<li class=\"brik-m3d-tile overflow-hidden bg-muted aspect-[4\/3] rounded-lg\"><img alt=\"\" width=\"720\" height=\"450\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/aurora-hero-768x480.jpg\" class=\"h-full w-full object-cover\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/aurora-hero-768x480.jpg 768w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/aurora-hero-300x188.jpg 300w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/aurora-hero-1024x640.jpg 1024w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/aurora-hero-1536x960.jpg 1536w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/aurora-hero.jpg 1600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/li>\n<\/ul>\n<\/div>\n<div class=\"brik-m3d-col\" style=\"--brik-m3d-dur:54.4s;--brik-m3d-dir:normal;--brik-m3d-n:2\">\n<ul class=\"brik-m3d-track\">\n<li class=\"brik-m3d-tile overflow-hidden bg-muted aspect-[4\/3] rounded-lg\"><img width=\"720\" height=\"581\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-bento-768x620.jpg\" class=\"h-full w-full object-cover\" alt=\"Brik fx bento\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-bento-768x620.jpg 768w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-bento-300x242.jpg 300w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-bento-1024x826.jpg 1024w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-bento-1536x1239.jpg 1536w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-bento.jpg 1600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/li>\n<li class=\"brik-m3d-tile overflow-hidden bg-muted aspect-[4\/3] rounded-lg\"><img width=\"720\" height=\"450\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/aurora-hero-768x480.jpg\" class=\"h-full w-full object-cover\" alt=\"Brik aurora hero\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/aurora-hero-768x480.jpg 768w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/aurora-hero-300x188.jpg 300w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/aurora-hero-1024x640.jpg 1024w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/aurora-hero-1536x960.jpg 1536w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/aurora-hero.jpg 1600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/li>\n<li class=\"brik-m3d-tile overflow-hidden bg-muted aspect-[4\/3] rounded-lg\"><img width=\"720\" height=\"539\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-cards-768x575.jpg\" class=\"h-full w-full object-cover\" alt=\"Brik fx cards\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-cards-768x575.jpg 768w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-cards-300x225.jpg 300w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-cards-1024x767.jpg 1024w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-cards-1536x1150.jpg 1536w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-cards.jpg 1600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/li>\n<li class=\"brik-m3d-tile overflow-hidden bg-muted aspect-[4\/3] rounded-lg\"><img width=\"720\" height=\"260\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/mega-menu-768x277.jpg\" class=\"h-full w-full object-cover\" alt=\"Brik mega menu\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/mega-menu-768x277.jpg 768w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/mega-menu-300x108.jpg 300w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/mega-menu-1024x370.jpg 1024w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/mega-menu-1536x555.jpg 1536w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/mega-menu.jpg 1600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/li>\n<\/ul>\n<ul class=\"brik-m3d-track\" aria-hidden=\"true\">\n<li class=\"brik-m3d-tile overflow-hidden bg-muted aspect-[4\/3] rounded-lg\"><img alt=\"\" width=\"720\" height=\"581\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-bento-768x620.jpg\" class=\"h-full w-full object-cover\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-bento-768x620.jpg 768w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-bento-300x242.jpg 300w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-bento-1024x826.jpg 1024w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-bento-1536x1239.jpg 1536w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-bento.jpg 1600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/li>\n<li class=\"brik-m3d-tile overflow-hidden bg-muted aspect-[4\/3] rounded-lg\"><img alt=\"\" width=\"720\" height=\"450\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/aurora-hero-768x480.jpg\" class=\"h-full w-full object-cover\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/aurora-hero-768x480.jpg 768w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/aurora-hero-300x188.jpg 300w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/aurora-hero-1024x640.jpg 1024w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/aurora-hero-1536x960.jpg 1536w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/aurora-hero.jpg 1600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/li>\n<li class=\"brik-m3d-tile overflow-hidden bg-muted aspect-[4\/3] rounded-lg\"><img alt=\"\" width=\"720\" height=\"539\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-cards-768x575.jpg\" class=\"h-full w-full object-cover\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-cards-768x575.jpg 768w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-cards-300x225.jpg 300w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-cards-1024x767.jpg 1024w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-cards-1536x1150.jpg 1536w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-cards.jpg 1600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/li>\n<li class=\"brik-m3d-tile overflow-hidden bg-muted aspect-[4\/3] rounded-lg\"><img alt=\"\" width=\"720\" height=\"260\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/mega-menu-768x277.jpg\" class=\"h-full w-full object-cover\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/mega-menu-768x277.jpg 768w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/mega-menu-300x108.jpg 300w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/mega-menu-1024x370.jpg 1024w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/mega-menu-1536x555.jpg 1536w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/mega-menu.jpg 1600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/li>\n<\/ul>\n<\/div>\n<div class=\"brik-m3d-col\" style=\"--brik-m3d-dur:40s;--brik-m3d-dir:reverse;--brik-m3d-n:3\">\n<ul class=\"brik-m3d-track\">\n<li class=\"brik-m3d-tile overflow-hidden bg-muted aspect-[4\/3] rounded-lg\"><img width=\"720\" height=\"539\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-cards-768x575.jpg\" class=\"h-full w-full object-cover\" alt=\"Brik fx cards\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-cards-768x575.jpg 768w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-cards-300x225.jpg 300w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-cards-1024x767.jpg 1024w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-cards-1536x1150.jpg 1536w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-cards.jpg 1600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/li>\n<li class=\"brik-m3d-tile overflow-hidden bg-muted aspect-[4\/3] rounded-lg\"><img width=\"720\" height=\"260\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/mega-menu-768x277.jpg\" class=\"h-full w-full object-cover\" alt=\"Brik mega menu\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/mega-menu-768x277.jpg 768w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/mega-menu-300x108.jpg 300w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/mega-menu-1024x370.jpg 1024w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/mega-menu-1536x555.jpg 1536w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/mega-menu.jpg 1600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/li>\n<li class=\"brik-m3d-tile overflow-hidden bg-muted aspect-[4\/3] rounded-lg\"><img width=\"720\" height=\"532\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-marquee-768x567.jpg\" class=\"h-full w-full object-cover\" alt=\"Brik fx marquee\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-marquee-768x567.jpg 768w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-marquee-300x221.jpg 300w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-marquee-1024x756.jpg 1024w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-marquee-1536x1134.jpg 1536w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-marquee.jpg 1600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/li>\n<li class=\"brik-m3d-tile overflow-hidden bg-muted aspect-[4\/3] rounded-lg\"><img width=\"720\" height=\"409\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-globe-768x436.jpg\" class=\"h-full w-full object-cover\" alt=\"Brik fx globe\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-globe-768x436.jpg 768w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-globe-300x170.jpg 300w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-globe-1024x581.jpg 1024w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-globe-1536x872.jpg 1536w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-globe.jpg 1600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/li>\n<\/ul>\n<ul class=\"brik-m3d-track\" aria-hidden=\"true\">\n<li class=\"brik-m3d-tile overflow-hidden bg-muted aspect-[4\/3] rounded-lg\"><img alt=\"\" width=\"720\" height=\"539\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-cards-768x575.jpg\" class=\"h-full w-full object-cover\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-cards-768x575.jpg 768w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-cards-300x225.jpg 300w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-cards-1024x767.jpg 1024w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-cards-1536x1150.jpg 1536w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-cards.jpg 1600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/li>\n<li class=\"brik-m3d-tile overflow-hidden bg-muted aspect-[4\/3] rounded-lg\"><img alt=\"\" width=\"720\" height=\"260\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/mega-menu-768x277.jpg\" class=\"h-full w-full object-cover\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/mega-menu-768x277.jpg 768w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/mega-menu-300x108.jpg 300w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/mega-menu-1024x370.jpg 1024w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/mega-menu-1536x555.jpg 1536w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/mega-menu.jpg 1600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/li>\n<li class=\"brik-m3d-tile overflow-hidden bg-muted aspect-[4\/3] rounded-lg\"><img alt=\"\" width=\"720\" height=\"532\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-marquee-768x567.jpg\" class=\"h-full w-full object-cover\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-marquee-768x567.jpg 768w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-marquee-300x221.jpg 300w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-marquee-1024x756.jpg 1024w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-marquee-1536x1134.jpg 1536w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-marquee.jpg 1600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/li>\n<li class=\"brik-m3d-tile overflow-hidden bg-muted aspect-[4\/3] rounded-lg\"><img alt=\"\" width=\"720\" height=\"409\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-globe-768x436.jpg\" class=\"h-full w-full object-cover\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-globe-768x436.jpg 768w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-globe-300x170.jpg 300w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-globe-1024x581.jpg 1024w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-globe-1536x872.jpg 1536w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-globe.jpg 1600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/li>\n<\/ul>\n<\/div>\n<div class=\"brik-m3d-col\" style=\"--brik-m3d-dur:47.2s;--brik-m3d-dir:normal;--brik-m3d-n:4\">\n<ul class=\"brik-m3d-track\">\n<li class=\"brik-m3d-tile overflow-hidden bg-muted aspect-[4\/3] rounded-lg\"><img width=\"720\" height=\"532\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-marquee-768x567.jpg\" class=\"h-full w-full object-cover\" alt=\"Brik fx marquee\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-marquee-768x567.jpg 768w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-marquee-300x221.jpg 300w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-marquee-1024x756.jpg 1024w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-marquee-1536x1134.jpg 1536w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-marquee.jpg 1600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/li>\n<li class=\"brik-m3d-tile overflow-hidden bg-muted aspect-[4\/3] rounded-lg\"><img width=\"720\" height=\"409\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-globe-768x436.jpg\" class=\"h-full w-full object-cover\" alt=\"Brik fx globe\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-globe-768x436.jpg 768w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-globe-300x170.jpg 300w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-globe-1024x581.jpg 1024w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-globe-1536x872.jpg 1536w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-globe.jpg 1600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/li>\n<li class=\"brik-m3d-tile overflow-hidden bg-muted aspect-[4\/3] rounded-lg\"><img width=\"720\" height=\"381\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-retro-768x406.jpg\" class=\"h-full w-full object-cover\" alt=\"Brik fx retro\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-retro-768x406.jpg 768w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-retro-300x159.jpg 300w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-retro-1024x541.jpg 1024w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-retro-1536x812.jpg 1536w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-retro.jpg 1600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/li>\n<li class=\"brik-m3d-tile overflow-hidden bg-muted aspect-[4\/3] rounded-lg\"><img width=\"720\" height=\"539\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-beams-768x575.jpg\" class=\"h-full w-full object-cover\" alt=\"Brik fx beams\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-beams-768x575.jpg 768w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-beams-300x225.jpg 300w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-beams-1024x767.jpg 1024w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-beams-1536x1150.jpg 1536w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-beams.jpg 1600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/li>\n<\/ul>\n<ul class=\"brik-m3d-track\" aria-hidden=\"true\">\n<li class=\"brik-m3d-tile overflow-hidden bg-muted aspect-[4\/3] rounded-lg\"><img alt=\"\" width=\"720\" height=\"532\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-marquee-768x567.jpg\" class=\"h-full w-full object-cover\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-marquee-768x567.jpg 768w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-marquee-300x221.jpg 300w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-marquee-1024x756.jpg 1024w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-marquee-1536x1134.jpg 1536w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-marquee.jpg 1600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/li>\n<li class=\"brik-m3d-tile overflow-hidden bg-muted aspect-[4\/3] rounded-lg\"><img alt=\"\" width=\"720\" height=\"409\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-globe-768x436.jpg\" class=\"h-full w-full object-cover\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-globe-768x436.jpg 768w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-globe-300x170.jpg 300w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-globe-1024x581.jpg 1024w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-globe-1536x872.jpg 1536w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-globe.jpg 1600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/li>\n<li class=\"brik-m3d-tile overflow-hidden bg-muted aspect-[4\/3] rounded-lg\"><img alt=\"\" width=\"720\" height=\"381\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-retro-768x406.jpg\" class=\"h-full w-full object-cover\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-retro-768x406.jpg 768w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-retro-300x159.jpg 300w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-retro-1024x541.jpg 1024w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-retro-1536x812.jpg 1536w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-retro.jpg 1600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/li>\n<li class=\"brik-m3d-tile overflow-hidden bg-muted aspect-[4\/3] rounded-lg\"><img alt=\"\" width=\"720\" height=\"539\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-beams-768x575.jpg\" class=\"h-full w-full object-cover\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-beams-768x575.jpg 768w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-beams-300x225.jpg 300w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-beams-1024x767.jpg 1024w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-beams-1536x1150.jpg 1536w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/fx-beams.jpg 1600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"brik-el brik-row brik-n-fd23e60c\">\n<div class=\"brik-el brik-column brik-n-3a654d58\">\n<div class=\"brik-el brik-effect_card brik-n-6f5cbb67\">\n<div class=\"brik-fx-scope h-full\">\n<div class=\"brik-fx-cards grid gap-6\">\n<div class=\"brik-fx-card brik-fx-card--spotlight group\/fx relative isolate h-full rounded-xl\" data-brik-fx-card=\"spotlight\">\n<div class=\"brik-fx-card-box relative z-[1] flex h-full flex-col gap-3 overflow-hidden rounded-[inherit] border bg-card p-6 text-card-foreground shadow-sm\"><span class=\"brik-fx-spot\" aria-hidden=\"true\"><\/span><span class=\"brik-fx-spot-ring\" aria-hidden=\"true\"><\/span><\/p>\n<div class=\"brik-fx-card-body relative z-[2] flex h-full flex-col gap-3\"><span class=\"brik-fx-media inline-flex shrink-0 items-center justify-center brik-fx-card-icon size-11 rounded-lg border bg-background text-foreground shadow-xs\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"size-[var(--brik-fx-icon,1.25rem)]\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"\/><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"\/><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"\/><\/svg><\/span><\/p>\n<h3 class=\"brik-fx-card-title font-heading text-lg leading-snug font-semibold tracking-tight\">17 animated backgrounds<\/h3>\n<p class=\"brik-fx-card-text text-sm leading-relaxed text-muted-foreground\">Aurora, gradient mesh, beams, particles, stars, retro grid and more \u2014 one setting on any section.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"brik-fx-card brik-fx-card--spotlight group\/fx relative isolate h-full rounded-xl\" data-brik-fx-card=\"spotlight\">\n<div class=\"brik-fx-card-box relative z-[1] flex h-full flex-col gap-3 overflow-hidden rounded-[inherit] border bg-card p-6 text-card-foreground shadow-sm\"><span class=\"brik-fx-spot\" aria-hidden=\"true\"><\/span><span class=\"brik-fx-spot-ring\" aria-hidden=\"true\"><\/span><\/p>\n<div class=\"brik-fx-card-body relative z-[2] flex h-full flex-col gap-3\"><span class=\"brik-fx-media inline-flex shrink-0 items-center justify-center brik-fx-card-icon size-11 rounded-lg border bg-background text-foreground shadow-xs\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"size-[var(--brik-fx-icon,1.25rem)]\"><path d=\"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z\"\/><path d=\"m3.3 7 8.7 5 8.7-5\"\/><path d=\"M12 22V12\"\/><\/svg><\/span><\/p>\n<h3 class=\"brik-fx-card-title font-heading text-lg leading-snug font-semibold tracking-tight\">3D &amp; scroll effects<\/h3>\n<p class=\"brik-fx-card-text text-sm leading-relaxed text-muted-foreground\">WebGL globe, container scroll, hero parallax, 3D marquee, sticky storytelling.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"brik-fx-card brik-fx-card--spotlight group\/fx relative isolate h-full rounded-xl\" data-brik-fx-card=\"spotlight\">\n<div class=\"brik-fx-card-box relative z-[1] flex h-full flex-col gap-3 overflow-hidden rounded-[inherit] border bg-card p-6 text-card-foreground shadow-sm\"><span class=\"brik-fx-spot\" aria-hidden=\"true\"><\/span><span class=\"brik-fx-spot-ring\" aria-hidden=\"true\"><\/span><\/p>\n<div class=\"brik-fx-card-body relative z-[2] flex h-full flex-col gap-3\"><span class=\"brik-fx-media inline-flex shrink-0 items-center justify-center brik-fx-card-icon size-11 rounded-lg border bg-background text-foreground shadow-xs\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"size-[var(--brik-fx-icon,1.25rem)]\"><path d=\"M12 4v16\"\/><path d=\"M4 7V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2\"\/><path d=\"M9 20h6\"\/><\/svg><\/span><\/p>\n<h3 class=\"brik-fx-card-title font-heading text-lg leading-snug font-semibold tracking-tight\">Animated text &amp; cards<\/h3>\n<p class=\"brik-fx-card-text text-sm leading-relaxed text-muted-foreground\">Rotating headlines, scramble, shimmer, spotlight and border-beam cards, fancy buttons.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"brik-el brik-section brik-n-c11c9b85 dark\" id=\"ai\">\n<div class=\"brik-bg-effect brik-bg-effect--beams brik-bg-effect--mask-fade-edges\" data-intensity=\"60\" data-speed=\"100\" data-interactive=\"0\" style=\"--fx-color:#818cf8;--fx-color2:#e879f9;--fx-intensity:0.6;--fx-speed:1;--fx-opacity:1\" aria-hidden=\"true\">\n<div class=\"brik-bgfx-beams-glow\"><\/div>\n<p><svg class=\"brik-bgfx-beams\" viewBox=\"0 0 1200 800\" preserveAspectRatio=\"xMidYMid slice\" fill=\"none\"><defs><linearGradient id=\"brik-bgfx-beam-1\" x1=\"0\" y1=\"800\" x2=\"1200\" y2=\"0\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" style=\"stop-color:var(--fx-color2)\"\/><stop offset=\".5\" style=\"stop-color:var(--fx-color)\"\/><stop offset=\"1\" style=\"stop-color:var(--fx-color2)\"\/><\/linearGradient><\/defs><g class=\"brik-bgfx-beams-rail\"><path d=\"M-380 980 C-260 460 260 360 800 -120\" pathLength=\"1000\"\/><path d=\"M-354 974 C-234 458 296 350 848 -124\" pathLength=\"1000\"\/><path d=\"M-328 968 C-208 456 332 340 896 -128\" pathLength=\"1000\"\/><path d=\"M-302 962 C-182 454 368 330 944 -132\" pathLength=\"1000\"\/><path d=\"M-276 956 C-156 452 404 320 992 -136\" pathLength=\"1000\"\/><path d=\"M-250 950 C-130 450 440 310 1040 -140\" pathLength=\"1000\"\/><path d=\"M-224 944 C-104 448 476 300 1088 -144\" pathLength=\"1000\"\/><path d=\"M-198 938 C-78 446 512 290 1136 -148\" pathLength=\"1000\"\/><path d=\"M-172 932 C-52 444 548 280 1184 -152\" pathLength=\"1000\"\/><path d=\"M-146 926 C-26 442 584 270 1232 -156\" pathLength=\"1000\"\/><path d=\"M-120 920 C0 440 620 260 1280 -160\" pathLength=\"1000\"\/><path d=\"M-94 914 C26 438 656 250 1328 -164\" pathLength=\"1000\"\/><path d=\"M-68 908 C52 436 692 240 1376 -168\" pathLength=\"1000\"\/><path d=\"M-42 902 C78 434 728 230 1424 -172\" pathLength=\"1000\"\/><path d=\"M-16 896 C104 432 764 220 1472 -176\" pathLength=\"1000\"\/><path d=\"M10 890 C130 430 800 210 1520 -180\" pathLength=\"1000\"\/><path d=\"M36 884 C156 428 836 200 1568 -184\" pathLength=\"1000\"\/><path d=\"M62 878 C182 426 872 190 1616 -188\" pathLength=\"1000\"\/><path d=\"M88 872 C208 424 908 180 1664 -192\" pathLength=\"1000\"\/><path d=\"M114 866 C234 422 944 170 1712 -196\" pathLength=\"1000\"\/><path d=\"M140 860 C260 420 980 160 1760 -200\" pathLength=\"1000\"\/><path d=\"M166 854 C286 418 1016 150 1808 -204\" pathLength=\"1000\"\/><path d=\"M192 848 C312 416 1052 140 1856 -208\" pathLength=\"1000\"\/><path d=\"M218 842 C338 414 1088 130 1904 -212\" pathLength=\"1000\"\/><path d=\"M244 836 C364 412 1124 120 1952 -216\" pathLength=\"1000\"\/><path d=\"M270 830 C390 410 1160 110 2000 -220\" pathLength=\"1000\"\/><\/g><g class=\"brik-bgfx-beams-halo\" stroke=\"url(#brik-bgfx-beam-1)\"><path d=\"M-380 980 C-260 460 260 360 800 -120\" pathLength=\"1000\" style=\"--d:-10.02s;--t:5.91s\"\/><path d=\"M-328 968 C-208 456 332 340 896 -128\" pathLength=\"1000\" style=\"--d:-7.96s;--t:9.03s\"\/><path d=\"M-276 956 C-156 452 404 320 992 -136\" pathLength=\"1000\" style=\"--d:-12.75s;--t:8.50s\"\/><path d=\"M-224 944 C-104 448 476 300 1088 -144\" pathLength=\"1000\" style=\"--d:-7.61s;--t:10.90s\"\/><path d=\"M-172 932 C-52 444 548 280 1184 -152\" pathLength=\"1000\" style=\"--d:-13.78s;--t:7.84s\"\/><path d=\"M-120 920 C0 440 620 260 1280 -160\" pathLength=\"1000\" style=\"--d:-4.58s;--t:7.51s\"\/><path d=\"M-68 908 C52 436 692 240 1376 -168\" pathLength=\"1000\" style=\"--d:-13.55s;--t:8.53s\"\/><path d=\"M-16 896 C104 432 764 220 1472 -176\" pathLength=\"1000\" style=\"--d:-13.17s;--t:8.80s\"\/><path d=\"M36 884 C156 428 836 200 1568 -184\" pathLength=\"1000\" style=\"--d:-2.91s;--t:7.33s\"\/><path d=\"M88 872 C208 424 908 180 1664 -192\" pathLength=\"1000\" style=\"--d:-3.70s;--t:10.68s\"\/><path d=\"M140 860 C260 420 980 160 1760 -200\" pathLength=\"1000\" style=\"--d:-6.20s;--t:8.88s\"\/><path d=\"M192 848 C312 416 1052 140 1856 -208\" pathLength=\"1000\" style=\"--d:-13.57s;--t:8.22s\"\/><path d=\"M244 836 C364 412 1124 120 1952 -216\" pathLength=\"1000\" style=\"--d:-10.55s;--t:7.06s\"\/><\/g><g class=\"brik-bgfx-beams-pulse\" stroke=\"url(#brik-bgfx-beam-1)\"><path d=\"M-380 980 C-260 460 260 360 800 -120\" pathLength=\"1000\" style=\"--d:-10.02s;--t:5.91s\"\/><path d=\"M-328 968 C-208 456 332 340 896 -128\" pathLength=\"1000\" style=\"--d:-7.96s;--t:9.03s\"\/><path d=\"M-276 956 C-156 452 404 320 992 -136\" pathLength=\"1000\" style=\"--d:-12.75s;--t:8.50s\"\/><path d=\"M-224 944 C-104 448 476 300 1088 -144\" pathLength=\"1000\" style=\"--d:-7.61s;--t:10.90s\"\/><path d=\"M-172 932 C-52 444 548 280 1184 -152\" pathLength=\"1000\" style=\"--d:-13.78s;--t:7.84s\"\/><path d=\"M-120 920 C0 440 620 260 1280 -160\" pathLength=\"1000\" style=\"--d:-4.58s;--t:7.51s\"\/><path d=\"M-68 908 C52 436 692 240 1376 -168\" pathLength=\"1000\" style=\"--d:-13.55s;--t:8.53s\"\/><path d=\"M-16 896 C104 432 764 220 1472 -176\" pathLength=\"1000\" style=\"--d:-13.17s;--t:8.80s\"\/><path d=\"M36 884 C156 428 836 200 1568 -184\" pathLength=\"1000\" style=\"--d:-2.91s;--t:7.33s\"\/><path d=\"M88 872 C208 424 908 180 1664 -192\" pathLength=\"1000\" style=\"--d:-3.70s;--t:10.68s\"\/><path d=\"M140 860 C260 420 980 160 1760 -200\" pathLength=\"1000\" style=\"--d:-6.20s;--t:8.88s\"\/><path d=\"M192 848 C312 416 1052 140 1856 -208\" pathLength=\"1000\" style=\"--d:-13.57s;--t:8.22s\"\/><path d=\"M244 836 C364 412 1124 120 1952 -216\" pathLength=\"1000\" style=\"--d:-10.55s;--t:7.06s\"\/><\/g><\/svg><\/div>\n<div class=\"brik-el brik-row brik-n-c86eb796\">\n<div class=\"brik-el brik-column brik-n-aa7e3379\">\n<div class=\"brik-el brik-badge brik-n-1e51d96b\"><span class=\"brik-badge-pill inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border font-medium whitespace-nowrap no-underline transition-[color,box-shadow,background-color] outline-none focus-visible:ring-[3px] focus-visible:ring-ring\/50 [&amp;&gt;svg]:pointer-events-none border-border text-foreground [a&amp;]:hover:bg-accent [a&amp;]:hover:text-accent-foreground px-2 py-0.5 text-xs [&amp;&gt;svg]:size-3\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"\"><path d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"\/><path d=\"M20 2v4\"\/><path d=\"M22 4h-4\"\/><circle cx=\"4\" cy=\"20\" r=\"2\"\/><\/svg><span>Built-in MCP server<\/span><\/span><\/div>\n<div class=\"brik-el brik-heading brik-n-77c0b4b7\">\n<h2 class=\"brik-heading-text font-heading text-4xl md:text-5xl font-extrabold tracking-tight text-balance\">Your AI can build with Brik<\/h2>\n<\/div>\n<div class=\"brik-el brik-text brik-n-ad7ed35c\">\n<div class=\"brik-prose text-xl text-muted-foreground\">\n<p>Connect Claude, Cursor, VS Code or any MCP client and describe what you want. It creates pages, headers, menus, content types and products \u2014 through the same validated pipeline as the visual builder, so you can keep editing visually.<\/p>\n<\/div>\n<\/div>\n<div class=\"brik-el brik-terminal brik-n-0ed03e80\">\n<div class=\"brik-term brik-term--dark\" role=\"group\" aria-label=\"terminal\" data-speed=\"22\" data-gap=\"380\" data-loop=\"1\" data-pause=\"4000\" data-trigger=\"in-view\">\n<div class=\"brik-term-head\" aria-hidden=\"true\"><span class=\"brik-term-dots\"><i><\/i><i><\/i><i><\/i><\/span><span class=\"brik-term-title\">terminal<\/span><\/div>\n<div class=\"brik-term-body\">\n<div class=\"brik-term-line brik-term-line--command\"><span class=\"brik-term-prompt\" aria-hidden=\"true\">$<\/span><span class=\"brik-term-text\">claude mcp add &#8211;transport http brik https:\/\/your-site.com\/wp-json\/brik\/v1\/mcp<\/span><\/div>\n<div class=\"brik-term-line brik-term-line--success\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"brik-term-mark size-[1.05em] shrink-0\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><span class=\"brik-term-text\">Connected to brik \u00b7 37 tools<\/span><\/div>\n<div class=\"brik-term-line brik-term-line--comment\"><span class=\"brik-term-text\"># then just ask<\/span><\/div>\n<div class=\"brik-term-line brik-term-line--command\"><span class=\"brik-term-prompt\" aria-hidden=\"true\">$<\/span><span class=\"brik-term-text\">&quot;Build a landing page for my bakery with a menu and opening hours&quot;<\/span><\/div>\n<div class=\"brik-term-line brik-term-line--info\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"brik-term-mark size-[1.05em] shrink-0\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 16v-4\"\/><path d=\"M12 8h.01\"\/><\/svg><span class=\"brik-term-text\">create_page \u00b7 create_template \u00b7 create_menu<\/span><\/div>\n<div class=\"brik-term-line brik-term-line--success\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"brik-term-mark size-[1.05em] shrink-0\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><span class=\"brik-term-text\">Done \u2014 open it in the builder to keep editing<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"brik-el brik-column brik-n-7119c20a\">\n<div class=\"brik-el brik-device_mockup brik-n-e1c486ae\">\n<div class=\"brik-dm brik-dm--left brik-dm--float brik-dm--tilt\" data-brik-tilt>\n<div class=\"brik-dm-device relative mx-auto w-full max-w-[1000px]\">\n<div class=\"brik-dm-glow\" aria-hidden=\"true\"><\/div>\n<div class=\"brik-dm-float\">\n<div class=\"brik-dm-tilt\">\n<div class=\"brik-device brik-device--browser brik-device--dark\">\n<div class=\"brik-device-bar flex items-center gap-3 px-4\" aria-hidden=\"true\"><span class=\"brik-device-lights flex shrink-0 gap-1.5\"><i><\/i><i><\/i><i><\/i><\/span><span class=\"brik-device-url mx-auto flex min-w-0 items-center justify-center gap-1.5 truncate rounded-md px-3 text-xs\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"size-3 shrink-0 opacity-60\"><rect width=\"18\" height=\"11\" x=\"3\" y=\"11\" rx=\"2\" ry=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg><span class=\"truncate\">brikwp.com \u00b7 AI building a page<\/span><\/span><span class=\"w-10 shrink-0 max-sm:hidden\"><\/span><\/div>\n<div class=\"brik-device-screen relative overflow-hidden aspect-[16\/10]\"><video class=\"brik-3d-media absolute inset-0 h-full w-full object-cover\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/ai-loop.mp4\" poster=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/mcp.jpg\" autoplay muted loop playsinline preload=\"metadata\" aria-hidden=\"true\"><\/video><span class=\"brik-device-glare\" aria-hidden=\"true\"><\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"brik-el brik-row brik-n-371c2912\">\n<div class=\"brik-el brik-column brik-n-d196c200\">\n<div class=\"brik-el brik-animated_beam brik-n-dcda7ba5\">\n<div class=\"brik-beam\" data-flow=\"through\" data-curve=\"50\" data-brik-fx-pause style=\"--brik-beam-icon:52px;--brik-beam-center:88px;--brik-beam-dur:3s\"><svg class=\"brik-beam-svg\" aria-hidden=\"true\" focusable=\"false\"><\/svg><\/p>\n<ul class=\"brik-beam-col brik-beam-col--left\">\n<li class=\"brik-beam-node\" title=\"Claude\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"size-[46%]\"><path d=\"M12 8V4H8\"\/><rect width=\"16\" height=\"12\" x=\"4\" y=\"8\" rx=\"2\"\/><path d=\"M2 14h2\"\/><path d=\"M20 14h2\"\/><path d=\"M15 13v2\"\/><path d=\"M9 13v2\"\/><\/svg><span class=\"sr-only\">Claude<\/span><\/li>\n<li class=\"brik-beam-node\" title=\"Cursor\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"size-[46%]\"><path d=\"M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z\"\/><\/svg><span class=\"sr-only\">Cursor<\/span><\/li>\n<li class=\"brik-beam-node\" title=\"VS Code\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"size-[46%]\"><path d=\"m16 18 6-6-6-6\"\/><path d=\"m8 6-6 6 6 6\"\/><\/svg><span class=\"sr-only\">VS Code<\/span><\/li>\n<\/ul>\n<div class=\"brik-beam-hub\">\n<div class=\"brik-beam-core\" title=\"Brik MCP\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"size-[42%]\"><path d=\"M10 22V7a1 1 0 0 0-1-1H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-5a1 1 0 0 0-1-1H2\"\/><rect x=\"14\" y=\"2\" width=\"8\" height=\"8\" rx=\"1\"\/><\/svg><\/div>\n<p><span class=\"brik-beam-hub-label\">Brik MCP<\/span><\/div>\n<ul class=\"brik-beam-col brik-beam-col--right\">\n<li class=\"brik-beam-node\" title=\"Pages\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"size-[46%]\"><path d=\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\"\/><path d=\"M14 2v5a1 1 0 0 0 1 1h5\"\/><path d=\"M10 9H8\"\/><path d=\"M16 13H8\"\/><path d=\"M16 17H8\"\/><\/svg><span class=\"sr-only\">Pages<\/span><\/li>\n<li class=\"brik-beam-node\" title=\"Menus\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"size-[46%]\"><path d=\"M8 5h13\"\/><path d=\"M13 12h8\"\/><path d=\"M13 19h8\"\/><path d=\"M3 10a2 2 0 0 0 2 2h3\"\/><path d=\"M3 5v12a2 2 0 0 0 2 2h3\"\/><\/svg><span class=\"sr-only\">Menus<\/span><\/li>\n<li class=\"brik-beam-node\" title=\"Products\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"size-[46%]\"><path d=\"M16 10a4 4 0 0 1-8 0\"\/><path d=\"M3.103 6.034h17.794\"\/><path d=\"M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z\"\/><\/svg><span class=\"sr-only\">Products<\/span><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"brik-el brik-section brik-n-77a5dd7c\" id=\"woo\">\n<div class=\"brik-el brik-row brik-n-5af8a36f\">\n<div class=\"brik-el brik-column brik-n-c1725f84\">\n<div class=\"brik-el brik-badge brik-n-529a788a\"><span class=\"brik-badge-pill inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border font-medium whitespace-nowrap no-underline transition-[color,box-shadow,background-color] outline-none focus-visible:ring-[3px] focus-visible:ring-ring\/50 [&amp;&gt;svg]:pointer-events-none border-transparent bg-secondary text-secondary-foreground [a&amp;]:hover:bg-secondary\/90 px-2 py-0.5 text-xs [&amp;&gt;svg]:size-3\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"\"><path d=\"M16 10a4 4 0 0 1-8 0\"\/><path d=\"M3.103 6.034h17.794\"\/><path d=\"M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z\"\/><\/svg><span>New in 1.1<\/span><\/span><\/div>\n<div class=\"brik-el brik-heading brik-n-d53f01a8\">\n<h2 class=\"brik-heading-text font-heading text-4xl md:text-5xl font-extrabold tracking-tight text-balance\">A store that looks as good as your site<\/h2>\n<\/div>\n<div class=\"brik-el brik-text brik-n-f348e184\">\n<div class=\"brik-prose text-xl text-muted-foreground\">\n<p>Design product pages, shop grids and checkout visually \u2014 on top of WooCommerce\u2019s own forms, so payment gateways and extensions keep working.<\/p>\n<\/div>\n<\/div>\n<div class=\"brik-el brik-icon_list brik-n-0054bc5c\">\n<ul class=\"brik-icon-list grid gap-3 text-base\">\n<li class=\"brik-icon-list-item flex items-center gap-3\"><span class=\"brik-icon-list-icon inline-flex shrink-0 items-center justify-center text-primary [--brik-icon-size:1.125rem] rounded-full bg-primary\/10 size-7\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"size-[var(--brik-icon-size)]\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"m16 9-5.5 5.5L8 12\"\/><\/svg><\/span><span class=\"brik-icon-list-text\">Galleries with zoom, lightbox and variation images<\/span><\/li>\n<li class=\"brik-icon-list-item flex items-center gap-3\"><span class=\"brik-icon-list-icon inline-flex shrink-0 items-center justify-center text-primary [--brik-icon-size:1.125rem] rounded-full bg-primary\/10 size-7\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"size-[var(--brik-icon-size)]\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"m16 9-5.5 5.5L8 12\"\/><\/svg><\/span><span class=\"brik-icon-list-text\">Color swatches, size pills, AJAX add to cart, buy now<\/span><\/li>\n<li class=\"brik-icon-list-item flex items-center gap-3\"><span class=\"brik-icon-list-icon inline-flex shrink-0 items-center justify-center text-primary [--brik-icon-size:1.125rem] rounded-full bg-primary\/10 size-7\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"size-[var(--brik-icon-size)]\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"m16 9-5.5 5.5L8 12\"\/><\/svg><\/span><span class=\"brik-icon-list-text\">Filters for price, attributes, rating and stock<\/span><\/li>\n<li class=\"brik-icon-list-item flex items-center gap-3\"><span class=\"brik-icon-list-icon inline-flex shrink-0 items-center justify-center text-primary [--brik-icon-size:1.125rem] rounded-full bg-primary\/10 size-7\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"size-[var(--brik-icon-size)]\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"m16 9-5.5 5.5L8 12\"\/><\/svg><\/span><span class=\"brik-icon-list-text\">Mini cart drawer and a beautifully styled checkout<\/span><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<div class=\"brik-el brik-column brik-n-cf88b58d\">\n<div class=\"brik-el brik-device_mockup brik-n-2e1655b2\">\n<div class=\"brik-dm brik-dm--right brik-dm--float brik-dm--tilt\" data-brik-tilt>\n<div class=\"brik-dm-device relative mx-auto w-full max-w-[1000px]\">\n<div class=\"brik-dm-glow\" aria-hidden=\"true\"><\/div>\n<div class=\"brik-dm-float\">\n<div class=\"brik-dm-tilt\">\n<div class=\"brik-device brik-device--browser brik-device--dark\">\n<div class=\"brik-device-bar flex items-center gap-3 px-4\" aria-hidden=\"true\"><span class=\"brik-device-lights flex shrink-0 gap-1.5\"><i><\/i><i><\/i><i><\/i><\/span><span class=\"brik-device-url mx-auto flex min-w-0 items-center justify-center gap-1.5 truncate rounded-md px-3 text-xs\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"size-3 shrink-0 opacity-60\"><rect width=\"18\" height=\"11\" x=\"3\" y=\"11\" rx=\"2\" ry=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg><span class=\"truncate\">your-store.com\/product\/hoodie<\/span><\/span><span class=\"w-10 shrink-0 max-sm:hidden\"><\/span><\/div>\n<div class=\"brik-device-screen relative overflow-hidden aspect-[16\/10]\"><img width=\"1280\" height=\"1016\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/product.jpg\" class=\"brik-3d-media absolute inset-0 h-full w-full object-cover\" alt=\"Brik product\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/product.jpg 1280w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/product-300x238.jpg 300w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/product-1024x813.jpg 1024w, https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/product-768x610.jpg 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><span class=\"brik-device-glare\" aria-hidden=\"true\"><\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"brik-el brik-section brik-n-aa3cf535\">\n<div class=\"brik-el brik-row brik-n-cb4e820b\">\n<div class=\"brik-el brik-column brik-n-2a209f50\">\n<div class=\"brik-el brik-badge brik-n-254ccba1\"><span class=\"brik-badge-pill inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border font-medium whitespace-nowrap no-underline transition-[color,box-shadow,background-color] outline-none focus-visible:ring-[3px] focus-visible:ring-ring\/50 [&amp;&gt;svg]:pointer-events-none border-border text-foreground [a&amp;]:hover:bg-accent [a&amp;]:hover:text-accent-foreground px-2 py-0.5 text-xs [&amp;&gt;svg]:size-3\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"\"><path d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"\/><path d=\"M20 2v4\"\/><path d=\"M22 4h-4\"\/><circle cx=\"4\" cy=\"20\" r=\"2\"\/><\/svg><span>Under the hood<\/span><\/span><\/div>\n<div class=\"brik-el brik-heading brik-n-39888b23\">\n<h2 class=\"brik-heading-text font-heading text-4xl md:text-5xl font-extrabold tracking-tight text-balance\">Built for real projects<\/h2>\n<\/div>\n<div class=\"brik-el brik-text brik-n-2811dbf0\">\n<div class=\"brik-prose text-xl text-muted-foreground\">\n<p>Templates, content models, navigation and integrations \u2014 the parts that turn pages into a website.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"brik-el brik-row brik-n-2324af0c\">\n<div class=\"brik-el brik-column brik-n-05f6804a\">\n<div class=\"brik-el brik-tabs brik-n-62fbe910\">\n<div class=\"brik-tabs flex flex-col gap-4\" data-brik-tabs data-orientation=\"horizontal\">\n<div role=\"tablist\" class=\"brik-tabs-list inline-flex h-9 max-w-full items-center rounded-lg bg-muted p-[3px] text-muted-foreground overflow-x-auto [scrollbar-width:none] w-fit self-center\" aria-orientation=\"horizontal\"><button type=\"button\" role=\"tab\" id=\"brik-62fbe910-tab-0\" class=\"brik-tabs-trigger relative inline-flex items-center gap-1.5 rounded-md border border-transparent px-3 py-1 text-sm font-medium whitespace-nowrap text-foreground\/60 transition-all outline-none hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring\/50 aria-selected:bg-background aria-selected:text-foreground aria-selected:shadow-sm dark:text-muted-foreground dark:hover:text-foreground dark:aria-selected:border-input dark:aria-selected:bg-input\/30 dark:aria-selected:text-foreground [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 h-[calc(100%-1px)] flex-1 justify-center\" aria-controls=\"brik-62fbe910-panel-0\" aria-selected=\"true\" tabindex=\"0\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"size-4\"><rect width=\"18\" height=\"7\" x=\"3\" y=\"3\" rx=\"1\"\/><rect width=\"7\" height=\"7\" x=\"3\" y=\"14\" rx=\"1\"\/><rect width=\"7\" height=\"7\" x=\"14\" y=\"14\" rx=\"1\"\/><\/svg><span>Theme builder<\/span><\/button><button type=\"button\" role=\"tab\" id=\"brik-62fbe910-tab-1\" class=\"brik-tabs-trigger relative inline-flex items-center gap-1.5 rounded-md border border-transparent px-3 py-1 text-sm font-medium whitespace-nowrap text-foreground\/60 transition-all outline-none hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring\/50 aria-selected:bg-background aria-selected:text-foreground aria-selected:shadow-sm dark:text-muted-foreground dark:hover:text-foreground dark:aria-selected:border-input dark:aria-selected:bg-input\/30 dark:aria-selected:text-foreground [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 h-[calc(100%-1px)] flex-1 justify-center\" aria-controls=\"brik-62fbe910-panel-1\" aria-selected=\"false\" tabindex=\"-1\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"size-4\"><ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\"\/><path d=\"M3 5V19A9 3 0 0 0 21 19V5\"\/><path d=\"M3 12A9 3 0 0 0 21 12\"\/><\/svg><span>Content types<\/span><\/button><button type=\"button\" role=\"tab\" id=\"brik-62fbe910-tab-2\" class=\"brik-tabs-trigger relative inline-flex items-center gap-1.5 rounded-md border border-transparent px-3 py-1 text-sm font-medium whitespace-nowrap text-foreground\/60 transition-all outline-none hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring\/50 aria-selected:bg-background aria-selected:text-foreground aria-selected:shadow-sm dark:text-muted-foreground dark:hover:text-foreground dark:aria-selected:border-input dark:aria-selected:bg-input\/30 dark:aria-selected:text-foreground [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 h-[calc(100%-1px)] flex-1 justify-center\" aria-controls=\"brik-62fbe910-panel-2\" aria-selected=\"false\" tabindex=\"-1\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"size-4\"><path d=\"M2 5h20\"\/><path d=\"M6 12h12\"\/><path d=\"M9 19h6\"\/><\/svg><span>Listings &amp; filters<\/span><\/button><button type=\"button\" role=\"tab\" id=\"brik-62fbe910-tab-3\" class=\"brik-tabs-trigger relative inline-flex items-center gap-1.5 rounded-md border border-transparent px-3 py-1 text-sm font-medium whitespace-nowrap text-foreground\/60 transition-all outline-none hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring\/50 aria-selected:bg-background aria-selected:text-foreground aria-selected:shadow-sm dark:text-muted-foreground dark:hover:text-foreground dark:aria-selected:border-input dark:aria-selected:bg-input\/30 dark:aria-selected:text-foreground [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 h-[calc(100%-1px)] flex-1 justify-center\" aria-controls=\"brik-62fbe910-panel-3\" aria-selected=\"false\" tabindex=\"-1\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"size-4\"><path d=\"M4 5h16\"\/><path d=\"M4 12h16\"\/><path d=\"M4 19h16\"\/><\/svg><span>Navigation<\/span><\/button><button type=\"button\" role=\"tab\" id=\"brik-62fbe910-tab-4\" class=\"brik-tabs-trigger relative inline-flex items-center gap-1.5 rounded-md border border-transparent px-3 py-1 text-sm font-medium whitespace-nowrap text-foreground\/60 transition-all outline-none hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring\/50 aria-selected:bg-background aria-selected:text-foreground aria-selected:shadow-sm dark:text-muted-foreground dark:hover:text-foreground dark:aria-selected:border-input dark:aria-selected:bg-input\/30 dark:aria-selected:text-foreground [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 h-[calc(100%-1px)] flex-1 justify-center\" aria-controls=\"brik-62fbe910-panel-4\" aria-selected=\"false\" tabindex=\"-1\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"size-4\"><path d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"\/><path d=\"M20 2v4\"\/><path d=\"M22 4h-4\"\/><circle cx=\"4\" cy=\"20\" r=\"2\"\/><\/svg><span>Connect AI<\/span><\/button><\/div>\n<div role=\"tabpanel\" id=\"brik-62fbe910-panel-0\" class=\"brik-tabs-panel brik-prose flex-1 rounded-xl border bg-card p-6 text-card-foreground shadow-xs outline-none focus-visible:ring-[3px] focus-visible:ring-ring\/50\" aria-labelledby=\"brik-62fbe910-tab-0\" tabindex=\"0\">\n<p>Design headers, footers and templates, then choose where they apply: the whole site, post types, categories, products, search, 404 and more.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/theme-builder-v2.jpg\" alt=\"Theme builder\" style=\"border-radius:12px;border:1px solid var(--border);margin-top:12px\"><\/p>\n<\/div>\n<div role=\"tabpanel\" id=\"brik-62fbe910-panel-1\" class=\"brik-tabs-panel brik-prose flex-1 rounded-xl border bg-card p-6 text-card-foreground shadow-xs outline-none focus-visible:ring-[3px] focus-visible:ring-ring\/50\" aria-labelledby=\"brik-62fbe910-tab-1\" tabindex=\"0\" hidden>\n<p>Create post types and taxonomies and add custom fields with a visual editor \u2014 repeaters, galleries, relationships, conditional logic.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/content-fields.jpg\" alt=\"Content types\" style=\"border-radius:12px;border:1px solid var(--border);margin-top:12px\"><\/p>\n<\/div>\n<div role=\"tabpanel\" id=\"brik-62fbe910-panel-2\" class=\"brik-tabs-panel brik-prose flex-1 rounded-xl border bg-card p-6 text-card-foreground shadow-xs outline-none focus-visible:ring-[3px] focus-visible:ring-ring\/50\" aria-labelledby=\"brik-62fbe910-tab-2\" tabindex=\"0\" hidden>\n<p>Query any content, design the card visually and add AJAX filters with shareable URLs that still work without JavaScript.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/listing.jpg\" alt=\"Listings &#038; filters\" style=\"border-radius:12px;border:1px solid var(--border);margin-top:12px\"><\/p>\n<\/div>\n<div role=\"tabpanel\" id=\"brik-62fbe910-panel-3\" class=\"brik-tabs-panel brik-prose flex-1 rounded-xl border bg-card p-6 text-card-foreground shadow-xs outline-none focus-visible:ring-[3px] focus-visible:ring-ring\/50\" aria-labelledby=\"brik-62fbe910-tab-3\" tabindex=\"0\" hidden>\n<p>Mega menus with columns, icon grids, featured cards or any layout you design \u2014 plus four kinds of mobile menu.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/mega-menu.jpg\" alt=\"Navigation\" style=\"border-radius:12px;border:1px solid var(--border);margin-top:12px\"><\/p>\n<\/div>\n<div role=\"tabpanel\" id=\"brik-62fbe910-panel-4\" class=\"brik-tabs-panel brik-prose flex-1 rounded-xl border bg-card p-6 text-card-foreground shadow-xs outline-none focus-visible:ring-[3px] focus-visible:ring-ring\/50\" aria-labelledby=\"brik-62fbe910-tab-4\" tabindex=\"0\" hidden>\n<p>Create an application password and paste the generated command into Claude Code, Cursor or VS Code.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/brikwp.com\/wp-content\/uploads\/2026\/10\/mcp.jpg\" alt=\"Connect AI\" style=\"border-radius:12px;border:1px solid var(--border);margin-top:12px\"><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"brik-el brik-section brik-n-22366c15\">\n<div class=\"brik-el brik-row brik-n-d4987ad3\">\n<div class=\"brik-el brik-column brik-n-e892029d\">\n<div class=\"brik-el brik-heading brik-n-9d3d9dd6\">\n<h2 class=\"brik-heading-text font-heading text-4xl md:text-5xl font-extrabold tracking-tight text-balance\">Free. Open source. Yours.<\/h2>\n<\/div>\n<div class=\"brik-el brik-text brik-n-85822ca7\">\n<div class=\"brik-prose text-xl text-muted-foreground\">\n<p>Brik is GPL-licensed and developed in the open. No accounts, no license keys, no locked features \u2014 and your content is stored as clean HTML, so you are never trapped.<\/p>\n<\/div>\n<\/div>\n<div class=\"brik-el brik-row brik-n-af18a3a2\">\n<div class=\"brik-el brik-column brik-n-1577ea9f\">\n<div class=\"brik-el brik-button brik-n-d719edb2\"><a href=\"https:\/\/github.com\/dilukangelosl\/brik\" target=\"_blank\" rel=\"noopener\" class=\"brik-button inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all no-underline outline-none cursor-pointer focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring\/50 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#039;size-&#039;])]:size-4 bg-primary text-primary-foreground shadow-xs hover:bg-primary\/90 h-10 rounded-md px-6\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" class=\"size-4\"><path d=\"M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12\"\/><\/svg><span>View on GitHub<\/span><\/a><\/div>\n<\/div>\n<div class=\"brik-el brik-column brik-n-8a33cdc1\">\n<div class=\"brik-el brik-button brik-n-3c22b938\"><a href=\"https:\/\/github.com\/dilukangelosl\/brik\/releases\/latest\/download\/brik.zip\" class=\"brik-button inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all no-underline outline-none cursor-pointer focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring\/50 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#039;size-&#039;])]:size-4 border border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground h-10 rounded-md px-6\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"size-4\"><path d=\"M12 15V3\"\/><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><path d=\"m7 10 5 5 5-5\"\/><\/svg><span>Download the theme<\/span><\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"brik-el brik-column brik-n-5d8c6299\">\n<div class=\"brik-el brik-icon_cloud brik-n-a2c7fe07\">\n<div class=\"brik-cloud\" role=\"img\" aria-label=\"Technologies we work with: GitHub, Figma, Stripe, Discord, Spotify, Apple, WordPress, YouTube, X, Instagram, LinkedIn, GitLab, Dribbble, Behance, WhatsApp, Telegram, Reddit, Twitch, PayPal, Visa, MasterCard, Product Hunt, Stack Overflow, Medium, Mastodon, Bluesky, TikTok, Threads, Pinterest, Vimeo\" style=\"--brik-cloud-size:380px;--brik-cloud-icon:34px\" data-speed=\"1\" data-interactive=\"1\">\n<ul class=\"brik-cloud-list\" aria-hidden=\"true\">\n<li class=\"brik-cloud-item\" title=\"GitHub\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" class=\"size-full\"><path d=\"M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12\"\/><\/svg><\/li>\n<li class=\"brik-cloud-item\" style=\"color:#F24E1E\" title=\"Figma\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" class=\"size-full\"><path d=\"M15.852 8.981h-4.588V0h4.588c2.476 0 4.49 2.014 4.49 4.49s-2.014 4.491-4.49 4.491zM12.735 7.51h3.117c1.665 0 3.019-1.355 3.019-3.019s-1.355-3.019-3.019-3.019h-3.117V7.51zm0 1.471H8.148c-2.476 0-4.49-2.014-4.49-4.49S5.672 0 8.148 0h4.588v8.981zm-4.587-7.51c-1.665 0-3.019 1.355-3.019 3.019s1.354 3.02 3.019 3.02h3.117V1.471H8.148zm4.587 15.019H8.148c-2.476 0-4.49-2.014-4.49-4.49s2.014-4.49 4.49-4.49h4.588v8.98zM8.148 8.981c-1.665 0-3.019 1.355-3.019 3.019s1.355 3.019 3.019 3.019h3.117V8.981H8.148zM8.172 24c-2.489 0-4.515-2.014-4.515-4.49s2.014-4.49 4.49-4.49h4.588v4.441c0 2.503-2.047 4.539-4.563 4.539zm-.024-7.51a3.023 3.023 0 0 0-3.019 3.019c0 1.665 1.365 3.019 3.044 3.019 1.705 0 3.093-1.376 3.093-3.068v-2.97H8.148zm7.704 0h-.098c-2.476 0-4.49-2.014-4.49-4.49s2.014-4.49 4.49-4.49h.098c2.476 0 4.49 2.014 4.49 4.49s-2.014 4.49-4.49 4.49zm-.097-7.509c-1.665 0-3.019 1.355-3.019 3.019s1.355 3.019 3.019 3.019h.098c1.665 0 3.019-1.355 3.019-3.019s-1.355-3.019-3.019-3.019h-.098z\"\/><\/svg><\/li>\n<li class=\"brik-cloud-item\" style=\"color:#635BFF\" title=\"Stripe\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" class=\"size-full\"><path d=\"M13.976 9.15c-2.172-.806-3.356-1.426-3.356-2.409 0-.831.683-1.305 1.901-1.305 2.227 0 4.515.858 6.09 1.631l.89-5.494C18.252.975 15.697 0 12.165 0 9.667 0 7.589.654 6.104 1.872 4.56 3.147 3.757 4.992 3.757 7.218c0 4.039 2.467 5.76 6.476 7.219 2.585.92 3.445 1.574 3.445 2.583 0 .98-.84 1.545-2.354 1.545-1.875 0-4.965-.921-6.99-2.109l-.9 5.555C5.175 22.99 8.385 24 11.714 24c2.641 0 4.843-.624 6.328-1.813 1.664-1.305 2.525-3.236 2.525-5.732 0-4.128-2.524-5.851-6.594-7.305h.003z\"\/><\/svg><\/li>\n<li class=\"brik-cloud-item\" style=\"color:#5865F2\" title=\"Discord\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" class=\"size-full\"><path d=\"M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z\"\/><\/svg><\/li>\n<li class=\"brik-cloud-item\" style=\"color:#1ED760\" title=\"Spotify\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" class=\"size-full\"><path d=\"M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.66 0 12 0zm5.521 17.34c-.24.359-.66.48-1.021.24-2.82-1.74-6.36-2.101-10.561-1.141-.418.122-.779-.179-.899-.539-.12-.421.18-.78.54-.9 4.56-1.021 8.52-.6 11.64 1.32.42.18.479.659.301 1.02zm1.44-3.3c-.301.42-.841.6-1.262.3-3.239-1.98-8.159-2.58-11.939-1.38-.479.12-1.02-.12-1.14-.6-.12-.48.12-1.021.6-1.141C9.6 9.9 15 10.561 18.72 12.84c.361.181.54.78.241 1.2zm.12-3.36C15.24 8.4 8.82 8.16 5.16 9.301c-.6.179-1.2-.181-1.38-.721-.18-.601.18-1.2.72-1.381 4.26-1.26 11.28-1.02 15.721 1.621.539.3.719 1.02.419 1.56-.299.421-1.02.599-1.559.3z\"\/><\/svg><\/li>\n<li class=\"brik-cloud-item\" title=\"Apple\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" class=\"size-full\"><path d=\"M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.546 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701\"\/><\/svg><\/li>\n<li class=\"brik-cloud-item\" style=\"color:#21759B\" title=\"WordPress\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" class=\"size-full\"><path d=\"M21.469 6.825c.84 1.537 1.318 3.3 1.318 5.175 0 3.979-2.156 7.456-5.363 9.325l3.295-9.527c.615-1.54.82-2.771.82-3.864 0-.405-.026-.78-.07-1.11m-7.981.105c.647-.03 1.232-.105 1.232-.105.582-.075.514-.93-.067-.899 0 0-1.755.135-2.88.135-1.064 0-2.85-.15-2.85-.15-.585-.03-.661.855-.075.885 0 0 .54.061 1.125.09l1.68 4.605-2.37 7.08L5.354 6.9c.649-.03 1.234-.1 1.234-.1.585-.075.516-.93-.065-.896 0 0-1.746.138-2.874.138-.2 0-.438-.008-.69-.015C4.911 3.15 8.235 1.215 12 1.215c2.809 0 5.365 1.072 7.286 2.833-.046-.003-.091-.009-.141-.009-1.06 0-1.812.923-1.812 1.914 0 .89.513 1.643 1.06 2.531.411.72.89 1.643.89 2.977 0 .915-.354 1.994-.821 3.479l-1.075 3.585-3.9-11.61.001.014zM12 22.784c-1.059 0-2.081-.153-3.048-.437l3.237-9.406 3.315 9.087c.024.053.05.101.078.149-1.12.393-2.325.609-3.582.609M1.211 12c0-1.564.336-3.05.935-4.39L7.29 21.709C3.694 19.96 1.212 16.271 1.211 12M12 0C5.385 0 0 5.385 0 12s5.385 12 12 12 12-5.385 12-12S18.615 0 12 0\"\/><\/svg><\/li>\n<li class=\"brik-cloud-item\" style=\"color:#FF0000\" title=\"YouTube\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" class=\"size-full\"><path d=\"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"\/><\/svg><\/li>\n<li class=\"brik-cloud-item\" title=\"X\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" class=\"size-full\"><path d=\"M14.234 10.162 22.977 0h-2.072l-7.591 8.824L7.251 0H.258l9.168 13.343L.258 24H2.33l8.016-9.318L16.749 24h6.993zm-2.837 3.299-.929-1.329L3.076 1.56h3.182l5.965 8.532.929 1.329 7.754 11.09h-3.182z\"\/><\/svg><\/li>\n<li class=\"brik-cloud-item\" style=\"color:#FF0069\" title=\"Instagram\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" class=\"size-full\"><path d=\"M7.0301.084c-1.2768.0602-2.1487.264-2.911.5634-.7888.3075-1.4575.72-2.1228 1.3877-.6652.6677-1.075 1.3368-1.3802 2.127-.2954.7638-.4956 1.6365-.552 2.914-.0564 1.2775-.0689 1.6882-.0626 4.947.0062 3.2586.0206 3.6671.0825 4.9473.061 1.2765.264 2.1482.5635 2.9107.308.7889.72 1.4573 1.388 2.1228.6679.6655 1.3365 1.0743 2.1285 1.38.7632.295 1.6361.4961 2.9134.552 1.2773.056 1.6884.069 4.9462.0627 3.2578-.0062 3.668-.0207 4.9478-.0814 1.28-.0607 2.147-.2652 2.9098-.5633.7889-.3086 1.4578-.72 2.1228-1.3881.665-.6682 1.0745-1.3378 1.3795-2.1284.2957-.7632.4966-1.636.552-2.9124.056-1.2809.0692-1.6898.063-4.948-.0063-3.2583-.021-3.6668-.0817-4.9465-.0607-1.2797-.264-2.1487-.5633-2.9117-.3084-.7889-.72-1.4568-1.3876-2.1228C21.2982 1.33 20.628.9208 19.8378.6165 19.074.321 18.2017.1197 16.9244.0645 15.6471.0093 15.236-.005 11.977.0014 8.718.0076 8.31.0215 7.0301.0839m.1402 21.6932c-1.17-.0509-1.8053-.2453-2.2287-.408-.5606-.216-.96-.4771-1.3819-.895-.422-.4178-.6811-.8186-.9-1.378-.1644-.4234-.3624-1.058-.4171-2.228-.0595-1.2645-.072-1.6442-.079-4.848-.007-3.2037.0053-3.583.0607-4.848.05-1.169.2456-1.805.408-2.2282.216-.5613.4762-.96.895-1.3816.4188-.4217.8184-.6814 1.3783-.9003.423-.1651 1.0575-.3614 2.227-.4171 1.2655-.06 1.6447-.072 4.848-.079 3.2033-.007 3.5835.005 4.8495.0608 1.169.0508 1.8053.2445 2.228.408.5608.216.96.4754 1.3816.895.4217.4194.6816.8176.9005 1.3787.1653.4217.3617 1.056.4169 2.2263.0602 1.2655.0739 1.645.0796 4.848.0058 3.203-.0055 3.5834-.061 4.848-.051 1.17-.245 1.8055-.408 2.2294-.216.5604-.4763.96-.8954 1.3814-.419.4215-.8181.6811-1.3783.9-.4224.1649-1.0577.3617-2.2262.4174-1.2656.0595-1.6448.072-4.8493.079-3.2045.007-3.5825-.006-4.848-.0608M16.953 5.5864A1.44 1.44 0 1 0 18.39 4.144a1.44 1.44 0 0 0-1.437 1.4424M5.8385 12.012c.0067 3.4032 2.7706 6.1557 6.173 6.1493 3.4026-.0065 6.157-2.7701 6.1506-6.1733-.0065-3.4032-2.771-6.1565-6.174-6.1498-3.403.0067-6.156 2.771-6.1496 6.1738M8 12.0077a4 4 0 1 1 4.008 3.9921A3.9996 3.9996 0 0 1 8 12.0077\"\/><\/svg><\/li>\n<li class=\"brik-cloud-item\" style=\"color:#0A66C2\" title=\"LinkedIn\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" class=\"size-full\"><path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\/><\/svg><\/li>\n<li class=\"brik-cloud-item\" style=\"color:#FC6D26\" title=\"GitLab\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" class=\"size-full\"><path d=\"m23.6004 9.5927-.0337-.0862L20.3.9814a.851.851 0 0 0-.3362-.405.8748.8748 0 0 0-.9997.0539.8748.8748 0 0 0-.29.4399l-2.2055 6.748H7.5375l-2.2057-6.748a.8573.8573 0 0 0-.29-.4412.8748.8748 0 0 0-.9997-.0537.8585.8585 0 0 0-.3362.4049L.4332 9.5015l-.0325.0862a6.0657 6.0657 0 0 0 2.0119 7.0105l.0113.0087.03.0213 4.976 3.7264 2.462 1.8633 1.4995 1.1321a1.0085 1.0085 0 0 0 1.2197 0l1.4995-1.1321 2.4619-1.8633 5.006-3.7489.0125-.01a6.0682 6.0682 0 0 0 2.0094-7.003z\"\/><\/svg><\/li>\n<li class=\"brik-cloud-item\" style=\"color:#EA4C89\" title=\"Dribbble\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" class=\"size-full\"><path d=\"M12 24C5.385 24 0 18.615 0 12S5.385 0 12 0s12 5.385 12 12-5.385 12-12 12zm10.12-10.358c-.35-.11-3.17-.953-6.384-.438 1.34 3.684 1.887 6.684 1.992 7.308 2.3-1.555 3.936-4.02 4.395-6.87zm-6.115 7.808c-.153-.9-.75-4.032-2.19-7.77l-.066.02c-5.79 2.015-7.86 6.025-8.04 6.4 1.73 1.358 3.92 2.166 6.29 2.166 1.42 0 2.77-.29 4-.814zm-11.62-2.58c.232-.4 3.045-5.055 8.332-6.765.135-.045.27-.084.405-.12-.26-.585-.54-1.167-.832-1.74C7.17 11.775 2.206 11.71 1.756 11.7l-.004.312c0 2.633.998 5.037 2.634 6.855zm-2.42-8.955c.46.008 4.683.026 9.477-1.248-1.698-3.018-3.53-5.558-3.8-5.928-2.868 1.35-5.01 3.99-5.676 7.17zM9.6 2.052c.282.38 2.145 2.914 3.822 6 3.645-1.365 5.19-3.44 5.373-3.702-1.81-1.61-4.19-2.586-6.795-2.586-.825 0-1.63.1-2.4.285zm10.335 3.483c-.218.29-1.935 2.493-5.724 4.04.24.49.47.985.68 1.486.08.18.15.36.22.53 3.41-.43 6.8.26 7.14.33-.02-2.42-.88-4.64-2.31-6.38z\"\/><\/svg><\/li>\n<li class=\"brik-cloud-item\" style=\"color:#1769FF\" title=\"Behance\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" class=\"size-full\"><path d=\"M16.969 16.927a2.561 2.561 0 0 0 1.901.677 2.501 2.501 0 0 0 1.531-.475c.362-.235.636-.584.779-.99h2.585a5.091 5.091 0 0 1-1.9 2.896 5.292 5.292 0 0 1-3.091.88 5.839 5.839 0 0 1-2.284-.433 4.871 4.871 0 0 1-1.723-1.211 5.657 5.657 0 0 1-1.08-1.874 7.057 7.057 0 0 1-.383-2.393c-.005-.8.129-1.595.396-2.349a5.313 5.313 0 0 1 5.088-3.604 4.87 4.87 0 0 1 2.376.563c.661.362 1.231.87 1.668 1.485a6.2 6.2 0 0 1 .943 2.133c.194.821.263 1.666.205 2.508h-7.699c-.063.79.184 1.574.688 2.187ZM6.947 4.084a8.065 8.065 0 0 1 1.928.198 4.29 4.29 0 0 1 1.49.638c.418.303.748.711.958 1.182.241.579.357 1.203.341 1.83a3.506 3.506 0 0 1-.506 1.961 3.726 3.726 0 0 1-1.503 1.287 3.588 3.588 0 0 1 2.027 1.437c.464.747.697 1.615.67 2.494a4.593 4.593 0 0 1-.423 2.032 3.945 3.945 0 0 1-1.163 1.413 5.114 5.114 0 0 1-1.683.807 7.135 7.135 0 0 1-1.928.259H0V4.084h6.947Zm-.235 12.9c.308.004.616-.029.916-.099a2.18 2.18 0 0 0 .766-.332c.228-.158.411-.371.534-.619.142-.317.208-.663.191-1.009a2.08 2.08 0 0 0-.642-1.715 2.618 2.618 0 0 0-1.696-.505h-3.54v4.279h3.471Zm13.635-5.967a2.13 2.13 0 0 0-1.654-.619 2.336 2.336 0 0 0-1.163.259 2.474 2.474 0 0 0-.738.62 2.359 2.359 0 0 0-.396.792c-.074.239-.12.485-.137.734h4.769a3.239 3.239 0 0 0-.679-1.785l-.002-.001Zm-13.813-.648a2.254 2.254 0 0 0 1.423-.433c.399-.355.607-.88.56-1.413a1.916 1.916 0 0 0-.178-.891 1.298 1.298 0 0 0-.495-.533 1.851 1.851 0 0 0-.711-.274 3.966 3.966 0 0 0-.835-.073H3.241v3.631h3.293v-.014ZM21.62 5.122h-5.976v1.527h5.976V5.122Z\"\/><\/svg><\/li>\n<li class=\"brik-cloud-item\" style=\"color:#25D366\" title=\"WhatsApp\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" class=\"size-full\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z\"\/><\/svg><\/li>\n<li class=\"brik-cloud-item\" style=\"color:#26A5E4\" title=\"Telegram\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" class=\"size-full\"><path d=\"M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z\"\/><\/svg><\/li>\n<li class=\"brik-cloud-item\" style=\"color:#FF4500\" title=\"Reddit\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" class=\"size-full\"><path d=\"M12 0C5.373 0 0 5.373 0 12c0 3.314 1.343 6.314 3.515 8.485l-2.286 2.286C.775 23.225 1.097 24 1.738 24H12c6.627 0 12-5.373 12-12S18.627 0 12 0Zm4.388 3.199c1.104 0 1.999.895 1.999 1.999 0 1.105-.895 2-1.999 2-.946 0-1.739-.657-1.947-1.539v.002c-1.147.162-2.032 1.15-2.032 2.341v.007c1.776.067 3.4.567 4.686 1.363.473-.363 1.064-.58 1.707-.58 1.547 0 2.802 1.254 2.802 2.802 0 1.117-.655 2.081-1.601 2.531-.088 3.256-3.637 5.876-7.997 5.876-4.361 0-7.905-2.617-7.998-5.87-.954-.447-1.614-1.415-1.614-2.538 0-1.548 1.255-2.802 2.803-2.802.645 0 1.239.218 1.712.585 1.275-.79 2.881-1.291 4.64-1.365v-.01c0-1.663 1.263-3.034 2.88-3.207.188-.911.993-1.595 1.959-1.595Zm-8.085 8.376c-.784 0-1.459.78-1.506 1.797-.047 1.016.64 1.429 1.426 1.429.786 0 1.371-.369 1.418-1.385.047-1.017-.553-1.841-1.338-1.841Zm7.406 0c-.786 0-1.385.824-1.338 1.841.047 1.017.634 1.385 1.418 1.385.785 0 1.473-.413 1.426-1.429-.046-1.017-.721-1.797-1.506-1.797Zm-3.703 4.013c-.974 0-1.907.048-2.77.135-.147.015-.241.168-.183.305.483 1.154 1.622 1.964 2.953 1.964 1.33 0 2.47-.81 2.953-1.964.057-.137-.037-.29-.184-.305-.863-.087-1.795-.135-2.769-.135Z\"\/><\/svg><\/li>\n<li class=\"brik-cloud-item\" style=\"color:#9146FF\" title=\"Twitch\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" class=\"size-full\"><path d=\"M11.571 4.714h1.715v5.143H11.57zm4.715 0H18v5.143h-1.714zM6 0L1.714 4.286v15.428h5.143V24l4.286-4.286h3.428L22.286 12V0zm14.571 11.143l-3.428 3.428h-3.429l-3 3v-3H6.857V1.714h13.714Z\"\/><\/svg><\/li>\n<li class=\"brik-cloud-item\" title=\"PayPal\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" class=\"size-full\"><path d=\"M15.607 4.653H8.941L6.645 19.251H1.82L4.862 0h7.995c3.754 0 6.375 2.294 6.473 5.513-.648-.478-2.105-.86-3.722-.86m6.57 5.546c0 3.41-3.01 6.853-6.958 6.853h-2.493L11.595 24H6.74l1.845-11.538h3.592c4.208 0 7.346-3.634 7.153-6.949a5.24 5.24 0 0 1 2.848 4.686M9.653 5.546h6.408c.907 0 1.942.222 2.363.541-.195 2.741-2.655 5.483-6.441 5.483H8.714Z\"\/><\/svg><\/li>\n<li class=\"brik-cloud-item\" title=\"Visa\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" class=\"size-full\"><path d=\"M9.112 8.262L5.97 15.758H3.92L2.374 9.775c-.094-.368-.175-.503-.461-.658C1.447 8.864.677 8.627 0 8.479l.046-.217h3.3a.904.904 0 01.894.764l.817 4.338 2.018-5.102zm8.033 5.049c.008-1.979-2.736-2.088-2.717-2.972.006-.269.262-.555.822-.628a3.66 3.66 0 011.913.336l.34-1.59a5.207 5.207 0 00-1.814-.333c-1.917 0-3.266 1.02-3.278 2.479-.012 1.079.963 1.68 1.698 2.04.756.367 1.01.603 1.006.931-.005.504-.602.725-1.16.734-.975.015-1.54-.263-1.992-.473l-.351 1.642c.453.208 1.289.39 2.156.398 2.037 0 3.37-1.006 3.377-2.564m5.061 2.447H24l-1.565-7.496h-1.656a.883.883 0 00-.826.55l-2.909 6.946h2.036l.405-1.12h2.488zm-2.163-2.656l1.02-2.815.588 2.815zm-8.16-4.84l-1.603 7.496H8.34l1.605-7.496z\"\/><\/svg><\/li>\n<li class=\"brik-cloud-item\" style=\"color:#EB001B\" title=\"MasterCard\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" class=\"size-full\"><path d=\"M11.343 18.031c.058.049.12.098.181.146-1.177.783-2.59 1.238-4.107 1.238C3.32 19.416 0 16.096 0 12c0-4.095 3.32-7.416 7.416-7.416 1.518 0 2.931.456 4.105 1.238-.06.051-.12.098-.165.15C9.6 7.489 8.595 9.688 8.595 12c0 2.311 1.001 4.51 2.748 6.031zm5.241-13.447c-1.52 0-2.931.456-4.105 1.238.06.051.12.098.165.15C14.4 7.489 15.405 9.688 15.405 12c0 2.31-1.001 4.507-2.748 6.031-.058.049-.12.098-.181.146 1.177.783 2.588 1.238 4.107 1.238C20.68 19.416 24 16.096 24 12c0-4.094-3.32-7.416-7.416-7.416zM12 6.174c-.096.075-.189.15-.28.231C10.156 7.764 9.169 9.765 9.169 12c0 2.236.987 4.236 2.551 5.595.09.08.185.158.28.232.096-.074.189-.152.28-.232 1.563-1.359 2.551-3.359 2.551-5.595 0-2.235-.987-4.236-2.551-5.595-.09-.08-.184-.156-.28-.231z\"\/><\/svg><\/li>\n<li class=\"brik-cloud-item\" style=\"color:#DA552F\" title=\"Product Hunt\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" class=\"size-full\"><path d=\"M13.604 8.4h-3.405V12h3.405c.995 0 1.801-.806 1.801-1.801 0-.993-.805-1.799-1.801-1.799zM12 0C5.372 0 0 5.372 0 12s5.372 12 12 12 12-5.372 12-12S18.628 0 12 0zm1.604 14.4h-3.405V18H7.801V6h5.804c2.319 0 4.2 1.88 4.2 4.199 0 2.321-1.881 4.201-4.201 4.201z\"\/><\/svg><\/li>\n<li class=\"brik-cloud-item\" style=\"color:#F58025\" title=\"Stack Overflow\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" class=\"size-full\"><path d=\"M15.725 0l-1.72 1.277 6.39 8.588 1.716-1.277L15.725 0zm-3.94 3.418l-1.369 1.644 8.225 6.85 1.369-1.644-8.225-6.85zm-3.15 4.465l-.905 1.94 9.702 4.517.904-1.94-9.701-4.517zm-1.85 4.86l-.44 2.093 10.473 2.201.44-2.092-10.473-2.203zM1.89 15.47V24h19.19v-8.53h-2.133v6.397H4.021v-6.396H1.89zm4.265 2.133v2.13h10.66v-2.13H6.154Z\"\/><\/svg><\/li>\n<li class=\"brik-cloud-item\" title=\"Medium\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" class=\"size-full\"><path d=\"M4.21 0A4.201 4.201 0 0 0 0 4.21v15.58A4.201 4.201 0 0 0 4.21 24h15.58A4.201 4.201 0 0 0 24 19.79v-1.093c-.137.013-.278.02-.422.02-2.577 0-4.027-2.146-4.09-4.832a7.592 7.592 0 0 1 .022-.708c.093-1.186.475-2.241 1.105-3.022a3.885 3.885 0 0 1 1.395-1.1c.468-.237 1.127-.367 1.664-.367h.023c.101 0 .202.004.303.01V4.211A4.201 4.201 0 0 0 19.79 0Zm.198 5.583h4.165l3.588 8.435 3.59-8.435h3.864v.146l-.019.004c-.705.16-1.063.397-1.063 1.254h-.003l.003 10.274c.06.676.424.885 1.063 1.03l.02.004v.145h-4.923v-.145l.019-.005c.639-.144.994-.353 1.054-1.03V7.267l-4.745 11.15h-.261L6.15 7.569v9.445c0 .857.358 1.094 1.063 1.253l.02.004v.147H4.405v-.147l.019-.004c.705-.16 1.065-.397 1.065-1.253V6.987c0-.857-.358-1.094-1.064-1.254l-.018-.004zm19.25 3.668c-1.086.023-1.733 1.323-1.813 3.124H24V9.298a1.378 1.378 0 0 0-.342-.047Zm-1.862 3.632c-.1 1.756.86 3.239 2.204 3.634v-3.634z\"\/><\/svg><\/li>\n<li class=\"brik-cloud-item\" style=\"color:#6364FF\" title=\"Mastodon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" class=\"size-full\"><path d=\"M23.268 5.313c-.35-2.578-2.617-4.61-5.304-5.004C17.51.242 15.792 0 11.813 0h-.03c-3.98 0-4.835.242-5.288.309C3.882.692 1.496 2.518.917 5.127.64 6.412.61 7.837.661 9.143c.074 1.874.088 3.745.26 5.611.118 1.24.325 2.47.62 3.68.55 2.237 2.777 4.098 4.96 4.857 2.336.792 4.849.923 7.256.38.265-.061.527-.132.786-.213.585-.184 1.27-.39 1.774-.753a.057.057 0 0 0 .023-.043v-1.809a.052.052 0 0 0-.02-.041.053.053 0 0 0-.046-.01 20.282 20.282 0 0 1-4.709.545c-2.73 0-3.463-1.284-3.674-1.818a5.593 5.593 0 0 1-.319-1.433.053.053 0 0 1 .066-.054c1.517.363 3.072.546 4.632.546.376 0 .75 0 1.125-.01 1.57-.044 3.224-.124 4.768-.422.038-.008.077-.015.11-.024 2.435-.464 4.753-1.92 4.989-5.604.008-.145.03-1.52.03-1.67.002-.512.167-3.63-.024-5.545zm-3.748 9.195h-2.561V8.29c0-1.309-.55-1.976-1.67-1.976-1.23 0-1.846.79-1.846 2.35v3.403h-2.546V8.663c0-1.56-.617-2.35-1.848-2.35-1.112 0-1.668.668-1.67 1.977v6.218H4.822V8.102c0-1.31.337-2.35 1.011-3.12.696-.77 1.608-1.164 2.74-1.164 1.311 0 2.302.5 2.962 1.498l.638 1.06.638-1.06c.66-.999 1.65-1.498 2.96-1.498 1.13 0 2.043.395 2.74 1.164.675.77 1.012 1.81 1.012 3.12z\"\/><\/svg><\/li>\n<li class=\"brik-cloud-item\" style=\"color:#1185FE\" title=\"Bluesky\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" class=\"size-full\"><path d=\"M5.202 2.857C7.954 4.922 10.913 9.11 12 11.358c1.087-2.247 4.046-6.436 6.798-8.501C20.783 1.366 24 .213 24 3.883c0 .732-.42 6.156-.667 7.037-.856 3.061-3.978 3.842-6.755 3.37 4.854.826 6.089 3.562 3.422 6.299-5.065 5.196-7.28-1.304-7.847-2.97-.104-.305-.152-.448-.153-.327 0-.121-.05.022-.153.327-.568 1.666-2.782 8.166-7.847 2.97-2.667-2.737-1.432-5.473 3.422-6.3-2.777.473-5.899-.308-6.755-3.369C.42 10.04 0 4.615 0 3.883c0-3.67 3.217-2.517 5.202-1.026\"\/><\/svg><\/li>\n<li class=\"brik-cloud-item\" title=\"TikTok\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" class=\"size-full\"><path d=\"M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z\"\/><\/svg><\/li>\n<li class=\"brik-cloud-item\" title=\"Threads\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" class=\"size-full\"><path d=\"M18.263 11.097c-.03-3.486-1.92-5.586-5.111-5.586-2.13 0-3.922.963-4.863 2.499l2.062 1.438c.535-.843 1.272-1.543 2.628-1.543 1.528 0 2.318.85 2.544 2.431a15 15 0 0 0-2.236-.173c-4.125 0-6.068 1.867-6.068 4.336s1.943 3.99 4.804 3.99c3.139 0 5.013-2.115 5.781-4.735.798.361 1.348 1.204 1.348 2.47 0 3.387-3.907 5.232-7.22 5.232-4.885 0-8.077-3.207-8.077-8.424 0-6.392 4.223-10.487 9.9-10.487 3.808 0 5.69 1.671 6.97 3.914l2.108-1.475C21.44 2.078 18.331 0 13.663 0 6.227 0 1.168 5.277 1.168 12.934c0 7 4.953 11.066 10.856 11.066 4.878 0 9.809-2.846 9.809-7.716 0-2.545-1.46-4.231-3.569-5.187m-6.33 4.855c-1.077 0-2.026-.512-2.026-1.453 0-1.483 1.822-1.934 3.606-1.934.678 0 1.34.045 1.927.173-.422 1.927-1.671 3.215-3.508 3.214Z\"\/><\/svg><\/li>\n<li class=\"brik-cloud-item\" style=\"color:#BD081C\" title=\"Pinterest\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" class=\"size-full\"><path d=\"M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C23.97 5.39 18.592.026 11.985.026L12.017 0z\"\/><\/svg><\/li>\n<li class=\"brik-cloud-item\" style=\"color:#1AB7EA\" title=\"Vimeo\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" class=\"size-full\"><path d=\"M23.9765 6.4168c-.105 2.338-1.739 5.5429-4.894 9.6088-3.2679 4.247-6.0258 6.3699-8.2898 6.3699-1.409 0-2.578-1.294-3.553-3.881l-1.9179-7.1138c-.719-2.584-1.488-3.878-2.312-3.878-.179 0-.806.378-1.8809 1.132l-1.129-1.457a315.06 315.06 0 003.501-3.1279c1.579-1.368 2.765-2.085 3.5539-2.159 1.867-.18 3.016 1.1 3.447 3.838.465 2.953.789 4.789.971 5.5069.5389 2.45 1.1309 3.674 1.7759 3.674.502 0 1.256-.796 2.265-2.385 1.004-1.589 1.54-2.797 1.612-3.628.144-1.371-.395-2.061-1.614-2.061-.574 0-1.167.121-1.777.391 1.186-3.8679 3.434-5.7568 6.7619-5.6368 2.4729.06 3.6279 1.664 3.4929 4.7969z\"\/><\/svg><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"brik-el brik-section brik-n-134307c2\" id=\"faq\">\n<div class=\"brik-el brik-row brik-n-466f2cd4\">\n<div class=\"brik-el brik-column brik-n-85003798 brik-column--sticky\">\n<div class=\"brik-el brik-badge brik-n-7a151895\"><span class=\"brik-badge-pill inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border font-medium whitespace-nowrap no-underline transition-[color,box-shadow,background-color] outline-none focus-visible:ring-[3px] focus-visible:ring-ring\/50 [&amp;&gt;svg]:pointer-events-none border-border text-foreground [a&amp;]:hover:bg-accent [a&amp;]:hover:text-accent-foreground px-2 py-0.5 text-xs [&amp;&gt;svg]:size-3\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"\"><path d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"\/><path d=\"M20 2v4\"\/><path d=\"M22 4h-4\"\/><circle cx=\"4\" cy=\"20\" r=\"2\"\/><\/svg><span>FAQ<\/span><\/span><\/div>\n<div class=\"brik-el brik-heading brik-n-85424498\">\n<h2 class=\"brik-heading-text font-heading text-4xl md:text-5xl font-extrabold tracking-tight text-balance\">Questions, answered<\/h2>\n<\/div>\n<div class=\"brik-el brik-text brik-n-5c41a1ba\">\n<div class=\"brik-prose text-sm text-muted-foreground\">\n<p>Something else? <a href=\"https:\/\/github.com\/dilukangelosl\/brik\/issues\">Open an issue on GitHub<\/a>.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"brik-el brik-column brik-n-ae9a5e98\">\n<div class=\"brik-el brik-accordion brik-n-0e2796c9\">\n<div class=\"brik-accordion brik-accordion--separated flex flex-col gap-3\">\n<details class=\"brik-acc-item group rounded-lg border bg-card px-4 text-card-foreground shadow-xs transition-shadow open:shadow-sm\" name=\"brik-0e2796c9\" open>\n<summary class=\"brik-acc-trigger flex cursor-pointer list-none items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none select-none hover:underline focus-visible:ring-[3px] focus-visible:ring-ring\/50 [&#038;::-webkit-details-marker]:hidden\"><span class=\"brik-acc-title flex flex-1 items-center gap-3\"><span>Is Brik really free?<\/span><\/span><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"brik-acc-indicator pointer-events-none size-4 shrink-0 translate-y-0.5 text-muted-foreground transition-transform duration-200 group-open:rotate-180\"><path d=\"m6 9 6 6 6-6\"\/><\/svg><\/summary>\n<div class=\"brik-acc-content\">\n<div class=\"brik-acc-body brik-prose pb-4 text-sm text-muted-foreground\">\n<p>Yes. The plugin and the theme are free and open source under the GPL-2.0 license \u2014 every feature, no paid tier.<\/p>\n<\/div>\n<\/div>\n<\/details>\n<details class=\"brik-acc-item group rounded-lg border bg-card px-4 text-card-foreground shadow-xs transition-shadow open:shadow-sm\" name=\"brik-0e2796c9\">\n<summary class=\"brik-acc-trigger flex cursor-pointer list-none items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none select-none hover:underline focus-visible:ring-[3px] focus-visible:ring-ring\/50 [&#038;::-webkit-details-marker]:hidden\"><span class=\"brik-acc-title flex flex-1 items-center gap-3\"><span>Does it work with my theme?<\/span><\/span><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"brik-acc-indicator pointer-events-none size-4 shrink-0 translate-y-0.5 text-muted-foreground transition-transform duration-200 group-open:rotate-180\"><path d=\"m6 9 6 6 6-6\"\/><\/svg><\/summary>\n<div class=\"brik-acc-content\">\n<div class=\"brik-acc-body brik-prose pb-4 text-sm text-muted-foreground\">\n<p>Brik works with any theme. The companion Brik theme adds native header and footer support and shares the design tokens, but it is optional.<\/p>\n<\/div>\n<\/div>\n<\/details>\n<details class=\"brik-acc-item group rounded-lg border bg-card px-4 text-card-foreground shadow-xs transition-shadow open:shadow-sm\" name=\"brik-0e2796c9\">\n<summary class=\"brik-acc-trigger flex cursor-pointer list-none items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none select-none hover:underline focus-visible:ring-[3px] focus-visible:ring-ring\/50 [&#038;::-webkit-details-marker]:hidden\"><span class=\"brik-acc-title flex flex-1 items-center gap-3\"><span>What happens if I deactivate the plugin?<\/span><\/span><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"brik-acc-indicator pointer-events-none size-4 shrink-0 translate-y-0.5 text-muted-foreground transition-transform duration-200 group-open:rotate-180\"><path d=\"m6 9 6 6 6-6\"\/><\/svg><\/summary>\n<div class=\"brik-acc-content\">\n<div class=\"brik-acc-body brik-prose pb-4 text-sm text-muted-foreground\">\n<p>Your pages are also saved as clean HTML in the post content, so they stay readable \u2014 no shortcode soup.<\/p>\n<\/div>\n<\/div>\n<\/details>\n<details class=\"brik-acc-item group rounded-lg border bg-card px-4 text-card-foreground shadow-xs transition-shadow open:shadow-sm\" name=\"brik-0e2796c9\">\n<summary class=\"brik-acc-trigger flex cursor-pointer list-none items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none select-none hover:underline focus-visible:ring-[3px] focus-visible:ring-ring\/50 [&#038;::-webkit-details-marker]:hidden\"><span class=\"brik-acc-title flex flex-1 items-center gap-3\"><span>How does the AI integration work?<\/span><\/span><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"brik-acc-indicator pointer-events-none size-4 shrink-0 translate-y-0.5 text-muted-foreground transition-transform duration-200 group-open:rotate-180\"><path d=\"m6 9 6 6 6-6\"\/><\/svg><\/summary>\n<div class=\"brik-acc-content\">\n<div class=\"brik-acc-body brik-prose pb-4 text-sm text-muted-foreground\">\n<p>Brik includes a Model Context Protocol server. Create an application password under Brik \u2192 Connect AI, add the endpoint to your AI client and ask it to build. Every change goes through the same validation as the visual builder.<\/p>\n<\/div>\n<\/div>\n<\/details>\n<details class=\"brik-acc-item group rounded-lg border bg-card px-4 text-card-foreground shadow-xs transition-shadow open:shadow-sm\" name=\"brik-0e2796c9\">\n<summary class=\"brik-acc-trigger flex cursor-pointer list-none items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none select-none hover:underline focus-visible:ring-[3px] focus-visible:ring-ring\/50 [&#038;::-webkit-details-marker]:hidden\"><span class=\"brik-acc-title flex flex-1 items-center gap-3\"><span>Do I need WooCommerce?<\/span><\/span><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"brik-acc-indicator pointer-events-none size-4 shrink-0 translate-y-0.5 text-muted-foreground transition-transform duration-200 group-open:rotate-180\"><path d=\"m6 9 6 6 6-6\"\/><\/svg><\/summary>\n<div class=\"brik-acc-content\">\n<div class=\"brik-acc-body brik-prose pb-4 text-sm text-muted-foreground\">\n<p>Only for the shop features. Everything else works without it, and the shop elements appear automatically when WooCommerce is active.<\/p>\n<\/div>\n<\/div>\n<\/details>\n<details class=\"brik-acc-item group rounded-lg border bg-card px-4 text-card-foreground shadow-xs transition-shadow open:shadow-sm\" name=\"brik-0e2796c9\">\n<summary class=\"brik-acc-trigger flex cursor-pointer list-none items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none select-none hover:underline focus-visible:ring-[3px] focus-visible:ring-ring\/50 [&#038;::-webkit-details-marker]:hidden\"><span class=\"brik-acc-title flex flex-1 items-center gap-3\"><span>What are the requirements?<\/span><\/span><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"brik-acc-indicator pointer-events-none size-4 shrink-0 translate-y-0.5 text-muted-foreground transition-transform duration-200 group-open:rotate-180\"><path d=\"m6 9 6 6 6-6\"\/><\/svg><\/summary>\n<div class=\"brik-acc-content\">\n<div class=\"brik-acc-body brik-prose pb-4 text-sm text-muted-foreground\">\n<p>WordPress 6.3 or newer and PHP 7.4 or newer.<\/p>\n<\/div>\n<\/div>\n<\/details>\n<\/div>\n<p><script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Is Brik really free?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\\u003Cp\\u003EYes. The plugin and the theme are free and open source under the GPL-2.0 license \u2014 every feature, no paid tier.\\u003C\/p\\u003E\"}},{\"@type\":\"Question\",\"name\":\"Does it work with my theme?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\\u003Cp\\u003EBrik works with any theme. The companion Brik theme adds native header and footer support and shares the design tokens, but it is optional.\\u003C\/p\\u003E\"}},{\"@type\":\"Question\",\"name\":\"What happens if I deactivate the plugin?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\\u003Cp\\u003EYour pages are also saved as clean HTML in the post content, so they stay readable \u2014 no shortcode soup.\\u003C\/p\\u003E\"}},{\"@type\":\"Question\",\"name\":\"How does the AI integration work?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\\u003Cp\\u003EBrik includes a Model Context Protocol server. Create an application password under Brik \u2192 Connect AI, add the endpoint to your AI client and ask it to build. Every change goes through the same validation as the visual builder.\\u003C\/p\\u003E\"}},{\"@type\":\"Question\",\"name\":\"Do I need WooCommerce?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\\u003Cp\\u003EOnly for the shop features. Everything else works without it, and the shop elements appear automatically when WooCommerce is active.\\u003C\/p\\u003E\"}},{\"@type\":\"Question\",\"name\":\"What are the requirements?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\\u003Cp\\u003EWordPress 6.3 or newer and PHP 7.4 or newer.\\u003C\/p\\u003E\"}}]}<\/script><\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"brik-el brik-section brik-n-bc415d1c dark\">\n<div class=\"brik-bg-effect brik-bg-effect--gradient\" data-intensity=\"60\" data-speed=\"100\" data-interactive=\"1\" style=\"--fx-color:#6366f1;--fx-color2:#ec4899;--fx-intensity:0.6;--fx-speed:1;--fx-opacity:1\" aria-hidden=\"true\"><\/div>\n<div class=\"brik-el brik-row brik-n-8a64af03\">\n<div class=\"brik-el brik-column brik-n-eb8f12df\">\n<div class=\"brik-el brik-animated_text brik-n-b455bba3\">\n<div class=\"brik-at brik-at--gradient\" data-trigger=\"in-view\" data-loop=\"1\" data-speed=\"1\" style=\"--brik-at-speed:1\" data-brik-fx-pause>\n<h2 class=\"brik-at-heading font-heading text-balance text-5xl md:text-6xl lg:text-7xl font-bold tracking-tight\"><span class=\"brik-at-part brik-at-before\">Start building <\/span> <span class=\"brik-at-part brik-at-text brik-at-fx\">today.<\/span><\/h2>\n<\/div>\n<\/div>\n<div class=\"brik-el brik-text brik-n-719287e7\">\n<div class=\"brik-prose text-xl text-muted-foreground\">\n<p>Two zips, one click, and you are designing. Free forever.<\/p>\n<\/div>\n<\/div>\n<div class=\"brik-el brik-row brik-n-443fe55b\">\n<div class=\"brik-el brik-column brik-n-c44d99c3\">\n<div class=\"brik-el brik-fancy_button brik-n-20bb1992\"><a href=\"https:\/\/github.com\/dilukangelosl\/brik\/releases\/latest\/download\/brik-builder.zip\" class=\"brik-fxb brik-fxb--rainbow relative isolate inline-flex shrink-0 items-center justify-center font-medium whitespace-nowrap no-underline outline-none cursor-pointer select-none focus-visible:ring-[3px] focus-visible:ring-ring\/50 h-13 px-9 text-base gap-2.5 rounded-full\" data-brik-fx-pause><span class=\"brik-fxb-rainbow\" aria-hidden=\"true\"><\/span><span class=\"brik-fxb-label\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"brik-fxb-icon size-4 shrink-0\"><path d=\"M12 15V3\"\/><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><path d=\"m7 10 5 5 5-5\"\/><\/svg><span class=\"brik-fxb-text\">Download Brik<\/span><\/span><\/a><\/div>\n<\/div>\n<div class=\"brik-el brik-column brik-n-102dfedd\">\n<div class=\"brik-el brik-fancy_button brik-n-7793c719\"><a href=\"https:\/\/github.com\/dilukangelosl\/brik\" class=\"brik-fxb brik-fxb--arrow-slide relative isolate inline-flex shrink-0 items-center justify-center font-medium whitespace-nowrap no-underline outline-none cursor-pointer select-none focus-visible:ring-[3px] focus-visible:ring-ring\/50 h-13 px-9 text-base gap-2.5 rounded-full\"><span class=\"brik-fxb-dot\" aria-hidden=\"true\"><\/span><span class=\"brik-fxb-label\"><span class=\"brik-fxb-text\">Star on GitHub<\/span><\/span><span class=\"brik-fxb-hover\" aria-hidden=\"true\"><span>Star on GitHub<\/span><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"size-4 shrink-0\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg><\/span><\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n<p><!-- \/brik --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>New in 1.1 \u2014 full WooCommerce support Build websitesonline storeslanding pagesportfolios visually. Brik is a free, open-source page builder for WordPress. Beautiful shadcn-style components,&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_brik_enabled":true,"footnotes":""},"class_list":["post-35","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/brikwp.com\/index.php?rest_route=\/wp\/v2\/pages\/35","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brikwp.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/brikwp.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/brikwp.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/brikwp.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=35"}],"version-history":[{"count":0,"href":"https:\/\/brikwp.com\/index.php?rest_route=\/wp\/v2\/pages\/35\/revisions"}],"wp:attachment":[{"href":"https:\/\/brikwp.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}