Merge version_2 into main #1

Merged
bender merged 2 commits from version_2 into main 2026-04-25 10:24:27 +00:00
2 changed files with 122 additions and 183 deletions

60
src/app/beats/page.tsx Normal file
View File

@@ -0,0 +1,60 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import FooterBase from '@/components/sections/footer/FooterBase';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
export default function BeatsCatalogPage() {
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="smallMedium"
sizing="largeSmallSizeMediumTitles"
background="aurora"
cardStyle="glass-elevated"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="glass"
headingFontWeight="light"
>
<ReactLenis root>
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "/" },
{ name: "Beats", id: "/beats" },
{ name: "About", id: "/#about" },
{ name: "Contact", id: "/#contact" },
]}
brandName="BeatNexus"
/>
<div className="pt-24">
<ProductCardThree
title="Beats Library"
description="Explore our curated collection of professional instrumentals. Filter by genre, BPM, or key to find your sound."
gridVariant="uniform-all-items-equal"
animationType="slide-up"
textboxLayout="split"
products={[
{ id: "b1", name: "Midnight Vibe", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/vinyl-records-green-background_23-2147926836.jpg" },
{ id: "b2", name: "Cloud Trap", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-shipping-internet-commerce-concept_53876-124434.jpg" },
{ id: "b3", name: "Sunset Funk", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/abstract-light-painting-dark_52683-92735.jpg" },
{ id: "b4", name: "Urban Pulse", price: "$50", imageSrc: "http://img.b2bpic.net/free-photo/abstract-light-painting-dark_23-2149627895.jpg" },
]}
/>
</div>
<FooterBase
columns={[
{ title: "Store", items: [{ label: "Beats", href: "/beats" }] },
{ title: "Support", items: [{ label: "FAQ", href: "/#faq" }] },
]}
logoText="BeatNexus"
/>
</ReactLenis>
</ThemeProvider>
);
}

View File

@@ -31,21 +31,15 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "home",
},
name: "Home", id: "home"},
{
name: "Beats",
id: "products",
},
name: "Shop", id: "products"},
{
name: "About",
id: "about",
},
name: "Payment Info", id: "faq"},
{
name: "Contact",
id: "contact",
},
name: "About", id: "about"},
{
name: "Contact", id: "contact"},
]}
brandName="BeatNexus"
/>
@@ -54,98 +48,53 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroBillboardTestimonial
background={{
variant: "plain",
}}
variant: "plain"}}
title="Your Next Hit Starts Here"
description="High-quality, exclusive instrumentals ready for your vocals. Browse our premium beat catalog today."
description="High-quality, exclusive instrumentals ready for your vocals. Secure payment integration with Stripe and PayPal."
testimonials={[
{
name: "Producer X",
handle: "@producerx",
testimonial: "The best beats I've purchased, always hits.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-musician-working-studio_23-2150265054.jpg",
},
name: "Producer X", handle: "@producerx", testimonial: "The best beats I've purchased, always hits.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-musician-working-studio_23-2150265054.jpg"},
{
name: "Sarah J.",
handle: "@sarahbeats",
testimonial: "The sound quality is unmatched, truly premium.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-man-playing-guitar-music-local-event_23-2149188116.jpg",
},
name: "Sarah J.", handle: "@sarahbeats", testimonial: "The sound quality is unmatched, truly premium.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-man-playing-guitar-music-local-event_23-2149188116.jpg"},
{
name: "Marcus V.",
handle: "@mv_music",
testimonial: "Incredible versatility in every track I grab.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/vintage-dressed-rocker-playing-electric-guitar_23-2148328610.jpg",
},
name: "Marcus V.", handle: "@mv_music", testimonial: "Incredible versatility in every track I grab.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/vintage-dressed-rocker-playing-electric-guitar_23-2148328610.jpg"},
{
name: "Elena R.",
handle: "@elena_vox",
testimonial: "My vocals sound better than ever on these beats.",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/athlete-using-smart-watch_23-2147839305.jpg",
},
name: "Elena R.", handle: "@elena_vox", testimonial: "My vocals sound better than ever on these beats.", rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/athlete-using-smart-watch_23-2147839305.jpg"},
{
name: "David K.",
handle: "@dk_rhythm",
testimonial: "Consistent, professional, and very affordable.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-girl-playing-guitar_23-2149835626.jpg",
},
name: "David K.", handle: "@dk_rhythm", testimonial: "Consistent, professional, and very affordable.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-girl-playing-guitar_23-2149835626.jpg"},
]}
buttons={[
{
text: "Browse Beats",
href: "#products",
},
text: "Shop Beats", href: "#products"},
]}
imageSrc="http://img.b2bpic.net/free-photo/3d-render-techno-background-with-flowing-network-lines-particles_1048-13928.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/3d-render-network-communications-background-with-flowing-waves_1048-14049.jpg",
alt: "User 1",
},
src: "http://img.b2bpic.net/free-photo/3d-render-network-communications-background-with-flowing-waves_1048-14049.jpg", alt: "User 1"},
{
src: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139258.jpg",
alt: "User 2",
},
src: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139258.jpg", alt: "User 2"},
{
src: "http://img.b2bpic.net/free-photo/nature-background-with-glowing-ribbon_23-2148106663.jpg",
alt: "User 3",
},
src: "http://img.b2bpic.net/free-photo/nature-background-with-glowing-ribbon_23-2148106663.jpg", alt: "User 3"},
{
src: "http://img.b2bpic.net/free-photo/3d-render-abstract-with-motion-sound-wave-design_1048-13631.jpg",
alt: "User 4",
},
src: "http://img.b2bpic.net/free-photo/3d-render-abstract-with-motion-sound-wave-design_1048-13631.jpg", alt: "User 4"},
{
src: "http://img.b2bpic.net/free-photo/3d-render-techno-background-with-flowing-network-lines-particles_1048-13928.jpg",
alt: "User 5",
},
src: "http://img.b2bpic.net/free-photo/3d-render-techno-background-with-flowing-network-lines-particles_1048-13928.jpg", alt: "User 5"},
]}
marqueeItems={[
{
type: "text",
text: "Exclusive Rights Available",
},
type: "text", text: "Stripe & PayPal Supported"},
{
type: "text",
text: "High Quality WAV Files",
},
type: "text", text: "Instant Digital Delivery"},
{
type: "text",
text: "Royalty Free",
},
type: "text", text: "Royalty Free Licenses"},
{
type: "text",
text: "Instant Download",
},
{
type: "text",
text: "Industry Standard",
},
type: "text", text: "Secure Payments"},
]}
/>
</div>
@@ -156,8 +105,7 @@ export default function LandingPage() {
title="Crafted with Precision"
buttons={[
{
text: "Learn More",
},
text: "Learn More"},
]}
/>
</div>
@@ -170,44 +118,20 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Midnight Vibe",
price: "$30",
imageSrc: "http://img.b2bpic.net/free-photo/vinyl-records-green-background_23-2147926836.jpg",
},
id: "p1", name: "Midnight Vibe", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/vinyl-records-green-background_23-2147926836.jpg"},
{
id: "p2",
name: "Cloud Trap",
price: "$45",
imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-shipping-internet-commerce-concept_53876-124434.jpg",
},
id: "p2", name: "Cloud Trap", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-shipping-internet-commerce-concept_53876-124434.jpg"},
{
id: "p3",
name: "Sunset Funk",
price: "$25",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-light-painting-dark_52683-92735.jpg",
},
id: "p3", name: "Sunset Funk", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/abstract-light-painting-dark_52683-92735.jpg"},
{
id: "p4",
name: "Urban Pulse",
price: "$50",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-light-painting-dark_23-2149627895.jpg",
},
id: "p4", name: "Urban Pulse", price: "$50", imageSrc: "http://img.b2bpic.net/free-photo/abstract-light-painting-dark_23-2149627895.jpg"},
{
id: "p5",
name: "Neon Dreams",
price: "$35",
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-music-sound_23-2151065119.jpg",
},
id: "p5", name: "Neon Dreams", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-music-sound_23-2151065119.jpg"},
{
id: "p6",
name: "Deep Space",
price: "$40",
imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-light-lamp-design_23-2151037666.jpg",
},
id: "p6", name: "Deep Space", price: "$40", imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-light-lamp-design_23-2151037666.jpg"},
]}
title="Latest Beats"
description="Professional instrumentals for every genre."
description="Securely purchase using Stripe or PayPal."
/>
</div>
@@ -219,23 +143,14 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "500+",
description: "Beats Produced",
},
id: "m1", value: "500+", description: "Beats Produced"},
{
id: "m2",
value: "120",
description: "Happy Artists",
},
id: "m2", value: "120", description: "Happy Artists"},
{
id: "m3",
value: "100%",
description: "Royalty Free",
},
id: "m3", value: "100%", description: "Secure Processing"},
]}
title="Proven Quality"
description="Our numbers speak for themselves."
description="Trusted by producers worldwide."
/>
</div>
@@ -246,43 +161,18 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "User 1",
handle: "@user1",
testimonial: "Amazing work!",
imageSrc: "http://img.b2bpic.net/free-photo/male-artist-with-brushes-posing_114579-85815.jpg",
},
id: "t1", name: "User 1", handle: "@user1", testimonial: "Amazing work!", imageSrc: "http://img.b2bpic.net/free-photo/male-artist-with-brushes-posing_114579-85815.jpg"},
{
id: "t2",
name: "User 2",
handle: "@user2",
testimonial: "Incredible sound design.",
imageSrc: "http://img.b2bpic.net/free-photo/guitar-music-outdoors_23-2148079040.jpg",
},
id: "t2", name: "User 2", handle: "@user2", testimonial: "Incredible sound design.", imageSrc: "http://img.b2bpic.net/free-photo/guitar-music-outdoors_23-2148079040.jpg"},
{
id: "t3",
name: "User 3",
handle: "@user3",
testimonial: "Fast delivery and great quality.",
imageSrc: "http://img.b2bpic.net/free-photo/male-artist-painting-studio-with-watercolors_23-2149908447.jpg",
},
id: "t3", name: "User 3", handle: "@user3", testimonial: "Fast delivery and great quality.", imageSrc: "http://img.b2bpic.net/free-photo/male-artist-painting-studio-with-watercolors_23-2149908447.jpg"},
{
id: "t4",
name: "User 4",
handle: "@user4",
testimonial: "Highly recommended for artists.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-brushes-canvas-black-high-quality-photo_114579-63522.jpg",
},
id: "t4", name: "User 4", handle: "@user4", testimonial: "Highly recommended for artists.", imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-brushes-canvas-black-high-quality-photo_114579-63522.jpg"},
{
id: "t5",
name: "User 5",
handle: "@user5",
testimonial: "My go-to store.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-performer-posing-window-while-playing-electric-guitar_23-2148680333.jpg",
},
id: "t5", name: "User 5", handle: "@user5", testimonial: "My go-to store.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-performer-posing-window-while-playing-electric-guitar_23-2148680333.jpg"},
]}
title="What Our Clients Say"
description="Join our community of satisfied producers and artists."
description="Hear from our satisfied customers."
/>
</div>
@@ -291,22 +181,14 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "How do I download?",
content: "Instant download after payment.",
},
id: "q1", title: "Payment Methods", content: "We accept all major credit cards via Stripe and standard PayPal payments."},
{
id: "q2",
title: "Are beats royalty-free?",
content: "Yes, check our license.",
},
id: "q2", title: "Refund Policy", content: "Digital products are non-refundable once downloaded, but we offer support to resolve technical issues."},
{
id: "q3",
title: "Can I request custom work?",
content: "Yes, contact us.",
},
id: "q3", title: "Licensing Terms", content: "All beats come with standard usage rights, check our full policy documentation for details."},
]}
sideTitle="Have questions?"
sideTitle="Payments & Policies"
sideDescription="Details on how we handle your transaction and licensing."
faqsAnimation="slide-up"
/>
</div>
@@ -315,11 +197,10 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={true}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Contact"
title="Let's Collaborate"
description="Send us an email for custom projects."
description="Send us an email for custom projects or billing inquiries."
mediaAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/phone-with-music-icon-headphones-blurred-background-music-listening-concept-copy-space_169016-14360.jpg"
/>
@@ -329,21 +210,19 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Store",
items: [
title: "Store", items: [
{
label: "Beats",
href: "#products",
},
label: "Beats Catalog", href: "#products"},
{
label: "Payment Policy", href: "#faq"},
],
},
{
title: "Support",
items: [
title: "Legal", items: [
{
label: "FAQ",
href: "#faq",
},
label: "Terms of Service", href: "#"},
{
label: "Privacy Policy", href: "#"},
],
},
]}
@@ -353,4 +232,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}