From fcb96203539d6c6c10971ccc69db64d204cfbcf2 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 5 Apr 2026 05:20:10 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 341 ++++++++++++++++-------------------------------
 1 file changed, 114 insertions(+), 227 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index b470346..9e1fe3c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -13,241 +13,128 @@ import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCar
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="directional-hover"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="rounded"
-        contentWidth="mediumSmall"
-        sizing="largeSmall"
-        background="circleGradient"
-        cardStyle="gradient-mesh"
-        primaryButtonStyle="shadow"
-        secondaryButtonStyle="radial-glow"
-        headingFontWeight="medium"
+      defaultButtonVariant="directional-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="mediumSmall"
+      sizing="largeSmall"
+      background="circleGradient"
+      cardStyle="gradient-mesh"
+      primaryButtonStyle="shadow"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Harmonix AI"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Features", id: "features" },
+              { name: "Pricing", id: "pricing" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Harmonix AI"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardScroll
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      title="Compose the Future with AI"
-      description="Unlock infinite creative possibilities with Harmonix AI. Transform your musical vision into studio-quality tracks instantly."
-      buttons={[
-        {
-          text: "Start Creating",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/finger-interface-laptop-hipster-cropped_1134-770.jpg?_wi=1"
-      imageAlt="AI music platform interface"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardScroll
+            background={{ variant: "sparkles-gradient" }}
+            title="Compose the Future with AI"
+            description="Unlock infinite creative possibilities with Harmonix AI. Transform your musical vision into studio-quality tracks instantly."
+            buttons={[{ text: "Start Creating", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/finger-interface-laptop-hipster-cropped_1134-770.jpg"
+            imageAlt="AI music platform interface"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyNine
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
-      features={[
-        {
-          title: "Neural Composition",
-          description: "Generate unique melodies instantly using deep learning algorithms.",
-          imageSrc: "http://img.b2bpic.net/free-photo/melody-music-sound-key-artistic-icon-sign-concept_53876-124306.jpg?_wi=1",
-          titleIconSrc: "http://img.b2bpic.net/free-photo/melody-music-sound-key-artistic-icon-sign-concept_53876-124306.jpg",
-          buttonText: "Explore",
-        },
-        {
-          title: "Smart Audio Mixing",
-          description: "AI-driven clarity and balance for professional sounding masters.",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-dark-background-with-purple-lines-generative-ai_169016-30676.jpg?_wi=1",
-          titleIconSrc: "http://img.b2bpic.net/free-photo/abstract-dark-background-with-purple-lines-generative-ai_169016-30676.jpg",
-          buttonText: "Explore",
-        },
-        {
-          title: "Real-time Collaboration",
-          description: "Work with AI assistants as co-creators in your DAW environment.",
-          imageSrc: "http://img.b2bpic.net/free-photo/google-logos-transparent-psd-file_460848-6852.jpg?_wi=1",
-          titleIconSrc: "http://img.b2bpic.net/free-photo/google-logos-transparent-psd-file_460848-6852.jpg",
-          buttonText: "Explore",
-        },
-      ]}
-      title="Powerful AI Tools"
-      description="Designed for musicians who want to push boundaries."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyNine
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={true}
+            features={[
+              {
+                title: "Neural Composition",                description: "Generate unique melodies instantly using deep learning algorithms.",                imageSrc: "http://img.b2bpic.net/free-photo/melody-music-sound-key-artistic-icon-sign-concept_53876-124306.jpg",                titleIconSrc: "http://img.b2bpic.net/free-photo/melody-music-sound-key-artistic-icon-sign-concept_53876-124306.jpg",                buttonText: "Explore"},
+              {
+                title: "Smart Audio Mixing",                description: "AI-driven clarity and balance for professional sounding masters.",                imageSrc: "http://img.b2bpic.net/free-photo/abstract-dark-background-with-purple-lines-generative-ai_169016-30676.jpg",                titleIconSrc: "http://img.b2bpic.net/free-photo/abstract-dark-background-with-purple-lines-generative-ai_169016-30676.jpg",                buttonText: "Explore"},
+              {
+                title: "Real-time Collaboration",                description: "Work with AI assistants as co-creators in your DAW environment.",                imageSrc: "http://img.b2bpic.net/free-photo/google-logos-transparent-psd-file_460848-6852.jpg",                titleIconSrc: "http://img.b2bpic.net/free-photo/google-logos-transparent-psd-file_460848-6852.jpg",                buttonText: "Explore"},
+            ]}
+            title="Powerful AI Tools"
+            description="Designed for musicians who want to push boundaries."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSix
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah J.",
-          handle: "@sarah_beats",
-          testimonial: "Harmonix AI changed my workflow completely!",
-          imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379267.jpg",
-        },
-        {
-          id: "2",
-          name: "Mark R.",
-          handle: "@mark_produces",
-          testimonial: "Unbelievable quality and speed.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-virtual-reality-headset-plants_23-2148513471.jpg",
-        },
-        {
-          id: "3",
-          name: "Elena K.",
-          handle: "@elena_sounds",
-          testimonial: "Finally, technology that understands music.",
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-artist-singing-song-electro-acoustic-guitar-studio_482257-122256.jpg",
-        },
-        {
-          id: "4",
-          name: "David W.",
-          handle: "@dw_creative",
-          testimonial: "The best AI composer I've ever used.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-listening-music-white-earphone_23-2148148166.jpg",
-        },
-        {
-          id: "5",
-          name: "Chris B.",
-          handle: "@chris_b_music",
-          testimonial: "Essential for my studio.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-talented-kid-creating-content-generate-views-engagement-from-online-gen-z-children_482257-76782.jpg",
-        },
-      ]}
-      title="Loved by Musicians"
-      description="Hear what the community is creating with us."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSix
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              {
+                id: "1",                name: "Sarah J.",                handle: "@sarah_beats",                testimonial: "Harmonix AI changed my workflow completely!",                imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379267.jpg"},
+              {
+                id: "2",                name: "Mark R.",                handle: "@mark_produces",                testimonial: "Unbelievable quality and speed.",                imageSrc: "http://img.b2bpic.net/free-photo/woman-virtual-reality-headset-plants_23-2148513471.jpg"},
+              {
+                id: "3",                name: "Elena K.",                handle: "@elena_sounds",                testimonial: "Finally, technology that understands music.",                imageSrc: "http://img.b2bpic.net/free-photo/professional-artist-singing-song-electro-acoustic-guitar-studio_482257-122256.jpg"},
+              {
+                id: "4",                name: "David W.",                handle: "@dw_creative",                testimonial: "The best AI composer I've ever used.",                imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-listening-music-white-earphone_23-2148148166.jpg"},
+              {
+                id: "5",                name: "Chris B.",                handle: "@chris_b_music",                testimonial: "Essential for my studio.",                imageSrc: "http://img.b2bpic.net/free-photo/young-talented-kid-creating-content-generate-views-engagement-from-online-gen-z-children_482257-76782.jpg"},
+            ]}
+            title="Loved by Musicians"
+            description="Hear what the community is creating with us."
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardNine
-      animationType="scale-rotate"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      plans={[
-        {
-          id: "basic",
-          title: "Starter",
-          price: "$19",
-          period: "mo",
-          features: [
-            "5 projects/mo",
-            "Basic AI models",
-            "Standard support",
-          ],
-          button: {
-            text: "Get Started",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/melody-music-sound-key-artistic-icon-sign-concept_53876-124306.jpg?_wi=2",
-        },
-        {
-          id: "pro",
-          title: "Pro",
-          price: "$49",
-          period: "mo",
-          features: [
-            "Unlimited projects",
-            "Advanced AI models",
-            "Priority mixing",
-            "Export high-res",
-          ],
-          button: {
-            text: "Upgrade",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-dark-background-with-purple-lines-generative-ai_169016-30676.jpg?_wi=2",
-        },
-        {
-          id: "studio",
-          title: "Studio",
-          price: "$99",
-          period: "mo",
-          features: [
-            "Team collaboration",
-            "Mastering tools",
-            "Dedicated support",
-            "Commercial rights",
-          ],
-          button: {
-            text: "Contact Us",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/google-logos-transparent-psd-file_460848-6852.jpg?_wi=2",
-        },
-      ]}
-      title="Simple Pricing"
-      description="Choose the tier that fits your needs."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardNine
+            animationType="scale-rotate"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            plans={[
+              {
+                id: "basic",                title: "Starter",                price: "$19",                period: "mo",                features: ["5 projects/mo", "Basic AI models", "Standard support"],
+                button: { text: "Get Started" },
+                imageSrc: "http://img.b2bpic.net/free-photo/melody-music-sound-key-artistic-icon-sign-concept_53876-124306.jpg"},
+              {
+                id: "pro",                title: "Pro",                price: "$49",                period: "mo",                features: ["Unlimited projects", "Advanced AI models", "Priority mixing", "Export high-res"],
+                button: { text: "Upgrade" },
+                imageSrc: "http://img.b2bpic.net/free-photo/abstract-dark-background-with-purple-lines-generative-ai_169016-30676.jpg"},
+              {
+                id: "studio",                title: "Studio",                price: "$99",                period: "mo",                features: ["Team collaboration", "Mastering tools", "Dedicated support", "Commercial rights"],
+                button: { text: "Contact Us" },
+                imageSrc: "http://img.b2bpic.net/free-photo/google-logos-transparent-psd-file_460848-6852.jpg"},
+            ]}
+            title="Simple Pricing"
+            description="Choose the tier that fits your needs."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Get Started Today"
-      description="Join the revolution of AI music. Fill out the form to start your trial."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-          required: true,
-        },
-      ]}
-      mediaAnimation="slide-up"
-      textarea={{
-        name: "message",
-        placeholder: "Tell us about your project",
-        rows: 4,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/finger-interface-laptop-hipster-cropped_1134-770.jpg?_wi=2"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={false}
+            title="Get Started Today"
+            description="Join the revolution of AI music. Fill out the form to start your trial."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Name", required: true },
+              { name: "email", type: "email", placeholder: "Email Address", required: true },
+            ]}
+            mediaAnimation="slide-up"
+            textarea={{ name: "message", placeholder: "Tell us about your project", rows: 4 }}
+            imageSrc="http://img.b2bpic.net/free-photo/finger-interface-laptop-hipster-cropped_1134-770.jpg"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="Harmonix AI"
-      leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Terms of Service",
-        href: "#",
-      }}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="Harmonix AI"
+            leftLink={{ text: "Privacy Policy", href: "#" }}
+            rightLink={{ text: "Terms of Service", href: "#" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1