[V0_FILE]typescriptreact:file="components/ui/label.tsx" isMerged="true" "use client" import * as React from "react" import * as LabelPrimitive from "@radix-ui/react-label" import { cva, type VariantProps } from "class-variance-authority" import { cn } from "@/lib/utils" const labelVariants = cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70") const Label = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef & VariantProps >(({ className, ...props }, ref) => ( )) Label.displayName = LabelPrimitive.Root.displayName export { Label } [V0_FILE]typescriptreact:file="components/ui/slider.tsx" isMerged="true" "use client" import * as React from "react" import * as SliderPrimitive from "@radix-ui/react-slider" import { cn } from "@/lib/utils" const Slider = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) Slider.displayName = SliderPrimitive.Root.displayName export { Slider } [V0_FILE]typescriptreact:file="components/video-thumbnail.tsx" isMerged="true" "use client" import { useEffect, useRef } from "react" interface VideoThumbnailProps { videoUrl: string onClick: () => void } export default function VideoThumbnail({ videoUrl, onClick }: VideoThumbnailProps) { const canvasRef = useRef(null) const videoRef = useRef(null) useEffect(() => { const video = videoRef.current const canvas = canvasRef.current if (!video || !canvas) return video.crossOrigin = "anonymous" video.src = videoUrl video.addEventListener("loadeddata", () => { // Seek to 1 second to avoid black frame at the beginning video.currentTime = 1 }) video.addEventListener("seeked", () => { const ctx = canvas.getContext("2d") if (!ctx) return // Set canvas dimensions to match video canvas.width = video.videoWidth canvas.height = video.videoHeight // Draw the video frame on the canvas ctx.drawImage(video, 0, 0, canvas.width, canvas.height) }) return () => { video.removeEventListener("loadeddata", () => {}) video.removeEventListener("seeked", () => {}) } }, [videoUrl]) return (

) } [V0_FILE]plaintext:file="public/video-thumb-7.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/hockey-video-thumb-7-Wd9Yd9Yd9Yd9Yd9Yd9.jpg" isMerged="true" [V0_FILE]plaintext:file="public/android-chrome-512x512.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/hockey-android-chrome-512-Wd9Yd9Yd9Yd9Yd9Yd9.png" isMerged="true" [V0_FILE]plaintext:file="public/favicon.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-02-28%20013112-wpNmrmoWDiu7CObhmGHXQSi5aKdMmj.png" isMerged="true" [V0_FILE]typescriptreact:file="components/telegram-channel.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import Image from "next/image" import Link from "next/link" export default function TelegramChannel() { return (

Наши социальные сети

Подпишитесь на наши социальные сети, чтобы быть в курсе последних новостей, расписания тренировок и полезных материалов о хоккее.

Telegram канал ВКонтакте YouTube RuTube Instagram

) } [V0_FILE]plaintext:file="public/images/hero-bg.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-nqGH5EbvS5cHfIl2d4eHEY5oxUVvmg.png" isMerged="true" [V0_FILE]plaintext:file="public/images/beginners-group.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-HaCpbJCHoaCJziDtFTDhAzChFJJQGe.png" isMerged="true" [V0_FILE]plaintext:file="public/images/development-group.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-DHLSIvYC3bbfyCqs4TBNJpOyuJkBJ4.png" isMerged="true" [V0_FILE]plaintext:file="public/images/professional-group.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-mnxbt0BuNOGnQjCvR9pOYaRFPVdvk9.png" isMerged="true" [V0_FILE]plaintext:file="public/images/individual-training.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-0pFId0WvtFIuFt6rcncfzF6divzj8Q.png" isMerged="true" [V0_FILE]plaintext:file="public/images/adult-group.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-vX7a9YjWOsMpuMoAU1nIhKZsocyZQR.png" isMerged="true" [V0_FILE]plaintext:file="public/images/contacts-bg.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-dtxoIzgd4GuuvChd5JaYNCmcpK6pez.png" isMerged="true" [V0_FILE]plaintext:file="public/images/location-bg.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-KlP4QyVM1VO39NeseZjEx5GnFw1fam.png" isMerged="true" [V0_FILE]typescriptreact:file="components/ui/select.tsx" isMerged="true" "use client" import * as React from "react" import * as SelectPrimitive from "@radix-ui/react-select" import { Check, ChevronDown, ChevronUp } from "lucide-react" import { cn } from "@/lib/utils" const Select = SelectPrimitive.Root const SelectGroup = SelectPrimitive.Group const SelectValue = SelectPrimitive.Value const SelectTrigger = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, children, ...props }, ref) => ( span]:line-clamp-1", className, )} {...props} > {children} )) SelectTrigger.displayName = SelectPrimitive.Trigger.displayName const SelectScrollUpButton = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName const SelectScrollDownButton = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName const SelectContent = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, children, position = "popper", ...props }, ref) => ( {children} )) SelectContent.displayName = SelectPrimitive.Content.displayName const SelectLabel = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) SelectLabel.displayName = SelectPrimitive.Label.displayName const SelectItem = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, children, ...props }, ref) => ( {children} )) SelectItem.displayName = SelectPrimitive.Item.displayName const SelectSeparator = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) SelectSeparator.displayName = SelectPrimitive.Separator.displayName export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, } [V0_FILE]typescriptreact:file="components/ui/input.tsx" isMerged="true" import * as React from "react" import { cn } from "@/lib/utils" export interface InputProps extends React.InputHTMLAttributes {} const Input = React.forwardRef(({ className, type, ...props }, ref) => { return ( ) }) Input.displayName = "Input" export { Input } [V0_FILE]typescriptreact:file="components/contacts-section.tsx" isEdit="true" isQuickEdit="true" isMerged="true" export default function ContactsSection() { return (

Контакты

+7 915 245 08 97

@danilachill

) } [V0_FILE]typescriptreact:file="components/registration-form.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" export default function RegistrationForm() { return (

Связаться с нами

Свяжитесь с нами через WhatsApp или Telegram для записи на тренировку

Связаться через WhatsApp Связаться через Telegram

) } [V0_FILE]typescriptreact:file="components/registration-modal.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { X } from "lucide-react" interface RegistrationModalProps { isOpen: boolean onClose: () => void } export default function RegistrationModal({ isOpen, onClose }: RegistrationModalProps) { if (!isOpen) return null return (

Связаться с нами

Свяжитесь с нами через мессенджеры или социальные сети

Мессенджеры:

WhatsApp Telegram

Социальные сети:

Группа ВКонтакте YouTube канал RuTube Instagram

) } [V0_FILE]typescriptreact:file="components/footer.tsx" isEdit="true" isQuickEdit="true" isMerged="true" export default function Footer() { return ( ) } [V0_FILE]css:file="app/globals.css" isEdit="true" isMerged="true" @tailwind base; @tailwind components; @tailwind utilities; :root { --foreground-rgb: 0, 0, 0; --background-start-rgb: 246, 248, 252; --background-end-rgb: 255, 255, 255; } body { color: #000; background: #fff; } .container { max-width: 1200px; margin: 0 auto; } @layer utilities { .text-balance { text-wrap: balance; } } @layer base { :root { --background: 0 0% 100%; --foreground: 0 0% 3.9%; --card: 0 0% 100%; --card-foreground: 0 0% 3.9%; --popover: 0 0% 100%; --popover-foreground: 0 0% 3.9%; --primary: 221 83% 53%; --primary-foreground: 0 0% 98%; --secondary: 0 0% 96.1%; --secondary-foreground: 0 0% 9%; --muted: 0 0% 96.1%; --muted-foreground: 0 0% 45.1%; --accent: 0 0% 96.1%; --accent-foreground: 0 0% 9%; --destructive: 0 84.2% 60.2%; --destructive-foreground: 0 0% 98%; --border: 0 0% 89.8%; --input: 0 0% 89.8%; --ring: 0 0% 3.9%; --radius: 0.5rem; } } @layer base { * { @apply border-border; } body { @apply bg-background text-foreground; } } [V0_FILE]typescriptreact:file="tailwind.config.ts" isEdit="true" isMerged="true" import type { Config } from "tailwindcss" const config: Config = { darkMode: ["class"], content: [ "./pages/**/*.{js,ts,jsx,tsx,mdx}", "./components/**/*.{js,ts,jsx,tsx,mdx}", "./app/**/*.{js,ts,jsx,tsx,mdx}", "*.{js,ts,jsx,tsx,mdx}", ], theme: { extend: { 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))", }, }, borderRadius: { lg: "var(--radius)", md: "calc(var(--radius) - 2px)", sm: "calc(var(--radius) - 4px)", }, }, }, plugins: [], } export default config [V0_FILE]typescriptreact:file="components/ui/button.tsx" isEdit="true" isMerged="true" import * as React from "react" import { Slot } from "@radix-ui/react-slot" import { cva, type VariantProps } from "class-variance-authority" import { cn } from "@/lib/utils" const buttonVariants = cva( "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", { variants: { variant: { default: "bg-primary text-primary-foreground hover:bg-primary/90", destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90", outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground", secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80", ghost: "hover:bg-accent hover:text-accent-foreground", link: "text-primary underline-offset-4 hover:underline", }, size: { default: "h-10 px-4 py-2", sm: "h-9 rounded-md px-3", lg: "h-11 rounded-md px-8", icon: "h-10 w-10", }, }, defaultVariants: { variant: "default", size: "default", }, }, ) export interface ButtonProps extends React.ButtonHTMLAttributes, VariantProps { asChild?: boolean } const Button = React.forwardRef( ({ className, variant, size, asChild = false, ...props }, ref) => { const Comp = asChild ? Slot : "button" return }, ) Button.displayName = "Button" export { Button, buttonVariants } [V0_FILE]typescriptreact:file="lib/utils.ts" isEdit="true" isMerged="true" import { type ClassValue, clsx } from "clsx" import { twMerge } from "tailwind-merge" export function cn(...inputs: ClassValue[]) { return twMerge(clsx(inputs)) } [V0_FILE]json:file="public/site.webmanifest" isEdit="true" isMerged="true" { "name": "ПОКАТИТ - Школа элитного хоккейного мастерства", "short_name": "ПОКАТИТ", "icons": [ { "src": "/android-chrome-192x192.png", "sizes": "192x192", "type": "image/png" }, { "src": "/apple-touch-icon.png", "sizes": "180x180", "type": "image/png" } ], "theme_color": "#2563eb", "background_color": "#ffffff", "display": "standalone" } [V0_FILE]plaintext:file="public/about-image.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/photo_2025-02-28_01-41-05.jpg-dLXm2ariRXuTTrtnvXyNh47Y0UCBQz.jpeg" isMerged="true" [V0_FILE]typescriptreact:file="components/header.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { useState, useEffect } from "react" import { Menu, X } from "lucide-react" import Image from "next/image" export default function Header() { const [isMenuOpen, setIsMenuOpen] = useState(false) const [isScrolled, setIsScrolled] = useState(false) useEffect(() => { const handleScroll = () => { if (window.scrollY > 10) { setIsScrolled(true) } else { setIsScrolled(false) } } window.addEventListener("scroll", handleScroll) return () => { window.removeEventListener("scroll", handleScroll) } }, []) const toggleMenu = () => { setIsMenuOpen(!isMenuOpen) } const scrollToSection = (id: string) => { document.getElementById(id)?.scrollIntoView({ behavior: "smooth" }) setIsMenuOpen(false) } return (

{/* Обновляем хедер, чтобы добавить логотип */}

ПОКАТИТ

{/* Desktop Navigation */}

{/* Mobile Menu Button */}

{/* Mobile Navigation */} {isMenuOpen && (

)}

) } [V0_FILE]typescriptreact:file="app/layout.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import type React from "react" import "./globals.css" import { Inter } from "next/font/google" import type { Metadata } from "next" const inter = Inter({ subsets: ["latin", "cyrillic"] }) export const metadata: Metadata = { title: "ПОКАТИТ - Школа элитного хоккейного мастерства", description: "Школа элитного хоккейного мастерства ПОКАТИТ — это место, где рождаются чемпионы.", icons: { icon: [ { url: "/favicon.ico", sizes: "any", }, { url: "/favicon-16x16.png", sizes: "16x16", type: "image/png", }, { url: "/favicon-32x32.png", sizes: "32x32", type: "image/png", }, ], apple: { url: "/apple-touch-icon.png", sizes: "180x180", type: "image/png", }, other: [ { rel: "mask-icon", url: "/android-chrome-192x192.png", }, ], }, } export default function RootLayout({ children, }: { children: React.ReactNode }) { return ( {/* Yandex.Metrika counter */}

Наши социальные сети

Контакты

WhatsApp

Telegram

ВКонтакте

YouTube

RuTube

Instagram

Telegram канал школы

Связаться с нами

Связаться с нами

Мессенджеры:

Социальные сети: