From adff4be78df58ce655899d268f9d4951c5098389 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 11 Apr 2026 09:38:50 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 429 +++++++++++++----------------------------------
 1 file changed, 120 insertions(+), 309 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index b438cf1..36a7f87 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,324 +16,135 @@ export default function LandingPage() {
         defaultButtonVariant="bounce-effect"
         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">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Integrations",
-          id: "integrations",
-        },
-        {
-          name: "Discount Codes",
-          id: "discounts",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-      ]}
-      brandName="Aija AI"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Features", id: "features" },
+              { name: "Integrations", id: "integrations" },
+              { name: "Discount Codes", id: "discounts" },
+              { name: "Pricing", id: "pricing" },
+            ]}
+            brandName="Aija AI"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDoubleCarousel
-      background={{
-        variant: "plain",
-      }}
-      title="Master Faceless Content with Aija AI"
-      description="Generate, schedule, and automate your viral video pipeline across Instagram, TikTok, and YouTube in minutes."
-      leftCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/play-button-media-player-podcast-graphic_53876-121173.jpg",
-          imageAlt: "AI Video Dashboard",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/big-brother-surveillance-concept-composition_23-2150169364.jpg",
-          imageAlt: "AI Video Dashboard",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg",
-          imageAlt: "AI Video Dashboard",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-expert-working-with-technology-neon-lights_23-2151645689.jpg",
-          imageAlt: "AI Video Dashboard",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063067.jpg",
-          imageAlt: "AI Video Dashboard",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/remote-worker-home-watching-business-conference-pc-monitor-looking-statistics_482257-135558.jpg",
-          imageAlt: "AI Video Dashboard",
-        },
-      ]}
-      rightCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/creative-artists-work-painting-colorful-patterns-generated-by-ai_188544-43093.jpg",
-          imageAlt: "Social Sync",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-turned-digital-midi-controller_400718-29.jpg",
-          imageAlt: "Social Sync",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-laptop_23-2151004297.jpg",
-          imageAlt: "Social Sync",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-using-ai-develop-software-system-with-chroma-key-pc_482257-121446.jpg",
-          imageAlt: "Social Sync",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063046.jpg",
-          imageAlt: "Social Sync",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-dashboard-display_23-2151977856.jpg",
-          imageAlt: "Social Sync",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Start Automating",
-          href: "#",
-        },
-      ]}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/ceo-employees-attend-videocall-network-briefing_482257-88030.jpg",
-          alt: "CEO and employees attend videocall",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/office-work-computer-technology-concept_53876-138652.jpg",
-          alt: "Office work concept",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/communication-social-media-icons-personal-computer_23-2150781064.jpg",
-          alt: "Social media icons",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924156.jpg",
-          alt: "AI powered device",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg",
-          alt: "Student taking notes",
-        },
-      ]}
-      avatarText="Trusted by 5,000+ creators"
-      marqueeItems={[
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/person-having-conversation-with-ai-virtual-assistant-producing-clips_482257-127292.jpg",
-          alt: "AI assistant",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg",
-          alt: "Business conference",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169845.jpg",
-          alt: "UI design",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/army-soldier-reviews-targets-satellite-world-map-ensure-global-protection_482257-91236.jpg",
-          alt: "World map",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/server-room-computer-controlling-devices-used-high-speed-data-transfers_482257-124282.jpg",
-          alt: "Data transfer",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitDoubleCarousel
+            background={{ variant: "plain" }}
+            title="Master Faceless Content with Aija AI"
+            description="Generate, schedule, and automate your viral video pipeline across Instagram, TikTok, and YouTube in minutes."
+            leftCarouselItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/play-button-media-player-podcast-graphic_53876-121173.jpg", imageAlt: "AI Video Dashboard" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/big-brother-surveillance-concept-composition_23-2150169364.jpg", imageAlt: "AI Video Dashboard" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg", imageAlt: "AI Video Dashboard" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-expert-working-with-technology-neon-lights_23-2151645689.jpg", imageAlt: "AI Video Dashboard" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063067.jpg", imageAlt: "AI Video Dashboard" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/remote-worker-home-watching-business-conference-pc-monitor-looking-statistics_482257-135558.jpg", imageAlt: "AI Video Dashboard" },
+            ]}
+            rightCarouselItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/creative-artists-work-painting-colorful-patterns-generated-by-ai_188544-43093.jpg", imageAlt: "Social Sync" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-turned-digital-midi-controller_400718-29.jpg", imageAlt: "Social Sync" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-laptop_23-2151004297.jpg", imageAlt: "Social Sync" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-using-ai-develop-software-system-with-chroma-key-pc_482257-121446.jpg", imageAlt: "Social Sync" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063046.jpg", imageAlt: "Social Sync" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-dashboard-display_23-2151977856.jpg", imageAlt: "Social Sync" },
+            ]}
+            buttons={[{ text: "Start Automating", href: "#" }]}
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/ceo-employees-attend-videocall-network-briefing_482257-88030.jpg", alt: "CEO and employees attend videocall" },
+              { src: "http://img.b2bpic.net/free-photo/office-work-computer-technology-concept_53876-138652.jpg", alt: "Office work concept" },
+              { src: "http://img.b2bpic.net/free-photo/communication-social-media-icons-personal-computer_23-2150781064.jpg", alt: "Social media icons" },
+              { src: "http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924156.jpg", alt: "AI powered device" },
+              { src: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg", alt: "Student taking notes" },
+            ]}
+            avatarText="Trusted by 5,000+ creators"
+            marqueeItems={[
+              { type: "image", src: "http://img.b2bpic.net/free-photo/person-having-conversation-with-ai-virtual-assistant-producing-clips_482257-127292.jpg", alt: "AI assistant" },
+              { type: "image", src: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg", alt: "Business conference" },
+              { type: "image", src: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169845.jpg", alt: "UI design" },
+              { type: "image", src: "http://img.b2bpic.net/free-photo/army-soldier-reviews-targets-satellite-world-map-ensure-global-protection_482257-91236.jpg", alt: "World map" },
+              { type: "image", src: "http://img.b2bpic.net/free-photo/server-room-computer-controlling-devices-used-high-speed-data-transfers_482257-124282.jpg", alt: "Data transfer" },
+            ]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyFour
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "f1",
-          title: "Auto-Generation",
-          author: "AI Engine",
-          description: "Create high-performing faceless scripts and visuals.",
-          tags: [
-            "AI",
-            "Video",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/robot-film-director_1048-4562.jpg",
-        },
-        {
-          id: "f2",
-          title: "Social Sync",
-          author: "Scheduler",
-          description: "Auto-upload to YouTube, Instagram, and TikTok instantly.",
-          tags: [
-            "Social",
-            "API",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126876.jpg",
-        },
-        {
-          id: "f3",
-          title: "Pricing Control",
-          author: "Owner Panel",
-          description: "Generate custom discount codes with percentage-based prices.",
-          tags: [
-            "Billing",
-            "Admin",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-gift-voucher-with-hand_23-2149243865.jpg",
-        },
-      ]}
-      title="Automated Content Ecosystem"
-      description="Everything you need to scale your reach without ever showing your face."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyFour
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { id: "f1", title: "Auto-Generation", author: "AI Engine", description: "Create high-performing faceless scripts and visuals.", tags: ["AI", "Video"], imageSrc: "http://img.b2bpic.net/free-photo/robot-film-director_1048-4562.jpg" },
+              { id: "f2", title: "Social Sync", author: "Scheduler", description: "Auto-upload to YouTube, Instagram, and TikTok instantly.", tags: ["Social", "API"], imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126876.jpg" },
+              { id: "f3", title: "Pricing Control", author: "Owner Panel", description: "Generate custom discount codes with percentage-based prices.", tags: ["Billing", "Admin"], imageSrc: "http://img.b2bpic.net/free-photo/beautiful-gift-voucher-with-hand_23-2149243865.jpg" },
+            ]}
+            title="Automated Content Ecosystem"
+            description="Everything you need to scale your reach without ever showing your face."
+          />
+        </div>
 
-  <div id="integrations" data-section="integrations">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={true}
-      names={[
-        "TikTok Integration",
-        "Instagram API",
-        "YouTube Studio",
-        "Facebook Sync",
-        "Twitter Automation",
-        "LinkedIn Auto",
-        "Threads Integration",
-      ]}
-      title="Platform Ready"
-      description="Seamlessly connect and automate your workflow with these platforms."
-    />
-  </div>
+        <div id="integrations" data-section="integrations">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={true}
+            names={["TikTok Integration", "Instagram API", "YouTube Studio", "Facebook Sync", "Twitter Automation", "LinkedIn Auto", "Threads Integration"]}
+            title="Platform Ready"
+            description="Seamlessly connect and automate your workflow with these platforms."
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardOne
-      animationType="depth-3d"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      plans={[
-        {
-          id: "basic",
-          badge: "Entry",
-          price: "$29",
-          subtitle: "For content starters",
-          features: [
-            "1 AI Video",
-            "3 Socials",
-            "Manual Upload",
-          ],
-        },
-        {
-          id: "pro",
-          badge: "Pro",
-          price: "$79",
-          subtitle: "For full automation",
-          features: [
-            "Unlimited Videos",
-            "Social Auto-Sync",
-            "Discount Portal",
-          ],
-        },
-        {
-          id: "agency",
-          badge: "Elite",
-          price: "$199",
-          subtitle: "For growth teams",
-          features: [
-            "White Label",
-            "Priority Support",
-            "Bulk Codes",
-          ],
-        },
-      ]}
-      title="Simple Scalable Pricing"
-      description="Choose the tier that fits your growth."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardOne
+            animationType="depth-3d"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            plans={[
+              { id: "basic", badge: "Entry", price: "$29", subtitle: "For content starters", features: ["1 AI Video", "3 Socials", "Manual Upload"] },
+              { id: "pro", badge: "Pro", price: "$79", subtitle: "For full automation", features: ["Unlimited Videos", "Social Auto-Sync", "Discount Portal"] },
+              { id: "agency", badge: "Elite", price: "$199", subtitle: "For growth teams", features: ["White Label", "Priority Support", "Bulk Codes"] },
+            ]}
+            title="Simple Scalable Pricing"
+            description="Choose the tier that fits your growth."
+          />
+        </div>
 
-  <div id="discounts" data-section="discounts">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      text="Generate unique gift codes for your community. Define the discount percentage and track usage directly from your admin panel."
-      buttons={[
-        {
-          text: "Create Discount Code",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="discounts" data-section="discounts">
+          <ContactText
+            useInvertedBackground={false}
+            background={{ variant: "sparkles-gradient" }}
+            text="Generate unique gift codes for your community. Define the discount percentage and track usage directly from your admin panel."
+            buttons={[{ text: "Create Discount Code", href: "#" }]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      text="Have questions about integration or code generation? Our team is here to help."
-      buttons={[
-        {
-          text: "Contact Support",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={false}
+            background={{ variant: "gradient-bars" }}
+            text="Have questions about integration or code generation? Our team is here to help."
+            buttons={[{ text: "Contact Support", href: "#" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/old-client-asking-senior-medical-specialist-about-disease-prevention_482257-122765.jpg"
-      logoText="Aija AI"
-      columns={[
-        {
-          title: "Platform",
-          items: [
-            {
-              label: "Features",
-              href: "#features",
-            },
-            {
-              label: "Pricing",
-              href: "#pricing",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Connect Socials",
-              href: "#integrations",
-            },
-            {
-              label: "API Docs",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/old-client-asking-senior-medical-specialist-about-disease-prevention_482257-122765.jpg"
+            logoText="Aija AI"
+            columns={[
+              { title: "Platform", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
+              { title: "Support", items: [{ label: "Connect Socials", href: "#integrations" }, { label: "API Docs", href: "#" }] },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1