Merge version_1 into main #1
199
src/app/page.tsx
199
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Members",
|
||||
id: "#members",
|
||||
},
|
||||
name: "Members", id: "#members"},
|
||||
{
|
||||
name: "Discography",
|
||||
id: "#discography",
|
||||
},
|
||||
name: "Discography", id: "#discography"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="The Smiths"
|
||||
/>
|
||||
@@ -54,62 +46,39 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="The Smiths: Legends of Alternative Rock"
|
||||
description="Celebrating the poetic lyrics and jangly guitar melodies that defined a generation. Discover the legacy of Manchester's most influential band."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Legacy",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Explore Legacy", href: "#about"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-friends-making-music-together_23-2149223641.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-people-playing-instruments_23-2149223681.jpg",
|
||||
alt: "Full shot people playing instruments",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-people-playing-instruments_23-2149223681.jpg", alt: "Full shot people playing instruments"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/monochrome-view-person-playing-electric-guitar_23-2151406180.jpg",
|
||||
alt: "Monochrome view of person playing electric guitar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/monochrome-view-person-playing-electric-guitar_23-2151406180.jpg", alt: "Monochrome view of person playing electric guitar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-woman-playing-guitar_23-2149223701.jpg",
|
||||
alt: "Full shot woman playing the guitar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-woman-playing-guitar_23-2149223701.jpg", alt: "Full shot woman playing the guitar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-rebellious-grannies_23-2151310206.jpg",
|
||||
alt: "Medium shot rebellious grannies",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-rebellious-grannies_23-2151310206.jpg", alt: "Medium shot rebellious grannies"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172355.jpg",
|
||||
alt: "Retro vhs packaging indoors",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172355.jpg", alt: "Retro vhs packaging indoors"},
|
||||
]}
|
||||
avatarText="Join our community of over 10,000 devoted fans."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Alternative Rock",
|
||||
},
|
||||
type: "text", text: "Alternative Rock"},
|
||||
{
|
||||
type: "text",
|
||||
text: "1982-1987",
|
||||
},
|
||||
type: "text", text: "1982-1987"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Jangly Pop",
|
||||
},
|
||||
type: "text", text: "Jangly Pop"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Manchester Sound",
|
||||
},
|
||||
type: "text", text: "Manchester Sound"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Poetic Lyrics",
|
||||
},
|
||||
type: "text", text: "Poetic Lyrics"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -120,9 +89,7 @@ export default function LandingPage() {
|
||||
title="A Legacy of Melancholy and Wit"
|
||||
buttons={[
|
||||
{
|
||||
text: "Listen to Discography",
|
||||
href: "#discography",
|
||||
},
|
||||
text: "Listen to Discography", href: "#discography"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -135,29 +102,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Morrissey",
|
||||
role: "Vocals",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-male-artist-playing-electric-guitar_23-2148680325.jpg",
|
||||
},
|
||||
id: "m1", name: "Morrissey", role: "Vocals", imageSrc: "http://img.b2bpic.net/free-photo/back-view-male-artist-playing-electric-guitar_23-2148680325.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Johnny Marr",
|
||||
role: "Guitar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-shaved-head-male-musician-dressed-old-celtic-clothes-sits-wooden-box-performing-old-mandolin_613910-13862.jpg",
|
||||
},
|
||||
id: "m2", name: "Johnny Marr", role: "Guitar", imageSrc: "http://img.b2bpic.net/free-photo/portrait-shaved-head-male-musician-dressed-old-celtic-clothes-sits-wooden-box-performing-old-mandolin_613910-13862.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Andy Rourke",
|
||||
role: "Bass",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-eyes-pretty-young-woman-big-fur-coat_181624-36628.jpg",
|
||||
},
|
||||
id: "m3", name: "Andy Rourke", role: "Bass", imageSrc: "http://img.b2bpic.net/free-photo/close-up-eyes-pretty-young-woman-big-fur-coat_181624-36628.jpg"},
|
||||
{
|
||||
id: "m4",
|
||||
name: "Mike Joyce",
|
||||
role: "Drums",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-playing-guitar-looking-photographer_23-2148328611.jpg",
|
||||
},
|
||||
id: "m4", name: "Mike Joyce", role: "Drums", imageSrc: "http://img.b2bpic.net/free-photo/man-playing-guitar-looking-photographer_23-2148328611.jpg"},
|
||||
]}
|
||||
title="Meet The Band"
|
||||
description="The creative forces behind the sound that defined 80s alternative rock."
|
||||
@@ -166,46 +117,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="discography" data-section="discography">
|
||||
<ProductCardThree
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "The Smiths",
|
||||
price: "Standard Vinyl",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tie-dye-background_23-2148912047.jpg",
|
||||
},
|
||||
id: "p1", name: "The Smiths", price: "Standard Vinyl", imageSrc: "http://img.b2bpic.net/free-photo/tie-dye-background_23-2148912047.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Meat Is Murder",
|
||||
price: "Standard Vinyl",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/real-life-zodiac-collage_23-2149588386.jpg",
|
||||
},
|
||||
id: "p2", name: "Meat Is Murder", price: "Standard Vinyl", imageSrc: "http://img.b2bpic.net/free-photo/real-life-zodiac-collage_23-2149588386.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "The Queen Is Dead",
|
||||
price: "Standard Vinyl",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-hands-playing-beautiful-vintage-guitar_23-2148328613.jpg",
|
||||
},
|
||||
id: "p3", name: "The Queen Is Dead", price: "Standard Vinyl", imageSrc: "http://img.b2bpic.net/free-photo/male-hands-playing-beautiful-vintage-guitar_23-2148328613.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Strangeways, Here We Come",
|
||||
price: "Standard Vinyl",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-pickup-machine_23-2150711828.jpg",
|
||||
},
|
||||
id: "p4", name: "Strangeways, Here We Come", price: "Standard Vinyl", imageSrc: "http://img.b2bpic.net/free-photo/retro-pickup-machine_23-2150711828.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Hatful of Hollow",
|
||||
price: "Standard Vinyl",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-person-holding-vintage-vinyl-records-indoors_23-2148289048.jpg",
|
||||
},
|
||||
id: "p5", name: "Hatful of Hollow", price: "Standard Vinyl", imageSrc: "http://img.b2bpic.net/free-photo/young-person-holding-vintage-vinyl-records-indoors_23-2148289048.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Louder Than Bombs",
|
||||
price: "Standard Vinyl",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-music-concept-with-casette_23-2148605897.jpg",
|
||||
},
|
||||
id: "p6", name: "Louder Than Bombs", price: "Standard Vinyl", imageSrc: "http://img.b2bpic.net/free-photo/front-view-music-concept-with-casette_23-2148605897.jpg"},
|
||||
]}
|
||||
title="Essential Discography"
|
||||
description="Explore the iconic albums that shaped the landscape of modern rock."
|
||||
@@ -220,25 +148,15 @@ export default function LandingPage() {
|
||||
author="A Devoted Fan"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-teen-with-neon-light_23-2149829797.jpg",
|
||||
alt: "Fan 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-teen-with-neon-light_23-2149829797.jpg", alt: "Fan 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-with-black-lipstick-listening-music-headphone-park_23-2147910021.jpg",
|
||||
alt: "Fan 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-with-black-lipstick-listening-music-headphone-park_23-2147910021.jpg", alt: "Fan 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-charming-woman-lying-with-bouquet-flowers-pinkness_23-2148079370.jpg",
|
||||
alt: "Fan 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-charming-woman-lying-with-bouquet-flowers-pinkness_23-2148079370.jpg", alt: "Fan 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/yong-readhead-bearded-hipster-with-backpack-holding-retro-camera-listening-music_171337-7892.jpg",
|
||||
alt: "Fan 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/yong-readhead-bearded-hipster-with-backpack-holding-retro-camera-listening-music_171337-7892.jpg", alt: "Fan 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-pretty-woman-sitting-posing_114579-58633.jpg",
|
||||
alt: "Fan 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-pretty-woman-sitting-posing_114579-58633.jpg", alt: "Fan 5"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -251,20 +169,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "When did the band form?",
|
||||
content: "The Smiths formed in Manchester in 1982.",
|
||||
},
|
||||
id: "f1", title: "When did the band form?", content: "The Smiths formed in Manchester in 1982."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What was their primary genre?",
|
||||
content: "They are widely considered one of the key pillars of the 1980s indie rock/alternative movement.",
|
||||
},
|
||||
id: "f2", title: "What was their primary genre?", content: "They are widely considered one of the key pillars of the 1980s indie rock/alternative movement."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Who were the primary members?",
|
||||
content: "The classic lineup included Morrissey, Johnny Marr, Andy Rourke, and Mike Joyce.",
|
||||
},
|
||||
id: "f3", title: "Who were the primary members?", content: "The classic lineup included Morrissey, Johnny Marr, Andy Rourke, and Mike Joyce."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common questions about The Smiths' history and legacy."
|
||||
@@ -279,22 +188,14 @@ export default function LandingPage() {
|
||||
description="Share your favorite songs or memories with our tribute community."
|
||||
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",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Share your thoughts...",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Share your thoughts...", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-girl-playing-guitar_23-2149645128.jpg"
|
||||
@@ -306,29 +207,19 @@ export default function LandingPage() {
|
||||
logoText="The Smiths"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
title: "Explore", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Discography",
|
||||
href: "#discography",
|
||||
},
|
||||
label: "Discography", href: "#discography"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
title: "Social", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
label: "Twitter", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user