bender/2dbf2375-665b-40ca-835f-464bb9eb7ae6
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 2 commits from version_2 into main 2026-04-21 20:29:32 +00:00
Conversation 0 Commits 2 Files Changed 2 +42 -69
2 changed files with 42 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

103
src/app/page.tsx
View File

@@ -4,11 +4,11 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
@@ -28,16 +28,13 @@ export default function LandingPage() {
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home", id: "/"},
{
name: "XALPHYN", id: "/xalphyn"},
{ name: "Home", id: "/" },
{ name: "XALPHYN", id: "/xalphyn" },
]}
brandName="SYNTHBEATSWAVES"
button={{
text: "Get Access", href: "#contact"}}
button={{ text: "Get Access", href: "#contact" }}
/>
</div>
@@ -46,10 +43,8 @@ export default function LandingPage() {
logoText="SYNTHBEATSWAVES"
description="AI-Generated Music. No Copyright. Infinite Creativity. Power your content with the future of sound."
buttons={[
{
text: "Explore Music", href: "#tracks"},
{
text: "Meet The Creator", href: "/xalphyn"},
{ text: "Explore Music", href: "#tracks" },
{ text: "Meet The Creator", href: "/xalphyn" },
]}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-rainbow-nature_23-2151498298.jpg"
/>
@@ -59,14 +54,11 @@ export default function LandingPage() {
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text", content: "The Digital Music Revolution"},
{
type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CgMQVM840iKtrmj88Cn6c5EwJ5/uploaded-1776803164070-4koag6ze.jpg"},
{ type: "text", content: "The Digital Music Revolution" },
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CgMQVM840iKtrmj88Cn6c5EwJ5/uploaded-1776803164070-4koag6ze.jpg" },
]}
buttons={[
{
text: "Learn More"},
{ text: "Learn More" },
]}
/>
</div>
@@ -77,12 +69,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
features={[
{
title: "AI Music Creation", description: "Cutting-edge algorithmic compositions.", imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139258.jpg"},
{
title: "Visual Edits", description: "Cinematic music and visual storytelling.", imageSrc: "http://img.b2bpic.net/free-photo/contemporary-home-office-urban-apartment-decorated-with-wooden-furniture_482257-119606.jpg"},
{
title: "100% Copyright-Free", description: "Impactful sound without the strikes.", imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-concept-digital-art_23-2151637780.jpg"},
{ title: "AI Music Creation", description: "Cutting-edge algorithmic compositions.", imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139258.jpg" },
{ title: "Visual Edits", description: "Cinematic music and visual storytelling.", imageSrc: "http://img.b2bpic.net/free-photo/contemporary-home-office-urban-apartment-decorated-with-wooden-furniture_482257-119606.jpg" },
{ title: "100% Copyright-Free", description: "Impactful sound without the strikes.", imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-concept-digital-art_23-2151637780.jpg" },
]}
title="Our Agency Ecosystem"
description="Next-generation tools for creators."
@@ -96,18 +85,12 @@ export default function LandingPage() {
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "1", name: "Memory Reboot", price: "Free", variant: "Synthwave", imageSrc: "http://img.b2bpic.net/free-photo/anime-car-city_23-2151710959.jpg"},
{
id: "2", name: "Neon Dreams", price: "Free", variant: "Cyberpunk", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-moon-background_23-2150930682.jpg"},
{
id: "3", name: "Distant Echoes", price: "Free", variant: "Cinematic", imageSrc: "http://img.b2bpic.net/free-photo/dreamy-interior-mall_23-2151591472.jpg"},
{
id: "4", name: "Void Pulse", price: "Free", variant: "Dark Synth", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-easter-decorative-eggs_23-2150184359.jpg"},
{
id: "5", name: "Binary Soul", price: "Free", variant: "Ambient", imageSrc: "http://img.b2bpic.net/free-photo/image-concept-study-headphones-laptop-books_185193-109619.jpg"},
{
id: "6", name: "Zero Grid", price: "Free", variant: "High Energy", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-man-doing-kettlebells_183364-118241.jpg"},
{ id: "1", name: "Memory Reboot", price: "Free", variant: "Synthwave", imageSrc: "http://img.b2bpic.net/free-photo/anime-car-city_23-2151710959.jpg" },
{ id: "2", name: "Neon Dreams", price: "Free", variant: "Cyberpunk", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-moon-background_23-2150930682.jpg" },
{ id: "3", name: "Distant Echoes", price: "Free", variant: "Cinematic", imageSrc: "http://img.b2bpic.net/free-photo/dreamy-interior-mall_23-2151591472.jpg" },
{ id: "4", name: "Void Pulse", price: "Free", variant: "Dark Synth", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-easter-decorative-eggs_23-2150184359.jpg" },
{ id: "5", name: "Binary Soul", price: "Free", variant: "Ambient", imageSrc: "http://img.b2bpic.net/free-photo/image-concept-study-headphones-laptop-books_185193-109619.jpg" },
{ id: "6", name: "Zero Grid", price: "Free", variant: "High Energy", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-man-doing-kettlebells_183364-118241.jpg" },
]}
title="Featured Tracks"
description="Infinite sounds for creators."
@@ -121,12 +104,9 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={true}
metrics={[
{
id: "m1", value: "500+", description: "Tracks Created"},
{
id: "m2", value: "12", description: "Platforms Active"},
{
id: "m3", value: "2.5M", description: "Creator Streams"},
{ id: "m1", value: "500+", description: "Tracks Created" },
{ id: "m2", value: "12", description: "Platforms Active" },
{ id: "m3", value: "2.5M", description: "Creator Streams" },
]}
title="Impact In Numbers"
description="Powering creators worldwide."
@@ -138,16 +118,11 @@ export default function LandingPage() {
textboxLayout="split-description"
useInvertedBackground={false}
testimonials={[
{
id: "1", title: "Essential for Edits", quote: "SBW transformed my workflow entirely.", name: "Sarah J.", role: "Youtuber", imageSrc: "http://img.b2bpic.net/free-photo/girl-wearing-headphones-filming-listening-new-album-from-favorite-artist_482257-119126.jpg"},
{
id: "2", title: "Pure Magic", quote: "The synthwave aesthetics are unmatched.", name: "Mark L.", role: "Producer", imageSrc: "http://img.b2bpic.net/free-photo/male-dj-grey-suit-listening-headphones-enjoying-music_114579-15960.jpg"},
{
id: "3", title: "Cinematic Impact", quote: "Everything I need for my film edits.", name: "Emily P.", role: "Filmmaker", imageSrc: "http://img.b2bpic.net/free-photo/corporate-young-woman-with-eyeglasses-holding-papers_23-2148452647.jpg"},
{
id: "4", title: "Game Changer", quote: "The best copyright-free library ever.", name: "David W.", role: "Streamer", imageSrc: "http://img.b2bpic.net/free-photo/neon-portrait-man-wearing-glasses_158595-7929.jpg"},
{
id: "5", title: "Unique Sound", quote: "My gaming montages are top-tier now.", name: "Chris K.", role: "Creator", imageSrc: "http://img.b2bpic.net/free-photo/young-man-works-computer-night_169016-62908.jpg"},
{ id: "1", title: "Essential for Edits", quote: "SBW transformed my workflow entirely.", name: "Sarah J.", role: "Youtuber", imageSrc: "http://img.b2bpic.net/free-photo/girl-wearing-headphones-filming-listening-new-album-from-favorite-artist_482257-119126.jpg" },
{ id: "2", title: "Pure Magic", quote: "The synthwave aesthetics are unmatched.", name: "Mark L.", role: "Producer", imageSrc: "http://img.b2bpic.net/free-photo/male-dj-grey-suit-listening-headphones-enjoying-music_114579-15960.jpg" },
{ id: "3", title: "Cinematic Impact", quote: "Everything I need for my film edits.", name: "Emily P.", role: "Filmmaker", imageSrc: "http://img.b2bpic.net/free-photo/corporate-young-woman-with-eyeglasses-holding-papers_23-2148452647.jpg" },
{ id: "4", title: "Game Changer", quote: "The best copyright-free library ever.", name: "David W.", role: "Streamer", imageSrc: "http://img.b2bpic.net/free-photo/neon-portrait-man-wearing-glasses_158595-7929.jpg" },
{ id: "5", title: "Unique Sound", quote: "My gaming montages are top-tier now.", name: "Chris K.", role: "Creator", imageSrc: "http://img.b2bpic.net/free-photo/young-man-works-computer-night_169016-62908.jpg" },
]}
title="Community Voices"
description="Hear from the creators we power."
@@ -157,28 +132,26 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{
variant: "sparkles-gradient"}}
background={{ variant: "sparkles-gradient" }}
text="Start creating with SBW today. Join our digital rebellion."
buttons={[
{
text: "Browse Tracks"},
{
text: "Download Music"},
{ text: "Browse Tracks" },
{ text: "Download Music" },
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
<FooterBase
logoText="SYNTHBEATSWAVES"
leftLink={{
text: "YouTube", href: "https://youtube.com"}}
rightLink={{
text: "Instagram", href: "https://instagram.com"}}
columns={[
{ title: "Platform", items: [{ label: "Tracks", href: "#tracks" }, { label: "AI Tools", href: "#features" }] },
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
{ title: "Social", items: [{ label: "YouTube", href: "https://youtube.com" }, { label: "Instagram", href: "https://instagram.com" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

8
src/app/styles/variables.css
View File

@@ -10,10 +10,10 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #000000;
--card: #0f0f12;
--foreground: #ffffff;
--primary-cta: #7c3aed;
--background: #050505;
--card: #101014;
--foreground: #f0f0f0;
--primary-cta: #8b5cf6;
--primary-cta-text: #ffffff;
--secondary-cta: #06b6d4;
--secondary-cta-text: #ffffff;