Merge version_2 into main #4
51
src/app/generator/page.tsx
Normal file
51
src/app/generator/page.tsx
Normal file
@@ -0,0 +1,51 @@
|
||||
"use client";
|
||||
|
||||
import { useState } from "react";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
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';
|
||||
|
||||
export default function GeneratorPage() {
|
||||
const [topic, setTopic] = useState("");
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="smallMedium"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="blurBottom"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<NavbarStyleApple
|
||||
navItems={[{name: "Home", id: "/"}, {name: "Login", id: "/login"}, {name: "Generator", id: "/generator"}]}
|
||||
brandName="SlideAI"
|
||||
/>
|
||||
<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) }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
41
src/app/login/page.tsx
Normal file
41
src/app/login/page.tsx
Normal file
@@ -0,0 +1,41 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
|
||||
export default function LoginPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="smallMedium"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="blurBottom"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<NavbarStyleApple
|
||||
navItems={[{name: "Home", id: "/"}, {name: "Login", id: "/login"}, {name: "Generator", id: "/generator"}]}
|
||||
brandName="SlideAI"
|
||||
/>
|
||||
<div className="min-h-screen flex items-center justify-center">
|
||||
<ContactSplitForm
|
||||
title="Login to SlideAI"
|
||||
description="Enter your credentials to access your dashboard."
|
||||
inputs={[
|
||||
{ name: "email", type: "email", placeholder: "Email" },
|
||||
{ name: "password", type: "password", placeholder: "Password" },
|
||||
]}
|
||||
buttonText="Login"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
132
src/app/page.tsx
132
src/app/page.tsx
@@ -32,14 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Login", id: "/login" },
|
||||
{ name: "Generator", id: "/generator" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="SlideAI"
|
||||
/>
|
||||
@@ -52,24 +49,16 @@ export default function LandingPage() {
|
||||
title="Turn Ideas into Professional Presentations with AI"
|
||||
description="Generate beautiful, elegant PowerPoint slides in seconds. Choose from dozens of professional layouts and export in your preferred format."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Generating", href: "#"},
|
||||
{
|
||||
text: "View Demo", href: "#"},
|
||||
{ text: "Start Generating", href: "/generator" },
|
||||
{ text: "Login", href: "/login" },
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/digital-banking-transparent-screen_53876-105382.jpg?_wi=1", imageAlt: "ai presentation interface"},
|
||||
{
|
||||
id: "c2", imageSrc: "http://img.b2bpic.net/free-vector/web-element-layout-template-interface-illustration_53876-34989.jpg?_wi=1", imageAlt: "ai generated slide layout"},
|
||||
{
|
||||
id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-ai-technology-background_23-2151719566.jpg?_wi=1", imageAlt: "abstract data viz"},
|
||||
{
|
||||
id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-with-tablet_23-2149930989.jpg?_wi=1", imageAlt: "template selection interface"},
|
||||
{
|
||||
id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg?_wi=1", imageAlt: "ai content generation"},
|
||||
{
|
||||
id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/enterprise-staff-hosting-brief-session-after-hours-with-mockup-screen-team-exchanging-insight_482257-136192.jpg", imageAlt: "digital slide deck presentation"},
|
||||
{ id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/digital-banking-transparent-screen_53876-105382.jpg?_wi=1", imageAlt: "ai presentation interface" },
|
||||
{ id: "c2", imageSrc: "http://img.b2bpic.net/free-vector/web-element-layout-template-interface-illustration_53876-34989.jpg?_wi=1", imageAlt: "ai generated slide layout" },
|
||||
{ id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-ai-technology-background_23-2151719566.jpg?_wi=1", imageAlt: "abstract data viz" },
|
||||
{ id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-with-tablet_23-2149930989.jpg?_wi=1", imageAlt: "template selection interface" },
|
||||
{ id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg?_wi=1", imageAlt: "ai content generation" },
|
||||
{ id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/enterprise-staff-hosting-brief-session-after-hours-with-mockup-screen-team-exchanging-insight_482257-136192.jpg", imageAlt: "digital slide deck presentation" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -79,18 +68,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
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: "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="Everything You Need to Present"
|
||||
description="Powerful tools to manage your presentations and maximize productivity."
|
||||
@@ -104,15 +85,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "50K+", title: "Slides Generated", description: "Across various professional domains.", icon: LayoutDashboard,
|
||||
},
|
||||
{
|
||||
id: "m2", value: "15K+", title: "Active Users", description: "Professionals and educators globally.", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m3", value: "99.9%", title: "Success Rate", description: "Reliable AI generation engines.", icon: CheckCircle,
|
||||
},
|
||||
{ id: "m1", value: "50K+", title: "Slides Generated", description: "Across various professional domains.", icon: LayoutDashboard },
|
||||
{ id: "m2", value: "15K+", title: "Active Users", description: "Professionals and educators globally.", icon: Users },
|
||||
{ id: "m3", value: "99.9%", title: "Success Rate", description: "Reliable AI generation engines.", icon: CheckCircle },
|
||||
]}
|
||||
title="Platform Impact"
|
||||
description="Join thousands of users who save time with SlideAI."
|
||||
@@ -125,14 +100,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "free", badge: "Basic", price: "₹0", subtitle: "Perfect for starters", features: [
|
||||
"3 PPTs daily", "Standard layouts", "PDF export"],
|
||||
},
|
||||
{
|
||||
id: "pro", badge: "Pro", price: "₹149/mo", subtitle: "Best for power users", features: [
|
||||
"Unlimited generations", "Beautiful templates", "Full editing access", "Priority support"],
|
||||
},
|
||||
{ id: "free", badge: "Basic", price: "₹0", subtitle: "Perfect for starters", features: [ "3 PPTs daily", "Standard layouts", "PDF export" ] },
|
||||
{ id: "pro", badge: "Pro", price: "₹149/mo", subtitle: "Best for power users", features: [ "Unlimited generations", "Beautiful templates", "Full editing access", "Priority support" ] },
|
||||
]}
|
||||
title="Choose Your Plan"
|
||||
description="Simple, transparent pricing to get you started."
|
||||
@@ -143,8 +112,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Google", "Microsoft", "Amazon", "IBM", "Intel", "Adobe", "Salesforce"]}
|
||||
names={[ "Google", "Microsoft", "Amazon", "IBM", "Intel", "Adobe", "Salesforce" ]}
|
||||
title="Trusted by Professionals"
|
||||
description="Teams using SlideAI to deliver better results."
|
||||
/>
|
||||
@@ -155,16 +123,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Alex R.", date: "Jan 2025", title: "Product Manager", quote: "SlideAI changed how I prepare for client meetings. Incredible quality.", tag: "Pro User", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-cute-africanamerican-girl-smiling-pleased-showing-thumbsup-approval-lik_1258-149049.jpg", imageSrc: "http://img.b2bpic.net/free-photo/digital-banking-transparent-screen_53876-105382.jpg?_wi=2", imageAlt: "professional portrait"},
|
||||
{
|
||||
id: "t2", name: "Sarah J.", date: "Dec 2024", title: "Marketing Lead", quote: "The layout options are stunning and save me hours every single week.", tag: "Pro User", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg", imageSrc: "http://img.b2bpic.net/free-vector/web-element-layout-template-interface-illustration_53876-34989.jpg?_wi=2", imageAlt: "professional portrait"},
|
||||
{
|
||||
id: "t3", name: "David M.", date: "Nov 2024", title: "Teacher", quote: "Education presentations made easy. My students love the professional look.", tag: "Pro User", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-ai-technology-background_23-2151719566.jpg?_wi=2", imageAlt: "professional portrait"},
|
||||
{
|
||||
id: "t4", name: "Elena P.", date: "Oct 2024", title: "Designer", quote: "The integration with ChatGPT and Gemini provides such creative content.", tag: "Pro User", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-exhausted-workaholic-man-manager-typing-financial-strategy-using-laptop-computer-while-sitting-desk-table-business-company-office_482257-2321.jpg", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-with-tablet_23-2149930989.jpg?_wi=2", imageAlt: "professional portrait"},
|
||||
{
|
||||
id: "t5", name: "Kevin T.", date: "Sept 2024", title: "SaaS Founder", quote: "Seamless workflow and the export features are flawless. Best investment.", tag: "Pro User", avatarSrc: "http://img.b2bpic.net/free-photo/man-solar-panels-plant-using-laptop-improve-solar-cells-efficiency_482257-119894.jpg", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg?_wi=2", imageAlt: "professional portrait"},
|
||||
{ id: "t1", name: "Alex R.", date: "Jan 2025", title: "Product Manager", quote: "SlideAI changed how I prepare for client meetings. Incredible quality.", tag: "Pro User", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-cute-africanamerican-girl-smiling-pleased-showing-thumbsup-approval-lik_1258-149049.jpg", imageSrc: "http://img.b2bpic.net/free-photo/digital-banking-transparent-screen_53876-105382.jpg?_wi=2", imageAlt: "professional portrait" },
|
||||
{ id: "t2", name: "Sarah J.", date: "Dec 2024", title: "Marketing Lead", quote: "The layout options are stunning and save me hours every single week.", tag: "Pro User", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg", imageSrc: "http://img.b2bpic.net/free-vector/web-element-layout-template-interface-illustration_53876-34989.jpg?_wi=2", imageAlt: "professional portrait" },
|
||||
{ id: "t3", name: "David M.", date: "Nov 2024", title: "Teacher", quote: "Education presentations made easy. My students love the professional look.", tag: "Pro User", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-ai-technology-background_23-2151719566.jpg?_wi=2", imageAlt: "professional portrait" },
|
||||
{ id: "t4", name: "Elena P.", date: "Oct 2024", title: "Designer", quote: "The integration with ChatGPT and Gemini provides such creative content.", tag: "Pro User", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-exhausted-workaholic-man-manager-typing-financial-strategy-using-laptop-computer-while-sitting-desk-table-business-company-office_482257-2321.jpg", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-with-tablet_23-2149930989.jpg?_wi=2", imageAlt: "professional portrait" },
|
||||
{ id: "t5", name: "Kevin T.", date: "Sept 2024", title: "SaaS Founder", quote: "Seamless workflow and the export features are flawless. Best investment.", tag: "Pro User", avatarSrc: "http://img.b2bpic.net/free-photo/man-solar-panels-plant-using-laptop-improve-solar-cells-efficiency_482257-119894.jpg", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg?_wi=2", imageAlt: "professional portrait" },
|
||||
]}
|
||||
title="What Users Say"
|
||||
description="See how we help teams communicate effectively."
|
||||
@@ -176,14 +139,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
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: "f3", title: "Can I edit after generation?", content: "Absolutely. Our platform includes an interactive editor for all generated slides."},
|
||||
{
|
||||
id: "f4", title: "What AI models are used?", content: "We integrate with industry-leading models like ChatGPT and Gemini."},
|
||||
{ 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: "f3", title: "Can I edit after generation?", content: "Absolutely. Our platform includes an interactive editor for all generated slides." },
|
||||
{ id: "f4", title: "What AI models are used?", content: "We integrate with industry-leading models like ChatGPT and Gemini." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about SlideAI."
|
||||
@@ -197,13 +156,10 @@ export default function LandingPage() {
|
||||
title="Need Help?"
|
||||
description="Our team is here to assist you with any questions."
|
||||
inputs={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email", type: "email", placeholder: "Your Email"},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Your Email" },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Describe your issue or query here..."}}
|
||||
textarea={{ name: "message", placeholder: "Describe your issue or query here..." }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/contact-helpdesk-customer-service-spaceship-graphic-concept_53876-125032.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -213,22 +169,8 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/glowing-blue-maze-pattern-with-illuminated-golden-path-night_84443-91495.jpg"
|
||||
logoText="SlideAI"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Support", href: "#"},
|
||||
{
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [ { label: "About", href: "#" }, { label: "Careers", href: "#" } ] },
|
||||
{ title: "Resources", items: [ { label: "Support", href: "#" }, { label: "Terms", href: "#" } ] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user