From ae6f0963d2d92a42246c1b22e38849dac9d35fc1 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 19 Mar 2026 22:08:34 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 66 +++++++++++++++++++++++++++++++++++++++++++++---
 1 file changed, 63 insertions(+), 3 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index fc06252..3da7c82 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,8 +11,11 @@ import FaqDouble from '@/components/sections/faq/FaqDouble';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import { Award, CheckCircle, CreditCard, HelpCircle, Rocket, Sparkles, Zap } from 'lucide-react';
+import { useState } from 'react';
 
 export default function LandingPage() {
+  const [showPaymentOptions, setShowPaymentOptions] = useState(false);
+
   return (
     <ThemeProvider
       defaultButtonVariant="text-stagger"
@@ -165,26 +168,83 @@ export default function LandingPage() {
               id: "starter",              title: "Starter",              price: "Free",              period: "Forever",              features: [
                 "Up to 10 homework assignments",                "Basic deadline tracking",                "Manual schedule creation",                "Mobile app access",                "Email support"
               ],
-              button: { text: "Start Now", href: "#contact" }
+              button: { text: "Start Now", onClick: () => setShowPaymentOptions(true) }
             },
             {
               id: "pro",              title: "Pro",              price: "$9.99",              period: "per month",              features: [
                 "Unlimited assignments",                "AI task parsing & auto-scheduling",                "Exam date prediction",                "Adaptive study recommendations",                "Calendar integrations (Google, Outlook)",                "Priority email & chat support",                "Progress analytics & insights"
               ],
-              button: { text: "Start Free Trial", href: "#contact" },
+              button: { text: "Start Free Trial", onClick: () => setShowPaymentOptions(true) },
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBLnmjvGWjqjsHIlpRmS7RumKd/a-modern-clean-ai-powered-study-dashboar-1773957805543-66df9fe7.png?_wi=2",              imageAlt: "Pro Dashboard"
             },
             {
               id: "premium",              title: "Premium",              price: "$24.99",              period: "per month",              features: [
                 "Everything in Pro, plus:",                "Family account (up to 5 students)",                "Parent visibility & progress reports",                "1-on-1 AI scheduling consultation",                "Priority AI processing",                "Advanced analytics & trend reports",                "Phone support & dedicated account manager"
               ],
-              button: { text: "Upgrade to Premium", href: "#contact" },
+              button: { text: "Upgrade to Premium", onClick: () => setShowPaymentOptions(true) },
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBLnmjvGWjqjsHIlpRmS7RumKd/a-modern-clean-ai-powered-study-dashboar-1773957805543-66df9fe7.png?_wi=3",              imageAlt: "Premium Dashboard"
             }
           ]}
         />
       </div>
 
+      {showPaymentOptions && (
+        <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4">
+          <div className="bg-white dark:bg-slate-900 rounded-lg p-8 max-w-md w-full shadow-xl">
+            <h2 className="text-2xl font-bold mb-6 text-center">Payment Options</h2>
+            
+            <div className="space-y-4">
+              <button
+                onClick={() => {
+                  alert('Redirecting to Stripe payment...');
+                  setShowPaymentOptions(false);
+                }}
+                className="w-full bg-blue-600 hover:bg-blue-700 text-white font-semibold py-3 px-4 rounded-lg transition"
+              >
+                Pay with Credit Card
+              </button>
+              
+              <button
+                onClick={() => {
+                  alert('Redirecting to PayPal...');
+                  setShowPaymentOptions(false);
+                }}
+                className="w-full bg-blue-400 hover:bg-blue-500 text-white font-semibold py-3 px-4 rounded-lg transition"
+              >
+                Pay with PayPal
+              </button>
+              
+              <button
+                onClick={() => {
+                  alert('Redirecting to Apple Pay...');
+                  setShowPaymentOptions(false);
+                }}
+                className="w-full bg-black hover:bg-gray-800 text-white font-semibold py-3 px-4 rounded-lg transition"
+              >
+                Pay with Apple Pay
+              </button>
+              
+              <button
+                onClick={() => {
+                  alert('Redirecting to Google Pay...');
+                  setShowPaymentOptions(false);
+                }}
+                className="w-full bg-gray-800 hover:bg-gray-900 text-white font-semibold py-3 px-4 rounded-lg transition"
+              >
+                Pay with Google Pay
+              </button>
+            </div>
+            
+            <button
+              onClick={() => setShowPaymentOptions(false)}
+              className="w-full mt-6 bg-gray-200 hover:bg-gray-300 text-gray-800 font-semibold py-3 px-4 rounded-lg transition"
+            >
+              Close
+            </button>
+          </div>
+        </div>
+      )}
+
       <div id="social-proof" data-section="social-proof">
         <SocialProofOne
           title="Trusted by Schools & Education Leaders"