Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 484bde35eb | |||
| 3cfe62a0c2 | |||
| a3dd87849c | |||
| 2e575825fe | |||
| 12e9c35ec1 | |||
| 6a728429fd |
@@ -6,9 +6,12 @@ import ReactLenis from "lenis/react";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import Textarea from '@/components/form/Textarea';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import { useRouter } from 'next/navigation';
|
||||
|
||||
export default function GeneratorPage() {
|
||||
const [topic, setTopic] = useState("");
|
||||
const router = useRouter();
|
||||
const isLoggedIn = false; // Placeholder for actual auth check
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
@@ -30,22 +33,37 @@ export default function GeneratorPage() {
|
||||
/>
|
||||
<div className="py-20 px-6 max-w-2xl mx-auto">
|
||||
<h1 className="text-4xl font-bold mb-8">Create Presentation</h1>
|
||||
<p className="mb-4">Describe the topics you want for your presentation:</p>
|
||||
<Textarea
|
||||
value={topic}
|
||||
onChange={setTopic}
|
||||
placeholder="E.g., Quarterly financial results, team performance, and growth strategy..."
|
||||
rows={6}
|
||||
className="w-full mb-6"
|
||||
/>
|
||||
<ContactCTA
|
||||
tag="Generate"
|
||||
title="Ready to build?"
|
||||
description="Let our AI analyze your topics and design your slide deck."
|
||||
buttons={[{ text: "Generate Presentation", onClick: () => alert("Generating...: " + topic) }]}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
{isLoggedIn ? (
|
||||
<>
|
||||
<p className="mb-4">Describe the topics you want for your presentation:</p>
|
||||
<Textarea
|
||||
value={topic}
|
||||
onChange={setTopic}
|
||||
placeholder="E.g., Quarterly financial results, team performance, and growth strategy..."
|
||||
rows={6}
|
||||
className="w-full mb-6"
|
||||
/>
|
||||
<ContactCTA
|
||||
tag="Generate"
|
||||
title="Ready to build?"
|
||||
description="Let our AI analyze your topics and design your slide deck."
|
||||
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>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
|
||||
@@ -12,9 +12,13 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
|
||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import { CheckCircle, LayoutDashboard, Users, Zap, Edit, Download, BarChart } from "lucide-react";
|
||||
import { CheckCircle, LayoutDashboard, Users, Zap, Edit, Download, BarChart, Share2 } from "lucide-react";
|
||||
|
||||
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 (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
@@ -71,7 +75,7 @@ export default function LandingPage() {
|
||||
{ title: "AI Content Engine", description: "Turn text topics into full slide decks in seconds.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machines-design_23-2151599381.jpg", buttonIcon: Zap },
|
||||
{ title: "Interactive Editor", description: "Edit layouts, change themes, and adjust designs easily.", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-man-working-shoot_53876-144322.jpg", buttonIcon: Edit },
|
||||
{ title: "One-Click Export", description: "Export in .pptx or beautiful colored PDFs instantly.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-smartphone-with-colorful-app-icons_1134-49.jpg", buttonIcon: Download },
|
||||
{ title: "Usage Analytics", description: "Track your generation limits and subscription status.", imageSrc: "http://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg", buttonIcon: BarChart },
|
||||
{ title: "Referral Rewards", description: "Share the platform and get 2 free presentation uses for every successful invite.", imageSrc: "http://img.b2bpic.net/free-photo/group-people-using-tablets_23-2149313885.jpg", buttonIcon: Share2 },
|
||||
]}
|
||||
title="Everything You Need to Present"
|
||||
description="Powerful tools to manage your presentations and maximize productivity."
|
||||
@@ -177,4 +181,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user