Update src/app/page.tsx
This commit is contained in:
328
src/app/page.tsx
328
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Calendar, MapPin, Music } from "lucide-react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||||
@@ -31,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "The Band",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "The Music",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Songs",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Gigs",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "Book TSS",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "The Band", id: "about" },
|
||||
{ name: "The Music", id: "features" },
|
||||
{ name: "Songs", id: "products" },
|
||||
{ name: "Gigs", id: "metrics" },
|
||||
{ name: "Book TSS", id: "contact" },
|
||||
]}
|
||||
brandName="The Stones Society"
|
||||
/>
|
||||
@@ -58,112 +44,39 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="The Stones Society"
|
||||
description="Seattle’s premier tribute to the greatest rock and roll band of all time."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/musician-performer-holding-electric-guitar-playing-heavy-metal-song-studio-preparing-rock-performance-grunge-concert-beautiful-guitarist-working-punk-album-checking-instrument-sound_482257-63454.jpg?_wi=1",
|
||||
imageAlt: "Band on stage",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rock-star-woman-leather-jacket-playing-heavy-metal-set_482257-117596.jpg",
|
||||
imageAlt: "Band on stage",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-rebellious-grannies-making-music_23-2151310006.jpg",
|
||||
imageAlt: "Band on stage",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-stage-having-guitar-strap_23-2148465362.jpg",
|
||||
imageAlt: "Band on stage",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-lantern-skull-night_23-2148277446.jpg",
|
||||
imageAlt: "Band on stage",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-spangles-scattered-table_23-2147992671.jpg",
|
||||
imageAlt: "Band on stage",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/musician-performer-holding-electric-guitar-playing-heavy-metal-song-studio-preparing-rock-performance-grunge-concert-beautiful-guitarist-working-punk-album-checking-instrument-sound_482257-63454.jpg", imageAlt: "Band on stage" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/rock-star-woman-leather-jacket-playing-heavy-metal-set_482257-117596.jpg", imageAlt: "Band on stage" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-rebellious-grannies-making-music_23-2151310006.jpg", imageAlt: "Band on stage" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-stage-having-guitar-strap_23-2148465362.jpg", imageAlt: "Band on stage" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-holding-lantern-skull-night_23-2148277446.jpg", imageAlt: "Band on stage" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/blurred-spangles-scattered-table_23-2147992671.jpg", imageAlt: "Band on stage" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-holi-color-powder-crowd_23-2148129312.jpg",
|
||||
imageAlt: "Band on stage",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-light_1127-3873.jpg",
|
||||
imageAlt: "Band on stage",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rebel-artist-with-grunge-jacket-holding-electric-guitar-while-playing-rock-music-sound-studio-while-blowing-bubble-gum-composer-preparing-perform-metal-concert-working-solo-performance_482257-60168.jpg",
|
||||
imageAlt: "Band on stage",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/guy-with-acoustic-guitar-sings-friends-have-fun-rooftop-party-with-decorative-colored-light-bulbs_146671-14569.jpg",
|
||||
imageAlt: "Band on stage",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rock-band-guitarist-performing-repetition-recording-studio_53876-132102.jpg",
|
||||
imageAlt: "Band on stage",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/band-mates-giving-high-five-each-other_107420-96126.jpg",
|
||||
imageAlt: "Band on stage",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/green-holi-color-powder-crowd_23-2148129312.jpg", imageAlt: "Band on stage" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-light_1127-3873.jpg", imageAlt: "Band on stage" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/rebel-artist-with-grunge-jacket-holding-electric-guitar-while-playing-rock-music-sound-studio-while-blowing-bubble-gum-composer-preparing-perform-metal-concert-working-solo-performance_482257-60168.jpg", imageAlt: "Band on stage" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/guy-with-acoustic-guitar-sings-friends-have-fun-rooftop-party-with-decorative-colored-light-bulbs_146671-14569.jpg", imageAlt: "Band on stage" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/rock-band-guitarist-performing-repetition-recording-studio_53876-132102.jpg", imageAlt: "Band on stage" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/band-mates-giving-high-five-each-other_107420-96126.jpg", imageAlt: "Band on stage" },
|
||||
]}
|
||||
buttons={[{ text: "Book Us", href: "#contact" }]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-playing-guitar-music-local-event_23-2149188120.jpg",
|
||||
alt: "Band member portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/powerful-female-guitarist-performs-live-with-thrash-metal-vibe_482257-117355.jpg",
|
||||
alt: "Band member portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/rebel-rockstar-woman-playing-electric-guitar-studio-preparing-music-rock-concert-testing-instrument-sound-guitarist-performer-with-grunge-jacket-performing-metal-song-working-punk-album_482257-60187.jpg",
|
||||
alt: "Band member portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/musicians-stage-concert_1321-453.jpg",
|
||||
alt: "Band member portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/annoyed-female-performer-getting-her-vocals-wrong-pre-show-rehearsal_482257-114731.jpg",
|
||||
alt: "Band member portrait",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-man-playing-guitar-music-local-event_23-2149188120.jpg", alt: "Band member portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/powerful-female-guitarist-performs-live-with-thrash-metal-vibe_482257-117355.jpg", alt: "Band member portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/rebel-rockstar-woman-playing-electric-guitar-studio-preparing-music-rock-concert-testing-instrument-sound-guitarist-performer-with-grunge-jacket-performing-metal-song-working-punk-album_482257-60187.jpg", alt: "Band member portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/musicians-stage-concert_1321-453.jpg", alt: "Band member portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/annoyed-female-performer-getting-her-vocals-wrong-pre-show-rehearsal_482257-114731.jpg", alt: "Band member portrait" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Seattle",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Classic Rock",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Live Tribute",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Rolling Stones",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "High Energy",
|
||||
},
|
||||
{ type: "text", text: "Seattle" },
|
||||
{ type: "text", text: "Classic Rock" },
|
||||
{ type: "text", text: "Live Tribute" },
|
||||
{ type: "text", text: "Rolling Stones" },
|
||||
{ type: "text", text: "High Energy" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -173,9 +86,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="The Band"
|
||||
description={[
|
||||
"Founded by a group of passionate Seattle musicians, The Stones Society is dedicated to capturing the raw energy and iconic sound of the Rolling Stones.",
|
||||
"From club stages to private events, we bring the rock and roll legends to life.",
|
||||
]}
|
||||
"Founded by a group of passionate Seattle musicians, The Stones Society is dedicated to capturing the raw energy and iconic sound of the Rolling Stones.", "From club stages to private events, we bring the rock and roll legends to life."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -186,40 +97,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "members",
|
||||
groupTitle: "The Stones Society Roster",
|
||||
members: [
|
||||
id: "members", groupTitle: "The Stones Society Roster", members: [
|
||||
{
|
||||
id: "m1",
|
||||
title: "Robert Roth",
|
||||
subtitle: "Lead Vocals & Guitar",
|
||||
detail: "The front-man powerhouse.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-musicians-working-studio_23-2150206709.jpg",
|
||||
},
|
||||
id: "m1", title: "Robert Roth", subtitle: "Lead Vocals & Guitar", detail: "The front-man powerhouse.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-musicians-working-studio_23-2150206709.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Jennifer Metcalfe",
|
||||
subtitle: "Lead Vocals",
|
||||
detail: "Dynamic and soulful lead vocals.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-office-shirt-holding-acoustic-guitar_23-2148465389.jpg",
|
||||
},
|
||||
id: "m2", title: "Jennifer Metcalfe", subtitle: "Lead Vocals", detail: "Dynamic and soulful lead vocals.", imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-office-shirt-holding-acoustic-guitar_23-2148465389.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Bill Vipond",
|
||||
subtitle: "Guitar",
|
||||
detail: "Rhythm and soul.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artist-hugging-guitar-studio_23-2148465385.jpg",
|
||||
},
|
||||
id: "m3", title: "Bill Vipond", subtitle: "Guitar", detail: "Rhythm and soul.", imageSrc: "http://img.b2bpic.net/free-photo/artist-hugging-guitar-studio_23-2148465385.jpg"},
|
||||
{
|
||||
id: "m4",
|
||||
title: "Kirk Lennstrom",
|
||||
subtitle: "Guitar",
|
||||
detail: "Stones-inspired riff master.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-rebellious-grannies-making-music_23-2151310007.jpg",
|
||||
},
|
||||
id: "m4", title: "Kirk Lennstrom", subtitle: "Guitar", detail: "Stones-inspired riff master.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-rebellious-grannies-making-music_23-2151310007.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/musician-performer-holding-electric-guitar-playing-heavy-metal-song-studio-preparing-rock-performance-grunge-concert-beautiful-guitarist-working-punk-album-checking-instrument-sound_482257-63454.jpg?_wi=2",
|
||||
imageAlt: "professional band portrait stage clothes",
|
||||
},
|
||||
]}
|
||||
title="Our Members"
|
||||
@@ -233,26 +120,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Live",
|
||||
title: "High Energy",
|
||||
subtitle: "Rock and Roll",
|
||||
description: "Authentic performances of all your favorite tracks.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-sound-mixer_1359-7.jpg",
|
||||
},
|
||||
tag: "Live", title: "High Energy", subtitle: "Rock and Roll", description: "Authentic performances of all your favorite tracks.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-sound-mixer_1359-7.jpg"},
|
||||
{
|
||||
tag: "Experience",
|
||||
title: "Seasoned Pros",
|
||||
subtitle: "Seattle Based",
|
||||
description: "Musicians with years of live stage experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-student-using-sound-mixer_107420-64839.jpg",
|
||||
},
|
||||
tag: "Experience", title: "Seasoned Pros", subtitle: "Seattle Based", description: "Musicians with years of live stage experience.", imageSrc: "http://img.b2bpic.net/free-photo/female-student-using-sound-mixer_107420-64839.jpg"},
|
||||
{
|
||||
tag: "Show",
|
||||
title: "Classic Hits",
|
||||
subtitle: "Rolling Stones",
|
||||
description: "A comprehensive setlist ranging from the 60s to today.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-professional-radio-equipment_482257-108485.jpg",
|
||||
},
|
||||
tag: "Show", title: "Classic Hits", subtitle: "Rolling Stones", description: "A comprehensive setlist ranging from the 60s to today.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-professional-radio-equipment_482257-108485.jpg"},
|
||||
]}
|
||||
title="The Music"
|
||||
description="Our tribute captures the essence of classic rock, delivering tight performances of the biggest hits."
|
||||
@@ -267,47 +139,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "s1",
|
||||
name: "Sympathy For The Devil",
|
||||
price: "Classic",
|
||||
variant: "Hit",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trumpet-sheet-music-crumblin-tabletop_23-2147781331.jpg",
|
||||
},
|
||||
id: "s1", name: "Sympathy For The Devil", price: "Classic", variant: "Hit", imageSrc: "http://img.b2bpic.net/free-photo/trumpet-sheet-music-crumblin-tabletop_23-2147781331.jpg"},
|
||||
{
|
||||
id: "s2",
|
||||
name: "Gimme Shelter",
|
||||
price: "Classic",
|
||||
variant: "Hit",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electric-guitar-amplifier-dark-background-with-decorative-word-home_169016-51449.jpg",
|
||||
},
|
||||
id: "s2", name: "Gimme Shelter", price: "Classic", variant: "Hit", imageSrc: "http://img.b2bpic.net/free-photo/electric-guitar-amplifier-dark-background-with-decorative-word-home_169016-51449.jpg"},
|
||||
{
|
||||
id: "s3",
|
||||
name: "Paint It Black",
|
||||
price: "Classic",
|
||||
variant: "Hit",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-holding-vinyl-disc_23-2148432091.jpg",
|
||||
},
|
||||
id: "s3", name: "Paint It Black", price: "Classic", variant: "Hit", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-holding-vinyl-disc_23-2148432091.jpg"},
|
||||
{
|
||||
id: "s4",
|
||||
name: "Wild Horses",
|
||||
price: "Classic",
|
||||
variant: "Ballad",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/saxophone-sheet-music_23-2147781327.jpg",
|
||||
},
|
||||
id: "s4", name: "Wild Horses", price: "Classic", variant: "Ballad", imageSrc: "http://img.b2bpic.net/free-photo/saxophone-sheet-music_23-2147781327.jpg"},
|
||||
{
|
||||
id: "s5",
|
||||
name: "Miss You",
|
||||
price: "Classic",
|
||||
variant: "Jam",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vinyl-record-with-fingerprint_23-2147781810.jpg",
|
||||
},
|
||||
id: "s5", name: "Miss You", price: "Classic", variant: "Jam", imageSrc: "http://img.b2bpic.net/free-photo/vinyl-record-with-fingerprint_23-2147781810.jpg"},
|
||||
{
|
||||
id: "s6",
|
||||
name: "Satisfaction",
|
||||
price: "Classic",
|
||||
variant: "Essential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-electric-guitars_23-2147781745.jpg",
|
||||
},
|
||||
id: "s6", name: "Satisfaction", price: "Classic", variant: "Essential", imageSrc: "http://img.b2bpic.net/free-photo/crop-electric-guitars_23-2147781745.jpg"},
|
||||
]}
|
||||
title="Our Setlist"
|
||||
description="A selection of Stones classics we bring to every stage."
|
||||
@@ -320,21 +162,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "g1",
|
||||
title: "Jan 17",
|
||||
value: "Slim’s Last Chance",
|
||||
},
|
||||
{
|
||||
id: "g2",
|
||||
title: "Jan 18",
|
||||
value: "The Press Box",
|
||||
},
|
||||
{
|
||||
id: "g3",
|
||||
title: "May 9",
|
||||
value: "Amped on Front",
|
||||
},
|
||||
{ id: "g1", title: "Jan 17", value: "Slim’s Last Chance", icon: Calendar },
|
||||
{ id: "g2", title: "Jan 18", value: "The Press Box", icon: MapPin },
|
||||
{ id: "g3", title: "May 9", value: "Amped on Front", icon: Music },
|
||||
]}
|
||||
title="Upcoming Gigs"
|
||||
description="Catch us live at these upcoming local shows."
|
||||
@@ -347,20 +177,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Can you play private events?",
|
||||
content: "Yes, we are available for corporate retreats, private parties, and weddings.",
|
||||
},
|
||||
id: "q1", title: "Can you play private events?", content: "Yes, we are available for corporate retreats, private parties, and weddings."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you bring your own gear?",
|
||||
content: "We are fully self-contained with professional sound equipment.",
|
||||
},
|
||||
id: "q2", title: "Do you bring your own gear?", content: "We are fully self-contained with professional sound equipment."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How long is your set?",
|
||||
content: "We can tailor our performance length to suit your specific event needs.",
|
||||
},
|
||||
id: "q3", title: "How long is your set?", content: "We can tailor our performance length to suit your specific event needs."},
|
||||
]}
|
||||
title="Booking Info"
|
||||
description="Have questions about booking The Stones Society?"
|
||||
@@ -371,16 +192,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Ready to bring the Stones to your next event? Contact us for booking inquiries and availability."
|
||||
buttons={[
|
||||
{
|
||||
text: "Send Email",
|
||||
href: "mailto:info@stonessociety.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Send Email", href: "mailto:info@stonessociety.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -388,37 +202,17 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Music",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Gigs",
|
||||
href: "#metrics",
|
||||
},
|
||||
{
|
||||
label: "Booking",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Navigation", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Music", href: "#features" },
|
||||
{ label: "Gigs", href: "#metrics" },
|
||||
{ label: "Booking", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
title: "Connect", items: [
|
||||
{ label: "Facebook", href: "#" },
|
||||
{ label: "Instagram", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user