Merge version_1 into main #2
240
src/app/page.tsx
240
src/app/page.tsx
@@ -12,7 +12,7 @@ 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 } from "lucide-react";
|
||||
import { CheckCircle, LayoutDashboard, Users, Zap, Edit, Download, BarChart } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="SlideAI"
|
||||
/>
|
||||
@@ -56,51 +48,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated-grid",
|
||||
}}
|
||||
variant: "rotated-rays-animated-grid"}}
|
||||
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: "Start Generating", href: "#"},
|
||||
{
|
||||
text: "View Demo",
|
||||
href: "#",
|
||||
},
|
||||
text: "View Demo", href: "#"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "c1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-banking-transparent-screen_53876-105382.jpg?_wi=1",
|
||||
imageAlt: "ai presentation interface",
|
||||
},
|
||||
id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/digital-banking-transparent-screen_53876-105382.jpg", 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: "c2", imageSrc: "http://img.b2bpic.net/free-vector/web-element-layout-template-interface-illustration_53876-34989.jpg", 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: "c3", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-ai-technology-background_23-2151719566.jpg", 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: "c4", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-with-tablet_23-2149930989.jpg", 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: "c5", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg", 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: "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>
|
||||
@@ -111,28 +80,16 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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: "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"
|
||||
@@ -148,25 +105,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "50K+",
|
||||
title: "Slides Generated",
|
||||
description: "Across various professional domains.",
|
||||
icon: LayoutDashboard,
|
||||
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: "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: "m3", value: "99.9%", title: "Success Rate", description: "Reliable AI generation engines.", icon: CheckCircle,
|
||||
},
|
||||
]}
|
||||
title="Platform Impact"
|
||||
@@ -181,27 +126,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "free",
|
||||
badge: "Basic",
|
||||
price: "₹0",
|
||||
subtitle: "Perfect for starters",
|
||||
features: [
|
||||
"3 PPTs daily",
|
||||
"Standard layouts",
|
||||
"PDF export",
|
||||
],
|
||||
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: "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"
|
||||
@@ -214,14 +144,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Google",
|
||||
"Microsoft",
|
||||
"Amazon",
|
||||
"IBM",
|
||||
"Intel",
|
||||
"Adobe",
|
||||
"Salesforce",
|
||||
]}
|
||||
"Google", "Microsoft", "Amazon", "IBM", "Intel", "Adobe", "Salesforce"]}
|
||||
title="Trusted by Professionals"
|
||||
description="Teams using SlideAI to deliver better results."
|
||||
/>
|
||||
@@ -233,60 +156,15 @@ export default function LandingPage() {
|
||||
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: "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", 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: "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", 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: "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", 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: "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", 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: "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", imageAlt: "professional portrait"},
|
||||
]}
|
||||
title="What Users Say"
|
||||
description="See how we help teams communicate effectively."
|
||||
@@ -299,25 +177,13 @@ export default function LandingPage() {
|
||||
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: "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."},
|
||||
{
|
||||
id: "f4",
|
||||
title: "What AI models are used?",
|
||||
content: "We integrate with industry-leading models like ChatGPT and Gemini.",
|
||||
},
|
||||
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."
|
||||
@@ -332,20 +198,12 @@ export default function LandingPage() {
|
||||
description="Our team is here to assist you with any questions."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Your Email"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Describe your issue or query here...",
|
||||
}}
|
||||
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>
|
||||
@@ -356,29 +214,19 @@ export default function LandingPage() {
|
||||
logoText="SlideAI"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user