[V0_FILE]typescriptreact:file="hooks/useCountUp.ts" isMerged="true" import { useEffect, useState } from "react" import { animate } from "framer-motion" export function useCountUp(end: number, duration = 2) { const [value, setValue] = useState(0) useEffect(() => { const controls = animate(0, end, { duration, onUpdate: (value) => setValue(Math.floor(value)), ease: "easeOut", }) return () => controls.stop() }, [end, duration]) return value } [V0_FILE]typescriptreact:file="layout.tsx" isQuickEdit="true" isMerged="true" import { Manrope } from "next/font/google" import { Preloader } from "@/components/preloader" const manrope = Manrope({ subsets: ["latin"], display: "swap", }) export default function RootLayout({ children, }: { children: React.ReactNode }) { return ( {children} ) } [V0_FILE]typescriptreact:file="components/type-writer.tsx" isQuickEdit="true" isMerged="true" "use client" import { useEffect, useState } from "react" interface TypeWriterProps { text: string delay?: number className?: string startDelay?: number } export default function TypeWriter({ text, delay = 75, className = "", startDelay = 0 }: TypeWriterProps) { const [displayText, setDisplayText] = useState("") const [isFinished, setIsFinished] = useState(false) useEffect(() => { let timeoutId: NodeJS.Timeout const startTyping = () => { let currentIndex = 0 const typeChar = () => { if (currentIndex < text.length) { setDisplayText(text.slice(0, currentIndex + 1)) currentIndex++ timeoutId = setTimeout(typeChar, delay) } else { setIsFinished(true) } } timeoutId = setTimeout(typeChar, delay) } const initialDelay = setTimeout(startTyping, startDelay) return () => { clearTimeout(initialDelay) clearTimeout(timeoutId) } }, [text, delay, startDelay]) return displayText } [V0_FILE]typescriptreact:file="types/auth.ts" isQuickEdit="true" isMerged="true" export interface AuthFormData { email: string password: string } export interface AuthResponse { success: boolean message: string userData?: { email: string plan: string } } export interface User { id: number email: string password: string created_at: string plan: string status: string } [V0_FILE]typescriptreact:file="actions/auth.ts" isQuickEdit="true" isMerged="true" "use server" import { supabaseAdmin } from "@/lib/supabase" import type { AuthFormData, AuthResponse } from "@/types/auth" import bcrypt from "bcryptjs" export async function login(data: AuthFormData): Promise { try { const { data: user, error: fetchError } = await supabaseAdmin .from("users") .select("email, password, plan") .eq("email", data.email) .single() if (fetchError || !user) { return { success: false, message: "Invalid credentials", } } const isValidPassword = await bcrypt.compare(data.password, user.password) if (!isValidPassword) { return { success: false, message: "Invalid credentials", } } await supabaseAdmin .from("users") .update({ last_login: new Date().toISOString(), }) .eq("email", data.email) return { success: true, message: "Login successful", userData: { email: user.email, plan: user.plan, }, } } catch (error) { console.error("Login error:", error) return { success: false, message: "An error occurred during login", } } } export async function register(data: AuthFormData): Promise { try { const { data: existingUser } = await supabaseAdmin.from("users").select("email").eq("email", data.email).single() if (existingUser) { return { success: false, message: "User already exists", } } const hashedPassword = await bcrypt.hash(data.password, 10) const { error: createError } = await supabaseAdmin.from("users").insert([ { email: data.email, password: hashedPassword, created_at: new Date().toISOString(), updated_at: new Date().toISOString(), }, ]) if (createError) { throw createError } return { success: true, message: "Registration successful", userData: { email: data.email, plan: "free", }, } } catch (error) { console.error("Registration error:", error) return { success: false, message: "An error occurred during registration", } } } [V0_FILE]typescriptreact:file="components/register-form.tsx" isFixed="true" isQuickEdit="true" isMerged="true" "use client" import { useState } from "react" import { useRouter } from "next/navigation" import { motion } from "framer-motion" import { Loader2, ArrowRight } from "lucide-react" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Input } from "@/components/ui/input" import { register } from "@/actions/auth" import type { AuthFormData } from "@/types/auth" import Link from "next/link" export function RegisterForm() { const [isLoading, setIsLoading] = useState(false) const [error, setError] = useState("") const router = useRouter() async function handleSubmit(e: React.FormEvent) { e.preventDefault() setIsLoading(true) setError("") const formData = new FormData(e.currentTarget) const data: AuthFormData = { email: formData.get("email") as string, password: formData.get("password") as string, } const result = await register(data) if (result.success) { router.push("/playground") // Changed from /login to /playground } else { setError(result.message) } setIsLoading(false) } return ( Create an account Enter your email and password to create your account ) } [V0_FILE]typescriptreact:file="components/login-form.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { useState } from "react" import { useRouter } from "next/navigation" import { motion } from "framer-motion" import { Loader2, ArrowRight } from "lucide-react" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Input } from "@/components/ui/input" import { login } from "@/actions/auth" import type { AuthFormData } from "@/types/auth" import Link from "next/link" interface LoginFormProps { redirect?: string | null } export function LoginForm({ redirect }: LoginFormProps) { const [isLoading, setIsLoading] = useState(false) const [error, setError] = useState("") const router = useRouter() async function handleSubmit(e: React.FormEvent) { e.preventDefault() setIsLoading(true) setError("") const formData = new FormData(e.currentTarget) const data: AuthFormData = { email: formData.get("email") as string, password: formData.get("password") as string, } const result = await login(data) if (result.success) { // Store user data in localStorage localStorage.setItem("userData", JSON.stringify(result.userData)) // Redirect to the specified URL or fallback to playground router.push(redirect || "/playground") } else { setError(result.message) } setIsLoading(false) } return ( Добре дошли отново Въведете вашия имейл и парола, за да влезете в акаунта си ) } [V0_FILE]typescriptreact:file="app/register/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { RegisterForm } from "@/components/register-form" import { Background } from "@/components/background" import { Footer } from "@/components/footer" import { Preloader } from "@/components/preloader" export default function СтраницаЗаРегистрация() { return (

) } [V0_FILE]typescriptreact:file="app/login/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import { Suspense } from "react" import { Background } from "@/components/background" import { Footer } from "@/components/footer" import { LoginContent } from "@/components/login-content" import { Loader2 } from "lucide-react" import { Preloader } from "@/components/preloader" export default function СтраницаЗаВход() { return (

} >

Имейл

Свързан Shopify магазин

Вашият текущ план

Headline

First Unique Benefit Headline

Second Unique Benefit Headline

Third Unique Benefit Headline

Story Headline

Offer Headline

Създайте продажбена фуния

Анализирайте Facebook реклами

Получете информация за конкуренцията

Вашите сесийни подсказки

About

Tags

Share

About

Tags

Share

More Templates Like This

About

Tags

Share

About

Tags

Share

More Templates Like This