Merge version_4 into main

Merge version_4 into main

src/app/generator/page.tsx

@@ -0,0 +1,71 @@
+"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';
+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
+        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>
+            {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>
+  );
+}

src/app/login/page.tsx

@@ -0,0 +1,42 @@
+"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"
+            useInvertedBackground={false}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -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"
@@ -32,14 +36,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 +53,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 +72,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: "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."
@@ -104,15 +89,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 +104,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 +116,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 +127,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 +143,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 +160,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,26 +173,12 @@ 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>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}