[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": "next lint" }, "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", "geist": "^1.3.1", "input-otp": "1.4.1", "lucide-react": "^0.454.0", "next": "14.2.25", "next-themes": "^0.4.6", "react": "^19", "react-day-picker": "9.8.0", "react-dom": "^19", "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": "^0.9.9", "zod": "3.25.67", "ai": "5.0.56", "puppeteer": "24.22.3", "cheerio": "1.1.2", "fs": "0.0.1-security", "url": "0.11.4", "path": "0.12.7", "crypto": "1.0.1" }, "devDependencies": { "@tailwindcss/postcss": "^4.1.9", "@types/node": "^22", "@types/react": "^18", "@types/react-dom": "^18", "postcss": "^8.5", "tailwindcss": "^4.1.9", "tw-animate-css": "1.3.3", "typescript": "^5" } } [V0_FILE]typescriptreact:file="components/payment-info.tsx" isMerged="true" "use client" import { useTranslations } from "@/lib/use-translations" export function PaymentInfo() { const { t } = useTranslations() const currentYear = new Date().getFullYear() return (

{t("payment.title")}

{t("payment.description")}

{/* Footer */}

) } [V0_FILE]typescriptreact:file="components/version-badge.tsx" isMerged="true" "use client" import { useState } from "react" import { useTranslations } from "@/lib/use-translations" import { Button } from "@/components/ui/button" export function VersionBadge() { const { t } = useTranslations() const [showNote, setShowNote] = useState(false) return (

{showNote && (

{t("version.note")}

)}

) } [V0_FILE]typescriptreact:file="components/featured-notification.tsx" isEdit="true" isMerged="true" "use client" import { useState, useEffect } from "react" import { useTranslations } from "@/lib/use-translations" import { Button } from "@/components/ui/button" import { products } from "@/lib/products" import { X } from "lucide-react" interface FeaturedNotificationProps { onProductClick: (productId: string) => void } export function FeaturedNotification({ onProductClick }: FeaturedNotificationProps) { const { t } = useTranslations() const [isVisible, setIsVisible] = useState(false) const featuredProduct = products[0] // First product as featured useEffect(() => { // Show notification after a short delay const showTimer = setTimeout(() => { setIsVisible(true) }, 300) // Auto-hide after 3.5 seconds const hideTimer = setTimeout(() => { setIsVisible(false) }, 3800) return () => { clearTimeout(showTimer) clearTimeout(hideTimer) } }, []) const handleClose = () => { setIsVisible(false) } const handleProductClick = () => { onProductClick(featuredProduct.id) setIsVisible(false) } if (!isVisible) return null return (

👑

{t("products.featuredProduct")}

) } [V0_FILE]typescriptreact:file="components/toast.tsx" isMerged="true" "use client" import { useEffect } from "react" interface ToastProps { message: string isVisible: boolean onHide: () => void } export function Toast({ message, isVisible, onHide }: ToastProps) { useEffect(() => { if (isVisible) { const timer = setTimeout(() => { onHide() }, 1800) return () => clearTimeout(timer) } }, [isVisible, onHide]) if (!isVisible) return null return (

{message}

) } [V0_FILE]typescriptreact:file="components/language-switcher.tsx" isEdit="true" isMerged="true" "use client" import { useTranslations } from "@/lib/use-translations" import { Button } from "@/components/ui/button" export function LanguageSwitcher() { const { locale, switchLanguage } = useTranslations() return (

) } [V0_FILE]png:file="public/images/ox-series-glutatyon-kolajen-jel.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/6-5weflk2p87c3CPBoJiPPrHErpVhJNA.png" isMerged="true" [V0_FILE]png:file="public/images/kolajen-maske.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/5-X9BmF6MuOW8O4rLp8nHuZO4XJ0RAiH.png" isMerged="true" [V0_FILE]png:file="public/images/vegan-uv-nemlendirici-serum.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/4-Rym81GgINvGSizoqMnnz8B0loYer8G.png" isMerged="true" [V0_FILE]png:file="public/images/toz-kolajen-paket-100.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/2-jXU7Trbk9LdDFojdYCdtSsJmSizTP1.png" isMerged="true" [V0_FILE]png:file="public/images/hero-banner.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Ads%C4%B1z%20tasar%C4%B1m%20%2810%29-L9qBwPAPwk9pEL8toFQvnx9PGVeXBq.png" isMerged="true" [V0_FILE]typescript:file="app/api/send-sms/route.ts" isMerged="true" import { type NextRequest, NextResponse } from "next/server" const VERIMOR_USERNAME = "908505324805" const VERIMOR_PASSWORD = "GQB(366nwv" const VERIMOR_API_URL = "https://sms.verimor.com.tr/v2/send.json" export async function POST(request: NextRequest) { try { const { message, formData } = await request.json() // Prepare SMS data according to Verimor API specification const smsData = { username: VERIMOR_USERNAME, password: VERIMOR_PASSWORD, dest: "+905453064305", // Your specified phone number msg: message, source_addr: "OXSERIES", // Optional sender ID datacoding: "0", // UTF-8 encoding valid_for: "48:00", // 48 hours validity } console.log("[v0] Sending SMS with data:", { ...smsData, password: "***" }) // Send SMS via Verimor API const response = await fetch(VERIMOR_API_URL, { method: "POST", headers: { "Content-Type": "application/json", }, body: JSON.stringify(smsData), }) console.log(await response.text()) const result = await response.json() console.log("[v0] Verimor API response:", result) if (response.ok && result.status === "success") { return NextResponse.json({ success: true, message: "SMS sent successfully", messageId: result.message_id, }) } else { console.error("[v0] SMS sending failed:", result) return NextResponse.json( { success: false, error: result.error || "SMS sending failed", }, { status: 400 }, ) } } catch (error) { console.error("[v0] SMS API error:", error) return NextResponse.json( { success: false, error: "Internal server error", }, { status: 500 }, ) } } [V0_FILE]png:file="public/images/design-mode/WhatsApp_icon.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/design-mode-images/WhatsApp_icon-LwMbMKx1s97MfNgrznk5KdpRd4F31J.png" isMerged="true" [V0_FILE]typescriptreact:file="components/cargo-tracking.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import type React from "react" import { useState } from "react" import { useTranslations } from "@/lib/use-translations" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" export function CargoTracking() { const { t } = useTranslations() const [trackingNumber, setTrackingNumber] = useState("") const [isLoading, setIsLoading] = useState(false) const [result, setResult] = useState<{ status: string eta: string lastMovement: string } | null>(null) const [error, setError] = useState("") const handleSubmit = async (e: React.FormEvent) => { e.preventDefault() const no = trackingNumber.trim() if (no.length < 6) { setError(t("cargo.validTrackingError")) setResult(null) return } setError("") setIsLoading(true) // Simulate API call setTimeout(() => { const end = Number(no.slice(-1)) const states = [ { status: t("cargo.statuses.atBranch"), eta: t("cargo.deliveryTimes.twoDays"), lastMovement: t("cargo.movements.arrivedAtBranch"), }, { status: t("cargo.statuses.inTransit"), eta: t("cargo.deliveryTimes.threeDays"), lastMovement: t("cargo.movements.departedFromCenter"), }, { status: t("cargo.statuses.delivered"), eta: "—", lastMovement: t("cargo.movements.recipientSigned"), }, ] const data = states[end % 3] setResult({ status: data.status, eta: data.eta, lastMovement: `${data.lastMovement} · #${no}`, }) setIsLoading(false) }, 1000) } return (

{t("cargo.title")}

{t("cargo.subtitle")}

{result && (

{t("cargo.shipmentStatus")}

{result.status}

{t("cargo.estimatedDelivery")}

{result.eta}

{t("cargo.lastMovement")}: {result.lastMovement}

)}

) } [V0_FILE]typescriptreact:file="components/image-lightbox.tsx" isEdit="true" isMerged="true" "use client" interface ImageLightboxProps { src: string | null isOpen: boolean onClose: () => void } export function ImageLightbox({ src, isOpen, onClose }: ImageLightboxProps) { if (!isOpen || !src) return null return (

) } [V0_FILE]png:file="public/images/red-bull-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/logo2-l7SWk1teJu5Sr1dIat1AFDCdxi1OOv.png" isMerged="true" [V0_FILE]png:file="public/images/ox-series-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/logo%202-QUq8YYBOyaFIP8C9jFJUEcn9VSgpOG.png" isMerged="true" [V0_FILE]typescriptreact:file="components/protocol-modal.tsx" isEdit="true" isMerged="true" "use client" import { useState } from "react" import { useTranslations } from "@/lib/use-translations" import { Button } from "@/components/ui/button" interface ProtocolModalProps { isOpen: boolean onClose: () => void productId?: string } export function ProtocolModal({ isOpen, onClose, productId }: ProtocolModalProps) { const { t } = useTranslations() const [showDarkeningProtocol, setShowDarkeningProtocol] = useState(false) if (!isOpen) return null const getProtocolContent = () => { if (productId === "vegan-uv-serum") { return t("products.protocolContentVeganUV") } if (productId === "kolajen-maske") { return t("products.protocolContentKolajenMaske") } return t("products.protocolContent") // Default to Glutathione protocol } const handleDarkeningProtocol = () => { setShowDarkeningProtocol(true) } const handleBackToProtocol = () => { setShowDarkeningProtocol(false) } return (

📋

{showDarkeningProtocol ? t("products.darkeningProtocolTitle") : t("products.protocolTitle")}

{showDarkeningProtocol ? t("products.darkeningProtocolContent") : getProtocolContent()}

{!showDarkeningProtocol && ( )} {showDarkeningProtocol && ( )}

) } [V0_FILE]png:file="public/images/cellular-renewal.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-91uiDvAyTmERwwBRDiEeiuSgWiLo5u.png" isMerged="true" [V0_FILE]png:file="public/images/protocol-before-after.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-EqWVlTAVUJzBOVjdvuulLb7IsswCgV.png" isMerged="true" [V0_FILE]jpg:file="public/woman-skincare-happy.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/woman-skincare-happy-areQIBB4EbQZjDX9bD8dlARMymq2Hn.jpg" isMerged="true" [V0_FILE]jpg:file="public/man-skincare-satisfied.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/man-skincare-satisfied-7rlzradovQbL3vPLKeTL5zIeoCgLVL.jpg" isMerged="true" [V0_FILE]jpg:file="public/woman-beauty-glowing.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/woman-beauty-glowing-XSetpCHIl4o93sPiuIlUJmltkLp3Q7.jpg" isMerged="true" [V0_FILE]jpg:file="public/man-professional-confident.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/man-professional-confident-6Lm1D7yjPHGkE96AVQpUcYoByNnPJB.jpg" isMerged="true" [V0_FILE]jpg:file="public/woman-skincare-radiant.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/woman-skincare-radiant-FoAzarhF6K6cIzXPz163VVlFsZdswX.jpg" isMerged="true" [V0_FILE]jpg:file="public/man-skincare-results.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/man-skincare-results-oNj1mF8n2mKKF4JKv0GWCuhVlCny8a.jpg" isMerged="true" [V0_FILE]png:file="public/images/instagram-post-bg.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-PZeDnXilI3txutG7wxQ4Bric6SVuN2.png" isMerged="true" [V0_FILE]jpg:file="public/ox-series-logo.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/ox-series-logo-T0ASzfcUzTkAnCo80nwTQK81qBd3Vp.jpg" isMerged="true" [V0_FILE]jpg:file="public/beauty-center-logo.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/beauty-center-logo-jvqzYdzAi8ng1shlO7JK5MaF5tQWm4.jpg" isMerged="true" [V0_FILE]jpg:file="public/collagen-treatment-results.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/collagen-treatment-results-v2usp3dACK0lKoQ8UXQknt5EqOalME.jpg" isMerged="true" [V0_FILE]jpg:file="public/dermatology-clinic-logo.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/dermatology-clinic-logo-gv9iQpi2OQQh51sZqoTFoH0LFtzoZk.jpg" isMerged="true" [V0_FILE]jpg:file="public/before-after-skin-treatment.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/before-after-skin-treatment-LzZnxjUDcVU5dp2EPPLKAtM10avX3X.jpg" isMerged="true" [V0_FILE]typescriptreact:file="components/podcast-section.tsx" isEdit="true" isMerged="true" "use client" import { useTranslations } from "@/lib/use-translations" export function PodcastSection() { const { t } = useTranslations() return (

{t("podcast.title")}

{t("podcast.subtitle")}

About

Tags

Share

About

Tags

Share

More Templates Like This

About

Tags

Share

About

Tags

Share

More Templates Like This