[V0_FILE]typescriptreact:file="app/layout.tsx" isMerged="true" import type React from "react" import type { Metadata } from "next" import { GeistSans } from "geist/font/sans" import { GeistMono } from "geist/font/mono" import { Doto } from "next/font/google" import "./globals.css" const doto = Doto({ subsets: ["latin"], display: "swap", variable: "--font-doto", }) export const metadata: Metadata = { title: "LAUDOS.AI - Radiologia com IA", description: "Os melhores radiologistas usam a LAUDOS.AI para laudar até 10x mais rápido", generator: "v0.app", } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) } [V0_FILE]png:file="public/radiologist-profile.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/radiologist-profile-1aKjuT3AEpfzRFIpyldDQjZVXGeZc6.png" isMerged="true" [V0_FILE]png:file="public/laudos-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image__22_-removebg-preview%20%281%29-ucWpO0dcxjG7tAuIardjmdRilV8rGR.png" isMerged="true" [V0_FILE]css:file="app/globals.css" isFixed="true" isQuickEdit="true" isMerged="true" @import "tailwindcss"; @import "tw-animate-css"; @custom-variant dark (&:is(.dark *)); /* Updated font configuration to use DOTO font instead of monospace */ @theme inline { --font-sans: var(--font-geist-sans); --font-mono: var(--font-geist-mono); --font-doto: var(--font-doto); } :root { --background: oklch(1 0 0); --foreground: oklch(0.145 0 0); --card: oklch(1 0 0); --card-foreground: oklch(0.145 0 0); --popover: oklch(1 0 0); --popover-foreground: oklch(0.145 0 0); --primary: oklch(0.205 0 0); --primary-foreground: oklch(0.985 0 0); --secondary: oklch(0.97 0 0); --secondary-foreground: oklch(0.205 0 0); --muted: oklch(0.97 0 0); --muted-foreground: oklch(0.556 0 0); --accent: oklch(0.97 0 0); --accent-foreground: oklch(0.205 0 0); --destructive: oklch(0.577 0.245 27.325); --destructive-foreground: oklch(0.577 0.245 27.325); --border: oklch(0.922 0 0); --input: oklch(0.922 0 0); --ring: oklch(0.708 0 0); --chart-1: oklch(0.646 0.222 41.116); --chart-2: oklch(0.6 0.118 184.704); --chart-3: oklch(0.398 0.07 227.392); --chart-4: oklch(0.828 0.189 84.429); --chart-5: oklch(0.769 0.188 70.08); --radius: 0.625rem; --sidebar: oklch(0.985 0 0); --sidebar-foreground: oklch(0.145 0 0); --sidebar-primary: oklch(0.205 0 0); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.97 0 0); --sidebar-accent-foreground: oklch(0.205 0 0); --sidebar-border: oklch(0.922 0 0); --sidebar-ring: oklch(0.708 0 0); } .dark { --background: oklch(0.145 0 0); --foreground: oklch(0.985 0 0); --card: oklch(0.145 0 0); --card-foreground: oklch(0.985 0 0); --popover: oklch(0.145 0 0); --popover-foreground: oklch(0.985 0 0); --primary: oklch(0.985 0 0); --primary-foreground: oklch(0.205 0 0); --secondary: oklch(0.269 0 0); --secondary-foreground: oklch(0.985 0 0); --muted: oklch(0.269 0 0); --muted-foreground: oklch(0.708 0 0); --accent: oklch(0.269 0 0); --accent-foreground: oklch(0.985 0 0); --destructive: oklch(0.396 0.141 25.723); --destructive-foreground: oklch(0.637 0.237 25.331); --border: oklch(0.269 0 0); --input: oklch(0.269 0 0); --ring: oklch(0.439 0 0); --chart-1: oklch(0.488 0.243 264.376); --chart-2: oklch(0.696 0.17 162.48); --chart-3: oklch(0.769 0.188 70.08); --chart-4: oklch(0.627 0.265 303.9); --chart-5: oklch(0.645 0.246 16.439); --sidebar: oklch(0.205 0 0); --sidebar-foreground: oklch(0.985 0 0); --sidebar-primary: oklch(0.488 0.243 264.376); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.269 0 0); --sidebar-accent-foreground: oklch(0.985 0 0); --sidebar-border: oklch(0.269 0 0); --sidebar-ring: oklch(0.439 0 0); } @theme inline { --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); } .animated-dots circle { transition: fill 0.1s ease-in-out, transform 0.1s ease-in-out, opacity 0.1s ease-in-out; transform-origin: center; opacity: 0.7; } /* Changed from electric blue #0080ff to strong sky blue #00BFFF for more vibrant sky blue color */ .group:hover .animated-dots circle:nth-child(1) { fill: #00bfff; transform: scale(1.1); opacity: 1; transition-delay: 0.08s; } .group:hover .animated-dots circle:nth-child(2) { fill: #00bfff; transform: scale(1.1); opacity: 1; transition-delay: 0.03s; } .group:hover .animated-dots circle:nth-child(3) { fill: #00bfff; transform: scale(1.1); opacity: 1; transition-delay: 0.15s; } .group:hover .animated-dots circle:nth-child(4) { fill: #00bfff; transform: scale(1.1); opacity: 1; transition-delay: 0.01s; } .group:hover .animated-dots circle:nth-child(5) { fill: #00bfff; transform: scale(1.1); opacity: 1; transition-delay: 0.12s; } .group:hover .animated-dots circle:nth-child(6) { fill: #00bfff; transform: scale(1.1); opacity: 1; transition-delay: 0.07s; } .group:hover .animated-dots circle:nth-child(7) { fill: #00bfff; transform: scale(1.1); opacity: 1; transition-delay: 0.18s; } .group:hover .animated-dots circle:nth-child(8) { fill: #00bfff; transform: scale(1.1); opacity: 1; transition-delay: 0.05s; } .group:hover .animated-dots circle:nth-child(9) { fill: #00bfff; transform: scale(1.1); opacity: 1; transition-delay: 0.22s; } .group:hover .animated-dots circle:nth-child(10) { fill: #00bfff; transform: scale(1.1); opacity: 1; transition-delay: 0.09s; } .group:hover .animated-dots circle:nth-child(11) { fill: #00bfff; transform: scale(1.1); opacity: 1; transition-delay: 0.16s; } .group:hover .animated-dots circle:nth-child(12) { fill: #00bfff; transform: scale(1.1); opacity: 1; transition-delay: 0.02s; } .group:hover .animated-dots circle:nth-child(13) { fill: #00bfff; transform: scale(1.1); opacity: 1; transition-delay: 0.25s; } .group:hover .animated-dots circle:nth-child(14) { fill: #00bfff; transform: scale(1.1); opacity: 1; transition-delay: 0.11s; } .group:hover .animated-dots circle:nth-child(15) { fill: #00bfff; transform: scale(1.1); opacity: 1; transition-delay: 0.06s; } .group:hover .animated-dots circle:nth-child(16) { fill: #00bfff; transform: scale(1.1); opacity: 1; transition-delay: 0.19s; } .group:hover .animated-dots circle:nth-child(17) { fill: #00bfff; transform: scale(1.1); opacity: 1; transition-delay: 0.04s; } .group:hover .animated-dots circle:nth-child(18) { fill: #00bfff; transform: scale(1.1); opacity: 1; transition-delay: 0.14s; } .group:hover .animated-dots circle:nth-child(19) { fill: #00bfff; transform: scale(1.1); opacity: 1; transition-delay: 0.21s; } .group:hover .animated-dots circle:nth-child(20) { fill: #00bfff; transform: scale(1.1); opacity: 1; transition-delay: 0.10s; } .group:hover .animated-dots circle:nth-child(21) { fill: #00bfff; transform: scale(1.1); opacity: 1; transition-delay: 0.17s; } .group:hover .animated-dots circle:nth-child(22) { fill: #00bfff; transform: scale(1.1); opacity: 1; transition-delay: 0.23s; } .group:hover .animated-dots circle:nth-child(23) { fill: #00bfff; transform: scale(1.1); opacity: 1; transition-delay: 0.13s; } .group:hover .animated-dots circle:nth-child(24) { fill: #00bfff; transform: scale(1.1); opacity: 1; transition-delay: 0.20s; } .group:hover .animated-dots circle:nth-child(25) { fill: #00bfff; transform: scale(1.1); opacity: 1; transition-delay: 0.24s; } .group:hover .animated-dots circle:nth-child(26) { fill: #00bfff; transform: scale(1.1); opacity: 1; transition-delay: 0.26s; } .group:hover .animated-dots circle:nth-child(27) { fill: #00bfff; transform: scale(1.1); opacity: 1; transition-delay: 0.27s; } .group:hover .animated-dots circle:nth-child(28) { fill: #00bfff; transform: scale(1.1); opacity: 1; transition-delay: 0.28s; } .group:hover .animated-dots circle:nth-child(29) { fill: #00bfff; transform: scale(1.1); opacity: 1; transition-delay: 0.29s; } .group:hover .animated-dots circle:nth-child(30) { fill: #00bfff; transform: scale(1.1); opacity: 1; transition-delay: 0.30s; } .group:hover .animated-dots circle:nth-child(31) { fill: #00bfff; transform: scale(1.1); opacity: 1; transition-delay: 0.31s; } .group:hover .animated-dots circle:nth-child(32) { fill: #00bfff; transform: scale(1.1); opacity: 1; transition-delay: 0.32s; } .group:hover .animated-dots circle:nth-child(33) { fill: #00bfff; transform: scale(1.1); opacity: 1; transition-delay: 0.33s; } .group:hover .animated-dots circle:nth-child(34) { fill: #00bfff; transform: scale(1.1); opacity: 1; transition-delay: 0.34s; } .group:hover .animated-dots circle:nth-child(35) { fill: #00bfff; transform: scale(1.1); opacity: 1; transition-delay: 0.35s; } .group:hover .animated-dots circle:nth-child(36) { fill: #00bfff; transform: scale(1.1); opacity: 1; transition-delay: 0.36s; } .group:hover .animated-dots circle:nth-child(37) { fill: #00bfff; transform: scale(1.1); opacity: 1; transition-delay: 0.37s; } .group:hover .animated-dots circle:nth-child(38) { fill: #00bfff; transform: scale(1.1); opacity: 1; transition-delay: 0.38s; } .group:hover .animated-dots circle:nth-child(39) { fill: #00bfff; transform: scale(1.1); opacity: 1; transition-delay: 0.39s; } /* Updated catch-all selector to use strong sky blue and ensure ALL dots are filled */ .group:hover .animated-dots circle { fill: #00bfff; transform: scale(1.1); opacity: 1; transition-delay: 0.1s; } /* Added subtle highlight effect for the feature card on hover */ .group:hover { box-shadow: inset 0 0 30px rgba(0, 191, 255, 0.1); background-color: rgba(0, 191, 255, 0.02); border-color: rgba(0, 191, 255, 0.3); transition: box-shadow 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out; } @layer base { * { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground; /* Applied DOTO font as primary font family */ font-family: var(--font-doto), monospace; } } [V0_FILE]typescriptreact:file="app/page.tsx" isFixed="true" isEdit="true" isQuickEdit="true" import Link from "next/link" export default function Home() { return (

{/* Background overlay */}

{/* Main content container */}

{/* Header section */}

THE BEST RADIOLOGISTS USE LAUDOS.AI TO REPORT UP TO 10× FASTER THE BEST RADIOLOGISTS USE LAUDOS.AI TO REPORT UP TO 10× FASTER

{/* Feature card */}

{/* Decorative lines */}

{/* Icon and title */}

{/* Content */}

REPORTS IN MINUTES, EVERY TIME.

WITH LAUDOS.AI, REPORTING AND CLINICAL INSIGHT HAPPEN AT THE SAME TIME.

{/* Bottom section with line */}

NEVER WASTE PRECIOUS TIME ON LONG, MANUAL REPORTS AGAIN.

{/* Right border line for mobile */}

{/* Bottom profile image link */}

) }

About

Tags

Share

About

Tags

Share

More from davai7913

More Templates Like This

About

Tags

Share

About

Tags

Share

More from davai7913

More Templates Like This