From a5e2bd04673d30d4726f2c3cc3f2826505fd4045 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 19 Apr 2026 15:21:15 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 227 +++++++++--------------------------------------
 1 file changed, 43 insertions(+), 184 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2bd7139..7d2e219 100644
--- a/src/app/page.tsx
+++ b/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>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1