From 3bbbea30f80016875947b0966a063a3deaa80963 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 15 Apr 2026 06:01:47 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 414 ++++++++++++++---------------------------------
 1 file changed, 121 insertions(+), 293 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index a57452a..d7fda33 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,307 +17,135 @@ export default function LandingPage() {
         defaultButtonVariant="hover-bubble"
         defaultTextAnimation="entrance-slide"
         borderRadius="pill"
+        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: "Features",
-          id: "features",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-      ]}
-      brandName="GenAI Pro"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Features", id: "features" },
+              { name: "Pricing", id: "pricing" },
+              { name: "Contact", id: "contact" }
+            ]}
+            brandName="GenAI Pro"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplit
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      title="Unleash Infinite AI Creativity"
-      description="Generate unlimited high-fidelity videos and photos instantly. Edit, animate, and export your vision with our pro-grade AI engine."
-      buttons={[
-        {
-          text: "Get Started",
-          href: "#pricing",
-        },
-        {
-          text: "Learn More",
-          href: "#features",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/senior-female-patient-taking-medical-history-data-with-test-results_482257-122752.jpg?_wi=1"
-      imageAlt="AI generation dashboard UI"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-wearing-glasses_329181-677.jpg",
-          alt: "Portrait of handsome businessman",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-hispanic-female-executive-wearing-eyeglasses-standing-studio_662251-664.jpg",
-          alt: "Smiling Hispanic female executive",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",
-          alt: "Smiling African American man",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2004.jpg",
-          alt: "Happy successful businessman",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg",
-          alt: "Videographer smiling at camera",
-        },
-      ]}
-      avatarText="Join 10,000+ creators"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Fast Renders",
-        },
-        {
-          type: "text-icon",
-          text: "4K Quality",
-          icon: Monitor,
-        },
-        {
-          type: "text",
-          text: "Global CDN",
-        },
-        {
-          type: "text-icon",
-          text: "API Ready",
-          icon: Code,
-        },
-        {
-          type: "text",
-          text: "Unlimited Access",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplit
+            background={{ variant: "sparkles-gradient" }}
+            title="Unleash Infinite AI Creativity"
+            description="Generate unlimited high-fidelity videos and photos instantly. Edit, animate, and export your vision with our pro-grade AI engine."
+            buttons={[
+              { text: "Get Started", href: "#pricing" },
+              { text: "Learn More", href: "#features" }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/senior-female-patient-taking-medical-history-data-with-test-results_482257-122752.jpg"
+            imageAlt="AI generation dashboard UI"
+            mediaAnimation="slide-up"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-wearing-glasses_329181-677.jpg", alt: "Portrait of handsome businessman" },
+              { src: "http://img.b2bpic.net/free-photo/smiling-hispanic-female-executive-wearing-eyeglasses-standing-studio_662251-664.jpg", alt: "Smiling Hispanic female executive" },
+              { src: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg", alt: "Smiling African American man" },
+              { src: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2004.jpg", alt: "Happy successful businessman" },
+              { src: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg", alt: "Videographer smiling at camera" }
+            ]}
+            avatarText="Join 10,000+ creators"
+            marqueeItems={[
+              { type: "text", text: "Fast Renders" },
+              { type: "text-icon", text: "4K Quality", icon: Monitor },
+              { type: "text", text: "Global CDN" },
+              { type: "text-icon", text: "API Ready", icon: Code },
+              { type: "text", text: "Unlimited Access" }
+            ]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyThree
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "1",
-          title: "Infinite Generation",
-          tags: [
-            "Unlimited",
-            "Pro Only",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/view-tiny-music-boxes-collection_23-2150545669.jpg?_wi=1",
-        },
-        {
-          id: "2",
-          title: "Advanced Video Editor",
-          tags: [
-            "Paid Feature",
-            "Studio",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/scene-with-business-person-working-futuristic-office-job_23-2151003698.jpg?_wi=1",
-        },
-        {
-          id: "3",
-          title: "API Developer Access",
-          tags: [
-            "Developer",
-            "Fast",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/fiber-optics-lights-abstract-background_23-2148241393.jpg?_wi=1",
-        },
-      ]}
-      title="Power Your Creativity"
-      description="Enterprise-grade AI tools designed for creators, developers, and studios."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyThree
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { id: "1", title: "Infinite Generation", tags: ["Unlimited", "Pro Only"], imageSrc: "http://img.b2bpic.net/free-photo/view-tiny-music-boxes-collection_23-2150545669.jpg" },
+              { id: "2", title: "Advanced Video Editor", tags: ["Paid Feature", "Studio"], imageSrc: "http://img.b2bpic.net/free-photo/scene-with-business-person-working-futuristic-office-job_23-2151003698.jpg" },
+              { id: "3", title: "API Developer Access", tags: ["Developer", "Fast"], imageSrc: "http://img.b2bpic.net/free-photo/fiber-optics-lights-abstract-background_23-2148241393.jpg" }
+            ]}
+            title="Power Your Creativity"
+            description="Enterprise-grade AI tools designed for creators, developers, and studios."
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardFive
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      plans={[
-        {
-          id: "starter",
-          tag: "Standard",
-          price: "$29",
-          period: "/mo",
-          description: "Perfect for hobbyists and individual creators.",
-          button: {
-            text: "Get Starter",
-          },
-          featuresTitle: "Included",
-          features: [
-            "1000 AI Credits/mo",
-            "Basic Video Editing",
-            "Email Support",
-          ],
-        },
-        {
-          id: "pro",
-          tag: "Unlimited",
-          price: "$99",
-          period: "/mo",
-          description: "Professional unlimited access with full editing tools.",
-          button: {
-            text: "Get Unlimited",
-          },
-          featuresTitle: "All Starter +",
-          features: [
-            "Unlimited Video/Photos",
-            "Pro Video Editor",
-            "Priority Render Queue",
-            "Developer API",
-          ],
-        },
-      ]}
-      title="Subscription Plans"
-      description="Choose the right access tier for your needs."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardFive
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            plans={[
+              {
+                id: "starter",                tag: "Standard",                price: "$29",                period: "/mo",                description: "Perfect for hobbyists and individual creators.",                button: { text: "Get Starter" },
+                featuresTitle: "Included",                features: ["1000 AI Credits/mo", "Basic Video Editing", "Email Support"]
+              },
+              {
+                id: "pro",                tag: "Unlimited",                price: "$99",                period: "/mo",                description: "Professional unlimited access with full editing tools.",                button: { text: "Get Unlimited" },
+                featuresTitle: "All Starter +",                features: ["Unlimited Video/Photos", "Pro Video Editor", "Priority Render Queue", "Developer API"]
+              }
+            ]}
+            title="Subscription Plans"
+            description="Choose the right access tier for your needs."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Alice W.",
-          date: "Jan 2025",
-          title: "Video Producer",
-          quote: "The unlimited generation tier completely changed my workflow.",
-          tag: "Pro",
-          avatarSrc: "http://img.b2bpic.net/free-photo/business-man-banner-concept-with-copy-space_23-2149601461.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/senior-female-patient-taking-medical-history-data-with-test-results_482257-122752.jpg?_wi=2",
-          imageAlt: "professional headshot",
-        },
-        {
-          id: "2",
-          name: "Marcus B.",
-          date: "Dec 2024",
-          title: "Developer",
-          quote: "API access is flawless for my custom projects.",
-          tag: "Dev",
-          avatarSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-tiny-music-boxes-collection_23-2150545669.jpg?_wi=2",
-          imageAlt: "professional headshot",
-        },
-        {
-          id: "3",
-          name: "Sarah J.",
-          date: "Nov 2024",
-          title: "Designer",
-          quote: "The AI video editor is surprisingly intuitive.",
-          tag: "Design",
-          avatarSrc: "http://img.b2bpic.net/free-photo/young-female-architect-looking-smiling-while-working-office-attractive-young-woman-studying-plans-new-office-building-sitting-desk-office_344912-79.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/scene-with-business-person-working-futuristic-office-job_23-2151003698.jpg?_wi=2",
-          imageAlt: "professional headshot",
-        },
-        {
-          id: "4",
-          name: "Tom K.",
-          date: "Oct 2024",
-          title: "Film Maker",
-          quote: "Fast, reliable, and high quality.",
-          tag: "Pro",
-          avatarSrc: "http://img.b2bpic.net/free-photo/close-up-cameraman-doing-his-job_23-2149037894.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/fiber-optics-lights-abstract-background_23-2148241393.jpg?_wi=2",
-          imageAlt: "professional headshot",
-        },
-        {
-          id: "5",
-          name: "Elena R.",
-          date: "Sep 2024",
-          title: "Animator",
-          quote: "Unlimited mode is a life saver for tight deadlines.",
-          tag: "Pro",
-          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-painting-watercolors_23-2150170408.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-data-technology-background-with-low-poly-plexus-design_1048-18066.jpg?_wi=1",
-          imageAlt: "professional headshot",
-        },
-      ]}
-      title="Trusted by Pro Creators"
-      description="Join thousands of creative professionals worldwide."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFive
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Alice W.", date: "Jan 2025", title: "Video Producer", quote: "The unlimited generation tier completely changed my workflow.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/business-man-banner-concept-with-copy-space_23-2149601461.jpg", imageSrc: "http://img.b2bpic.net/free-photo/senior-female-patient-taking-medical-history-data-with-test-results_482257-122752.jpg", imageAlt: "professional headshot" },
+              { id: "2", name: "Marcus B.", date: "Dec 2024", title: "Developer", quote: "API access is flawless for my custom projects.", tag: "Dev", avatarSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg", imageSrc: "http://img.b2bpic.net/free-photo/view-tiny-music-boxes-collection_23-2150545669.jpg", imageAlt: "professional headshot" },
+              { id: "3", name: "Sarah J.", date: "Nov 2024", title: "Designer", quote: "The AI video editor is surprisingly intuitive.", tag: "Design", avatarSrc: "http://img.b2bpic.net/free-photo/young-female-architect-looking-smiling-while-working-office-attractive-young-woman-studying-plans-new-office-building-sitting-desk-office_344912-79.jpg", imageSrc: "http://img.b2bpic.net/free-photo/scene-with-business-person-working-futuristic-office-job_23-2151003698.jpg", imageAlt: "professional headshot" },
+              { id: "4", name: "Tom K.", date: "Oct 2024", title: "Film Maker", quote: "Fast, reliable, and high quality.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-cameraman-doing-his-job_23-2149037894.jpg", imageSrc: "http://img.b2bpic.net/free-photo/fiber-optics-lights-abstract-background_23-2148241393.jpg", imageAlt: "professional headshot" },
+              { id: "5", name: "Elena R.", date: "Sep 2024", title: "Animator", quote: "Unlimited mode is a life saver for tight deadlines.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-painting-watercolors_23-2150170408.jpg", imageSrc: "http://img.b2bpic.net/free-photo/3d-data-technology-background-with-low-poly-plexus-design_1048-18066.jpg", imageAlt: "professional headshot" }
+            ]}
+            title="Trusted by Pro Creators"
+            description="Join thousands of creative professionals worldwide."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Get In Touch"
-      description="Have specific requirements for your studio or enterprise?"
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-          required: true,
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "Tell us about your project...",
-        rows: 4,
-        required: true,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/table-lamp-laptop-yellow-paper-plane-cork-board-against-white-background_23-2147873583.jpg"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={false}
+            title="Get In Touch"
+            description="Have specific requirements for your studio or enterprise?"
+            inputs={[
+              { name: "name", type: "text", placeholder: "Name", required: true },
+              { name: "email", type: "email", placeholder: "Email Address", required: true }
+            ]}
+            textarea={{ name: "message", placeholder: "Tell us about your project...", rows: 4, required: true }}
+            imageSrc="http://img.b2bpic.net/free-photo/table-lamp-laptop-yellow-paper-plane-cork-board-against-white-background_23-2147873583.jpg"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/3d-data-technology-background-with-low-poly-plexus-design_1048-18066.jpg?_wi=2"
-      logoText="GenAI Pro"
-      columns={[
-        {
-          title: "Product",
-          items: [
-            {
-              label: "API",
-              href: "#",
-            },
-            {
-              label: "Pricing",
-              href: "#pricing",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Contact",
-              href: "#",
-            },
-            {
-              label: "Privacy",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/3d-data-technology-background-with-low-poly-plexus-design_1048-18066.jpg"
+            logoText="GenAI Pro"
+            columns={[
+              {
+                title: "Product",                items: [{ label: "API", href: "#" }, { label: "Pricing", href: "#pricing" }]
+              },
+              {
+                title: "Support",                items: [{ label: "Contact", href: "#" }, { label: "Privacy", href: "#" }]
+              }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1