Merge version_1 into main #2
302
src/app/page.tsx
302
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Music",
|
||||
id: "features",
|
||||
},
|
||||
name: "Music", id: "features"},
|
||||
{
|
||||
name: "Store",
|
||||
id: "products",
|
||||
},
|
||||
name: "Store", id: "products"},
|
||||
{
|
||||
name: "Tour",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Tour", id: "contact"},
|
||||
]}
|
||||
brandName="Iron Vendetta"
|
||||
/>
|
||||
@@ -60,84 +50,53 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Iron Vendetta: Unleash the Fury"
|
||||
description="True heavy metal forged in fire and grit. Experience the crushing weight of our latest album on all platforms."
|
||||
kpis={[
|
||||
{
|
||||
value: "1.2M",
|
||||
label: "Listeners",
|
||||
},
|
||||
value: "1.2M", label: "Listeners"},
|
||||
{
|
||||
value: "15+",
|
||||
label: "Shows",
|
||||
},
|
||||
value: "15+", label: "Shows"},
|
||||
{
|
||||
value: "5",
|
||||
label: "Anthems",
|
||||
},
|
||||
value: "5", label: "Anthems"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Listen Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Listen Now", href: "#"},
|
||||
{
|
||||
text: "Get Tickets",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Tickets", href: "#"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/musicians-stage-concert_1321-454.jpg?_wi=1"
|
||||
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/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/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/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/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/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", text: "Touring 2024"},
|
||||
{
|
||||
type: "text-icon", text: "New Album Out Now", icon: Flame,
|
||||
},
|
||||
{
|
||||
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: "Exclusive Merch",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Live Experience",
|
||||
icon: Music,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Iron Vendetta",
|
||||
},
|
||||
type: "text", text: "Iron Vendetta"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -149,15 +108,11 @@ export default function LandingPage() {
|
||||
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: "10 Yrs",
|
||||
title: "History",
|
||||
},
|
||||
value: "10 Yrs", title: "History"},
|
||||
{
|
||||
value: "200+",
|
||||
title: "Gigs",
|
||||
},
|
||||
value: "200+", title: "Gigs"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-man-posing-with-universe-projection-texture_23-2149581273.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-man-posing-with-universe-projection-texture_23-2149581273.jpg"
|
||||
imageAlt="heavy metal band portrait moody"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -171,40 +126,28 @@ export default function LandingPage() {
|
||||
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",
|
||||
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",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/musicians-stage-concert_1321-454.jpg?_wi=2",
|
||||
imageAlt: "electric guitar strings closeup dark",
|
||||
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",
|
||||
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",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-posing-with-universe-projection-texture_23-2149581273.jpg?_wi=2",
|
||||
imageAlt: "electric guitar strings closeup dark",
|
||||
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",
|
||||
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",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/musical-creative-design-poster-with-quote-music-we-trust-label-design-t-shirts_1284-49231.jpg?_wi=1",
|
||||
imageAlt: "electric guitar strings closeup dark",
|
||||
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}
|
||||
@@ -221,59 +164,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Merch",
|
||||
name: "Classic Logo Tee",
|
||||
price: "$29",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/musical-creative-design-poster-with-quote-music-we-trust-label-design-t-shirts_1284-49231.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", brand: "Merch", name: "Classic Logo Tee", price: "$29", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-vector/musical-creative-design-poster-with-quote-music-we-trust-label-design-t-shirts_1284-49231.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Music",
|
||||
name: "Limited Vinyl",
|
||||
price: "$45",
|
||||
rating: 5,
|
||||
reviewCount: "89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vinyl-background-with-spilling-liquid_23-2148167154.jpg",
|
||||
},
|
||||
id: "p2", brand: "Music", name: "Limited Vinyl", price: "$45", rating: 5,
|
||||
reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/vinyl-background-with-spilling-liquid_23-2148167154.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Merch",
|
||||
name: "Vendetta Hoodie",
|
||||
price: "$65",
|
||||
rating: 4,
|
||||
reviewCount: "205",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/rock-music-festival-poster_1284-21443.jpg",
|
||||
},
|
||||
id: "p3", brand: "Merch", name: "Vendetta Hoodie", price: "$65", rating: 4,
|
||||
reviewCount: "205", imageSrc: "http://img.b2bpic.net/free-vector/rock-music-festival-poster_1284-21443.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Merch",
|
||||
name: "Wristband Pack",
|
||||
price: "$15",
|
||||
rating: 5,
|
||||
reviewCount: "50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lightbox-still-life-arrangement_23-2149198380.jpg",
|
||||
},
|
||||
id: "p4", brand: "Merch", name: "Wristband Pack", price: "$15", rating: 5,
|
||||
reviewCount: "50", imageSrc: "http://img.b2bpic.net/free-photo/lightbox-still-life-arrangement_23-2149198380.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Music",
|
||||
name: "Signature Picks",
|
||||
price: "$10",
|
||||
rating: 5,
|
||||
reviewCount: "30",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/isolated-opened-font-view-white-black-tshirt_1409-3391.jpg",
|
||||
},
|
||||
id: "p5", brand: "Music", name: "Signature Picks", price: "$10", rating: 5,
|
||||
reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-psd/isolated-opened-font-view-white-black-tshirt_1409-3391.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Merch",
|
||||
name: "Logo Snapback",
|
||||
price: "$35",
|
||||
rating: 4,
|
||||
reviewCount: "72",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-holding-retro-vinyl-disk-near-multicolored-wallperson-hol_23-2148289136.jpg",
|
||||
},
|
||||
id: "p6", brand: "Merch", name: "Logo Snapback", price: "$35", rating: 4,
|
||||
reviewCount: "72", imageSrc: "http://img.b2bpic.net/free-photo/person-holding-retro-vinyl-disk-near-multicolored-wallperson-hol_23-2148289136.jpg"},
|
||||
]}
|
||||
title="Exclusive Vendetta Gear"
|
||||
description="Wear the flame. Support the rebellion with our latest merchandise."
|
||||
@@ -287,35 +194,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1M+",
|
||||
title: "Streams",
|
||||
items: [
|
||||
"Spotify",
|
||||
"Apple Music",
|
||||
"YouTube",
|
||||
],
|
||||
id: "m1", value: "1M+", title: "Streams", items: [
|
||||
"Spotify", "Apple Music", "YouTube"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12",
|
||||
title: "Countries",
|
||||
items: [
|
||||
"US",
|
||||
"UK",
|
||||
"Germany",
|
||||
"Japan",
|
||||
],
|
||||
id: "m2", value: "12", title: "Countries", items: [
|
||||
"US", "UK", "Germany", "Japan"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "3",
|
||||
title: "Albums",
|
||||
items: [
|
||||
"Vendetta I",
|
||||
"Vendetta II",
|
||||
"Vendetta III",
|
||||
],
|
||||
id: "m3", value: "3", title: "Albums", items: [
|
||||
"Vendetta I", "Vendetta II", "Vendetta III"],
|
||||
},
|
||||
]}
|
||||
title="By The Numbers"
|
||||
@@ -328,30 +216,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/image-angry-distressed-asian-woman-screaming-ripping-hair-head-losing-temper-standing-h_1258-114377.jpg",
|
||||
},
|
||||
id: "t1", name: "Alex R.", imageSrc: "http://img.b2bpic.net/free-photo/image-angry-distressed-asian-woman-screaming-ripping-hair-head-losing-temper-standing-h_1258-114377.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: "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: "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: "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: "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"
|
||||
@@ -365,20 +238,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "When is the next tour?",
|
||||
content: "Check our tour dates page for updates.",
|
||||
},
|
||||
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: "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: "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."
|
||||
@@ -396,22 +260,14 @@ export default function LandingPage() {
|
||||
description="Send us your questions, bookings, or feedback."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Message",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Message", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-16233.jpg"
|
||||
@@ -424,29 +280,19 @@ export default function LandingPage() {
|
||||
logoText="Iron Vendetta"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Merch",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Merch", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Use", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user