From c7e41d24b9445c8c64caab4d3b4a6dafe9e58886 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 30 Mar 2026 11:07:19 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 179 ++++++++++-------------------------------------
 1 file changed, 38 insertions(+), 141 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index d502f66..a69c7dd 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,22 +29,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Portfolio",
-          id: "portfolio",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Portfolio", id: "portfolio" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="LyricalEdit"
     />
@@ -55,17 +43,11 @@ export default function LandingPage() {
       logoText="LYRICAL EDIT"
       description="Crafting cinematic lyric experiences that turn every beat into a visual story. Specializing in kinetic typography and immersive music motion design."
       buttons={[
-        {
-          text: "View My Work",
-          href: "#portfolio",
-        },
-        {
-          text: "Let's Collaborate",
-          href: "#contact",
-        },
+        { text: "View My Work", href: "#portfolio" },
+        { text: "Let's Collaborate", href: "#contact" },
       ]}
       buttonAnimation="slide-up"
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf8QIBGt3Oe4FVAr82WBvu3ihG/cinematic-neon-lyric-video-edit-display--1774868795266-7ab3e533.png?_wi=1"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf8QIBGt3Oe4FVAr82WBvu3ihG/cinematic-neon-lyric-video-edit-display--1774868795266-7ab3e533.png"
       imageAlt="Cinematic neon lyric video edit display with glowing text animation on a dark music studio background."
     />
   </div>
@@ -75,50 +57,25 @@ export default function LandingPage() {
       useInvertedBackground={true}
       title="Bringing Lyrics to Life"
       description={[
-        "I don't just add text to videos; I build visual identities for your music. With a background in motion design and deep passion for audio-visual synchronization, I translate feelings into motion.",
-        "Every edit is tailored to capture the unique rhythm and vibe of your track, ensuring your fans get an immersive experience from the first line to the last.",
-      ]}
+        "I don't just add text to videos; I build visual identities for your music. With a background in motion design and deep passion for audio-visual synchronization, I translate feelings into motion.",        "Every edit is tailored to capture the unique rhythm and vibe of your track, ensuring your fans get an immersive experience from the first line to the last."]}
     />
   </div>
 
   <div id="portfolio" data-section="portfolio">
       <FeatureCardTwentyFour
+      animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
         {
-          id: "f1",
-          title: "Midnight Haze",
-          author: "Soundscape Collective",
-          description: "Experimental kinetic typography using glitch aesthetic and neon purple light pulses.",
-          tags: [
-            "Motion Graphics",
-            "Lyrics",
-          ],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf8QIBGt3Oe4FVAr82WBvu3ihG/dynamic-music-video-edit-screenshot-with-1774868795732-ff2ac629.png?_wi=1",
-        },
+          id: "f1",          title: "Midnight Haze",          author: "Soundscape Collective",          description: "Experimental kinetic typography using glitch aesthetic and neon purple light pulses.",          tags: ["Motion Graphics", "Lyrics"],
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf8QIBGt3Oe4FVAr82WBvu3ihG/dynamic-music-video-edit-screenshot-with-1774868795732-ff2ac629.png"},
         {
-          id: "f2",
-          title: "Neon Pulse",
-          author: "Beat Maker X",
-          description: "High-energy rhythmic lyric video syncing text bounces to bass kicks and heavy synths.",
-          tags: [
-            "Rhythmic",
-            "Glow",
-          ],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf8QIBGt3Oe4FVAr82WBvu3ihG/abstract-music-visualizer-screen-with-fl-1774868797019-adc240d8.png?_wi=1",
-        },
+          id: "f2",          title: "Neon Pulse",          author: "Beat Maker X",          description: "High-energy rhythmic lyric video syncing text bounces to bass kicks and heavy synths.",          tags: ["Rhythmic", "Glow"],
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf8QIBGt3Oe4FVAr82WBvu3ihG/abstract-music-visualizer-screen-with-fl-1774868797019-adc240d8.png"},
         {
-          id: "f3",
-          title: "Velvet Echo",
-          author: "Dreamy Vocalist",
-          description: "Atmospheric soft typography flowing with cinematic slow-motion visuals for a moody track.",
-          tags: [
-            "Cinematic",
-            "Elegant",
-          ],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf8QIBGt3Oe4FVAr82WBvu3ihG/atmospheric-cinematic-video-edit-frame-w-1774868795244-3f87fd7c.png?_wi=1",
-        },
+          id: "f3",          title: "Velvet Echo",          author: "Dreamy Vocalist",          description: "Atmospheric soft typography flowing with cinematic slow-motion visuals for a moody track.",          tags: ["Cinematic", "Elegant"],
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf8QIBGt3Oe4FVAr82WBvu3ihG/atmospheric-cinematic-video-edit-frame-w-1774868795244-3f87fd7c.png"},
       ]}
       title="Selected Works"
       description="Showcasing some of my most impactful collaborations with independent artists and labels."
@@ -131,27 +88,16 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "q1",
-          title: "What's your typical turnaround time?",
-          content: "Depending on project complexity, most lyric edits are delivered within 5-7 business days.",
-        },
+          id: "q1",          title: "What's your typical turnaround time?",          content: "Depending on project complexity, most lyric edits are delivered within 5-7 business days."},
         {
-          id: "q2",
-          title: "Can you match a specific art style?",
-          content: "Absolutely! I specialize in mimicking various aesthetics, from handwritten notes to high-fashion glitch.",
-        },
+          id: "q2",          title: "Can you match a specific art style?",          content: "Absolutely! I specialize in mimicking various aesthetics, from handwritten notes to high-fashion glitch."},
         {
-          id: "q3",
-          title: "Do you offer revisions?",
-          content: "Yes, every package includes two rounds of revisions to ensure you're 100% happy with the rhythm and flow.",
-        },
+          id: "q3",          title: "Do you offer revisions?",          content: "Yes, every package includes two rounds of revisions to ensure you're 100% happy with the rhythm and flow."},
       ]}
       ctaTitle="Start Your Project"
       ctaDescription="Ready to bring your lyrics to life? Send me a message and let's discuss your next visual masterpiece."
       ctaButton={{
-        text: "Contact Me",
-        href: "#",
-      }}
+        text: "Contact Me",        href: "#"}}
       ctaIcon={Mail}
     />
   </div>
@@ -164,52 +110,23 @@ export default function LandingPage() {
       title="Artist Voices"
       description="See what musicians and labels are saying about my motion graphics and lyric video services."
       kpiItems={[
-        {
-          value: "100+",
-          label: "Videos Edited",
-        },
-        {
-          value: "50+",
-          label: "Happy Artists",
-        },
-        {
-          value: "10M+",
-          label: "Total Views",
-        },
+        { value: "100+", label: "Videos Edited" },
+        { value: "50+", label: "Happy Artists" },
+        { value: "10M+", label: "Total Views" },
       ]}
       testimonials={[
         {
-          id: "t1",
-          name: "Julian V.",
-          role: "Independent Artist",
-          company: "Solo Records",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf8QIBGt3Oe4FVAr82WBvu3ihG/dynamic-music-video-edit-screenshot-with-1774868795732-ff2ac629.png?_wi=2",
-        },
+          id: "t1",          name: "Julian V.",          role: "Independent Artist",          company: "Solo Records",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf8QIBGt3Oe4FVAr82WBvu3ihG/dynamic-music-video-edit-screenshot-with-1774868795732-ff2ac629.png"},
         {
-          id: "t2",
-          name: "Sarah Chen",
-          role: "Producer",
-          company: "SoundCloud Collective",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf8QIBGt3Oe4FVAr82WBvu3ihG/abstract-music-visualizer-screen-with-fl-1774868797019-adc240d8.png?_wi=2",
-        },
+          id: "t2",          name: "Sarah Chen",          role: "Producer",          company: "SoundCloud Collective",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf8QIBGt3Oe4FVAr82WBvu3ihG/abstract-music-visualizer-screen-with-fl-1774868797019-adc240d8.png"},
         {
-          id: "t3",
-          name: "Marcus Thorne",
-          role: "Label Manager",
-          company: "Dreamy Beats",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf8QIBGt3Oe4FVAr82WBvu3ihG/atmospheric-cinematic-video-edit-frame-w-1774868795244-3f87fd7c.png?_wi=2",
-        },
+          id: "t3",          name: "Marcus Thorne",          role: "Label Manager",          company: "Dreamy Beats",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf8QIBGt3Oe4FVAr82WBvu3ihG/atmospheric-cinematic-video-edit-frame-w-1774868795244-3f87fd7c.png"},
         {
-          id: "t4",
-          name: "Luna Ray",
-          role: "Vocalist",
-          company: "Night Sky Studio",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf8QIBGt3Oe4FVAr82WBvu3ihG/cinematic-neon-lyric-video-edit-display--1774868795266-7ab3e533.png?_wi=2",
-        },
+          id: "t4",          name: "Luna Ray",          role: "Vocalist",          company: "Night Sky Studio",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bf8QIBGt3Oe4FVAr82WBvu3ihG/cinematic-neon-lyric-video-edit-display--1774868795266-7ab3e533.png"},
       ]}
     />
   </div>
@@ -219,37 +136,17 @@ export default function LandingPage() {
       logoText="LYRICAL EDIT"
       columns={[
         {
-          title: "Navigate",
-          items: [
-            {
-              label: "Home",
-              href: "#hero",
-            },
-            {
-              label: "Portfolio",
-              href: "#portfolio",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
+          title: "Navigate",          items: [
+            { label: "Home", href: "#hero" },
+            { label: "Portfolio", href: "#portfolio" },
+            { label: "Contact", href: "#contact" },
           ],
         },
         {
-          title: "Connect",
-          items: [
-            {
-              label: "Instagram",
-              href: "#",
-            },
-            {
-              label: "TikTok",
-              href: "#",
-            },
-            {
-              label: "Twitter",
-              href: "#",
-            },
+          title: "Connect",          items: [
+            { label: "Instagram", href: "#" },
+            { label: "TikTok", href: "#" },
+            { label: "Twitter", href: "#" },
           ],
         },
       ]}
-- 
2.49.1