bender/30f8d641-da00-4ef2-ad1f-fdadbeb22cbf
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #4

Merged
bender merged 1 commits from version_2 into main 2026-03-19 22:08:38 +00:00
Conversation 0 Commits 1 Files Changed 1 +63 -3
1 changed files with 63 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
src/app/page.tsx
View File

@@ -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"