Switch to version 1: modified src/app/page.tsx

Merge version_2 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 HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
+import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
@@ -29,35 +29,61 @@ 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">
-      <HeroBillboardGallery
+      <HeroBillboardCarousel
       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=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",
+        },
       ]}
-      mediaAnimation="slide-up"
     />
   </div>
 
@@ -68,22 +94,54 @@ 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"
@@ -97,11 +155,20 @@ 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"
@@ -119,9 +186,25 @@ 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/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",
+        },
       ]}
       ratingAnimation="slide-up"
       avatarsAnimation="slide-up"
@@ -137,14 +220,22 @@ 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"
@@ -156,13 +247,20 @@ 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",
+            },
           ],
         },
       ]}
@@ -172,4 +270,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}