[V0_FILE]typescriptreact:file="page.tsx" import Link from "next/link" import { Button } from "@/components/ui/button" export default function Page() { return (

{/* Gradient blob */}

WE CREATE
BEST DIGITAL
PRODUCTS.

WE ARE THE LEADERS IN WEB & MOBILE
DESIGN AND DEVELOPMENT INDUSTRY.

WHO WE ARE

We create quality content and cool ideas. We create websites, applications, 3D design, motion design and animation. We bring the most daring ideas to life

) } [V0_FILE]typescriptreact:file="tailwind.config.js" import { fontFamily } from "tailwindcss/defaultTheme" /** @type {import('tailwindcss').Config} */ module.exports = { darkMode: ["class"], content: ["app/**/*.{ts,tsx}", "components/**/*.{ts,tsx}"], theme: { extend: { animation: { "spin-slow": "spin 8s linear infinite", }, fontFamily: { sans: ["var(--font-geist-sans)", ...fontFamily.sans], }, colors: { border: "hsl(var(--border))", input: "hsl(var(--input))", ring: "hsl(var(--ring))", background: "hsl(var(--background))", foreground: "hsl(var(--foreground))", primary: { DEFAULT: "hsl(var(--primary))", foreground: "hsl(var(--primary-foreground))", }, secondary: { DEFAULT: "hsl(var(--secondary))", foreground: "hsl(var(--secondary-foreground))", }, destructive: { DEFAULT: "hsl(var(--destructive))", foreground: "hsl(var(--destructive-foreground))", }, muted: { DEFAULT: "hsl(var(--muted))", foreground: "hsl(var(--muted-foreground))", }, accent: { DEFAULT: "hsl(var(--accent))", foreground: "hsl(var(--accent-foreground))", }, popover: { DEFAULT: "hsl(var(--popover))", foreground: "hsl(var(--popover-foreground))", }, card: { DEFAULT: "hsl(var(--card))", foreground: "hsl(var(--card-foreground))", }, }, }, }, }