[V0_FILE]typescriptreact:file="app/layout.tsx" isMerged="true" import type React from "react" import type { Metadata } from "next" import { Geist } from "next/font/google" import { Analytics } from "@vercel/analytics/next" import "./globals.css" const geist = Geist({ subsets: ["latin"] }) export const metadata: Metadata = { title: "Катарсис - Маркетинговое агентство", description: "Маркетинговое агентство с экспертизой в аналитике, креативе, и настройке рекламы", generator: "v0.app", icons: { icon: [ { url: "/icon-light-32x32.png", media: "(prefers-color-scheme: light)", }, { url: "/icon-dark-32x32.png", media: "(prefers-color-scheme: dark)", }, { url: "/icon.svg", type: "image/svg+xml", }, ], apple: "/apple-icon.png", }, } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) } [V0_FILE]jpg:file="public/abstract-creative-marketing-visualization.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/abstract-creative-marketing-visualization-UHvayGUrFNMGAOiVOP1s2zejkO6mGL.jpg" isMerged="true" [V0_FILE]json:file="package.json" isMerged="true" { "name": "my-v0-project", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "eslint ." }, "dependencies": { "@hookform/resolvers": "^3.10.0", "@radix-ui/react-accordion": "1.2.2", "@radix-ui/react-alert-dialog": "1.1.4", "@radix-ui/react-aspect-ratio": "1.1.1", "@radix-ui/react-avatar": "1.1.2", "@radix-ui/react-checkbox": "1.1.3", "@radix-ui/react-collapsible": "1.1.2", "@radix-ui/react-context-menu": "2.2.4", "@radix-ui/react-dialog": "1.1.4", "@radix-ui/react-dropdown-menu": "2.1.4", "@radix-ui/react-hover-card": "1.1.4", "@radix-ui/react-label": "2.1.1", "@radix-ui/react-menubar": "1.1.4", "@radix-ui/react-navigation-menu": "1.2.3", "@radix-ui/react-popover": "1.1.4", "@radix-ui/react-progress": "1.1.1", "@radix-ui/react-radio-group": "1.2.2", "@radix-ui/react-scroll-area": "1.2.2", "@radix-ui/react-select": "2.1.4", "@radix-ui/react-separator": "1.1.1", "@radix-ui/react-slider": "1.2.2", "@radix-ui/react-slot": "1.1.1", "@radix-ui/react-switch": "1.1.2", "@radix-ui/react-tabs": "1.1.2", "@radix-ui/react-toast": "1.2.4", "@radix-ui/react-toggle": "1.1.1", "@radix-ui/react-toggle-group": "1.1.1", "@radix-ui/react-tooltip": "1.1.6", "@vercel/analytics": "1.3.1", "autoprefixer": "^10.4.20", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "cmdk": "1.0.4", "date-fns": "4.1.0", "embla-carousel-react": "8.5.1", "input-otp": "1.4.1", "lucide-react": "^0.454.0", "next": "16.0.10", "next-themes": "^0.4.6", "react": "19.2.0", "react-day-picker": "9.8.0", "react-dom": "19.2.0", "react-hook-form": "^7.60.0", "react-resizable-panels": "^2.1.7", "recharts": "2.15.4", "sonner": "^1.7.4", "tailwind-merge": "^3.3.1", "tailwindcss-animate": "^1.0.7", "vaul": "^1.1.2", "zod": "3.25.76" }, "devDependencies": { "@tailwindcss/postcss": "^4.1.9", "@types/node": "^22", "@types/react": "^19", "@types/react-dom": "^19", "postcss": "^8.5", "tailwindcss": "^4.1.9", "tw-animate-css": "1.3.3", "typescript": "^5" } } [V0_FILE]jpg:file="public/3d-cute-rabbit-with-sunglasses-and-cool-attitude--.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/3d-cute-rabbit-with-sunglasses-and-cool-attitude---JoEL6Arjj0WX1m1qGBiPCoL6xMlrmC.jpg" isMerged="true" [V0_FILE]jpg:file="public/images/white-rabbit-no-background.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/images/white-rabbit-no-background-BxjJE7ZvSSw4X3DCu1RrjiyShrItHn.jpg" isMerged="true" [V0_FILE]jpeg:file="public/images/image.jpeg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image.png-5vChjCJEVVV0k38Ldxc1cQ6kssZSEs.jpeg" isMerged="true" [V0_FILE]jpg:file="public/images/rabbit-white-bg.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/58e3bdc10125415b399d39ed-CWLy3GRpGGfzv1tAIgSLf2cl6Jo5aj.jpg" isMerged="true" [V0_FILE]typescriptreact:file="app/lead-form/page.tsx" isMerged="true" import { Header } from "@/components/header" import { LeadForm } from "@/components/lead-form" export default function LeadFormPage() { return (

Получить заявки

Заполните форму и мы свяжемся с вами в ближайшее время

) } [V0_FILE]typescriptreact:file="app/thank-you/page.tsx" isMerged="true" import { Header } from "@/components/header" import { Button } from "@/components/ui/button" export default function ThankYouPage() { return (

Спасибо за заявку!

Мы получили вашу заявку и свяжемся с вами в ближайшее время для обсуждения деталей

) } [V0_FILE]png:file="public/images/analytics-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-TsHbxB7FVP7hs9NmhLYzQDBOfAdbHz.png" isMerged="true" [V0_FILE]png:file="public/images/camera-icon.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-zp6w2VwqxBnDaJeHfsgXSxPtVohVxs.png" isMerged="true" [V0_FILE]jpg:file="public/tropical-villa-in-bali.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/tropical-villa-in-bali-8FDLsSEqqpepnYkbAG9f3ISvcautHY.jpg" isMerged="true" [V0_FILE]typescriptreact:file="components/laptop-carousel.tsx" isMerged="true" "use client" import { useState, useEffect } from "react" const landingPages = [ { id: 1, title: "Недвижимость на Бали", subtitle: "напрямую от застройщиков", domain: "realestate-bali.com", bgGradient: "from-cyan-50 via-blue-50 to-teal-50", imageUrl: "/luxury-tropical-villa-in-bali-with-pool.jpg", features: ["Виллы от $150,000", "Рассрочка на 3 года", "Юридическое сопровождение"], buttonColor: "bg-blue-600", imageGradient: "from-amber-200 to-orange-300", }, { id: 2, title: "Пригоним машину из Китая", subtitle: "в два раза дешевле", domain: "auto-china.ru", bgGradient: "from-red-50 via-orange-50 to-amber-50", imageUrl: "/modern-red-chinese-car-sleek-design.jpg", features: ["Экономия до 50%", "Полное оформление", "Гарантия качества"], buttonColor: "bg-red-600", imageGradient: "from-red-200 to-orange-300", }, { id: 3, title: "Эксклюзивные VIP туры в Дубай", subtitle: "с личным гидом", domain: "dubai-vip-tours.com", bgGradient: "from-purple-50 via-pink-50 to-fuchsia-50", imageUrl: "/dubai-burj-khalifa-luxury-skyline-sunset.jpg", features: ["Индивидуальный маршрут", "5-звездочные отели", "Трансферы на премиум авто"], buttonColor: "bg-purple-600", imageGradient: "from-purple-200 to-pink-300", }, { id: 4, title: "Онлайн-школа английского", subtitle: "результат за 3 месяца", domain: "english-fast.online", bgGradient: "from-green-50 via-emerald-50 to-teal-50", imageUrl: "/online-english-learning-books-education-success.jpg", features: ["Персональный куратор", "Гибкий график", "Гарантия результата"], buttonColor: "bg-green-600", imageGradient: "from-green-200 to-emerald-300", }, { id: 5, title: "Крипто-инвестиции", subtitle: "от $1000 до первой прибыли", domain: "crypto-invest.pro", bgGradient: "from-yellow-50 via-amber-50 to-orange-50", imageUrl: "/cryptocurrency-bitcoin-investment-growth-chart.jpg", features: ["Минимальный порог входа", "Обучение с нуля", "Личный аналитик"], buttonColor: "bg-yellow-600", imageGradient: "from-yellow-200 to-amber-300", }, ] export function LaptopCarousel() { const [currentIndex, setCurrentIndex] = useState(0) const currentPage = landingPages[currentIndex] useEffect(() => { const interval = setInterval(() => { setCurrentIndex((prev) => (prev + 1) % landingPages.length) }, 4000) return () => clearInterval(interval) }, []) const goToPrevious = () => { setCurrentIndex((prev) => (prev - 1 + landingPages.length) % landingPages.length) } const goToNext = () => { setCurrentIndex((prev) => (prev + 1) % landingPages.length) } const goToSlide = (index: number) => { setCurrentIndex(index) } return (

{/* Navigation arrows */} {/* 3D Laptop Container */}

{/* Laptop Screen */}

{/* Landing Page Content */}

{currentPage.domain}

{currentPage.title}
{currentPage.subtitle}

{/* Landing page image */}

{currentPage.features.map((feature, idx) => (

✓ {feature}

))}

{/* Laptop Base/Keyboard */}

{/* Pagination dots */}

{landingPages.map((_, index) => (

) } [V0_FILE]jpg:file="public/luxury-tropical-villa-in-bali-with-pool.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/luxury-tropical-villa-in-bali-with-pool-UYDW569KIfAZ2wGEyoYPJWtcRXrBcm.jpg" isMerged="true" [V0_FILE]jpg:file="public/modern-red-chinese-car-sleek-design.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/modern-red-chinese-car-sleek-design-V8trKk5iK3izePbZtnTltfBIgZiwz4.jpg" isMerged="true" [V0_FILE]jpg:file="public/dubai-burj-khalifa-luxury-skyline-sunset.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/dubai-burj-khalifa-luxury-skyline-sunset-4tsOk3laSbjbgQHKTRUWk2pAfzjIa4.jpg" isMerged="true" [V0_FILE]jpg:file="public/online-english-learning-books-education-success.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/online-english-learning-books-education-success-wM4YlDpabd0zOJlBtGcfIgHJqkvvgi.jpg" isMerged="true" [V0_FILE]jpg:file="public/cryptocurrency-bitcoin-investment-growth-chart.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/cryptocurrency-bitcoin-investment-growth-chart-5fUCF0GD8bZTLb2qqWfWY991hjrREW.jpg" isMerged="true" [V0_FILE]typescriptreact:file="components/website-showcase.tsx" isMerged="true" "use client" export function WebsiteShowcase() { return (

{/* First set of images */}

{/* Duplicate set for seamless loop */}

) } [V0_FILE]png:file="public/images/img-2133.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/IMG_2133.PNG-Dg3u0uNucb38grnspLu88JenPvJxIQ.png" isMerged="true" [V0_FILE]png:file="public/images/img-2134.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/IMG_2134.PNG-3ieiOcU6JtEgqldVFedovpLzDOzLHI.png" isMerged="true" [V0_FILE]css:file="app/globals.css" isEdit="true" isQuickEdit="true" isMerged="true" @import "tailwindcss"; @import "tw-animate-css"; @custom-variant dark (&:is(.dark *)); :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 { /* optional: --font-sans, --font-serif, --font-mono if they are applied in the layout.tsx */ --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); } @layer base { * { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground; } /* Added floating animation for rabbit */ @keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-20px); } } .animate-float { animation: float 3s ease-in-out infinite; } /* Added horizontal scrolling animation for website showcase */ @keyframes scroll-slow { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } .animate-scroll-slow { animation: scroll-slow 30s linear infinite; } } [V0_FILE]jpg:file="public/luxury-tropical-villa-in-bali-with-infinity-pool-a.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/luxury-tropical-villa-in-bali-with-infinity-pool-a-ZffGXkpesi6zEwwHqmPsTykKHuZwDs.jpg" isMerged="true" [V0_FILE]jpg:file="public/red-chinese-electric-car-sleek-modern-design-side-.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/red-chinese-electric-car-sleek-modern-design-side--MapUVxABQZfhh7q8Adcwvm6REBgmpm.jpg" isMerged="true" [V0_FILE]jpg:file="public/dubai-burj-khalifa-luxury-skyline-sunset-golden-ho.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/dubai-burj-khalifa-luxury-skyline-sunset-golden-ho-WYPojKJkMQNr0iKMLPzxD9isO1tmbO.jpg" isMerged="true" [V0_FILE]jpg:file="public/luxury-helicopter-flying-over-mountains-sunset-aer.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/luxury-helicopter-flying-over-mountains-sunset-aer-ygk20QHArerO8brXlu7GWdBBWCMXSW.jpg" isMerged="true" [V0_FILE]typescriptreact:file="components/landing-carousel.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { useState, useEffect } from "react" import { ChevronLeft, ChevronRight } from "lucide-react" const landings = [ { id: 1, title: "Ваше агентство", content: (

Opsify

Портфолио Маркетинг Дизайн

СОЗДАЕМ ЭФФЕКТИВНЫЕ САЙТЫ

С АКЦЕНТОМ НА МАРКЕТИНГ

✦

подготовка и настройка

от 4 до 7 дней

✦

91% продлевают

с нами договор

✦

конверсия с нами

на 42% выше

в ретроспективе

), }, { id: 2, title: "Недвижимость на Бали", content: (

🏡

BALI DREAM

📍 Убуд, Бали 📧 info@balidream.com 📱 +62 821 4567 8901

Недвижимость на Бали напрямую от застройщиков

Виллы с видом на океан от $180,000 • Гарантия возврата 8% годовых

150+

объектов в портфолио

₿

оплата криптовалютой

24/7

поддержка инвесторов

), }, { id: 3, title: "Машины из Китая", content: (

中

CHINA AUTO

🇨🇳 Прямые поставки 📞 +7 (999) 123-45-67

🔥 Акция: дополнительная скидка 5%

Пригоним машину из Китая в два раза дешевле

✓ Официальный импорт за 30-45 дней

✓ Гарантия производителя 3 года

✓ Помощь с растаможкой и сертификацией

от 1,2 млн ₽

новые электрокары

500+

довольных клиентов

), }, { id: 4, title: "Туры в Дубай", content: (

✨

DUBAI LUXURY

🏨 Premium отели 5★ ✈️ Бизнес-класс 👨‍✈️ Личный гид

👑 VIP Experience • Эксклюзивные маршруты

Эксклюзивные VIP туры в Дубай с личным гидом

Откройте для себя роскошь Востока • Индивидуальные программы • Закрытые мероприятия

7-14 дней

длительность тура

VIP

доступ везде

24/7

консьерж сервис

🏎️ Суперкары напрокат 🚁 Вертолетные экскурсии 🎰 VIP-залы казино 🛥️ Яхт-туры

), }, { id: 5, title: "Вертолетные туры", content: (

🚁

SKY TOURS

🏔️ Горные маршруты 🏙️ Городские полеты 📸 Фотосессии

✈️ Авторские маршруты • Опытные пилоты

Авторский тур на вертолете

Незабываемые впечатления с высоты птичьего полета • Индивидуальные маршруты над самыми красивыми местами

○ Полеты от 30 минут до 3 часов

○ Профессиональная фото и видеосъемка

○ Романтические предложения на высоте

от 25,000 ₽

за 30 минут полета

100%

безопасность

2000+

довольных туристов

), }, ] export function LandingCarousel() { const [currentIndex, setCurrentIndex] = useState(0) const goToPrevious = () => { setCurrentIndex((prevIndex) => (prevIndex === 0 ? landings.length - 1 : prevIndex - 1)) } const goToNext = () => { setCurrentIndex((prevIndex) => (prevIndex === landings.length - 1 ? 0 : prevIndex + 1)) } const goToSlide = (index: number) => { setCurrentIndex(index) } useEffect(() => { const timer = setInterval(() => { goToNext() }, 5000) return () => clearInterval(timer) }, [currentIndex]) return (

{/* Browser-like frame */}

{/* Carousel content */}

{landings.map((landing, index) => (

{landing.content}

))}

{/* Navigation arrows */} {/* Dots indicator */}

{landings.map((_, index) => (

) } [V0_FILE]jpg:file="public/images/img-2462.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/IMG_2462-7x3TlUVtPRVNDWGAMYaWST8UebntD5.jpg" isMerged="true" [V0_FILE]png:file="public/images/google-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-sTYphbRaM62GYerjsC5RxVfsC25dzd.png" isMerged="true" [V0_FILE]png:file="public/images/meta-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-qE3O569MglcWCT3zelzhHVWyDHI5oj.png" isMerged="true" [V0_FILE]png:file="public/images/tiktok-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-Ls7DonkaFf6wc78ZKdTmWTGYQ5hTcy.png" isMerged="true" [V0_FILE]jpg:file="public/images/logos-combined.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/%D0%9D%D0%BE%D0%B2%D1%8B%D0%B8%CC%86%20%D0%BF%D1%80%D0%BE%D0%B5%D0%BA%D1%82-Pred8bnNZTETPQ3seicyP2x9b1Fptf.jpg" isMerged="true" [V0_FILE]jpg:file="public/images/platform-logos.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/%D0%9D%D0%BE%D0%B2%D1%8B%D0%B8%CC%86%20%D0%BF%D1%80%D0%BE%D0%B5%D0%BA%D1%82-mrY4yE9mB5sjmqylmWBpVDdSKMJrMp.jpg" isMerged="true" [V0_FILE]jpg:file="public/images/d0-9d-d0-be-d0-b2-d1-8b-d0-b8-cc-86-20-d0-bf-d1-80-d0-be-d0-b5-d0-ba-d1-82.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/%D0%9D%D0%BE%D0%B2%D1%8B%D0%B8%CC%86%20%D0%BF%D1%80%D0%BE%D0%B5%D0%BA%D1%82-mrY4yE9mB5sjmqylmWBpVDdSKMJrMp.jpg" isMerged="true" [V0_FILE]png:file="public/images/branding-image.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/instead_of_knees_the_parents_faces_-_the_left_knee_is_the_mothers_face_the_right_knee_is_the_father_fwhpciw0c1ibgwe2ruid_3-oeDBQjzGUlCnPmWyKgFlDAYVfJJqNd.png" isMerged="true" [V0_FILE]png:file="public/images/instead-of-knees-the-parents-faces-the-left-knee-is-the-mothers-face-the-right-knee-is-the-father-fwhpciw0c1ibgwe2ruid-3.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/instead_of_knees_the_parents_faces_-_the_left_knee_is_the_mothers_face_the_right_knee_is_the_father_fwhpciw0c1ibgwe2ruid_3-oeDBQjzGUlCnPmWyKgFlDAYVfJJqNd.png" isMerged="true" [V0_FILE]jpg:file="public/images/untitled-logo-1-free-file.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Untitled_logo_1_free-file-NmffrgKd4A3g4iUiNLP5ar06f0rHBX.jpg" isMerged="true" [V0_FILE]png:file="public/images/frp-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-DBQrzMmb0tv5GzddcnhWTeaV70Vvum.png" isMerged="true" [V0_FILE]png:file="public/images/ticketon-bg.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-71fJxrJ6a7m9CGTPbi4EcWmC9cuIun.png" isMerged="true" [V0_FILE]png:file="public/images/d0-a1-d0-bd-d0-b8-d0-bc-d0-be-d0-ba-20-d1-8d-d0-ba-d1-80-d0-b0-d0-bd-d0-b0-202025-12-25-20-d0-b2-2019.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202025-12-25%20%D0%B2%2019.47.02-kfJcG3z8l2cAnOKwxf9z8fLTJlzJ4b.png" isMerged="true" [V0_FILE]png:file="public/images/concert-targeting.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202026-01-03%20%D0%B2%2012.54.05-5gBlW9YGaj3Zcb6u194nxJw4aErNDA.png" isMerged="true" [V0_FILE]png:file="public/images/d0-a1-d0-bd-d0-b8-d0-bc-d0-be-d0-ba-20-d1-8d-d0-ba-d1-80-d0-b0-d0-bd-d0-b0-202026-01-03-20-d0-b2-2012.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202026-01-03%20%D0%B2%2012.54.05-5gBlW9YGaj3Zcb6u194nxJw4aErNDA.png" isMerged="true" [V0_FILE]jpg:file="public/f9-fast-and-furious-movie-poster.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/f9-fast-and-furious-movie-poster-CAPhaEqibUc0LNBEE8sZv20bEXcxki.jpg" isMerged="true" [V0_FILE]jpg:file="public/zere-kazakh-movie-poster-romantic-drama.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/zere-kazakh-movie-poster-romantic-drama-pIJqT5ynEy6UnJAKXsNm0doFN8RYTH.jpg" isMerged="true" [V0_FILE]jpg:file="public/fina-kazakh-fantasy-movie-poster-woman-with-green-.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/fina-kazakh-fantasy-movie-poster-woman-with-green--uwWZlN9x85P0xlrArzXtF4SjMdF1QO.jpg" isMerged="true" [V0_FILE]jpg:file="public/tomiris-kazakh-historical-epic-movie-poster-warrio.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/tomiris-kazakh-historical-epic-movie-poster-warrio-T8qHaBGN7hupLAMoWcWLGaF4eGGFOU.jpg" isMerged="true" [V0_FILE]jpg:file="public/harley-quinn-birds-of-prey-movie-poster-colorful.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/harley-quinn-birds-of-prey-movie-poster-colorful-foXdBLthtDwW71Kgp6wZziho9XgJmB.jpg" isMerged="true" [V0_FILE]jpg:file="public/zombieland-double-tap-movie-poster-western-style.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/zombieland-double-tap-movie-poster-western-style-tj1Q7lH2XBZ3h26I8gQCywYG5BJVss.jpg" isMerged="true" [V0_FILE]jpg:file="public/jumanji-welcome-to-the-jungle-movie-poster-adventu.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/jumanji-welcome-to-the-jungle-movie-poster-adventu-Fd75nyOjEC6YvcAmvqDLt2a5uBdyue.jpg" isMerged="true" [V0_FILE]jpg:file="public/joker-movie-poster-dark-teal-underwater.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/joker-movie-poster-dark-teal-underwater-5qqhaHo2uEuET5EB49BPop5HQTdIy3.jpg" isMerged="true" [V0_FILE]jpeg:file="public/images/screenshot-202023-11-15-20at-2016.jpeg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Screenshot%202023-11-15%20at%2016.31.08.png-ypcavGjfWBb2ahBJiylQeDgc9TOtST.jpeg" isMerged="true" [V0_FILE]png:file="public/images/superbol-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-agi4O65PDno0P51np6FRzXxiQ5n0FG.png" isMerged="true" [V0_FILE]jpg:file="public/images/getsmine.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/getsmine-78Th4aqYvyTlfhKU6GqDuA3oXLhmun.jpg" isMerged="true" [V0_FILE]png:file="public/images/parq-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-m3Q8kC1M5IB7mBXJzFzITCrFl1cdhD.png" isMerged="true" [V0_FILE]png:file="public/images/d0-9d-d0-be-d0-b2-d1-8b-d0-b8-cc-86-20-d0-bf-d1-80-d0-be-d0-b5-d0-ba-d1-82.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/%D0%9D%D0%BE%D0%B2%D1%8B%D0%B8%CC%86%20%D0%BF%D1%80%D0%BE%D0%B5%D0%BA%D1%82-LrS5foENlZt9IqU36qlQwT7XOyFP1n.png" isMerged="true" [V0_FILE]png:file="public/images/d0-9d-d0-be-d0-b2-d1-8b-d0-b8-cc-86-20-d0-bf-d1-80-d0-be-d0-b5-d0-ba-d1-82-20-281-29.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/%D0%9D%D0%BE%D0%B2%D1%8B%D0%B8%CC%86%20%D0%BF%D1%80%D0%BE%D0%B5%D0%BA%D1%82%20%281%29-hKmq4ezQkUP4ipzJ1fwUlFfdLau8pY.png" isMerged="true" [V0_FILE]jpg:file="public/images/d0-9d-d0-be-d0-b2-d1-8b-d0-b8-cc-86-20-d0-bf-d1-80-d0-be-d0-b5-d0-ba-d1-82-20281-29.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/images/d0-9d-d0-be-d0-b2-d1-8b-d0-b8-cc-86-20-d0-bf-d1-80-d0-be-d0-b5-d0-ba-d1-82-20281-29-jqolCicOfrHRiaU9CUI4vlyGljPk9P.jpg" isMerged="true" [V0_FILE]jpg:file="public/images/skin-cosmetics.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/images/skin-cosmetics-rAy0ViY29Pllthdygip9bpspHj5B4n.jpg" isMerged="true" [V0_FILE]jpg:file="public/images/ticketon-freedom.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/images/ticketon-freedom-WD2trTheIfGDuwd8BOWgw9yOGC8N3U.jpg" isMerged="true" [V0_FILE]jpg:file="public/images/44092u56103-rassylka.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/44092u56103_rassylka-XWkH6MLD9GmRPnhOZXIpdCHkbtC7Ed.jpg" isMerged="true" [V0_FILE]jpg:file="public/images/d0-b0-d0-bd-d0-bd-d0-b0.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/images/d0-b0-d0-bd-d0-bd-d0-b0-FGsSGGQuqPMwfkxju7vNvxftIJj2nt.jpg" isMerged="true" [V0_FILE]png:file="public/images/d0-9c-d0-b8-d1-88-d0-b0.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/%D0%9C%D0%B8%D1%88%D0%B0-eksgGLYCSlIVRiNSh8zihIe7lcbYTq.png" isMerged="true" [V0_FILE]typescriptreact:file="components/header.tsx" isEdit="true" isMerged="true" "use client" import Link from "next/link" import { Button } from "@/components/ui/button" import { useState } from "react" export function Header() { const [language, setLanguage] = useState<"RU" | "EN">("RU") return (

маркетинговое
агентство катарсис

{/* Right side actions */}

{/* Language switcher */}

) } [V0_FILE]jpg:file="public/images/d0-90-d0-bd-d0-bd-d0-b0.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/images/d0-90-d0-bd-d0-bd-d0-b0-pozwsvE2G5XHmCGTUK9jV6KkFYiW6Q.jpg" isMerged="true" [V0_FILE]png:file="public/images/d0-a2-d0-b8-d0-bc-d1-83-d1-80.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/%D0%A2%D0%B8%D0%BC%D1%83%D1%80-336pbD5Fn7qhlRABvmG1DTnN4dFBLr.png" isMerged="true" [V0_FILE]jpg:file="public/images/img-2561.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/IMG_2561-90JTLo2dOQtG3zyWZsU9K5nWFCgxoS.jpg" isMerged="true" [V0_FILE]png:file="public/images/d0-a1-d0-bd-d0-b8-d0-bc-d0-be-d0-ba-20-d1-8d-d0-ba-d1-80-d0-b0-d0-bd-d0-b0-202026-01-08-20-d0-b2-2021.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202026-01-08%20%D0%B2%2021.15.49-UCGmTVvH1i295XvIj8aODkNZ1fWnXQ.png" isMerged="true" [V0_FILE]png:file="public/images/d0-92-d0-bb-d0-b0-d0-b4-d0-b8-d1-81-d0-bb-d0-b0-d0-b2.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/%D0%92%D0%BB%D0%B0%D0%B4%D0%B8%D1%81%D0%BB%D0%B0%D0%B2-GVFU4QDW4tE5AsB2F3CAEJYTiWWkpa.png" isMerged="true" [V0_FILE]png:file="public/images/d0-a1-d0-bd-d0-b8-d0-bc-d0-be-d0-ba-20-d1-8d-d0-ba-d1-80-d0-b0-d0-bd-d0-b0-202026-01-09-20-d0-b2-2018.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202026-01-09%20%D0%B2%2018.35.25-yjulG8PoBbW0QOI2t2p0eABkhTsVFU.png" isMerged="true" [V0_FILE]png:file="public/images/swat-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/swat-logo.png" isMerged="true" [V0_FILE]png:file="public/images/d0-a1-d0-bd-d0-b8-d0-bc-d0-be-d0-ba-20-d1-8d-d0-ba-d1-80-d0-b0-d0-bd-d0-b0-202026-01-14-20-d0-b2-2017.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202026-01-14%20%D0%B2%2017.17.27-YE2ry1UH6Sm3LNlXqPUUgYCzN78WJW.png" isMerged="true" [V0_FILE]png:file="public/images/d0-a2-d0-b8-d0-bc-d1-83-d1-8022.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/%D0%A2%D0%B8%D0%BC%D1%83%D1%8022-8ZwvggR8WFYC2lEHcXtQkoBF6zbg94.png" isMerged="true" [V0_FILE]png:file="public/images/image.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-YFGCMCKeLecCWXGT1VDuQXHLxLXfon.png" isMerged="true" [V0_FILE]png:file="public/images/d0-9a-d0-b5-d1-80-d1-80-d0-b8-d0-b3-d0-b0-d0-bd.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/%D0%9A%D0%B5%D1%80%D1%80%D0%B8%D0%B3%D0%B0%D0%BD-8iPehxvDcHmQSgcGaqHQU0GJUoJuD9.png" isMerged="true" [V0_FILE]png:file="public/images/d0-90-d0-bd-d0-bd-d0-b0.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/%D0%90%D0%BD%D0%BD%D0%B0-aZ2nbKduypehVj6Hdnq2iUGoHc6Cqz.png" isMerged="true" [V0_FILE]typescriptreact:file="components/lead-form.tsx" isEdit="true" isMerged="true" "use client" import type React from "react" import { useState } from "react" import { useRouter } from "next/navigation" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Textarea } from "@/components/ui/textarea" export function LeadForm() { const router = useRouter() const [isSubmitting, setIsSubmitting] = useState(false) const [error, setError] = useState(null) async function handleSubmit(e: React.FormEvent) { e.preventDefault() setIsSubmitting(true) setError(null) const formData = new FormData(e.currentTarget) const phone = formData.get("phone") as string const name = formData.get("name") as string const email = formData.get("email") as string const message = formData.get("message") as string console.log("[v0] Form submitted with:", { phone, name, email, message }) try { const response = await fetch("/api/send-telegram", { method: "POST", headers: { "Content-Type": "application/json", }, body: JSON.stringify({ phone, name, email, message }), }) console.log("[v0] API response status:", response.status) const data = await response.json() console.log("[v0] API response data:", data) if (!response.ok) { throw new Error(data.error || "Failed to send") } console.log("[v0] Redirecting to /thank-you") router.push("/thank-you") } catch (err) { console.log("[v0] Error:", err) setError("Ошибка отправки. Попробуйте еще раз.") setIsSubmitting(false) } } return (

Имя

Телефон

Сообщение

</div>

{error && <p className="text-red-500 text-sm">{error}</p>}

<Button
        type="submit"
        disabled={isSubmitting}
        className="w-full bg-white text-black hover:bg-white/90 text-base py-6 rounded-full"
      >
        {isSubmitting ? "Отправка..." : "Отправить заявку"}
      </Button>
    </form>
  )
}

export default LeadForm
[V0_FILE]typescript:file="app/api/send-telegram/route.ts" isEdit="true" isMerged="true"
import { type NextRequest, NextResponse } from "next/server"

export async function POST(request: NextRequest) {
  console.log("[v0] Telegram API route called")

try {
    const body = await request.json()
    const { phone, name, email, message } = body

console.log("[v0] Received data:", { phone, name, email, message })

if (!phone) {
      console.log("[v0] Phone is missing")
      return NextResponse.json({ error: "Phone number is required" }, { status: 400 })
    }

const botToken = process.env.TELEGRAM_BOT_TOKEN
    const chatId = process.env.TELEGRAM_CHAT_ID

console.log("[v0] Bot token exists:", !!botToken)
    console.log("[v0] Chat ID exists:", !!chatId)

// so the form redirects to thank-you page
    if (!botToken || !chatId) {
      console.log("[v0] Telegram credentials not configured, skipping notification")
      return NextResponse.json({ success: true, warning: "Telegram not configured" })
    }

const telegramMessage = `Новая заявка с сайта Катарсис!

Имя: ${name || "Не указано"}
Email: ${email || "Не указано"}
Телефон: ${phone}
Сообщение: ${message || "Не указано"}

Дата: ${new Date().toLocaleString("ru-RU", { timeZone: "Asia/Almaty" })}`

const telegramUrl = `https://api.telegram.org/bot${botToken}/sendMessage`

console.log("[v0] Sending to Telegram...")

const response = await fetch(telegramUrl, {
      method: "POST",
      headers: {
        "Content-Type": "application/json",
      },
      body: JSON.stringify({
        chat_id: chatId,
        text: telegramMessage,
      }),
    })

const responseData = await response.json()
    console.log("[v0] Telegram response status:", response.status)
    console.log("[v0] Telegram response data:", JSON.stringify(responseData))

if (!response.ok) {
      console.error("[v0] Telegram API error:", responseData)
      // Still return success so user is redirected
      return NextResponse.json({ success: true, telegramError: responseData })
    }

console.log("[v0] Telegram success!")
    return NextResponse.json({ success: true })
  } catch (error) {
    console.error("[v0] Error:", error)
    return NextResponse.json({ success: true, error: "Telegram notification failed" })
  }
}
[V0_FILE]typescriptreact:file="app/page.tsx" isMerged="true"
"use client"

import { Header } from "@/components/header"
import Link from "next/link"
import LeadForm from "@/components/lead-form"
import { Button } from "@/components/ui/button"

export default function Home() {
  return (
    <main className="min-h-screen bg-background">
      <Header />

{/* Hero Section */}
      <section className="relative bg-background px-4 py-20 lg:py-32">
        <div className="container mx-auto max-w-7xl">
          <div className="relative flex items-center justify-center">
            <div className="flex flex-col items-center text-center space-y-6 max-w-4xl">
              <h1 className="text-4xl sm:text-5xl lg:text-6xl xl:text-7xl font-bold text-foreground leading-tight text-center">
                <span className="block">Лиды. Таргет.</span>
                <span className="block">Маркетинг.</span>
              </h1>

<p className="text-lg sm:text-xl lg:text-2xl text-muted-foreground font-light leading-snug">
                <span className="block">маркетинговое агентство с экспертизой в аналитике, креативе,</span>
                <span className="block">и настройке рекламы</span>
              </p>

<div className="flex flex-wrap items-center justify-center gap-3 text-sm sm:text-base text-muted-foreground/60 pt-2">
                <span>#Instagram</span>
                <span>#Facebook</span>
                <span>#Google</span>
                <span>#YouTube</span>
                <span>#WhatsApp</span>
              </div>

<div className="pt-6">
                <Link
                  href="/lead-form"
                  className="inline-block bg-foreground text-background px-10 py-4 rounded-full font-medium text-base sm:text-lg hover:bg-foreground/90 transition-colors"
                >
                  Обсудить проект
                </Link>
              </div>
            </div>

{/* Services Section */}
      <section className="bg-background px-4 py-8 lg:py-12">
        <div className="container mx-auto max-w-7xl">
          <div className="bg-[#2d2d2d] text-white px-8 lg:px-12 py-6 lg:py-8 rounded-3xl">
            <div className="grid lg:grid-cols-2 gap-8 lg:gap-12 items-start relative">
              {/* Left side - Service Content */}
              <div className="space-y-4">
                <div>
                  <h2 className="text-2xl sm:text-3xl lg:text-4xl font-bold leading-tight text-balance">
                    <span className="block">настройка таргета,</span>
                    <span className="block">контекстной рекламы и SEO</span>
                  </h2>
                  <p className="text-base lg:text-lg text-white/80 font-light pb-2">настоящие заявки с продажами</p>
                  <div className="text-xs lg:text-sm leading-relaxed text-white/70 pt-12">
                    {/* Spacing preserved */}
                  </div>
                </div>

<ul className="space-y-1 text-xs lg:text-sm leading-tight">
                  <li className="flex items-start gap-2">
                    <span className="text-white/60 mt-0.5">•</span>
                    <span className="text-white/70">запустим тестовый таргет с проверкой вашей гипотезы</span>
                  </li>
                  <li className="flex items-start gap-2">
                    <span className="text-white/60 mt-0.5">•</span>
                    <span className="text-white/70">зафиксируем цену заявки в договоре</span>
                  </li>
                  <li className="flex items-start gap-2">
                    <span className="text-white/60 mt-0.5">•</span>
                    <span className="text-white/70">проведем аудит рекламы и сайта</span>
                  </li>
                </ul>

{/* Specialist */}
                <div className="flex items-center gap-4 pt-5">
                  <div className="w-14 h-14 rounded-full overflow-hidden">
                    <img src="/images/img-2561.jpg" alt="Влад" className="w-full h-full object-cover" />
                  </div>
                  <p className="text-base lg:text-lg">Влад, специалист по контекстной рекламе</p>
                </div>

{/* Buttons */}
                <div className="flex flex-wrap gap-4 pt-4 items-center">
                  <Link
                    href="/lead-form"
                    className="bg-white text-[#2d2d2d] px-4 py-1.5 md:px-8 md:py-3 rounded-full font-medium hover:bg-white/90 transition-colors text-center text-sm md:text-base"
                  >
                    Нужны заявки
                  </Link>
                  <Link href="https://www.canva.com/design/DAFGGjJgLho/nl68woBSwqIPnZqk5UIULw/edit" target="_blank">
                    <Button
                      size="lg"
                      variant="outline"
                      className="text-base px-4 py-1.5 md:px-8 md:py-3 md:text-base bg-transparent"
                    >
                      кейсы
                    </Button>
                  </Link>
                </div>
              </div>

{/* Right side - Results Browser Mockup */}
              <div className="w-full max-w-lg mx-auto">
                <div className="bg-white rounded-2xl p-5 shadow-2xl">
                  <div className="space-y-2">
                    <div className="flex items-center gap-2 pb-2 border-b border-gray-200">
                      <div className="flex gap-1.5">
                        <div className="w-3 h-3 rounded-full bg-red-500"></div>
                        <div className="w-3 h-3 rounded-full bg-yellow-500"></div>
                        <div className="w-3 h-3 rounded-full bg-green-500"></div>
                      </div>
                      <span className="text-gray-600 text-xs ml-3">catharsis.agency</span>
                    </div>

<div className="space-y-2">
                      <div className="flex items-center gap-3 p-3 bg-gray-50 rounded-lg">
                        <img src="/images/analytics-logo.png" alt="" className="w-7 h-7" />
                        <span className="text-gray-900 text-xs flex-1">
                          от 700 заявок в месяц с трех рекламных каналов
                        </span>
                        <span className="text-green-500 text-lg">↑</span>
                      </div>

<div className="flex items-center gap-3 p-3 bg-gray-50 rounded-lg">
                        <img src="/images/camera-icon.png" alt="" className="w-7 h-7" />
                        <span className="text-gray-900 text-xs flex-1">
                          90 заявок в неделю в нише "свадебная фотография" в Калифорнии
                        </span>
                        <span className="text-green-500 text-lg">↑</span>
                      </div>

<div className="flex items-center gap-3 p-3 bg-gray-50 rounded-lg">
                        <img src="/images/image.png" alt="" className="w-7 h-7" />
                        <span className="text-gray-900 text-xs flex-1">
                          120 горячих лидов с сайта по 2,5$ для бренда по уходу за красотой
                        </span>
                        <span className="text-green-500 text-lg">↑</span>
                      </div>

<div className="flex items-center gap-3 p-3 bg-gray-50 rounded-lg">
                        <div className="w-7 h-7 rounded-full bg-gray-900 flex items-center justify-center">
                          <svg className="w-4 h-4 text-white" fill="currentColor" viewBox="0 0 24 24">
                            <path d="M21 16v-2l-8-5V3.5c0-.83-.67-1.5-1.5-1.5S10 2.67 10 3.5V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5l8 2.5z" />
                          </svg>
                        </div>
                        <span className="text-gray-900 text-xs flex-1">
                          Рост продаж x2 - Авторские туры в Японию с YouTube
                        </span>
                        <span className="text-green-500 text-lg">↑</span>
                      </div>

<div className="flex items-center gap-3 p-3 bg-gray-50 rounded-lg">
                        <span className="text-xl">🦷</span>
                        <span className="text-gray-900 text-xs flex-1">
                          25 звонков в день для стоматологии в Казахстане с Google ads
                        </span>
                        <span className="text-green-500 text-lg">↑</span>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>

{/* Website Development Section */}
      <section className="bg-background px-4 py-8 lg:py-12">
        <div className="container mx-auto max-w-7xl">
          <div className="bg-[#2d2d2d] text-white px-8 lg:px-12 py-6 lg:py-8 rounded-3xl">
            <div className="grid lg:grid-cols-2 gap-8 lg:gap-12 items-start relative">
              {/* Left side - Website Development Content */}
              <div className="space-y-4">
                <div>
                  <h2 className="text-2xl sm:text-3xl lg:text-4xl font-bold leading-tight text-balance">
                    <span className="block">сделать сайт с упором</span>
                    <span className="block">на маркетинг</span>
                  </h2>
                  <p className="text-base lg:text-lg text-white/80 font-light pb-2">
                    делаем сайты с конверсией выше на 43%
                  </p>
                  <div className="text-xs lg:text-sm leading-relaxed text-white/70 pt-12">
                    <p>
                      Разработаем сайт под конкретную задачу: тестирование гипотезы, рост заявок или зависть
                      конкурентов. Прототип сайта сначала собирает маркетолог, изучает рынок и конкурентов и
                      траффик-менеджер добивает юзабилити.
                    </p>
                  </div>
                </div>

{/* Specialist */}
                <div className="flex items-center gap-4 pt-5">
                  <div className="w-14 h-14 rounded-full overflow-hidden">
                    <img src="/images/d0-90-d0-bd-d0-bd-d0-b0.png" alt="Анна" className="w-full h-full object-cover" />
                  </div>
                  <p className="text-base lg:text-lg">Анна, тимлид менеджеров</p>
                </div>

{/* Buttons */}
                <div className="flex flex-wrap gap-4 pt-4 items-center">
                  <Link
                    href="/lead-form"
                    className="bg-white text-[#2d2d2d] px-4 py-1.5 md:px-8 md:py-3 rounded-full font-medium hover:bg-white/90 transition-colors text-center text-sm md:text-base"
                  >
                    Нужен сайт
                  </Link>
                  <Link href="https://www.canva.com/design/DAFLPhsoGjs/CeMFkiQ6OYEgGlj-X_LJcQ/edit" target="_blank">
                    <Button
                      size="lg"
                      variant="outline"
                      className="text-base px-4 py-1.5 md:px-8 md:py-3 md:text-base bg-transparent"
                    >
                      кейсы
                    </Button>
                  </Link>
                </div>
              </div>

{/* Right side - 3D Laptop Mockup */}
              <div className="w-full flex items-center justify-center">
                <div className="relative w-full max-w-md" style={{ perspective: "1200px" }}>
                  <div
                    className="relative"
                    style={{
                      transform: "rotateX(10deg) rotateY(-15deg) rotateZ(2deg)",
                      transformStyle: "preserve-3d",
                    }}
                  >
                    {/* Laptop base/body with gradient */}
                    <div
                      className="relative rounded-2xl overflow-hidden shadow-2xl"
                      style={{
                        background: "linear-gradient(135deg, #667eea 0%, #764ba2 100%)",
                        padding: "20px 20px 30px",
                      }}
                    >
                      {/* Screen content */}
                      <div className="relative bg-white rounded-lg overflow-hidden shadow-xl">
                        <img src="/images/img-2462.jpg" alt="Website showcase" className="w-full h-auto" />
                      </div>

{/* Keyboard area */}
                      <div className="mt-4 grid grid-cols-12 gap-1 opacity-30">
                        {Array.from({ length: 60 }).map((_, i) => (
                          <div key={i} className="h-2 bg-white/20 rounded-sm" />
                        ))}
                      </div>
                    </div>

{/* Laptop shadow */}
                    <div
                      className="absolute inset-0 -z-10"
                      style={{
                        background: "radial-gradient(ellipse at center, rgba(0,0,0,0.3) 0%, transparent 70%)",
                        transform: "translateZ(-50px) scale(1.1)",
                        filter: "blur(20px)",
                      }}
                    />
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>

{/* Branding Section */}
      <section className="bg-background px-4 py-8 lg:py-12">
        <div className="container mx-auto max-w-7xl">
          <div className="bg-[#2d2d2d] text-white px-8 lg:px-12 py-6 lg:py-8 rounded-3xl">
            <div className="grid lg:grid-cols-2 gap-8 lg:gap-12 items-start relative">
              {/* Left side - Branding Content */}
              <div className="space-y-4">
                <div>
                  <h2 className="text-2xl sm:text-3xl lg:text-4xl font-bold leading-tight text-balance">
                    <span className="block">нужны смыслы, бренд или</span>
                    <span className="block">что-то тип позиционирования</span>
                  </h2>
                  <p className="text-base lg:text-lg text-white/80 font-light pb-2 pt-2">чтобы вот клиенты покупали</p>
                  <ul className="space-y-1 text-xs lg:text-sm leading-tight pt-12">
                    <li className="flex items-start gap-2">
                      <span className="text-white/60 mt-0.5">•</span>
                      <span className="text-white/70">исследуем рынок, конкурентов и ЦА</span>
                    </li>
                    <li className="flex items-start gap-2">
                      <span className="text-white/60 mt-0.5">•</span>
                      <span className="text-white/70">строим стратегию с цифрами</span>
                    </li>
                  </ul>
                  <div className="text-xs lg:text-sm leading-relaxed text-white/70 pt-12">
                    {/* Spacing preserved */}
                  </div>
                </div>

{/* Specialist */}
                <div className="flex items-center gap-4 pt-5">
                  <div className="w-14 h-14 rounded-full overflow-hidden">
                    <img
                      src="/images/d0-a2-d0-b8-d0-bc-d1-83-d1-8022.png"
                      alt="Тимур"
                      className="w-full h-full object-cover"
                    />
                  </div>
                  <p className="text-base lg:text-lg">Тимур, директор по маркетингу</p>
                </div>

{/* Buttons */}
                <div className="flex flex-wrap gap-4 pt-4 items-center">
                  <Link
                    href="/lead-form"
                    className="bg-white text-[#2d2d2d] px-4 py-1.5 md:px-8 md:py-3 rounded-full font-medium hover:bg-white/90 transition-colors text-center text-sm md:text-base"
                  >
                    Нужны клиенты
                  </Link>
                  <Link href="https://www.canva.com/design/DAFGGjJgLho/nl68woBSwqIPnZqk5UIULw/edit" target="_blank">
                    <Button
                      size="lg"
                      variant="outline"
                      className="text-base px-4 py-1.5 md:px-8 md:py-3 md:text-base bg-transparent"
                    >
                      кейсы
                    </Button>
                  </Link>
                </div>
              </div>

{/* Right side - Case Studies */}
              <div className="w-full max-w-md mx-auto space-y-4">
                {/* Case 1 - Pizzeria Analytics */}
                <a
                  href="https://docs.google.com/document/d/1AGjWzkVwGWrFXAUdLMweLlR8x9JI1C9jtQ6fpev6-0Y/edit?tab=t.0"
                  target="_blank"
                  rel="noopener noreferrer"
                  className="block bg-white rounded-xl p-5 hover:shadow-xl transition-shadow"
                >
                  <div className="flex items-start gap-4">
                    <img
                      src="/images/untitled-logo-1-free-file.jpg"
                      alt="Pizza"
                      className="w-16 h-16 object-contain flex-shrink-0"
                    />
                    <div className="flex-1">
                      <h3 className="text-gray-900 font-medium text-base mb-1">Аналитика для Пиццерии</h3>
                      <span className="text-sm text-gray-600 underline hover:text-gray-900">смотреть кейс</span>
                    </div>
                  </div>
                </a>

{/* Case 2 - SWAT */}
                <a
                  href="https://docs.google.com/document/d/1Fq6vZUlNE_7FgnDlDBhDxJO2GfH2rHuljXuJUdnOCJo/edit?tab=t.0#heading=h.ikfau91kmbzm"
                  target="_blank"
                  rel="noopener noreferrer"
                  className="block bg-white rounded-xl p-5 hover:shadow-xl transition-shadow"
                >
                  <div className="flex items-start gap-4">
                    <div
                      className="w-16 h-16 flex-shrink-0 rounded-xl flex items-center justify-center"
                      style={{ background: "linear-gradient(135deg, #a855f7 0%, #ec4899 100%)" }}
                    >
                      <span className="text-white font-bold text-lg">SWAT</span>
                    </div>
                    <div className="flex-1">
                      <h3 className="text-gray-900 font-medium text-base mb-1">Стратегия для салона красоты на Бали</h3>
                      <span className="text-sm text-gray-600 underline hover:text-gray-900">смотреть кейс</span>
                    </div>
                  </div>
                </a>

{/* Case 3 - ФРП */}
                <a
                  href="https://docs.google.com/document/d/1HQCd0Ct2YgDg7eFCm8oQS73LNyOggf7OpLto6UXkJ7Y/edit?tab=t.0"
                  target="_blank"
                  rel="noopener noreferrer"
                  className="block bg-white rounded-xl p-5 hover:shadow-xl transition-shadow"
                >
                  <div className="flex items-start gap-4">
                    <div className="w-16 h-16 flex-shrink-0 rounded-xl flex items-center justify-center bg-white border border-gray-200">
                      <div className="flex items-center gap-1">
                        <svg width="20" height="16" viewBox="0 0 20 16" fill="none">
                          <path d="M0 0L10 8L0 16V0Z" fill="#E53935" />
                          <path d="M10 0L20 8L10 16V0Z" fill="#E53935" />
                        </svg>
                        <span className="text-gray-900 font-bold text-sm">фрп</span>
                      </div>
                    </div>
                    <div className="flex-1">
                      <h3 className="text-gray-900 font-medium text-base mb-1">
                        Маркетинговая стратегия для поставки оборудования
                      </h3>
                      <span className="text-sm text-gray-600 underline hover:text-gray-900">смотреть кейс</span>
                    </div>
                  </div>
                </a>

{/* Case 4 - SKIN */}
                <a
                  href="https://www.canva.com/design/DAG96mN0BOc/GSR2EiX363um6I68U0vBIw/edit"
                  target="_blank"
                  rel="noopener noreferrer"
                  className="block bg-white rounded-xl p-5 hover:shadow-xl transition-shadow"
                >
                  <div className="flex items-start gap-4">
                    <div className="w-16 h-16 flex-shrink-0 rounded-xl overflow-hidden">
                      <img src="/images/image.png" alt="SKIN cosmetics" className="w-full h-full object-cover" />
                    </div>
                    <div className="flex-1">
                      <h3 className="text-gray-900 font-medium text-base mb-1">
                        SKIN - косметический бренд с сетью магазинов в Казахстане
                      </h3>
                      <span className="text-sm text-gray-600 underline hover:text-gray-900">смотреть кейс</span>
                    </div>
                  </div>
                </a>
              </div>
            </div>
          </div>
        </div>
      </section>

{/* Cases Section */}
      <section className="bg-background px-4 py-16 lg:py-24">
        <div className="container mx-auto max-w-7xl">
          <div className="flex items-center justify-between mb-12">
            <h2 className="text-4xl lg:text-5xl font-bold text-foreground">Кейсы</h2>
            <div className="flex gap-4">
              <button
                onClick={() => {
                  const container = document.getElementById("cases-scroll")
                  if (container) container.scrollBy({ left: -400, behavior: "smooth" })
                }}
                className="w-14 h-14 rounded-full bg-gray-900 text-white flex items-center justify-center hover:bg-gray-800 transition-colors flex-shrink-0"
                aria-label="Previous cases"
              >
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
                  <path d="M15 18l-6-6 6-6" />
                </svg>
              </button>
              <button
                onClick={() => {
                  const container = document.getElementById("cases-scroll")
                  if (container) container.scrollBy({ left: 400, behavior: "smooth" })
                }}
                className="w-14 h-14 rounded-full bg-gray-900 text-white flex items-center justify-center hover:bg-gray-800 transition-colors flex-shrink-0"
                aria-label="Next cases"
              >
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
                  <path d="M9 18l6-6-6-6" />
                </svg>
              </button>
            </div>
          </div>

<div id="cases-scroll" className="overflow-x-auto pb-4">
            <div className="flex gap-6 min-w-min">
              {/* Ticketon Case */}
              <a
                href="https://www.canva.com/design/DAG9ts-carc/eYx3rz27qeFoPMMTHGIotg/edit"
                target="_blank"
                rel="noopener noreferrer"
                className="group relative overflow-hidden rounded-2xl bg-white hover:shadow-xl transition-shadow flex-shrink-0 w-80 flex flex-col"
              >
                <div className="aspect-video relative overflow-hidden bg-gradient-to-br from-cyan-50 to-teal-50">
                  <img
                    src="/images/44092u56103-rassylka.jpg"
                    alt="Freedom Ticketon"
                    className="w-full h-full object-cover"
                  />
                </div>
                <div className="p-6 flex-1 flex flex-col justify-between">
                  <h3 className="text-xl font-semibold text-gray-900 mb-2">
                    Тикетон - главный билетный оператор в Казахстане
                  </h3>
                  <span className="text-sm text-gray-600 underline group-hover:text-gray-900">смотреть кейс</span>
                </div>
              </a>

{/* SuperBol Case */}
              <a
                href="https://www.canva.com/design/DAFLPhsoGjs/CeMFkiQ6OYEgGlj-X_LJcQ/edit"
                target="_blank"
                rel="noopener noreferrer"
                className="group relative overflow-hidden rounded-2xl bg-white hover:shadow-xl transition-shadow flex-shrink-0 w-80 flex flex-col"
              >
                <div className="aspect-video relative overflow-hidden bg-white flex items-center justify-center">
                  <img src="/images/superbol-logo.png" alt="SuperBol" className="w-40 h-40 object-contain" />
                </div>
                <div className="p-6 flex-1 flex flex-col justify-between">
                  <h3 className="text-xl font-bold text-gray-900 mb-2">Супербол - телевизионный проект о футболе</h3>
                  <span className="text-sm text-gray-600 underline group-hover:text-gray-900">смотреть еще</span>
                </div>
              </a>

{/* GetsMine Case */}
              <a
                href="https://www.canva.com/design/DAG9tsnRPcY/TvYJ8lBHKj4Z6KYJrViFHg/edit"
                target="_blank"
                rel="noopener noreferrer"
                className="group relative overflow-hidden rounded-2xl bg-white hover:shadow-xl transition-shadow flex-shrink-0 w-80 flex flex-col"
              >
                <div className="aspect-video relative overflow-hidden bg-blue-50 flex items-center justify-center">
                  <div className="w-32 h-32 rounded-full bg-white flex items-center justify-center">
                    <span className="text-4xl font-bold text-gray-900">m</span>
                  </div>
                </div>
                <div className="p-6 flex-1 flex flex-col justify-between">
                  <h3 className="text-xl font-semibold text-gray-900 mb-2">
                    GetsMine - производство оборудования для майнинга Биткоина
                  </h3>
                  <span className="text-sm text-gray-600 underline group-hover:text-gray-900">смотреть еще</span>
                </div>
              </a>

{/* PARQ Case */}
              <a
                href="https://www.canva.com/design/DAG91YKGDLw/C777cRJG9gL9eyq9pUm5NA/edit"
                target="_blank"
                rel="noopener noreferrer"
                className="group relative overflow-hidden rounded-2xl bg-white hover:shadow-xl transition-shadow flex-shrink-0 w-80 flex flex-col"
              >
                <div className="aspect-video relative overflow-hidden bg-gray-900 flex items-center justify-center">
                  <div className="text-white text-6xl font-bold">
                    <div>PA</div>
                    <div>RQ</div>
                    <div className="text-xs mt-2">DEVELOPMENT</div>
                  </div>
                </div>
                <div className="p-6 flex-1 flex flex-col justify-between">
                  <h3 className="text-xl font-semibold text-gray-900 mb-2">PARQ - крупный застройщик на Бали</h3>
                  <span className="text-sm text-gray-600 underline group-hover:text-gray-900">смотреть еще</span>
                </div>
              </a>

{/* Another Dream Case */}
              <a
                href="https://www.canva.com/design/DAG96pMg5gc/N7Y8IXoRq0OLE7us0VPwpA/edit"
                target="_blank"
                rel="noopener noreferrer"
                className="group relative overflow-hidden rounded-2xl bg-white hover:shadow-xl transition-shadow flex-shrink-0 w-80 flex flex-col"
              >
                <div className="aspect-video relative overflow-hidden bg-white flex items-center justify-center p-8">
                  <div className="text-center">
                    <div className="text-3xl font-light mb-2">ANOTHER DREAM</div>
                    <div className="text-xs tracking-widest">WEDDING PHOTO & VIDEO</div>
                  </div>
                </div>
                <div className="p-6 flex-1 flex flex-col justify-between">
                  <h3 className="text-xl font-semibold text-gray-900 mb-2">
                    Another Dream - агентство свадебной фотографии и видео из Калифорнии
                  </h3>
                  <span className="text-sm text-gray-600 underline group-hover:text-gray-900">смотреть еще</span>
                </div>
              </a>

{/* Kerrigan Production Case */}
              <a
                href="https://www.canva.com/design/DAG96pwRQz0/GFmjQY0IRoYvR7jWj51Z3Q/edit"
                target="_blank"
                rel="noopener noreferrer"
                className="group relative overflow-hidden rounded-2xl bg-white hover:shadow-xl transition-shadow flex-shrink-0 w-80 flex flex-col"
              >
                <div className="aspect-video relative overflow-hidden">
                  <img
                    src="/images/d0-9a-d0-b5-d1-80-d1-80-d0-b8-d0-b3-d0-b0-d0-bd.png"
                    alt="Kerrigan Production"
                    className="w-full h-full object-cover"
                  />
                </div>
                <div className="p-6 flex-1 flex flex-col justify-between">
                  <h3 className="text-xl font-semibold text-gray-900 mb-2">
                    Kerrigan Production - видеопродакшн в США для музыкальных артистов
                  </h3>
                  <span className="text-sm text-gray-600 underline group-hover:text-gray-900">смотреть еще</span>
                </div>
              </a>

{/* SKIN Case */}
              <a
                href="https://www.canva.com/design/DAG96mN0BOc/GSR2EiX363um6I68U0vBIw/edit"
                target="_blank"
                rel="noopener noreferrer"
                className="group relative overflow-hidden rounded-2xl bg-white hover:shadow-xl transition-shadow flex-shrink-0 w-80 flex flex-col"
              >
                <div className="aspect-video relative overflow-hidden">
                  <img src="/images/image.png" alt="SKIN cosmetics" className="w-full h-full object-cover" />
                </div>
                <div className="p-6 flex-1 flex flex-col justify-between">
                  <h3 className="text-xl font-semibold text-gray-900 mb-2">
                    SKIN - косметический бренд с сетью магазинов в Казахстане
                  </h3>
                  <span className="text-sm text-gray-600 underline group-hover:text-gray-900">смотреть еще</span>
                </div>
              </a>
            </div>
          </div>
        </div>
      </section>

{/* Team Section */}
      <section className="py-24 bg-white">
        <div className="container mx-auto px-6">
          <div className="flex items-start justify-between mb-16">
            <h2 className="text-2xl lg:text-5xl text-gray-900">
              <div className="font-light">- кто будет делать?...</div>
              <div className="font-semibold">- есть тут ребята...</div>
            </h2>

<div className="flex gap-4">
              <button
                onClick={() => {
                  const container = document.getElementById("team-scroll")
                  if (container) container.scrollBy({ left: -350, behavior: "smooth" })
                }}
                className="w-14 h-14 rounded-full bg-gray-900 text-white flex items-center justify-center hover:bg-gray-800 transition-colors flex-shrink-0"
                aria-label="Previous team members"
              >
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
                  <path d="M15 18l-6-6 6-6" />
                </svg>
              </button>
              <button
                onClick={() => {
                  const container = document.getElementById("team-scroll")
                  if (container) container.scrollBy({ left: 350, behavior: "smooth" })
                }}
                className="w-14 h-14 rounded-full bg-gray-900 text-white flex items-center justify-center hover:bg-gray-800 transition-colors flex-shrink-0"
                aria-label="Next team members"
              >
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
                  <path d="M9 18l6-6-6-6" />
                </svg>
              </button>
            </div>
          </div>

<h3 className="text-2xl font-bold text-gray-900">Влад</h3>
                <p className="text-lg text-gray-700 mb-4">контекстолог</p>

<p className="text-gray-600 leading-relaxed">считает до 7 без калькулятора</p>
              </div>

{/* Anna Card */}
              <div className="min-w-[320px] bg-gray-50 rounded-3xl p-8 flex-shrink-0">
                <img
                  src="/images/d0-90-d0-bd-d0-bd-d0-b0.png"
                  alt="Анна"
                  className="w-48 h-48 aspect-square rounded-2xl object-cover mb-6"
                />
                <h3 className="text-2xl font-bold text-gray-900">Анна</h3>
                <p className="text-lg text-gray-700 mb-4">менеджер проектов</p>

<p className="text-gray-600 leading-relaxed">
                  может договориться по меду
                  <br />у медведя в берлоге, а она не медведица
                </p>
              </div>

{/* Stanislav Card */}
              <div className="min-w-[320px] bg-gray-50 rounded-3xl p-8 flex-shrink-0">
                <img
                  src="/images/d0-a1-d1-82-d0-b0-d0-bd-d0-b8-d1-81-d0-bb-d0-b0-d0-b2.png"
                  alt="Станислав"
                  className="w-48 h-48 aspect-square rounded-2xl object-cover mb-6"
                />

<h3 className="text-2xl font-bold text-gray-900">Станислав</h3>

<p className="text-gray-600 leading-relaxed">занимается серфингом, смотрит на рыбок</p>
              </div>

{/* Mikhail Card */}
              <div className="min-w-[320px] bg-gray-50 rounded-3xl p-8 flex-shrink-0">
                <img
                  src="/images/d0-9c-d0-b8-d1-88-d0-b0.png"
                  alt="Михаил"
                  className="w-48 h-48 aspect-square rounded-2xl object-cover mb-6"
                />

<h3 className="text-2xl font-bold text-gray-900">Михаил</h3>
                <p className="text-lg text-gray-700 mb-4">Разработчик</p>

<p className="text-gray-600 leading-relaxed">Красавчик, вообще лучший. Че хочу, то и напишу</p>
              </div>

{/* Timur Card */}
              <div className="min-w-[320px] bg-gray-50 rounded-3xl p-8 flex-shrink-0">
                <img
                  src="/images/d0-a2-d0-b8-d0-bc-d1-83-d1-8022.png"
                  alt="Тимур"
                  className="w-48 h-48 aspect-square rounded-2xl object-cover mb-6"
                />

<h3 className="text-2xl font-bold text-gray-900">Тимур</h3>
                <p className="text-lg text-gray-700 mb-4">фаундер</p>

<p className="text-gray-600 leading-relaxed">
                  экспертиза в perfomance-маркетинг
                  <br />с 2019 года, запускал рекламу еще
                  <br />
                  при "агенте", видел лид по 0,2$,
                  <br />
                  прошел огонь, воду, дождь, снег
                </p>
              </div>

{/* Vadim Card */}
              <div className="min-w-[320px] bg-gray-50 rounded-3xl p-8 flex-shrink-0">
                <img
                  src="/images/d0-92-d0-b0-d0-b4-d0-b8-d0-bc.png"
                  alt="Вадим"
                  className="w-48 h-48 aspect-square rounded-2xl object-cover mb-6"
                />

<h3 className="text-2xl font-bold text-gray-900">Вадим</h3>
                <p className="text-lg text-gray-700 mb-4">тех.лид</p>

<p className="text-gray-600 leading-relaxed">
                  занимается йогой, пишет сложные <br />
                  сценарии, любит мать
                </p>
              </div>
            </div>
          </div>
        </div>
      </section>

{/* Footer Section */}
      <section className="bg-background px-4 py-12">
        <div className="container mx-auto max-w-7xl">
          <div className="bg-gray-50 rounded-3xl p-8 lg:p-12">
            <div className="max-w-2xl mx-auto">
              <h2 className="text-4xl lg:text-5xl font-bold text-gray-900 text-center mb-8">Давай пообщаемся?!</h2>

<p className="text-lg text-gray-900 text-center mb-8">
                укажите номер, на котором есть Whatsapp или Telegram
              </p>

<div className="flex items-center justify-center gap-6 mt-8">
                <a
                  href="https://www.instagram.com/catharsis.ads/?hl=ru"
                  target="_blank"
                  rel="noopener noreferrer"
                  className="w-10 h-10 flex items-center justify-center rounded-full bg-gray-200 hover:bg-gray-300 transition-colors"
                >
                  <svg className="w-5 h-5 text-gray-700" fill="currentColor" viewBox="0 0 24 24">
                    <path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919-.058 1.265-.069 1.645-.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.281-.073-1.689-.073-4.948 0-3.259.013-3.663.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.013 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z" />
                  </svg>
                </a>
                <a
                  href="https://t.me/timaads"
                  target="_blank"
                  rel="noopener noreferrer"
                  className="w-10 h-10 flex items-center justify-center rounded-full bg-gray-200 hover:bg-gray-300 transition-colors"
                >
                  <svg className="w-5 h-5 text-gray-700" fill="currentColor" viewBox="0 0 24 24">
                    <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>
                </a>
              </div>
            </div>
          </div>
        </div>
      </section>
    </main>
  )
}
[V0_FILE]png:file="public/images/d0-a1-d1-82-d0-b0-d0-bd-d0-b8-d1-81-d0-bb-d0-b0-d0-b2.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/%D0%A1%D1%82%D0%B0%D0%BD%D0%B8%D1%81%D0%BB%D0%B0%D0%B2-va2CDqG3wfeTrr4ME1EFKMk4iW9GQS.png" isMerged="true"
[V0_FILE]png:file="public/images/d0-92-d0-b0-d0-b4-d0-b8-d0-bc.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/%D0%92%D0%B0%D0%B4%D0%B8%D0%BC-G19GaqDxQ1zHE98o689Q5vns1H7r1H.png"</article></body></html>

{currentPage.title} {currentPage.subtitle}

СОЗДАЕМ ЭФФЕКТИВНЫЕ САЙТЫ

Недвижимость на Бали напрямую от застройщиков

Пригоним машину из Китая в два раза дешевле

Эксклюзивные VIP туры в Дубай с личным гидом

Авторский тур на вертолете

{currentPage.title}
{currentPage.subtitle}