3 Commits

Author SHA1 Message Date
484bde35eb Update src/app/page.tsx 2026-05-22 04:27:16 +00:00
3cfe62a0c2 Update src/app/generator/page.tsx 2026-05-22 04:27:16 +00:00
a3dd87849c Merge version_3 into main
Merge version_3 into main
2026-05-22 04:25:32 +00:00
2 changed files with 38 additions and 18 deletions

View File

@@ -6,9 +6,12 @@ import ReactLenis from "lenis/react";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple'; import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import Textarea from '@/components/form/Textarea'; import Textarea from '@/components/form/Textarea';
import ContactCTA from '@/components/sections/contact/ContactCTA'; import ContactCTA from '@/components/sections/contact/ContactCTA';
import { useRouter } from 'next/navigation';
export default function GeneratorPage() { export default function GeneratorPage() {
const [topic, setTopic] = useState(""); const [topic, setTopic] = useState("");
const router = useRouter();
const isLoggedIn = false; // Placeholder for actual auth check
return ( return (
<ThemeProvider <ThemeProvider
@@ -30,22 +33,37 @@ export default function GeneratorPage() {
/> />
<div className="py-20 px-6 max-w-2xl mx-auto"> <div className="py-20 px-6 max-w-2xl mx-auto">
<h1 className="text-4xl font-bold mb-8">Create Presentation</h1> <h1 className="text-4xl font-bold mb-8">Create Presentation</h1>
<p className="mb-4">Describe the topics you want for your presentation:</p> {isLoggedIn ? (
<Textarea <>
value={topic} <p className="mb-4">Describe the topics you want for your presentation:</p>
onChange={setTopic} <Textarea
placeholder="E.g., Quarterly financial results, team performance, and growth strategy..." value={topic}
rows={6} onChange={setTopic}
className="w-full mb-6" placeholder="E.g., Quarterly financial results, team performance, and growth strategy..."
/> rows={6}
<ContactCTA className="w-full mb-6"
tag="Generate" />
title="Ready to build?" <ContactCTA
description="Let our AI analyze your topics and design your slide deck." tag="Generate"
buttons={[{ text: "Generate Presentation", onClick: () => alert("Generating...: " + topic) }]} title="Ready to build?"
background={{ variant: "plain" }} description="Let our AI analyze your topics and design your slide deck."
useInvertedBackground={false} buttons={[{ text: "Generate Presentation", onClick: () => alert("Generating...: " + topic) }]}
/> background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</>
) : (
<div className="p-8 border rounded-xl">
<h2 className="text-2xl font-semibold mb-4">Login Required</h2>
<p className="mb-6">Please log in to your account to access our AI presentation generation features.</p>
<button
onClick={() => router.push('/login')}
className="px-6 py-2 bg-blue-600 text-white rounded-full font-medium hover:bg-blue-700 transition-colors"
>
Go to Login
</button>
</div>
)}
</div> </div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>

View File

@@ -15,6 +15,10 @@ import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCa
import { CheckCircle, LayoutDashboard, Users, Zap, Edit, Download, BarChart, Share2 } from "lucide-react"; import { CheckCircle, LayoutDashboard, Users, Zap, Edit, Download, BarChart, Share2 } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
const promoCodes = [
"SLIDE2025-A1", "SLIDE2025-B2", "SLIDE2025-C3", "SLIDE2025-D4", "SLIDE2025-E5", "SLIDE2025-F6", "SLIDE2025-G7", "SLIDE2025-H8", "SLIDE2025-I9", "SLIDE2025-J0", "SLIDE2025-K1", "SLIDE2025-L2", "SLIDE2025-M3", "SLIDE2025-N4", "SLIDE2025-O5", "SLIDE2025-P6", "SLIDE2025-Q7", "SLIDE2025-R8", "SLIDE2025-S9", "SLIDE2025-T0"
];
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="text-shift" defaultButtonVariant="text-shift"
@@ -36,7 +40,6 @@ export default function LandingPage() {
{ name: "Generator", id: "/generator" }, { name: "Generator", id: "/generator" },
{ name: "Features", id: "features" }, { name: "Features", id: "features" },
{ name: "Pricing", id: "pricing" }, { name: "Pricing", id: "pricing" },
{ name: "Referral", id: "#referral" },
{ name: "Contact", id: "contact" }, { name: "Contact", id: "contact" },
]} ]}
brandName="SlideAI" brandName="SlideAI"
@@ -140,7 +143,6 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
faqs={[ faqs={[
{ id: "referral", title: "How does the referral system work?", content: "Simply share your unique referral link with friends. For every friend who signs up using your link, you'll instantly receive 2 free presentation credits." },
{ id: "f1", title: "How does payment work?", content: "You can pay via Google Pay. Simply upload your screenshot after sending, and our admin will verify and activate your Pro account." }, { id: "f1", title: "How does payment work?", content: "You can pay via Google Pay. Simply upload your screenshot after sending, and our admin will verify and activate your Pro account." },
{ id: "f2", title: "What are the daily limits?", content: "Free users can generate up to 3 presentations daily. Pro users enjoy unlimited generations." }, { id: "f2", title: "What are the daily limits?", content: "Free users can generate up to 3 presentations daily. Pro users enjoy unlimited generations." },
{ id: "f3", title: "Can I edit after generation?", content: "Absolutely. Our platform includes an interactive editor for all generated slides." }, { id: "f3", title: "Can I edit after generation?", content: "Absolutely. Our platform includes an interactive editor for all generated slides." },