Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
-import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
+import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
@@ -29,61 +29,35 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Services",
-          id: "#services",
-        },
+          name: "Services",          id: "#services"},
         {
-          name: "About",
-          id: "#about",
-        },
+          name: "About",          id: "#about"},
         {
-          name: "Contact",
-          id: "#contact",
-        },
+          name: "Contact",          id: "#contact"},
       ]}
       brandName="Finish My Track"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboardCarousel
+      <HeroBillboardGallery
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="We finish your track."
       description="From rough demo to release-ready — mix, master, or full production."
       buttons={[
         {
-          text: "Get Started",
-          href: "#services",
-        },
+          text: "Get Started",          href: "#services"},
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139328.jpg?_wi=1",
-          imageAlt: "Waveform",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139328.jpg?_wi=1",          imageAlt: "Waveform"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139328.jpg?_wi=2",
-          imageAlt: "Waveform",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139328.jpg?_wi=2",          imageAlt: "Waveform"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139328.jpg?_wi=3",
-          imageAlt: "Waveform",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139328.jpg?_wi=4",
-          imageAlt: "Waveform",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139328.jpg?_wi=5",
-          imageAlt: "Waveform",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139328.jpg?_wi=6",
-          imageAlt: "Waveform",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139328.jpg?_wi=3",          imageAlt: "Waveform"},
       ]}
+      mediaAnimation="slide-up"
     />
   </div>
 
@@ -94,54 +68,22 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "feedback",
-          tag: "Basic",
-          price: "€49",
-          period: "fixed",
-          description: "Written professional critique of your mix.",
-          button: {
-            text: "Start Now",
-          },
-          featuresTitle: "Included",
-          features: [
-            "Written analysis",
-            "Frequency & dynamics notes",
-            "48hr turnaround",
-          ],
+          id: "feedback",          tag: "Basic",          price: "€49",          period: "fixed",          description: "Written professional critique of your mix.",          button: {
+            text: "Start Now"},
+          featuresTitle: "Included",          features: [
+            "Written analysis",            "Frequency & dynamics notes",            "48hr turnaround"],
         },
         {
-          id: "mix",
-          tag: "Most Popular",
-          price: "€149",
-          period: "fixed",
-          description: "Full mix and master, release-ready.",
-          button: {
-            text: "Start Now",
-          },
-          featuresTitle: "Included",
-          features: [
-            "Full mix",
-            "Mastering",
-            "2 revisions",
-            "5-day delivery",
-          ],
+          id: "mix",          tag: "Most Popular",          price: "€149",          period: "fixed",          description: "Full mix and master, release-ready.",          button: {
+            text: "Start Now"},
+          featuresTitle: "Included",          features: [
+            "Full mix",            "Mastering",            "2 revisions",            "5-day delivery"],
         },
         {
-          id: "full",
-          tag: "Elite",
-          price: "€499",
-          period: "start",
-          description: "We co-produce from scratch.",
-          button: {
-            text: "Start Now",
-          },
-          featuresTitle: "Included",
-          features: [
-            "Arrangement",
-            "Live musicians",
-            "Mix & Master",
-            "Real-time collaboration",
-          ],
+          id: "full",          tag: "Elite",          price: "€499",          period: "start",          description: "We co-produce from scratch.",          button: {
+            text: "Start Now"},
+          featuresTitle: "Included",          features: [
+            "Arrangement",            "Live musicians",            "Mix & Master",            "Real-time collaboration"],
         },
       ]}
       title="Service Tiers"
@@ -155,20 +97,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "s1",
-          title: "Step 1: Upload your track",
-          content: "Drop your files in our portal.",
-        },
+          id: "s1",          title: "Step 1: Upload your track",          content: "Drop your files in our portal."},
         {
-          id: "s2",
-          title: "Step 2: Choose your service",
-          content: "Select the package that fits your goal.",
-        },
+          id: "s2",          title: "Step 2: Choose your service",          content: "Select the package that fits your goal."},
         {
-          id: "s3",
-          title: "Step 3: Receive your finished song",
-          content: "Professional files delivered to your inbox.",
-        },
+          id: "s3",          title: "Step 3: Receive your finished song",          content: "Professional files delivered to your inbox."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/closeup-enter-key-confirmation-data-computer-keyboard_181624-22962.jpg"
       mediaAnimation="slide-up"
@@ -186,25 +119,9 @@ export default function LandingPage() {
       author="Árni B., singer-songwriter"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/funny-handsome-confident-blond-young-man-wearing-casual-plaid-shirt-with-make-up-brush_176420-595.jpg",
-          alt: "Árni B.",
-        },
+          src: "http://img.b2bpic.net/free-photo/funny-handsome-confident-blond-young-man-wearing-casual-plaid-shirt-with-make-up-brush_176420-595.jpg",          alt: "Árni B."},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-female-artist_23-2147989716.jpg",
-          alt: "Sóley H.",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/funny-handsome-confident-blond-young-man-wearing-casual-plaid-shirt-with-make-up-brush_176420-595.jpg",
-          alt: "User 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-female-artist_23-2147989716.jpg",
-          alt: "User 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/funny-handsome-confident-blond-young-man-wearing-casual-plaid-shirt-with-make-up-brush_176420-595.jpg",
-          alt: "User 5",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-female-artist_23-2147989716.jpg",          alt: "Sóley H."},
       ]}
       ratingAnimation="slide-up"
       avatarsAnimation="slide-up"
@@ -220,22 +137,14 @@ export default function LandingPage() {
       mediaAnimation="slide-up"
       inputs={[
         {
-          name: "name",
-          type: "text",
-          placeholder: "Your name",
-          required: true,
+          name: "name",          type: "text",          placeholder: "Your name",          required: true,
         },
         {
-          name: "email",
-          type: "email",
-          placeholder: "Your email address",
-          required: true,
+          name: "email",          type: "email",          placeholder: "Your email address",          required: true,
         },
       ]}
       textarea={{
-        name: "message",
-        placeholder: "Tell us about your track...",
-        rows: 4,
+        name: "message",        placeholder: "Tell us about your track...",        rows: 4,
         required: true,
       }}
       buttonText="Send Request"
@@ -247,20 +156,13 @@ export default function LandingPage() {
       logoText="Finish My Track"
       columns={[
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "Services",
-              href: "#services",
-            },
+              label: "Services",              href: "#services"},
             {
-              label: "About",
-              href: "#about",
-            },
+              label: "About",              href: "#about"},
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
           ],
         },
       ]}
@@ -270,4 +172,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}