From 5816da28ea7ea06bdc7985c8db16b6dc4a44d046 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 4 Apr 2026 02:08:52 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 111 ++++++++++++++---------------------------------
 1 file changed, 32 insertions(+), 79 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index a3ee3d7..07f194b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,16 +28,12 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Portfolio",          id: "#portfolio"},
-        {
-          name: "Process",          id: "#how-it-works"},
-        {
-          name: "FAQ",          id: "#faq"},
+        { name: "Portfolio", id: "#portfolio" },
+        { name: "Process", id: "#how-it-works" },
+        { name: "FAQ", id: "#faq" },
       ]}
       brandName="Tyski Media"
-      button={{
-        text: "Book a Call",        href: "#contact"}}
+      button={{ text: "Book a Call", href: "#contact" }}
     />
   </div>
 
@@ -45,23 +41,14 @@ export default function LandingPage() {
       <HeroCarouselLogo
       logoText="Tyski Media"
       description="We scale YouTube channels for high-ticket businesses. You record, we handle the strategy, editing, and growth. Your content works 24/7."
-      buttons={[
-        {
-          text: "Book a Call",          href: "#contact"},
-      ]}
+      buttons={[{ text: "Book a Call", href: "#contact" }]}
       slides={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/content-creator-reviewing-mockup-phone-received-from-sponsor-close-up_482257-116464.jpg",          imageAlt: "Hero Slide 1"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/cozy-dark-loft-attractive-student-is-sitting-table-while-studying_613910-13260.jpg",          imageAlt: "Hero Slide 2"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/view-black-white-light-projector-theatre_23-2151184685.jpg",          imageAlt: "Hero Slide 3"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-people-discussing-work_52683-101630.jpg",          imageAlt: "Hero Slide 4"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/view-black-white-light-projector-theatre_23-2151184685.jpg",          imageAlt: "Hero Slide 5"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/african-american-musician-working-editing-new-music-with-greenscreen_482257-121209.jpg",          imageAlt: "Hero Slide 6"},
+        { imageSrc: "http://img.b2bpic.net/free-photo/content-creator-reviewing-mockup-phone-received-from-sponsor-close-up_482257-116464.jpg", imageAlt: "Hero Slide 1" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/cozy-dark-loft-attractive-student-is-sitting-table-while-studying_613910-13260.jpg", imageAlt: "Hero Slide 2" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/view-black-white-light-projector-theatre_23-2151184685.jpg", imageAlt: "Hero Slide 3" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-people-discussing-work_52683-101630.jpg", imageAlt: "Hero Slide 4" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/view-black-white-light-projector-theatre_23-2151184685.jpg", imageAlt: "Hero Slide 5" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/african-american-musician-working-editing-new-music-with-greenscreen_482257-121209.jpg", imageAlt: "Hero Slide 6" },
       ]}
     />
   </div>
@@ -73,18 +60,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",          name: "Tech Review",          price: "Featured",          imageSrc: "http://img.b2bpic.net/free-photo/content-creator-reviewing-mockup-phone-received-from-sponsor-close-up_482257-116464.jpg"},
-        {
-          id: "p2",          name: "Lifestyle Vlog",          price: "Featured",          imageSrc: "http://img.b2bpic.net/free-photo/cozy-dark-loft-attractive-student-is-sitting-table-while-studying_613910-13260.jpg"},
-        {
-          id: "p3",          name: "Educational Series",          price: "Featured",          imageSrc: "http://img.b2bpic.net/free-photo/view-black-white-light-projector-theatre_23-2151184685.jpg"},
-        {
-          id: "p4",          name: "Documentary",          price: "Featured",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-people-discussing-work_52683-101630.jpg"},
-        {
-          id: "p5",          name: "Brand Story",          price: "Featured",          imageSrc: "http://img.b2bpic.net/free-photo/view-black-white-light-projector-theatre_23-2151184685.jpg"},
-        {
-          id: "p6",          name: "Shorts Campaign",          price: "Featured",          imageSrc: "http://img.b2bpic.net/free-photo/african-american-musician-working-editing-new-music-with-greenscreen_482257-121209.jpg"},
+        { id: "p1", name: "Tech Review", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/content-creator-reviewing-mockup-phone-received-from-sponsor-close-up_482257-116464.jpg" },
+        { id: "p2", name: "Lifestyle Vlog", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/cozy-dark-loft-attractive-student-is-sitting-table-while-studying_613910-13260.jpg" },
+        { id: "p3", name: "Educational Series", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/view-black-white-light-projector-theatre_23-2151184685.jpg" },
+        { id: "p4", name: "Documentary", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-people-discussing-work_52683-101630.jpg" },
+        { id: "p5", name: "Brand Story", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/view-black-white-light-projector-theatre_23-2151184685.jpg" },
+        { id: "p6", name: "Shorts Campaign", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/african-american-musician-working-editing-new-music-with-greenscreen_482257-121209.jpg" },
       ]}
       title="Portfolio"
       description="High-converting content that drives results."
@@ -93,18 +74,13 @@ export default function LandingPage() {
 
   <div id="how-it-works" data-section="how-it-works">
       <FeatureCardTwentyFour
+      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
-          id: "f1",          title: "1. Strategy & Systemization",          author: "Setup",          description: "We build your custom 'Vault'—a centralized hub pre-loaded with brand assets and high-converting concepts.",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-light-streaks-with-spheres_1017-2806.jpg",          tags: [],
-        },
-        {
-          id: "f2",          title: "2. You Record, We Build",          author: "Production",          description: "Apply our 'invisible editing' style that removes the fluff and turns viewers into high-ticket buyers.",          imageSrc: "http://img.b2bpic.net/free-vector/creative-design-thinking-d-printing-modeling-25-glyph-solid-black-icon-pack-such-as-computing-box-scale-print-filament_1142-26806.jpg",          tags: [],
-        },
-        {
-          id: "f3",          title: "3. Publish & Profit",          author: "Management",          description: "We manage end-to-end: thumbnails, SEO descriptions, and uploading. You record, we profit.",          imageSrc: "http://img.b2bpic.net/free-vector/seo-concept-illustration_24908-61517.jpg",          tags: [],
-        },
+        { id: "f1", title: "1. Strategy & Systemization", author: "Setup", description: "We build your custom 'Vault'—a centralized hub pre-loaded with brand assets and high-converting concepts.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-light-streaks-with-spheres_1017-2806.jpg", tags: [] },
+        { id: "f2", title: "2. You Record, We Build", author: "Production", description: "Apply our 'invisible editing' style that removes the fluff and turns viewers into high-ticket buyers.", imageSrc: "http://img.b2bpic.net/free-vector/creative-design-thinking-d-printing-modeling-25-glyph-solid-black-icon-pack-such-as-computing-box-scale-print-filament_1142-26806.jpg", tags: [] },
+        { id: "f3", title: "3. Publish & Profit", author: "Management", description: "We manage end-to-end: thumbnails, SEO descriptions, and uploading. You record, we profit.", imageSrc: "http://img.b2bpic.net/free-vector/seo-concept-illustration_24908-61517.jpg", tags: [] },
       ]}
       title="How It Works"
       description="Our proven system to scale your channel."
@@ -116,16 +92,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",          title: "Game Changer",          quote: "Tyski Media is the best decision I ever made for my channel.",          name: "Sarah J.",          role: "Tech Creator",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-home_23-2149412549.jpg"},
-        {
-          id: "t2",          title: "Consistent Results",          quote: "My leads tripled in 3 months. Absolutely elite service.",          name: "Mark D.",          role: "Business Coach",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-wearing-apron_23-2149007471.jpg"},
-        {
-          id: "t3",          title: "Invisible Editing",          quote: "They edited my videos so well I couldn't even tell it was edited.",          name: "Elena R.",          role: "Lifestyle Vlogger",          imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-takes-selfie-with-her-phone-emotions-concept_169016-64227.jpg"},
-        {
-          id: "t4",          title: "Elite Professionalism",          quote: "The vault setup saved me hours of work every week.",          name: "David L.",          role: "Educator",          imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg"},
-        {
-          id: "t5",          title: "Growth Engine",          quote: "Scale is easy when you have the right team handling production.",          name: "Jenny K.",          role: "SaaS Founder",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing_23-2149271087.jpg"},
+        { id: "t1", title: "Game Changer", quote: "Tyski Media is the best decision I ever made for my channel.", name: "Sarah J.", role: "Tech Creator", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-home_23-2149412549.jpg" },
+        { id: "t2", title: "Consistent Results", quote: "My leads tripled in 3 months. Absolutely elite service.", name: "Mark D.", role: "Business Coach", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-wearing-apron_23-2149007471.jpg" },
+        { id: "t3", title: "Invisible Editing", quote: "They edited my videos so well I couldn't even tell it was edited.", name: "Elena R.", role: "Lifestyle Vlogger", imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-takes-selfie-with-her-phone-emotions-concept_169016-64227.jpg" },
+        { id: "t4", title: "Elite Professionalism", quote: "The vault setup saved me hours of work every week.", name: "David L.", role: "Educator", imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg" },
+        { id: "t5", title: "Growth Engine", quote: "Scale is easy when you have the right team handling production.", name: "Jenny K.", role: "SaaS Founder", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing_23-2149271087.jpg" },
       ]}
       title="What Creators Say"
       description="Trusted by top-tier YouTube creators."
@@ -137,14 +108,10 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",          title: "What do I need to do?",          content: "Just record your content and upload the raw files to our shared drive. We do the rest."},
-        {
-          id: "q2",          title: "How fast is the turnaround?",          content: "Our standard production turn is 48 hours for high-quality edits."},
-        {
-          id: "q3",          title: "What is the vault?",          content: "A personalized hub with all your brand assets, fonts, and verified concepts."},
-        {
-          id: "q4",          title: "Do you handle thumbnails?",          content: "Yes, we handle thumbnails, SEO descriptions, and full scheduling."},
+        { id: "q1", title: "What do I need to do?", content: "Just record your content and upload the raw files to our shared drive. We do the rest." },
+        { id: "q2", title: "How fast is the turnaround?", content: "Our standard production turn is 48 hours for high-quality edits." },
+        { id: "q3", title: "What is the vault?", content: "A personalized hub with all your brand assets, fonts, and verified concepts." },
+        { id: "q4", title: "Do you handle thumbnails?", content: "Yes, we handle thumbnails, SEO descriptions, and full scheduling." },
       ]}
       title="FAQs"
       description="Common questions about our agency process."
@@ -157,22 +124,8 @@ export default function LandingPage() {
       imageSrc="http://img.b2bpic.net/free-photo/content-creator-reviewing-mockup-phone-received-from-sponsor-close-up_482257-116464.jpg"
       logoText="Tyski Media"
       columns={[
-        {
-          title: "Agency",          items: [
-            {
-              label: "Portfolio",              href: "#portfolio"},
-            {
-              label: "How It Works",              href: "#how-it-works"},
-          ],
-        },
-        {
-          title: "Legal",          items: [
-            {
-              label: "Privacy Policy",              href: "#"},
-            {
-              label: "Terms of Service",              href: "#"},
-          ],
-        },
+        { title: "Agency", items: [{ label: "Portfolio", href: "#portfolio" }, { label: "How It Works", href: "#how-it-works" }] },
+        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
       ]}
     />
   </div>