Merge version_1 into main #1
227
src/app/page.tsx
227
src/app/page.tsx
@@ -20,27 +20,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="SlideGen"
|
||||
/>
|
||||
@@ -48,66 +43,28 @@ export default function LandingPage() {
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Generate Presentation Slides in Any Language"
|
||||
description="Create professional, multilingual presentation slides in Uzbek, Russian, and English in seconds. AI-powered design for your business communication."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Creating",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Features",
|
||||
href: "#features",
|
||||
},
|
||||
{ text: "Start Creating", href: "#contact" },
|
||||
{ text: "View Features", href: "#features" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-web-designer-taking-notes-office_23-2149749859.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-web-designer-with-papers-notes-office_23-2149749879.jpg",
|
||||
alt: "Female web designer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-man-working-with-computer_23-2149930993.jpg",
|
||||
alt: "Man working at computer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-working-desk-medium-shot_23-2149930939.jpg",
|
||||
alt: "Designer at desk",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-web-designer-with-papers-notes-office_23-2149749877.jpg",
|
||||
alt: "Professional creative",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg",
|
||||
alt: "Engineer documentation",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-web-designer-with-papers-notes-office_23-2149749879.jpg", alt: "Female web designer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-man-working-with-computer_23-2149930993.jpg", alt: "Man working at computer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-working-desk-medium-shot_23-2149930939.jpg", alt: "Designer at desk" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-web-designer-with-papers-notes-office_23-2149749877.jpg", alt: "Professional creative" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg", alt: "Engineer documentation" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Uzbek Supported",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Russian Supported",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "English Supported",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "AI Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Instant Export",
|
||||
},
|
||||
{ type: "text", text: "Uzbek Supported" },
|
||||
{ type: "text", text: "Russian Supported" },
|
||||
{ type: "text", text: "English Supported" },
|
||||
{ type: "text", text: "AI Design" },
|
||||
{ type: "text", text: "Instant Export" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -117,24 +74,8 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Manual formatting errors",
|
||||
"Language barrier delays",
|
||||
"High design costs",
|
||||
"Inconsistent branding",
|
||||
"Limited template variety",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Multi-language AI support",
|
||||
"Automatic layout engine",
|
||||
"Instant format switching",
|
||||
"High-contrast readability",
|
||||
"Export to PPTX & PDF",
|
||||
],
|
||||
}}
|
||||
negativeCard={{ items: ["Manual formatting errors", "Language barrier delays", "High design costs", "Inconsistent branding", "Limited template variety"] }}
|
||||
positiveCard={{ items: ["Multi-language AI support", "Automatic layout engine", "Instant format switching", "High-contrast readability", "Export to PPTX & PDF"] }}
|
||||
title="Why Choose Our Generator?"
|
||||
description="Simplify your presentation workflow with our intelligent platform designed for speed and global reach."
|
||||
/>
|
||||
@@ -146,39 +87,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$19/mo",
|
||||
subtitle: "For personal use",
|
||||
features: [
|
||||
"10 Slides/month",
|
||||
"English & Russian support",
|
||||
"Standard templates",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Pro",
|
||||
price: "$49/mo",
|
||||
subtitle: "For businesses",
|
||||
features: [
|
||||
"Unlimited Slides",
|
||||
"Full multilingual support",
|
||||
"Custom branding",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Enterprise",
|
||||
price: "$199/mo",
|
||||
subtitle: "For large teams",
|
||||
features: [
|
||||
"Advanced AI engine",
|
||||
"API access",
|
||||
"Priority support",
|
||||
],
|
||||
},
|
||||
{ id: "basic", badge: "Essential", price: "$19/mo", subtitle: "For personal use", features: ["10 Slides/month", "English & Russian support", "Standard templates"] },
|
||||
{ id: "pro", badge: "Pro", price: "$49/mo", subtitle: "For businesses", features: ["Unlimited Slides", "Full multilingual support", "Custom branding"] },
|
||||
{ id: "enterprise", badge: "Enterprise", price: "$199/mo", subtitle: "For large teams", features: ["Advanced AI engine", "API access", "Priority support"] }
|
||||
]}
|
||||
title="Choose Your Plan"
|
||||
description="Flexible pricing options for creators and businesses."
|
||||
@@ -192,26 +103,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Elena Petrova, Global Comms"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167349.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/african-guy-wears-trendy-wristwatch-posing-with-smile-near-beige-wall-outdoor-portrait-black-man-good-mood-standing-with-arms-crossed_197531-21794.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-cheerful-manager-with-big-smile-outside-office_1139-337.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-businessman-with-smartphone-smiling-camera_23-2148112961.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167349.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/african-guy-wears-trendy-wristwatch-posing-with-smile-near-beige-wall-outdoor-portrait-black-man-good-mood-standing-with-arms-crossed_197531-21794.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-cheerful-manager-with-big-smile-outside-office_1139-337.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-businessman-with-smartphone-smiling-camera_23-2148112961.jpg", alt: "User 5" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -224,24 +120,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Zap,
|
||||
title: "Slides Generated",
|
||||
value: "50,000+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Globe,
|
||||
title: "Languages Supported",
|
||||
value: "3+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: CheckCircle,
|
||||
title: "Client Satisfaction",
|
||||
value: "99%",
|
||||
},
|
||||
{ id: "m1", icon: Zap, title: "Slides Generated", value: "50,000+" },
|
||||
{ id: "m2", icon: Globe, title: "Languages Supported", value: "3+" },
|
||||
{ id: "m3", icon: CheckCircle, title: "Client Satisfaction", value: "99%" }
|
||||
]}
|
||||
title="Proven Results"
|
||||
description="Empowering teams worldwide to communicate effectively."
|
||||
@@ -252,21 +133,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is Uzbek supported?",
|
||||
content: "Yes, our engine provides full support for Uzbek in both Latin and Cyrillic scripts.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I export slides?",
|
||||
content: "Yes, export to PDF, PPTX, or Google Slides instantly.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is there a trial?",
|
||||
content: "We offer a 7-day free trial on all plans.",
|
||||
},
|
||||
{ id: "q1", title: "Is Uzbek supported?", content: "Yes, our engine provides full support for Uzbek in both Latin and Cyrillic scripts." },
|
||||
{ id: "q2", title: "Can I export slides?", content: "Yes, export to PDF, PPTX, or Google Slides instantly." },
|
||||
{ id: "q3", title: "Is there a trial?", content: "We offer a 7-day free trial on all plans." }
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -277,15 +146,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"TechCorp",
|
||||
"InnovateLab",
|
||||
"GrowthCo",
|
||||
"StartupXYZ",
|
||||
"GlobalNet",
|
||||
"MediaPulse",
|
||||
"DesignCloud",
|
||||
]}
|
||||
names={["TechCorp", "InnovateLab", "GrowthCo", "StartupXYZ", "GlobalNet", "MediaPulse", "DesignCloud"]}
|
||||
title="Trusted by Leaders"
|
||||
description="Used by companies around the world to accelerate presentation design."
|
||||
/>
|
||||
@@ -294,9 +155,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Ready to Start?"
|
||||
description="Sign up now and get your first 5 slides for free."
|
||||
@@ -312,4 +171,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user