import { Meta, StoryObj } from "@storybook/nextjs-vite"; import TrialPayment from "./TrialPayment"; import { fn } from "storybook/test"; /** Reusable TrialPayment page Component */ const meta: Meta = { title: "Templates/TrialPayment", component: TrialPayment, tags: ["autodocs"], parameters: { layout: "fullscreen", }, args: { header: { timerHookProps: { initialSeconds: 600, }, text: { children: "⚠️ Your sketch expires soon!", }, button: { children: "ПОЛУЧИТЬ", onClick: fn(), }, }, unlockYourSketch: { title: { children: "Unlock Your Sketch", }, subtitle: { children: "Just One Click to Reveal Your Match!", }, image: { src: "/trial-payment/portrait-female.jpg", alt: "wall portrait female", priority: true, }, blur: { text: { children: "Unlock to reveal your personalized portrait", }, icon: ( ), }, button: { children: "Get Me Soulmate Sketch", onClick: fn(), }, }, joinedToday: { icon: ( ), count: { children: "954", }, text: { children: "Joined today", }, }, trustedByOver: { icon: ( ), text: { children: ( <> Trusted by over 355,000 people. ), }, }, findingOneGuide: { header: { emoji: { children: "❤️", }, title: { children: "Finding the One Guide", }, }, text: { children: "You're not just looking for someone — you're. You're not just looking for someone — you'reYou're not just looking for someone — you'reYou're not just looking for someone — you'reYou're not just looking for someone — you're. You're not just looking for someone — you're. You're not just looking for someone — you'reYou're not just looking for someone — you'reYou're not just looking for someone — you'reYou're not just looking for someone — you're", }, blur: { text: { children: "Чтобы открыть весь отчёт, нужен полный доступ.", }, icon: ( ), }, }, tryForDays: { title: { children: "Попробуйте в течение 7 дней!", }, textListProps: { items: [ { children: "Receive a hand-drawn sketch of your soulmate, crafted by a trained AI-model.", }, { children: "Reveal the path to your soulmate with the Finding the One guide.", }, { children: "Talk to live experts and get guidance on finding your soulmate.", }, { children: "Start your 7-day trial for just $1.00 — then only $14.50/week for full access.", }, { children: "Cancel anytime—just 24 hours before renewal.", }, ], listStyleType: "none", }, }, totalPrice: { couponContainer: { title: { children: ( <> Coupon
Code ), }, button: { children: "SOULMATE94", onClick: fn(), }, }, priceContainer: { title: { children: "Total", }, price: { children: "$1.00", }, oldPrice: { children: "$14.99", }, discount: { children: "94% discount applied", }, }, }, paymentButtons: { buttons: [ { children: "Pay", icon: ( ), }, { children: "Pay", icon: ( ), }, { children: "Credit or debit card", icon: ( ), className: "bg-primary", }, ], }, moneyBackGuarantee: { title: { children: "30-DAY MONEY-BACK GUARANTEE", }, text: { children: "If you don't receive your soulmate sketch, we'll refund your money!", }, }, policy: { text: { children: "By clicking Continue, you agree to our Terms of Use & Service and Privacy Policy. You also acknowledge that your 1 week introductory plan to Respontika, billed at $1.00, will automatically renew at $14.50 every 1 week unless canceled before the end of the trial period.", }, }, usersPortraits: { title: { children: "Our Users' Soulmate Portraits", }, imgs: [ { src: "/trial-payment/users-portraits/1.jpg", alt: "wall portrait 1", }, { src: "/trial-payment/users-portraits/2.jpg", alt: "wall portrait 2", }, { src: "/trial-payment/users-portraits/3.jpg", alt: "wall portrait 3", }, ], button: { children: "Get me soulmate sketch", onClick: fn(), }, }, joinedTodayWithAvatars: { avatars: { avatars: [ { imageProps: { src: "/trial-payment/avatars/1.jpg", alt: "Avatar 1", }, fallbackProps: { children: "A1", }, }, { imageProps: { src: "/trial-payment/avatars/2.jpg", alt: "Avatar 2", }, fallbackProps: { children: "A2", }, }, { imageProps: { src: "/trial-payment/avatars/3.jpg", alt: "Avatar 3", }, fallbackProps: { children: "A3", }, }, { imageProps: { src: "/trial-payment/avatars/4.jpg", alt: "Avatar 4", }, fallbackProps: { children: "A4", }, }, { imageProps: { src: "/trial-payment/avatars/5.jpg", alt: "Avatar 5", }, fallbackProps: { children: "A5", }, }, ], }, count: { children: "954", }, text: { children: "people joined today", }, }, progressToSeeSoulmate: { title: { children: "See Your Soulmate – Just One Step Away", }, progress: { value: 92, }, progressText: { leftText: { children: "Step 2 of 5", }, rightText: { children: "99% Complete", }, }, }, stepsToSeeSoulmate: { steps: [ { title: { children: "Questions Answered" }, description: { children: "You've provided all the necessary information about your preferences and personality.", }, icon: ( ), isActive: true, }, { title: { children: "Profile Analysis" }, description: { children: "Our advanced system is creating your perfect soulmate profile.", }, icon: ( ), isActive: true, }, { title: { children: "Sketch Creation" }, description: { children: "Your personalized soulmate sketch will be created.", }, icon: ( ), isActive: false, }, { title: { children: "Астрологические Идеи" }, description: { children: "Уникальные астрологич...", }, icon: ( ), isActive: false, }, { title: { children: "Персонализированный чат с экспертом" }, description: { children: "Персональные советы от экспертов по отношениям.", }, icon: ( ), isActive: false, }, ], button: { children: "Show Me My Soulmate", onClick: fn(), }, }, reviews: { title: { children: ( <> Loved and Trusted Worldwide ), }, reviews: [ { avatar: { imageProps: { src: "/trial-payment/reviews/avatars/1.jpg", alt: "Avatar 1", }, fallbackProps: { children: "A1", }, }, portrait: { src: "/trial-payment/reviews/portraits/1.jpg", alt: "Portrait 1", }, photo: { src: "/trial-payment/reviews/photos/1.jpg", alt: "Photo 1", }, name: { children: "Jennifer Wilson 🇺🇸", }, stars: { value: 5, }, date: { children: "1 day ago", }, text: { children: ( <> “Я увидела свои ошибки… и нашла мужа”
Портрет сразу зацепил — было чувство, что я уже где-то его видела. Но настоящий перелом произошёл после гайда: я поняла, почему снова и снова выбирала «не тех». И самое удивительное — вскоре я познакомилась с мужчиной, который оказался точной копией того самого портрета. Сейчас он мой муж, и когда мы сравнили рисунок с его фото, сходство было просто вау. ), }, }, { avatar: { imageProps: { src: "/trial-payment/reviews/avatars/2.jpg", alt: "Avatar 2", }, fallbackProps: { children: "A2", }, }, portrait: { src: "/trial-payment/reviews/portraits/2.jpg", alt: "Portrait 2", }, photo: { src: "/trial-payment/reviews/photos/2.jpg", alt: "Photo 2", }, name: { children: "Amanda Davis 🇨🇦", }, stars: { value: 5, }, date: { children: "4 days ago", }, text: { children: ( <> “Я поняла своего партнёра лучше за один вечер, чем за несколько лет”
Прошла тест ради интереса — портрет нас удивил. Но настоящий прорыв случился, когда я прочитала гайд о второй половинке. Там были точные подсказки о том, как мы можем поддерживать друг друга. Цена смешная, а ценность огромная: теперь у нас меньше недопониманий и больше тепла. ), }, }, { avatar: { imageProps: { src: "/trial-payment/reviews/avatars/3.jpg", alt: "Avatar 3", }, fallbackProps: { children: "A3", }, }, portrait: { src: "/trial-payment/reviews/portraits/3.jpg", alt: "Portrait 3", width: 96, className: "w-[96px] h-[64px]", }, photo: { src: "/trial-payment/reviews/photos/3.jpg", alt: "Photo 3", }, name: { children: "Michael Johnson 🇬🇧", }, stars: { value: 5, }, date: { children: "1 week ago", }, text: { children: ( <> “Увидел её лицо — и мурашки по коже”
Когда пришёл результат теста и показали портрет, я реально замер. Это была та самая девушка, с которой я начал встречаться пару недель назад. И гайд прямо описал, почему мы тянемся друг к другу. Честно, я не ожидал такого совпадения. ), }, }, ], }, commonQuestions: { title: { children: "Common Questions", }, questions: [ { value: "when-will-i-receive-my-sketch", trigger: { children: "When will I receive my sketch?", }, content: { children: "Your personalized soulmate sketch will be delivered within 24-48 hours after completing your order. You'll receive an email notification when it's ready for viewing in your account.", }, }, { value: "how-do-i-cancel-my-subscription", trigger: { children: "How do I cancel my subscription?", }, content: { children: "Your personalized soulmate sketch will be delivered within 24-48 hours after completing your order. You'll receive an email notification when it's ready for viewing in your account.", }, }, { value: "how-accurate-are-the-readings", trigger: { children: "How accurate are the readings?", }, content: { children: "Your personalized soulmate sketch will be delivered within 24-48 hours after completing your order. You'll receive an email notification when it's ready for viewing in your account.", }, }, { value: "is-my-data-secure-and-private", trigger: { children: "Is my data secure and private?", }, content: { children: "Your personalized soulmate sketch will be delivered within 24-48 hours after completing your order. You'll receive an email notification when it's ready for viewing in your account.", }, }, ], accordionProps: { defaultValue: "when-will-i-receive-my-sketch", type: "single", }, }, stillHaveQuestions: { title: { children: "Still have questions? We're here to help!", }, actionButton: { children: "Get me Soulmate Sketch", onClick: fn(), }, contactButton: { children: "Contact Support", onClick: fn(), }, }, footer: { title: { children: "WIT LAB ©", }, contacts: { title: { children: "CONTACTS", }, email: { href: "support@witlab.com", children: "support@witlab.com", }, address: { children: "Wit Lab 2108 N ST STE N SACRAMENTO, CA95816, US", }, }, legal: { title: { children: "LEGAL", }, links: [ { href: "https://witlab.us", children: "Terms of Service" }, { href: "https://witlab.us", children: "Privacy Policy" }, { href: "https://witlab.us", children: "Refund Policy" }, ], copyright: { children: "Copyright © 2025 Wit Lab™. All rights reserved. All trademarks referenced herein are the properties of their respective owners.", }, }, paymentMethods: { title: { children: "PAYMENT METHODS", }, methods: [ { src: "/trial-payment/payment-methods/visa.svg", alt: "visa", }, { src: "/trial-payment/payment-methods/mastercard.svg", alt: "mastercard", }, { src: "/trial-payment/payment-methods/discover.svg", alt: "discover", }, { src: "/trial-payment/payment-methods/apple.svg", alt: "apple", }, { src: "/trial-payment/payment-methods/google.svg", alt: "google", }, { src: "/trial-payment/payment-methods/paypal.svg", alt: "paypal", }, ], }, }, }, argTypes: {}, }; export default meta; type Story = StoryObj; export const Default = {} satisfies Story;