Merge version_2 into main #1
60
src/app/beats/page.tsx
Normal file
60
src/app/beats/page.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
245
src/app/page.tsx
245
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user