From e1ab8220b7a6a4f3472882b3ac1ad6e794a39915 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 15 Apr 2026 13:28:58 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 352 +++++++----------------------------------------
 1 file changed, 48 insertions(+), 304 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 596f0ea..735dd71 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,75 +32,29 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Features", id: "features" },
+        { name: "Pricing", id: "pricing" },
+        { name: "FAQ", id: "faq" }
       ]}
       brandName="Book2Movie"
-      button={{
-        text: "Upload Book",
-        href: "#upload",
-      }}
+      button={{ text: "Upload Book", href: "#upload" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       title="Too tired to read? Let your book become a movie."
       description="Transform your favorite digital books into cinematic masterpieces with our revolutionary AI-powered platform. Watch your imagination come to life instantly."
-      buttons={[
-        {
-          text: "Upload Your Book",
-          href: "#upload",
-        },
-      ]}
+      buttons={[{ text: "Upload Your Book", href: "#upload" }]}
       carouselItems={[
-        {
-          id: "c1",
-          imageSrc: "http://img.b2bpic.net/free-photo/bronze-texture-background_24837-626.jpg",
-          imageAlt: "Cinematic visual 1",
-        },
-        {
-          id: "c2",
-          imageSrc: "http://img.b2bpic.net/free-photo/robot-cyborg-ai-robotics-android-concept_53876-120443.jpg",
-          imageAlt: "Cinematic visual 2",
-        },
-        {
-          id: "c3",
-          imageSrc: "http://img.b2bpic.net/free-photo/old-russian-book_1385-1036.jpg",
-          imageAlt: "Cinematic visual 3",
-        },
-        {
-          id: "c4",
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-concrete-room-with-neon-lights_1048-12982.jpg",
-          imageAlt: "Cinematic visual 4",
-        },
-        {
-          id: "c5",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-bouquet-flowers-with-glitch-effect_23-2148305003.jpg",
-          imageAlt: "Cinematic visual 5",
-        },
-        {
-          id: "c6",
-          imageSrc: "http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248498.jpg",
-          imageAlt: "Cinematic visual 6",
-        },
+        { id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/bronze-texture-background_24837-626.jpg", imageAlt: "Cinematic visual 1" },
+        { id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/robot-cyborg-ai-robotics-android-concept_53876-120443.jpg", imageAlt: "Cinematic visual 2" },
+        { id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/old-russian-book_1385-1036.jpg", imageAlt: "Cinematic visual 3" },
+        { id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/empty-concrete-room-with-neon-lights_1048-12982.jpg", imageAlt: "Cinematic visual 4" },
+        { id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-bouquet-flowers-with-glitch-effect_23-2148305003.jpg", imageAlt: "Cinematic visual 5" },
+        { id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248498.jpg", imageAlt: "Cinematic visual 6" }
       ]}
     />
   </div>
@@ -110,24 +64,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Upload",
-          description: "Drag and drop your PDF, EPUB, or TXT file or simply paste your story content.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mghm5c",
-          imageAlt: "Upload step",
-        },
-        {
-          title: "AI Processing",
-          description: "Our AI analyzes the characters, scenes, and narration style to generate unique visuals.",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-medical-background-with-male-figure-with-brain-highlighted-techno-overlay_1048-13543.jpg",
-          imageAlt: "AI Processing step",
-        },
-        {
-          title: "Watch",
-          description: "Enjoy your customized movie or series right in your browser with cinematic quality.",
-          imageSrc: "http://img.b2bpic.net/free-photo/music-background-with-phone-with-music-icon-modern-technology-concept_169016-52931.jpg",
-          imageAlt: "Watch step",
-        },
+        { title: "Upload", description: "Drag and drop your PDF, EPUB, or TXT file or simply paste your story content.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mghm5c", imageAlt: "Upload step" },
+        { title: "AI Processing", description: "Our AI analyzes the characters, scenes, and narration style to generate unique visuals.", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-medical-background-with-male-figure-with-brain-highlighted-techno-overlay_1048-13543.jpg", imageAlt: "AI Processing step" },
+        { title: "Watch", description: "Enjoy your customized movie or series right in your browser with cinematic quality.", imageSrc: "http://img.b2bpic.net/free-photo/music-background-with-phone-with-music-icon-modern-technology-concept_169016-52931.jpg", imageAlt: "Watch step" }
       ]}
       title="How It Works"
       description="Simple steps to transform your story into an cinematic adventure."
@@ -141,42 +80,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
-          id: "feat1",
-          name: "Multi-Episode Series",
-          price: "Standard",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zdxqdc",
-        },
-        {
-          id: "feat2",
-          name: "Custom Style Generator",
-          price: "AI-Powered",
-          imageSrc: "http://img.b2bpic.net/free-photo/conceptual-3d-illustration-basketball-player-dunking-motion-design_183364-124095.jpg",
-        },
-        {
-          id: "feat3",
-          name: "Cinematic Visuals",
-          price: "4K Ultra",
-          imageSrc: "http://img.b2bpic.net/free-vector/class-style-video-player-template-design_1017-25486.jpg",
-        },
-        {
-          id: "feat4",
-          name: "Character Visualization",
-          price: "Unique",
-          imageSrc: "http://img.b2bpic.net/free-photo/digital-illustration-cell-reflective-surface-against-black-background-with-space-text_181624-23704.jpg",
-        },
-        {
-          id: "feat5",
-          name: "Voice Narration Options",
-          price: "Premium",
-          imageSrc: "http://img.b2bpic.net/free-photo/printer-icon-front-side_187299-39561.jpg",
-        },
-        {
-          id: "feat6",
-          name: "Movie Poster Engine",
-          price: "Exclusive",
-          imageSrc: "http://img.b2bpic.net/free-vector/classic-video-player-template-design_1017-39477.jpg",
-        },
+        { id: "feat1", name: "Multi-Episode Series", price: "Standard", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zdxqdc" },
+        { id: "feat2", name: "Custom Style Generator", price: "AI-Powered", imageSrc: "http://img.b2bpic.net/free-photo/conceptual-3d-illustration-basketball-player-dunking-motion-design_183364-124095.jpg" },
+        { id: "feat3", name: "Cinematic Visuals", price: "4K Ultra", imageSrc: "http://img.b2bpic.net/free-vector/class-style-video-player-template-design_1017-25486.jpg" },
+        { id: "feat4", name: "Character Visualization", price: "Unique", imageSrc: "http://img.b2bpic.net/free-photo/digital-illustration-cell-reflective-surface-against-black-background-with-space-text_181624-23704.jpg" },
+        { id: "feat5", name: "Voice Narration Options", price: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/printer-icon-front-side_187299-39561.jpg" },
+        { id: "feat6", name: "Movie Poster Engine", price: "Exclusive", imageSrc: "http://img.b2bpic.net/free-vector/classic-video-player-template-design_1017-39477.jpg" }
       ]}
       title="Platform Features"
       description="Advanced tools for the ultimate storytelling experience."
@@ -190,27 +99,9 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "100K+",
-          title: "Books Converted",
-          description: "Stories brought to life.",
-          icon: BookOpen,
-        },
-        {
-          id: "m2",
-          value: "500K+",
-          title: "Minutes Watched",
-          description: "Total cinematic time.",
-          icon: PlayCircle,
-        },
-        {
-          id: "m3",
-          value: "99.9%",
-          title: "Uptime",
-          description: "Constant performance.",
-          icon: Zap,
-        },
+        { id: "m1", value: "100K+", title: "Books Converted", description: "Stories brought to life.", icon: BookOpen },
+        { id: "m2", value: "500K+", title: "Minutes Watched", description: "Total cinematic time.", icon: PlayCircle },
+        { id: "m3", value: "99.9%", title: "Uptime", description: "Constant performance.", icon: Zap }
       ]}
       title="Streaming Impact"
       description="Join thousands of users creating magic every day."
@@ -219,63 +110,20 @@ export default function LandingPage() {
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardSixteen
+      animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          name: "Alice M.",
-          role: "Novelist",
-          company: "Book2Movie",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-blurred-woman-reading_23-2148294004.jpg",
-        },
-        {
-          id: "t2",
-          name: "Bob D.",
-          role: "Film Buff",
-          company: "Book2Movie",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-universe-projection-texture_23-2149581280.jpg",
-        },
-        {
-          id: "t3",
-          name: "Charlie R.",
-          role: "Creator",
-          company: "Book2Movie",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-standing-metalic-wire-mesh_158595-4332.jpg",
-        },
-        {
-          id: "t4",
-          name: "David W.",
-          role: "Artist",
-          company: "Book2Movie",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-video-creator-working-editing-movie-montage-project_482257-126299.jpg",
-        },
-        {
-          id: "t5",
-          name: "Eva P.",
-          role: "Reader",
-          company: "Book2Movie",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-board-holding-opened-book_23-2147910881.jpg",
-        },
+        { id: "t1", name: "Alice M.", role: "Novelist", company: "Book2Movie", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-blurred-woman-reading_23-2148294004.jpg" },
+        { id: "t2", name: "Bob D.", role: "Film Buff", company: "Book2Movie", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-universe-projection-texture_23-2149581280.jpg" },
+        { id: "t3", name: "Charlie R.", role: "Creator", company: "Book2Movie", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-standing-metalic-wire-mesh_158595-4332.jpg" },
+        { id: "t4", name: "David W.", role: "Artist", company: "Book2Movie", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-video-creator-working-editing-movie-montage-project_482257-126299.jpg" },
+        { id: "t5", name: "Eva P.", role: "Reader", company: "Book2Movie", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-board-holding-opened-book_23-2147910881.jpg" }
       ]}
       kpiItems={[
-        {
-          value: "4.9/5",
-          label: "Avg Rating",
-        },
-        {
-          value: "5M+",
-          label: "Characters Created",
-        },
-        {
-          value: "120+",
-          label: "Genre Styles",
-        },
+        { value: "4.9/5", label: "Avg Rating" },
+        { value: "5M+", label: "Characters Created" },
+        { value: "120+", label: "Genre Styles" }
       ]}
       title="User Reviews"
       description="See what creators are saying about their new movies."
@@ -288,51 +136,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       plans={[
-        {
-          id: "basic",
-          name: "Basic",
-          price: "$19/mo",
-          features: [
-            "1 Movie/mo",
-            "Basic Style",
-            "Standard Quality",
-          ],
-          buttons: [
-            {
-              text: "Select Basic",
-            },
-          ],
-        },
-        {
-          id: "pro",
-          name: "Professional",
-          price: "$49/mo",
-          features: [
-            "5 Movies/mo",
-            "Advanced Styles",
-            "4K Quality",
-          ],
-          buttons: [
-            {
-              text: "Select Pro",
-            },
-          ],
-        },
-        {
-          id: "studio",
-          name: "Studio",
-          price: "$99/mo",
-          features: [
-            "Unlimited Movies",
-            "Custom Styles",
-            "Priority Render",
-          ],
-          buttons: [
-            {
-              text: "Select Studio",
-            },
-          ],
-        },
+        { id: "basic", name: "Basic", price: "$19/mo", features: ["1 Movie/mo", "Basic Style", "Standard Quality"], buttons: [{ text: "Select Basic" }] },
+        { id: "pro", name: "Professional", price: "$49/mo", features: ["5 Movies/mo", "Advanced Styles", "4K Quality"], buttons: [{ text: "Select Pro" }] },
+        { id: "studio", name: "Studio", price: "$99/mo", features: ["Unlimited Movies", "Custom Styles", "Priority Render"], buttons: [{ text: "Select Studio" }] }
       ]}
       title="Simple Plans"
       description="Choose the best plan to start your movie transformation."
@@ -343,21 +149,9 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "f1",
-          title: "Is my data safe?",
-          content: "Yes, we use industry-standard encryption for all uploads.",
-        },
-        {
-          id: "f2",
-          title: "How fast is generation?",
-          content: "Generation takes 5-15 minutes depending on book length.",
-        },
-        {
-          id: "f3",
-          title: "Can I download videos?",
-          content: "Yes, you can export your creations in high quality.",
-        },
+        { id: "f1", title: "Is my data safe?", content: "Yes, we use industry-standard encryption for all uploads." },
+        { id: "f2", title: "How fast is generation?", content: "Generation takes 5-15 minutes depending on book length." },
+        { id: "f3", title: "Can I download videos?", content: "Yes, you can export your creations in high quality." }
       ]}
       sideTitle="Common Questions"
       faqsAnimation="slide-up"
@@ -367,36 +161,22 @@ export default function LandingPage() {
   <div id="upload" data-section="upload">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
+      background={{ variant: "radial-gradient" }}
       tag="Get Started"
       title="Ready to Transform?"
       description="Paste your story below or upload a file to begin your cinematic journey."
-      buttons={[
-        {
-          text: "Start Uploading",
-          href: "#",
-        },
-      ]}
+      buttons={[{ text: "Start Uploading", href: "#" }]}
     />
   </div>
 
   <div id="contact-support" data-section="contact-support">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       tag="Support"
       title="Need Help?"
       description="Our team is here to assist you with your cinematic transformation."
-      buttons={[
-        {
-          text: "Contact Support",
-          href: "#",
-        },
-      ]}
+      buttons={[{ text: "Contact Support", href: "#" }]}
     />
   </div>
 
@@ -404,49 +184,13 @@ export default function LandingPage() {
       <FooterBaseCard
       logoText="Book2Movie"
       columns={[
-        {
-          title: "Product",
-          items: [
-            {
-              label: "Features",
-              href: "#features",
-            },
-            {
-              label: "Pricing",
-              href: "#pricing",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#",
-            },
-            {
-              label: "Support",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Terms",
-              href: "#",
-            },
-            {
-              label: "Privacy",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
+        { title: "Company", items: [{ label: "About", href: "#" }, { label: "Support", href: "#" }] },
+        { title: "Legal", items: [{ label: "Terms", href: "#" }, { label: "Privacy", href: "#" }] }
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1