Update src/app/page.tsx

Merge version_13 into main
2026-05-01 17:38:03 +00:00 · 2026-05-01 17:36:47 +00:00 · 2026-05-01 17:34:24 +00:00 · 2026-05-01 17:34:21 +00:00 · 2026-05-01 17:31:45 +00:00 · 2026-05-01 17:31:42 +00:00
1 changed files with 50 additions and 140 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -12,7 +12,7 @@ import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaA
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
-import { Flame, Music } from "lucide-react";
+import { Flame, Music, Youtube, Disc3 } from "lucide-react";

 export default function LandingPage() {
  return (
@@ -32,16 +32,11 @@ export default function LandingPage() {
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Music",          id: "features"},
-        {
-          name: "Store",          id: "products"},
-        {
-          name: "Tour",          id: "contact"},
+        { name: "Home", id: "hero"},
+        { name: "About", id: "about"},
+        { name: "Music", id: "features"},
+        { name: "Store", id: "products"},
+        { name: "Tour", id: "contact"},
      ]}
      brandName="Iron Vendetta"
    />
@@ -49,54 +44,37 @@ export default function LandingPage() {

  <div id="hero" data-section="hero">
      <HeroSplitKpi
-      background={{
-        variant: "plain"}}
+      background={{ variant: "plain"}}
      title="Iron Vendetta"
-      description="True heavy metal forged in fire and grit. Experience the crushing weight of our latest album on all platforms."
+      description="Unleash raw power with our latest high-octane album, forged in fire and grit for an experience you'll feel in your core."
      kpis={[
-        {
-          value: "500+",          label: "Listeners"},
-        {
-          value: "5+",          label: "Shows"},
-        {
-          value: "5",          label: "Anthems"},
+        { value: "500+", label: "Listeners"},
+        { value: "5+", label: "Shows"},
+        { value: "5", label: "Anthems"},
      ]}
      enableKpiAnimation={true}
      buttons={[
-        {
-          text: "Listen Now",          href: "#"},
-        {
-          text: "Get Tickets",          href: "#"},
+        { text: "YouTube Music", href: "https://music.youtube.com/channel/UCVb1vUTT2irJ9Y9lPwvMCog"},
+        { text: "YouTube", href: "https://www.youtube.com/@IRONVENDETTA-h7v/videos"},
+        { text: "SoundCloud", href: "https://soundcloud.com"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/musicians-stage-concert_1321-454.jpg"
      imageAlt="metal band concert stage lighting"
      mediaAnimation="slide-up"
      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/musicians-stage-concert_1321-452.jpg",          alt: "musicians on stage during a concert"},
-        {
-          src: "http://img.b2bpic.net/free-photo/artist-playing-guitar-long-view_23-2148751571.jpg",          alt: "Artist playing guitar long view"},
-        {
-          src: "http://img.b2bpic.net/free-photo/powerful-female-guitarist-performs-live-with-thrash-metal-vibe_482257-117355.jpg",          alt: "Powerful female guitarist performs live with a thrash metal vibe"},
-        {
-          src: "http://img.b2bpic.net/free-photo/rock-band-silhouettes-stage-concert_1204-199.jpg",          alt: "Rock band silhouettes on stage at concert."},
-        {
-          src: "http://img.b2bpic.net/free-photo/rear-view-excited-people-with-arms-raised-having-fun-while-watching-confetti-fireworks-front-stage-music-festival-copy-space_637285-568.jpg",          alt: "Rear view of excited people with arms raised having fun while watching confetti fireworks"},
+        { src: "http://img.b2bpic.net/free-photo/musicians-stage-concert_1321-452.jpg", alt: "musicians on stage during a concert"},
+        { src: "http://img.b2bpic.net/free-photo/artist-playing-guitar-long-view_23-2148751571.jpg", alt: "Artist playing guitar long view"},
+        { src: "http://img.b2bpic.net/free-photo/powerful-female-guitarist-performs-live-with-thrash-metal-vibe_482257-117355.jpg", alt: "Powerful female guitarist performs live with a thrash metal vibe"},
+        { src: "http://img.b2bpic.net/free-photo/rock-band-silhouettes-stage-concert_1204-199.jpg", alt: "Rock band silhouettes on stage at concert."},
+        { src: "http://img.b2bpic.net/free-photo/rear-view-excited-people-with-arms-raised-having-fun-while-watching-confetti-fireworks-front-stage-music-festival-copy-space_637285-568.jpg", alt: "Rear view of excited people with arms raised having fun while watching confetti fireworks"},
      ]}
      avatarText="Join our 50k+ legion of fans."
      marqueeItems={[
-        {
-          type: "text",          text: "Touring 2024"},
-        {
-          type: "text-icon",          text: "New Album Out Now",          icon: Flame,
-        },
-        {
-          type: "text",          text: "Exclusive Merch"},
-        {
-          type: "text-icon",          text: "Live Experience",          icon: Music,
-        },
-        {
-          type: "text",          text: "Iron Vendetta"},
+        { type: "text", text: "Touring 2024"},
+        { type: "text-icon", text: "New Album Out Now", icon: Flame},
+        { type: "text", text: "Exclusive Merch"},
+        { type: "text-icon", text: "Live Experience", icon: Music},
+        { type: "text", text: "Iron Vendetta"},
      ]}
    />
  </div>
@@ -107,10 +85,8 @@ export default function LandingPage() {
      title="Forged in Chaos"
      description="We are not just a band; we are an relentless movement of sound and defiance. Founded in the underground scene, our music is a testament to our struggle and power."
      metrics={[
-        {
-          value: "1 Yrs",          title: "History"},
-        {
-          value: "20+",          title: "Gigs"},
+        { value: "1 Yrs", title: "History"},
+        { value: "20+", title: "Gigs"},
      ]}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D5jfanRxnLYlbytCFsB9XUtL0A/uploaded-1777580428726-qy5w25x7.jpg"
      imageAlt="heavy metal band portrait moody"
@@ -125,30 +101,9 @@ export default function LandingPage() {
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
-        {
-          title: "Riff Crafting",          description: "Precision engineered guitar work designed to pierce the soul.",          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-beautiful-guitar_23-2148605831.jpg",            imageAlt: "electric guitar strings closeup dark"
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/closeup-part-drum-kit-blurred-background_169016-20617.jpg",            imageAlt: "drum kit dark stage lighting"
-          }
-        },
-        {
-          title: "Percussive Storm",          description: "Thunderous drums that push the limits of speed and power.",          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/drum-kit-dark-background-with-stage-lighting-copy-space_169016-14183.jpg",            imageAlt: "drum kit dark stage lighting"
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/guitar-chair-indoors_23-2149614046.jpg",            imageAlt: "electric guitar strings closeup dark"
-          }
-        },
-        {
-          title: "Vocal Fury",          description: "Voices that scream raw defiance against the silent world.",          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/closeup-black-electric-guitar-dark-background_169016-20244.jpg",            imageAlt: "electric guitar strings closeup dark"
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/snare-drum-percussion-instrument-dark-background-with-smoke-copy-space_169016-14170.jpg",            imageAlt: "drum kit dark stage lighting"
-          }
-        },
+        { title: "Riff Crafting", description: "Precision engineered guitar work designed to pierce the soul.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-beautiful-guitar_23-2148605831.jpg", imageAlt: "electric guitar strings closeup dark" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/closeup-part-drum-kit-blurred-background_169016-20617.jpg", imageAlt: "drum kit dark stage lighting" } },
+        { title: "Percussive Storm", description: "Thunderous drums that push the limits of speed and power.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/drum-kit-dark-background-with-stage-lighting-copy-space_169016-14183.jpg", imageAlt: "drum kit dark stage lighting" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/guitar-chair-indoors_23-2149614046.jpg", imageAlt: "electric guitar strings closeup dark" } },
+        { title: "Vocal Fury", description: "Voices that scream raw defiance against the silent world.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/closeup-black-electric-guitar-dark-background_169016-20244.jpg", imageAlt: "electric guitar strings closeup dark" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/snare-drum-percussion-instrument-dark-background-with-smoke-copy-space_169016-14170.jpg", imageAlt: "drum kit dark stage lighting" } },
      ]}
      showStepNumbers={true}
      title="Sonic Dominance"
@@ -163,19 +118,12 @@ export default function LandingPage() {
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
-        {
-          id: "p1",          brand: "Merch",          name: "Betrayed Warrior ",          price: "$29",          rating: 5,
-          reviewCount: "120",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D5jfanRxnLYlbytCFsB9XUtL0A/uploaded-1777579232655-9ln049id.png?w=600&h=600"},
-        {
-          id: "p2",          brand: "Music",          name: "Limited Vinyl",          price: "$45",          rating: 5,
-          reviewCount: "89",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D5jfanRxnLYlbytCFsB9XUtL0A/uploaded-1777579232656-uet0zilz.png?w=600&h=600"},
-        {
-          id: "p3",          brand: "Merch",          name: "Dark ",          price: "$65",          rating: 4,
-          reviewCount: "205",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D5jfanRxnLYlbytCFsB9XUtL0A/uploaded-1777579232656-3um1iozw.png"},
-        {
-          id: "p4",          brand: "Merch",          name: "Scorched Oaths ",          price: "$15",          rating: 5,
-          reviewCount: "50",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D5jfanRxnLYlbytCFsB9XUtL0A/uploaded-1777579232656-31k9ioda.jpg"},
+        { id: "p1", brand: "Merch ", name: "Betrayed Warrior ", price: "$29", rating: 5, reviewCount: "120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D5jfanRxnLYlbytCFsB9XUtL0A/uploaded-1777656657792-qz6pthl2.png"},
+        { id: "p2", brand: "Merch ", name: "Burn It Down! ", price: "$45", rating: 5, reviewCount: "89", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D5jfanRxnLYlbytCFsB9XUtL0A/uploaded-1777579232656-uet0zilz.png?w=600&h=600"},
+        { id: "p3", brand: "Merch ", name: "Dark ", price: "$65", rating: 4, reviewCount: "205", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D5jfanRxnLYlbytCFsB9XUtL0A/uploaded-1777579232656-3um1iozw.png"},
+        { id: "p4", brand: "Merch ", name: "Scorched Oaths ", price: "$15", rating: 5, reviewCount: "50", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D5jfanRxnLYlbytCFsB9XUtL0A/uploaded-1777579232656-31k9ioda.jpg"},
      ]}
+      imageClassName="aspect-square object-cover"
      title="Exclusive Vendetta Gear"
      description="Wear the flame. Support the rebellion with our latest merchandise."
    />
@@ -187,18 +135,9 @@ export default function LandingPage() {
      textboxLayout="split"
      useInvertedBackground={false}
      metrics={[
-        {
-          id: "m1",          value: "500+",          title: "Streams",          items: [
-            "Spotify",            "Apple Music",            "YouTube"],
-        },
-        {
-          id: "m2",          value: "4 ",          title: "Countries",          items: [
-            "Romania ",            "UK",            "Germany",            "Japan"],
-        },
-        {
-          id: "m3",          value: "5 ",          title: "Albums",          items: [
-            "Betrayed Warrior ",            "Burn It Down! ",            "Dark "],
-        },
+        { id: "m1", value: "500+", title: "Streams", items: ["Spotify", "Apple Music", "YouTube"] },
+        { id: "m2", value: "4 ", title: "Countries", items: ["Romania ", "UK", "Germany", "Japan"] },
+        { id: "m3", value: "5 ", title: "Albums", items: ["Betrayed Warrior ", "Burn It Down! ", "Dark "] },
      ]}
      title="By The Numbers"
      description="The impact we've left on the metal community."
@@ -209,16 +148,11 @@ export default function LandingPage() {
      <TestimonialCardTwelve
      useInvertedBackground={true}
      testimonials={[
-        {
-          id: "t1",          name: "Alex R.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D5jfanRxnLYlbytCFsB9XUtL0A/uploaded-1777580476379-nhwv4s3s.jpg"},
-        {
-          id: "t2",          name: "Jordan M.",          imageSrc: "http://img.b2bpic.net/free-photo/retro-summer-activities-with-80-s-inspired-aesthetic_23-2151425826.jpg"},
-        {
-          id: "t3",          name: "Casey K.",          imageSrc: "http://img.b2bpic.net/free-photo/soccer-fans-cheering-team-monochrome_23-2151530268.jpg"},
-        {
-          id: "t4",          name: "Taylor P.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-lady-guy-with-tinsel-bottle-beverage-showing-two-gesture_23-2147989249.jpg"},
-        {
-          id: "t5",          name: "Riley S.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-outside_23-2149439874.jpg"},
+        { id: "t1", name: "Alex R.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D5jfanRxnLYlbytCFsB9XUtL0A/uploaded-1777580476379-nhwv4s3s.jpg"},
+        { id: "t2", name: "Jordan M.", imageSrc: "http://img.b2bpic.net/free-photo/retro-summer-activities-with-80-s-inspired-aesthetic_23-2151425826.jpg"},
+        { id: "t3", name: "Casey K.", imageSrc: "http://img.b2bpic.net/free-photo/soccer-fans-cheering-team-monochrome_23-2151530268.jpg"},
+        { id: "t4", name: "Taylor P.", imageSrc: "http://img.b2bpic.net/free-photo/happy-lady-guy-with-tinsel-bottle-beverage-showing-two-gesture_23-2147989249.jpg"},
+        { id: "t5", name: "Riley S.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-outside_23-2149439874.jpg"},
      ]}
      cardTitle="Fan Testimonials"
      cardTag="Raving Reviews"
@@ -231,12 +165,9 @@ export default function LandingPage() {
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
-        {
-          id: "q1",          title: "When is the next tour?",          content: "Check our tour dates page for updates."},
-        {
-          id: "q2",          title: "Where can I buy merch?",          content: "Our official store is linked in the navigation bar."},
-        {
-          id: "q3",          title: "Are you hiring band members?",          content: "We are currently full but watch for announcements."},
+        { id: "q1", title: "When is the next tour?", content: "Check our tour dates page for updates."},
+        { id: "q2", title: "Where can I buy merch?", content: "Our official store is linked in the navigation bar."},
+        { id: "q3", title: "Are you hiring band members?", content: "We are currently full but watch for announcements."},
      ]}
      title="FAQs"
      description="Everything you need to know about Iron Vendetta."
@@ -253,17 +184,10 @@ export default function LandingPage() {
      title="Get In Touch"
      description="Send us your questions, bookings, or feedback."
      inputs={[
-        {
-          name: "name",          type: "text",          placeholder: "Name",          required: true,
-        },
-        {
-          name: "email",          type: "email",          placeholder: "Email",          required: true,
-        },
+        { name: "name", type: "text", placeholder: "Name", required: true },
+        { name: "email", type: "email", placeholder: "Email", required: true },
      ]}
-      textarea={{
-        name: "message",        placeholder: "Message",        rows: 4,
-        required: true,
-      }}
+      textarea={{ name: "message", placeholder: "Message", rows: 4, required: true }}
      imageSrc="http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-16233.jpg"
      imageAlt="abstract dark glitch texture"
    />
@@ -273,22 +197,8 @@ export default function LandingPage() {
      <FooterBaseReveal
      logoText="Iron Vendetta"
      columns={[
-        {
-          title: "Navigation",          items: [
-            {
-              label: "About",              href: "#about"},
-            {
-              label: "Merch",              href: "#products"},
-          ],
-        },
-        {
-          title: "Legal",          items: [
-            {
-              label: "Privacy Policy",              href: "#"},
-            {
-              label: "Terms of Use",              href: "#"},
-          ],
-        },
+        { title: "Navigation", items: [ { label: "About", href: "#about"}, { label: "Merch", href: "#products"} ] },
+        { title: "Legal", items: [ { label: "Privacy Policy", href: "#"}, { label: "Terms of Use", href: "#"} ] },
      ]}
    />
  </div>
Author	SHA1	Message	Date
bender	369f7b1c8c	Update src/app/page.tsx	2026-05-01 17:38:03 +00:00
bender	1474fa8125	Update src/app/page.tsx	2026-05-01 17:36:47 +00:00
bender	4729b451db	Merge version_13 into main Merge version_13 into main	2026-05-01 17:34:24 +00:00
bender	3101dd3a82	Update src/app/page.tsx	2026-05-01 17:34:21 +00:00
bender	4e452c9e80	Merge version_12 into main Merge version_12 into main	2026-05-01 17:31:45 +00:00
bender	5b046b49ca	Update src/app/page.tsx	2026-05-01 17:31:42 +00:00
bender	364fd71fd6	Merge version_12 into main Merge version_12 into main	2026-05-01 17:31:35 +00:00
bender	5efce18dd4	Update src/app/page.tsx	2026-05-01 17:31:32 +00:00
bender	ccb72caf72	Merge version_12 into main Merge version_12 into main	2026-05-01 17:31:19 +00:00
bender	d2072b22a7	Update src/app/page.tsx	2026-05-01 17:31:16 +00:00
bender	14097f71da	Merge version_12 into main Merge version_12 into main	2026-05-01 17:30:44 +00:00
bender	841cf6ba1c	Update src/app/page.tsx	2026-05-01 17:30:40 +00:00
bender	b664186d2c	Merge version_12 into main Merge version_12 into main	2026-05-01 17:28:40 +00:00
bender	4ab74c6f03	Update theme colors	2026-05-01 17:28:36 +00:00
bender	636de4d870	Merge version_11 into main Merge version_11 into main	2026-05-01 17:28:22 +00:00
bender	289230f4d2	Update theme colors	2026-05-01 17:28:19 +00:00
bender	c1cc6b8863	Merge version_10 into main Merge version_10 into main	2026-05-01 17:28:19 +00:00
bender	83216d2f3b	Update theme colors	2026-05-01 17:28:16 +00:00
bender	a309f4c9e8	Merge version_9 into main Merge version_9 into main	2026-05-01 17:28:13 +00:00
bender	c3da92b38a	Update theme colors	2026-05-01 17:28:10 +00:00
bender	aa15bd695d	Merge version_8 into main Merge version_8 into main	2026-05-01 17:28:08 +00:00
bender	f6695ddf55	Update theme colors	2026-05-01 17:28:04 +00:00
bender	a00f80863c	Merge version_7 into main Merge version_7 into main	2026-05-01 17:26:30 +00:00
bender	72c16328da	Update src/app/styles/variables.css	2026-05-01 17:26:27 +00:00
bender	a6da025a3d	Update src/app/page.tsx	2026-05-01 17:26:26 +00:00
bender	456e2c18f0	Merge version_6 into main Merge version_6 into main	2026-05-01 17:25:28 +00:00
bender	11fee92d01	Update src/app/page.tsx	2026-05-01 17:25:25 +00:00
bender	95d61ca903	Merge version_5 into main Merge version_5 into main	2026-05-01 17:20:05 +00:00
bender	cd2c4e1bd9	Update src/app/page.tsx	2026-05-01 17:19:59 +00:00
bender	97e220741a	Merge version_4 into main Merge version_4 into main	2026-04-30 20:23:29 +00:00
bender	d49b1d4145	Update src/app/page.tsx	2026-04-30 20:23:23 +00:00
bender	d9c77c79d6	Merge version_3 into main Merge version_3 into main	2026-04-30 20:21:45 +00:00
bender	639b8b8927	Merge version_3 into main Merge version_3 into main	2026-04-30 20:20:52 +00:00
bender	5613c2b1c1	Merge version_3 into main Merge version_3 into main	2026-04-30 20:20:21 +00:00
bender	07b21d38e7	Merge version_3 into main Merge version_3 into main	2026-04-30 20:05:01 +00:00
bender	ec9fdb8957	Merge version_3 into main Merge version_3 into main	2026-04-30 20:04:40 +00:00
bender	36cc3eff23	Merge version_3 into main Merge version_3 into main	2026-04-30 20:04:14 +00:00
bender	ec5519ba47	Merge version_3 into main Merge version_3 into main	2026-04-30 20:02:39 +00:00