Update src/app/page.tsx
This commit is contained in:
224
src/app/page.tsx
224
src/app/page.tsx
@@ -32,46 +32,31 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Beats",
|
||||
id: "catalog",
|
||||
},
|
||||
name: "Beats", id: "catalog"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="BeatsbyMercury"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Started", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Pro-Grade Beats for Your Next Hit"
|
||||
description="Unlock your sound with BeatsbyMercury. High-quality production, instant delivery, and royalty-free licensing for every creator."
|
||||
description="Unlock your sound with BeatsbyMercury. Royalty-Free licensing ensures professional creators stay worry-free—instant access to top-tier production."
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Beats",
|
||||
href: "#catalog",
|
||||
},
|
||||
text: "Browse Beats", href: "#catalog"},
|
||||
{
|
||||
text: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/teenage-boy-girl-recording-music-their-home-studio-with-guitar_23-2149666509.jpg?_wi=1"
|
||||
/>
|
||||
@@ -83,9 +68,7 @@ export default function LandingPage() {
|
||||
title="Sonic Perfection, Delivered Daily"
|
||||
buttons={[
|
||||
{
|
||||
text: "See Packages",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "See Packages", href: "#pricing"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -97,39 +80,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Crystal Clear Mixing",
|
||||
author: "Pro Standards",
|
||||
description: "Every beat is mixed and mastered for optimal clarity.",
|
||||
tags: [
|
||||
"Mastered",
|
||||
"High-Quality",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-beauty-vlog_23-2148916274.jpg",
|
||||
imageAlt: "Woman doing a beauty vlog",
|
||||
},
|
||||
id: "f1", title: "Crystal Clear Mixing", author: "Pro Standards", description: "Every beat is mixed and mastered for optimal clarity.", tags: [
|
||||
"Mastered", "High-Quality"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-beauty-vlog_23-2148916274.jpg", imageAlt: "Woman doing a beauty vlog"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Instant Delivery",
|
||||
author: "Immediate",
|
||||
description: "Download your files immediately after purchase.",
|
||||
tags: [
|
||||
"Instant",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teenage-boy-girl-recording-music-their-home-studio-with-guitar_23-2149666509.jpg?_wi=2",
|
||||
imageAlt: "Woman doing a beauty vlog",
|
||||
},
|
||||
id: "f2", title: "Instant Delivery", author: "Immediate", description: "Download your files immediately after purchase.", tags: [
|
||||
"Instant"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teenage-boy-girl-recording-music-their-home-studio-with-guitar_23-2149666509.jpg?_wi=2", imageAlt: "Woman doing a beauty vlog"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Royal-Free License",
|
||||
author: "Flexible",
|
||||
description: "Keep 100% of your earnings with our license.",
|
||||
tags: [
|
||||
"No Hidden Fees",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/circuit-board-close-up-with-different-components_23-2149174373.jpg?_wi=1",
|
||||
imageAlt: "Woman doing a beauty vlog",
|
||||
},
|
||||
id: "f3", title: "Royal-Free License", author: "Flexible", description: "Keep 100% of your earnings with our license.", tags: [
|
||||
"No Hidden Fees"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/circuit-board-close-up-with-different-components_23-2149174373.jpg?_wi=1", imageAlt: "Woman doing a beauty vlog"},
|
||||
]}
|
||||
title="Industry Standard Features"
|
||||
description="Everything you need to turn a vision into a chart-topper."
|
||||
@@ -141,47 +102,23 @@ export default function LandingPage() {
|
||||
layout="section"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Midnight Mood",
|
||||
price: "$49.99",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/circuit-board-close-up-with-different-components_23-2149174373.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Midnight Mood", price: "$49.99", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/circuit-board-close-up-with-different-components_23-2149174373.jpg?_wi=2"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Summer Haze",
|
||||
price: "$59.99",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-glimmers-light-flares_23-2151871972.jpg",
|
||||
},
|
||||
id: "2", name: "Summer Haze", price: "$59.99", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-glimmers-light-flares_23-2151871972.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Lo-Fi Dreams",
|
||||
price: "$39.99",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/flat-design-music-festival-design_23-2149710455.jpg",
|
||||
},
|
||||
id: "3", name: "Lo-Fi Dreams", price: "$39.99", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/flat-design-music-festival-design_23-2149710455.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Trap Nation",
|
||||
price: "$69.99",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-water-with-fizzy-bath-bomb_23-2147933883.jpg",
|
||||
},
|
||||
id: "4", name: "Trap Nation", price: "$69.99", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-water-with-fizzy-bath-bomb_23-2147933883.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Pop Perfection",
|
||||
price: "$79.99",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/compact-cassette-discs-composition_23-2147781353.jpg",
|
||||
},
|
||||
id: "5", name: "Pop Perfection", price: "$79.99", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/compact-cassette-discs-composition_23-2147781353.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Soulful Vibe",
|
||||
price: "$45.00",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-twist-background_1048-16846.jpg",
|
||||
},
|
||||
id: "6", name: "Soulful Vibe", price: "$45.00", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-twist-background_1048-16846.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -193,48 +130,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
name: "Basic MP3",
|
||||
price: "$29",
|
||||
features: [
|
||||
"MP3 File",
|
||||
"Tagged",
|
||||
"Standard License",
|
||||
],
|
||||
id: "basic", name: "Basic MP3", price: "$29", features: [
|
||||
"MP3 File", "Tagged", "Standard License"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Buy Now",
|
||||
},
|
||||
text: "Buy Now"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "wav",
|
||||
name: "WAV Lease",
|
||||
price: "$59",
|
||||
features: [
|
||||
"WAV File",
|
||||
"Untagged",
|
||||
"Commercial Use",
|
||||
],
|
||||
id: "wav", name: "WAV Lease", price: "$59", features: [
|
||||
"WAV File", "Untagged", "Commercial Use"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Buy Now",
|
||||
},
|
||||
text: "Buy Now"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "exclusive",
|
||||
name: "Exclusive Rights",
|
||||
price: "$299",
|
||||
features: [
|
||||
"Stems Included",
|
||||
"Full Ownership",
|
||||
"Priority Support",
|
||||
],
|
||||
id: "exclusive", name: "Exclusive Rights", price: "$299", features: [
|
||||
"Stems Included", "Full Ownership", "Priority Support"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Buy Now",
|
||||
},
|
||||
text: "Buy Now"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -248,14 +164,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Spotify Artists",
|
||||
"SoundCloud Producers",
|
||||
"YouTube Creators",
|
||||
"Film Studios",
|
||||
"Media Production",
|
||||
"Global DJ's",
|
||||
"Upcoming Talent",
|
||||
]}
|
||||
"Spotify Artists", "SoundCloud Producers", "YouTube Creators", "Film Studios", "Media Production", "Global DJ's", "Upcoming Talent"]}
|
||||
title="Trusted by Creators Globally"
|
||||
description="Join hundreds of artists making hits with our beats."
|
||||
/>
|
||||
@@ -269,25 +178,15 @@ export default function LandingPage() {
|
||||
author="Marcus V., Music Producer"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-white-woman-posing-with-flower-side-view_23-2149428627.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/black-white-woman-posing-with-flower-side-view_23-2149428627.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/adorable-woman-posing-with-plants_23-2148442515.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/adorable-woman-posing-with-plants_23-2148442515.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/guy-with-violon_1157-8523.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/guy-with-violon_1157-8523.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/charming-female-musician-headphones-dreamily-dancing-while-recording-song-modern-sound-studio_574295-1759.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/charming-female-musician-headphones-dreamily-dancing-while-recording-song-modern-sound-studio_574295-1759.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885646.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885646.jpg", alt: "User 5"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -298,16 +197,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Let's Connect"
|
||||
title="Need a Custom Beat?"
|
||||
description="Get in touch for custom production or collaboration inquiries."
|
||||
buttons={[
|
||||
{
|
||||
text: "Send Email",
|
||||
href: "mailto:beats@mercury.store",
|
||||
},
|
||||
text: "Send Email", href: "mailto:beats@mercury.store"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -316,29 +212,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Store",
|
||||
items: [
|
||||
title: "Store", items: [
|
||||
{
|
||||
label: "Browse Beats",
|
||||
href: "#catalog",
|
||||
},
|
||||
label: "Browse Beats", href: "#catalog"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -349,4 +235,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user