Merge version_1 into main #2
241
src/app/page.tsx
241
src/app/page.tsx
@@ -33,69 +33,44 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
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="SlideSpeed"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Get Started", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Create Professional Presentations in Under 2 Minutes."
|
||||
description="Stop wasting hours on design. Let our AI handle the visuals and structure while you focus on the message."
|
||||
tag="Revolutionize Your Workflow"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-experts-working-with-tech-devices-neon-lights_23-2151645652.jpg?_wi=1",
|
||||
imageAlt: "Slide 1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-experts-working-with-tech-devices-neon-lights_23-2151645652.jpg", imageAlt: "Slide 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lens-flare-effect-abstract-background_1017-15284.jpg?_wi=1",
|
||||
imageAlt: "Slide 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lens-flare-effect-abstract-background_1017-15284.jpg", imageAlt: "Slide 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-126263.jpg?_wi=1",
|
||||
imageAlt: "Slide 3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-126263.jpg", imageAlt: "Slide 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913282.jpg",
|
||||
imageAlt: "Slide 4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913282.jpg", imageAlt: "Slide 4"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-light-lines-dots-from-fiber-optic-wires-dark-background-computer-communications-idea-selective-focus-blur-dark-background_166373-1651.jpg",
|
||||
imageAlt: "Slide 5",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-light-lines-dots-from-fiber-optic-wires-dark-background-computer-communications-idea-selective-focus-blur-dark-background_166373-1651.jpg", imageAlt: "Slide 5"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-background-with-network-connections-structure-design_1048-14922.jpg",
|
||||
imageAlt: "Slide 6",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-background-with-network-connections-structure-design_1048-14922.jpg", imageAlt: "Slide 6"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -107,17 +82,11 @@ export default function LandingPage() {
|
||||
description="We built SlideSpeed to eliminate the friction between your ideas and your slide deck, leveraging advanced AI models to generate high-quality presentations at scale."
|
||||
metrics={[
|
||||
{
|
||||
value: "120s",
|
||||
title: "Time to Slide",
|
||||
},
|
||||
value: "120s", title: "Time to Slide"},
|
||||
{
|
||||
value: "10k+",
|
||||
title: "Decks Generated",
|
||||
},
|
||||
value: "10k+", title: "Decks Generated"},
|
||||
{
|
||||
value: "99%",
|
||||
title: "User Satisfaction",
|
||||
},
|
||||
value: "99%", title: "User Satisfaction"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-corporate-employee-talking-with-remote-friend-videocall_482257-77679.jpg"
|
||||
imageAlt="AI Presentation Efficiency"
|
||||
@@ -133,40 +102,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "AI Content Structuring",
|
||||
description: "Our model auto-organizes your thoughts into a logical flow.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-high-end-workspace-with-advanced-tech-tools-enhancing-productivity_482257-119752.jpg",
|
||||
},
|
||||
title: "AI Content Structuring", description: "Our model auto-organizes your thoughts into a logical flow.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-high-end-workspace-with-advanced-tech-tools-enhancing-productivity_482257-119752.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-hologram-tiger_23-2151558748.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-experts-working-with-tech-devices-neon-lights_23-2151645652.jpg?_wi=2",
|
||||
imageAlt: "ai software presentation generation timeline",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-hologram-tiger_23-2151558748.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Automated Template Selection",
|
||||
description: "Beautiful designs tailored specifically to your branding.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-male-worker-analyzing-performance-data-laptop-optimizing-efficiency_482257-135442.jpg",
|
||||
},
|
||||
title: "Automated Template Selection", description: "Beautiful designs tailored specifically to your branding.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-male-worker-analyzing-performance-data-laptop-optimizing-efficiency_482257-135442.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-expert-working-with-technology-neon-lights_23-2151645686.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lens-flare-effect-abstract-background_1017-15284.jpg?_wi=2",
|
||||
imageAlt: "ai software presentation generation timeline",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-expert-working-with-technology-neon-lights_23-2151645686.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Real-time Collaboration",
|
||||
description: "Edit with your team seamlessly using cloud integration.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/operations-manager-develops-sales-strategies-targets_482257-90826.jpg",
|
||||
},
|
||||
title: "Real-time Collaboration", description: "Edit with your team seamlessly using cloud integration.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/operations-manager-develops-sales-strategies-targets_482257-90826.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-concept_23-2148424696.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-126263.jpg?_wi=2",
|
||||
imageAlt: "ai software presentation generation timeline",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-concept_23-2148424696.jpg"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -183,25 +134,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "2 Mins",
|
||||
title: "Average Creation",
|
||||
description: "From idea to fully designed deck.",
|
||||
icon: Clock,
|
||||
id: "m1", value: "2 Mins", title: "Average Creation", description: "From idea to fully designed deck.", icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "80%",
|
||||
title: "Time Saved",
|
||||
description: "Reduce manual formatting work.",
|
||||
icon: Zap,
|
||||
id: "m2", value: "80%", title: "Time Saved", description: "Reduce manual formatting work.", icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "500+",
|
||||
title: "Premium Templates",
|
||||
description: "Hand-crafted styles available.",
|
||||
icon: Layout,
|
||||
id: "m3", value: "500+", title: "Premium Templates", description: "Hand-crafted styles available.", icon: Layout,
|
||||
},
|
||||
]}
|
||||
title="The Speed You Need"
|
||||
@@ -216,40 +155,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Rivet",
|
||||
role: "CEO",
|
||||
testimonial: "SlideSpeed changed how I prepare for board meetings.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-working-late-office_23-2148991380.jpg",
|
||||
},
|
||||
id: "1", name: "Alex Rivet", role: "CEO", testimonial: "SlideSpeed changed how I prepare for board meetings.", imageSrc: "http://img.b2bpic.net/free-photo/business-man-working-late-office_23-2148991380.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Maya Kim",
|
||||
role: "Creative Lead",
|
||||
testimonial: "The design quality is unmatched. Simply beautiful decks.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-drawing_23-2149445987.jpg",
|
||||
},
|
||||
id: "2", name: "Maya Kim", role: "Creative Lead", testimonial: "The design quality is unmatched. Simply beautiful decks.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-drawing_23-2149445987.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sam Thorne",
|
||||
role: "Marketing Director",
|
||||
testimonial: "I saved hours every week on slide formatting.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-camera_107420-95907.jpg",
|
||||
},
|
||||
id: "3", name: "Sam Thorne", role: "Marketing Director", testimonial: "I saved hours every week on slide formatting.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-camera_107420-95907.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Jamie Lee",
|
||||
role: "Product Manager",
|
||||
testimonial: "Intuitive, fast, and generates perfect results.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-desk-table-business-company-office_482257-16773.jpg",
|
||||
},
|
||||
id: "4", name: "Jamie Lee", role: "Product Manager", testimonial: "Intuitive, fast, and generates perfect results.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-desk-table-business-company-office_482257-16773.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jordan Smith",
|
||||
role: "Consultant",
|
||||
testimonial: "The best AI presentation tool I've used so far.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-business-woman-with-executive-job-working-with-management-marketing-statistics-computer-office-worker-analyzing-research-charts-data-reports_482257-41126.jpg",
|
||||
},
|
||||
id: "5", name: "Jordan Smith", role: "Consultant", testimonial: "The best AI presentation tool I've used so far.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-business-woman-with-executive-job-working-with-management-marketing-statistics-computer-office-worker-analyzing-research-charts-data-reports_482257-41126.jpg"},
|
||||
]}
|
||||
title="Loved by Professionals"
|
||||
description="See why top teams trust SlideSpeed for their presentation needs."
|
||||
@@ -263,55 +177,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Free",
|
||||
price: "$0",
|
||||
subtitle: "For personal projects",
|
||||
buttons: [
|
||||
id: "basic", badge: "Free", price: "$0", subtitle: "For personal projects", buttons: [
|
||||
{
|
||||
text: "Start Free",
|
||||
href: "#",
|
||||
},
|
||||
text: "Start Free", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"3 decks/month",
|
||||
"Standard templates",
|
||||
"Export to PDF",
|
||||
],
|
||||
"3 decks/month", "Standard templates", "Export to PDF"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Pro",
|
||||
price: "$29",
|
||||
subtitle: "For professionals",
|
||||
buttons: [
|
||||
id: "pro", badge: "Pro", price: "$29", subtitle: "For professionals", buttons: [
|
||||
{
|
||||
text: "Upgrade Pro",
|
||||
href: "#",
|
||||
},
|
||||
text: "Upgrade Pro", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Unlimited decks",
|
||||
"AI template builder",
|
||||
"Full PPTX support",
|
||||
],
|
||||
"Unlimited decks", "AI template builder", "Full PPTX support"],
|
||||
},
|
||||
{
|
||||
id: "team",
|
||||
badge: "Team",
|
||||
price: "$99",
|
||||
subtitle: "For teams/companies",
|
||||
buttons: [
|
||||
id: "team", badge: "Team", price: "$99", subtitle: "For teams/companies", buttons: [
|
||||
{
|
||||
text: "Contact Sales",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Sales", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Advanced collaboration",
|
||||
"Custom branding",
|
||||
"Priority support",
|
||||
],
|
||||
"Advanced collaboration", "Custom branding", "Priority support"],
|
||||
},
|
||||
]}
|
||||
title="Choose Your Plan"
|
||||
@@ -325,20 +212,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How does it work?",
|
||||
content: "Our AI analyzes your input text and applies professional formatting layouts instantly.",
|
||||
},
|
||||
id: "f1", title: "How does it work?", content: "Our AI analyzes your input text and applies professional formatting layouts instantly."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I edit the slides?",
|
||||
content: "Yes, all generated slides are fully editable in our editor or after exporting.",
|
||||
},
|
||||
id: "f2", title: "Can I edit the slides?", content: "Yes, all generated slides are fully editable in our editor or after exporting."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you support PPTX?",
|
||||
content: "Yes, our exports are fully compatible with PowerPoint.",
|
||||
},
|
||||
id: "f3", title: "Do you support PPTX?", content: "Yes, our exports are fully compatible with PowerPoint."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about our AI? We have the answers."
|
||||
@@ -350,14 +228,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Ready to save hours on your next project?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Sign Up Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Sign Up Now", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -366,29 +241,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user